/********************************
* Desktop admin CSS
*
* (c) Areanet Pty. Ltd. All Rights Reserved. ABN:84 114 634 561
*/

* {margin: 0; padding: 0;outline:none;}

img {border:0;}
div.brick img {
	width: 100%;
	max-width: max-content;
}

.nw {white-space: nowrap;}

/* floats and clears */
.fr {float:right}
.fl {float:left}
.floatright {float:right !important; margin-left:5px; line-height: 1em;}
.floatleft {float:left; margin-right:5px;}
.clear {clear: both;}
.clearleft {clear:left;}
.clearright {clear:right;}
.clearnone {clear:none;}
.cr {clear:right;}
.tc {text-align: center;}
.tr {text-align: right;}
.vt {vertical-align: top;}
.vb {vertical-align: bottom;}
.vm {vertical-align: middle;}

.flex {display: flex;}
.flex.column {flex-direction: column;}


/* clearfloat */
.cf:after{
	content:".";
	display:inline;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0
}
.cf{
	display:inline-block
}

/* color reset */
.initialColor {
	color:initial;
}


html[xmlns] .cf{
	display:block
}
* html .cf{
	height:1%
}


/* generic definitions */
html{ font: normal 16px 'Karla', sans-serif; }
body, iframe { letter-spacing: -0.25px; }
a:link, a:visited {text-decoration: underline;}
a:hover {text-decoration: underline;}
table {
	border: 0;
	border-collapse: collapse;
}

h1 {
	font-size: 2em;
	padding: 25px 15px;
}
.iFrameBody h1 {font-size: 30px;}
h2 {
	font-size: 1.5em;
	margin: 10px 0;
}

div.float-right {
	float:right;
	margin-left:20px;
	text-align:center;
}
div.float-right img {padding:5px;}
h3 {margin:15px 0 5px 0;}

/* dashed underline used at truncateAt string parameter */
.dashedUnderline { text-decoration: underline dashed !important;}

/* For the print view */

p {margin:7px 0 7px 0;line-height: 1.3em;}
p.spacingbelow {margin-bottom: 2em;}

.pointer {cursor:pointer;}

.loginUsagePolicy, .loginUsagePolicy:visited {text-decoration: underline; cursor: pointer;}

/* Single Admin Area text (e.g. help text) */
.subnodeArea {clear:both; padding:1em 0;}
.single-admin-area {clear:both; margin: 0 0 1em 0; padding: 1em 0;}
.iFrameBody .single-admin-area {margin-bottom: 0}
.singleAdminArea.flex {justify-content: center;}
div.single-admin-area div.text-body-area ul, div.single-admin-area div.text-body-area ol {margin:10px 0 30px 30px;padding:0;}
div.single-admin-area div.text-body-area ul li {margin: 0 0 .3em 0;padding:0;text-indent:0;background-position:0;}
div.single-admin-area div.text-body-area ol li {margin: 0 0 .3em 0;list-style-type:decimal;list-style-position:inside;text-indent:-20px;}
div.single-admin-area div.text-body-area li ul, div.single-admin-area div.text-body-area li ol {margin: 5px 0 5px 20px;}
div.single-admin-area div.text-body-area li ul li, div.single-admin-area div.text-body-area li ol li {margin: 0 0 4px 0;}
div.single-admin-area div.text-body-area {margin:0 30px 0 30px;}
div.single-admin-area div.text-body-area.tabhelp {line-height: 20px; margin: 0 1.875rem .5rem;}
div.single-admin-area div.text-body-area h1, div.single-admin-area div.text-body-area h2 {margin-left:0;}
div.single-admin-area div.text-body-area p {margin:7px 0 7px 0;}

.iFrameBody div.single-admin-area div.text-body-area.tabhelp.inIframe {margin-left: 15px}
.iFrameBody div.single-admin-area .subtab-all-innerbox div.text-body-area.tabhelp.inIframe {margin-left: 0}
div.subTabContents div.text-body-area.tabhelp {margin-left: 1.875em}

.tabhelp.flex {
	align-items: flex-start;
}
.flex .shortHelp {
	align-self: center;
}

.required {text-decoration: none;}
.req_vis {display:inline;}
.required.star {font-size: 1.75em; line-height: .4em;}
.req_invis {display:none;}

/* general inputs */
input, textarea, select {
	font-size:.875rem;
	font-family: unset;
	padding:.25rem .75em;
	border-radius: 3px;
	vertical-align: middle;
	letter-spacing: -0.25px;
}
textarea {
	box-sizing: border-box;
}
input:disabled {
	cursor: unset;
}
input, select:not([multiple]) {
	height: 1.5625rem;
	box-sizing: border-box;
}
input[type='button'], input[type='submit'],
	input[type='checkbox'], input[type='radio']{
	height: unset;
}

input[type='checkbox'], input[type='radio'] {
	appearance: none;
	margin-right: .5em;
	margin-left: .2em;
	width: 1.25rem;
	height: 1.25rem;
	padding: 0;
	border-width: 2px;
	border-radius: 3px;
	position: relative;
	vertical-align: middle;
}
input[type="radio"] {
	border-radius: .6125rem;
}
input[type="checkbox"]:checked:before, input[type="radio"]:checked:before {
	content: "";
	position: absolute;
	height: 10px;
	width: 5px;
	rotate: 37.5deg;
	background-color: transparent;
	border-width: 0 3px 3px 0;
	top: 0px;
	left: 4px;
}
input[type="radio"]:checked:before {
	height: 0.75rem;
	width: 0.75rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	rotate: unset;
	border-radius: 0.375rem;
}
input[type='checkbox']:disabled, input[type='radio']:disabled {
	cursor: no-drop;
}

.centered input[type='checkbox'] {
	margin-right: .1em;
}
/* container for checkbox with image (traffic light or tick) */
.checkboxPlus {
	white-space: pre;
}
.checkboxPlus svg {
	margin-left: 0.1875em;
}

option {padding-right:1em;} /* this hax firefox into making the select wide enough for the widest element to be fully visible */
select {padding: .5ex 0 .5ex .5em;}
.single-admin-form select {padding: .5ex .5em; max-width: 500px;}

.vshort {
	width: 3.3rem;
	padding-right: 0.5em;
}
.short  {width:100px;}
.normal {width:250px;}
.long   {width:375px;}
.vlong  {
	width:min(500px, 95%);
}

.vsmalltextarea{width:170px; height:50px;}
.smalltextarea {width:300px; height:70px;}
.mediumtextarea{width:400px; height:100px;}
.largetextarea {
	width:min(700px, 95%);
	height:250px;
	box-sizing: border-box;
}
.vlargetextarea {
	width:min(800px, 95%);
	height:400px;
}

.worklog.input {border-bottom: none; border-radius: 3px 3px 0 0;}
.worklog.display {border-top: none; border-radius: 0 0 3px 3px;}

/*emal check inputs*/
input.dblChkEmail:first-child {
	display: block;
}
input.dblChkEmail {
	margin-bottom: .25em;
}

/* date element in list view */
.calendarInput, .calendarInputDT {
	border-right-width: 0;
	border-radius: 3px 0 0 3px;
	max-width: 100px;
}
.calendarInputDT {
	max-width: 135px;
}
.calendarInputDT.ampm {
	max-width: 155px;
}
.dateContainer {
	display: flex;
	align-items: center;
}
.dateClearButton {
	border-width: 1px 1px 1px 0;
	border-radius: 0 3px 3px 0;
	padding: 2px 4px;
	display: inline-block;
	height: 25px;
	box-sizing: border-box;
	cursor: pointer;
}
.dateClearButton svg {
	height: 20px;
	width: 20px;
}
.dateClearButton.disabled, .dateClearButtonDT.disabled, .flatpickr-input[readonly]:disabled{
	cursor: unset;
}
/* common definitions*/
.main-color1 {
	padding: 1em;
	margin: 0 1.5em;
	border-radius: 3px;
}
.main-color1.flex {
	padding: 2em;
}
.main-color1.flex div {
	margin-right: 2em;
}
.resizeArrow {float:right}

select.smallwidth {width:40px;}
.monospace {font-family: monospace;}

.htmlboxed {
	box-sizing: border-box;
	-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;
	overflow: hidden;
	text-align: initial;
	resize: both;
}
.htmlboxed.fullwidth {
	width: 100%;
	margin: -1em 0 1em;
}
/* firefox iframe resezer hack*/
.resizerBox {
	display: flex;
	margin: 0;
	padding: 0;
	resize: both;
	overflow: hidden;
	width: initial;
}
.single-admin-area .resizerBox {
	width: 700px;
}
.resizerBox > .htmlboxed {
	margin: 0;
	padding: 1px;
	border: 0;
	height: 100% !important;
	width: 100%;
}

/* main divs */

#main-part {
	width: 100%;
	height:100%;
	margin-top: 106px;
}
#main-part.mainList {
	margin-top: 112px;
}
.iFrameBody #main-part {
	margin-top: 72px;
}
.iFrameBody #main-part.mainList {
	margin-top: 60px;
	padding-top: 11px;
}
.printBody #main-part.mainList {
	margin-top: 0;
}

#main-part h3 {margin-left: 30px;}
#foot-top {
	width: 100%;
	padding-bottom: 16px;
	padding-left: 25px;
}
.foot-bottom-cell {height: 16px;}
.foot-content {padding: 5px 0;}
#foot-text {
	padding: 8px 0;
	font-size: .75em;
}
.foot-content .logo {
	float: none;
}

/* mobile/desktop selector*/
.mobdesk a {
	font-size: .95em;
}

.login {
	padding: 2.5em;
	margin-bottom: 2rem;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	box-sizing: border-box;
	max-width: 410px;
}
.login a {
	letter-spacing: -.5px;
}
.login h2 {
	text-align: center;
	margin: 0 0 1em 0;
}
#main-part .login h3 {
	text-align: center;
	margin: 0 0 1em 0;
	letter-spacing: .1875px;
}
.login-table {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.login .row {
	margin-bottom: .6875rem;
	font-size: .875em;
	width: 100%;
	position: relative;
}
.login .row p {
	max-width: 20rem;
}
.login input[type="submit"] {
	padding: .75ex 2em;
	font-size: 1.125em;
	cursor: pointer;
	min-width: 20rem;
	margin-top: .25em;
	height: 31px;
	border: 0;
}
.login input[type="text"], .login input[type="password"] {
	width: 100%;
}
.login label {
	display: block;
	font-weight: 600;
	margin-bottom: .25em;
	opacity: .75;
}
.login-table .row.divider {
	border: none;
	font-size: 1.125rem;
	font-weight: 600;
	text-align: center;
	line-height: 0;
	margin: 1.375em 0 2em;
}
.sso-button {
	display: flex;
	align-items: center;
}
.sso-button-image {
	height: 55px;
	padding: 2px;
	box-sizing: border-box;
	border-radius: 3px 0 0 3px;
}
.sso-button-image svg {
	height: 45px;
	width: 45px;
}
.sso-button input[type="submit"] {
	min-width: calc(20rem - 55px);
	height: 55px;
	margin-top: 0;
	border-radius: 0 3px 3px 0;
	box-sizing: border-box;
}
.sso-button input[type="submit"].no-image-button {
	min-width: 20rem;
}
.footer-sso-login-link span {
	margin-right: 8px;
	vertical-align: middle;
}
.row.divider span {
	background-color: #fff;
	padding: 0 1em;
}
.pass {
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 25px;
}
.pass.hide {
	display: none;
}
.pass svg {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
.login .usagepolicy-label {
	display: flex;
	align-items: center;
}
input[type='checkbox'].usagepolicy {
	margin-left: 0;
}
.login-footer {
	justify-content: space-around;
 }
.login-footer #foot-top {
	width: unset;
}
.login-footer #foot-text {
	max-width: 410px;
}

.login .sso {
	max-width: 500px;
}
.login .warning {
	font-weight: bold;
	font-style: italic;
}
.logo {
	float: right;
	margin-right: 30px;
}
.login .logo {
	margin-right: 0;
}
.logo svg {
	width: 250px;
	height: 52px;
	margin-top: 1em;
}

.login-table .warn {
	font-style: italic;
	margin-bottom: 1.5ex;
}
.login-table .label {
	margin-bottom: .5ex;
}
.login-table .input {
	margin-bottom: 2.5ex;

}

/*---------------------------------*\
|									|
|	   page top part elements		|
|									|
|	top line menu, personal menu	|
|	title							|
|	buttons							|
|	breadcrumb, navline etc.		|
|									|
\*---------------------------------*/

.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	width: fill-available;
	width: -moz-available;
	width: -webkit-fill-available;
}
.topLine {
	max-height: 30px;
	z-index:10;
	justify-content: space-between;
}
.personalMenuContainer {
	margin-right:1em;
	align-items: center;
}
#title-line {
	width: 100%;
	height: 70px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 1;
}
.mainTitle h1 {
	padding: 0 0 0 25px;
}
#title-line .overlay {position:absolute; display:none; width: 100%; height: 100%; z-index:1;}
#title-line .overlay.noTopMargin { top: 0;}
#title-line.hiddenButtons .overlay {right:0;}
.iFrameBody #title-line .overlay {position:absolute; display:none; width: 100%; height: 100%; z-index:1;}
#title-line h1 .helpQuestionMark {
	margin:7px 0 0 10px;
	font-size: .5em;
}
.helpQuestionMark.general,
	.helpQuestionMark.notice,
	.helpQuestionMark.warning,
	.helpQuestionMark.error {
		box-sizing: border-box;
		font-weight: bold;
}
.iFrameBody #title-line {
	overflow: hidden;
	background: none;
	position: fixed	;
	top: 0;
	border-radius: 3px 3px 0 0;
}
.iFrameBody #title-line.reverse, .printBody.inIframe #title-line.reverse {
	flex-direction: row-reverse;
}

.exclamation {
	border-radius: 3px;
	font: 20px/23px Tahoma,Arial,Helvetica,sans-serif;
	padding: 0 6px 1px;
	border: 1px solid black;
	text-align: center;
	font-weight: bold;
	float: left;
	margin: 18px 5px 0 0px;
}
.elementid-div .exclamation {
	float: initial;
}

/* menu elements - for normal admin menu only (across the top) */
.marginLeft {margin-left: 20px;}
.mainMenuContainer {
	position: relative;
	z-index:50;
	font-size: .875em;
	letter-spacing: -.25px;
}
.mainMenuContainer li {list-style: none;}
.mainMenuContainer li.toplevel {margin-right: 1px; padding-left: 6px; position: relative; white-space: nowrap;}
.mainMenuContainer li.delimiter {display:none;}
.mainMenuContainer li.toplevel a {padding: 7px 6px 5px 0;}
.mainMenuContainer li.toplevel>a:hover {}
.mainMenuContainer li.submenu-opener { padding-right: 11px; }
.mainMenuContainer li.submenu-opener ul {top:-10px; left: 228px;}
.mainMenuContainer li.submenu-bottom, .mainMenuContainer li.submenu-top {height:4px; padding:0; line-height:0;}
.mainMenuContainer li.hr,
.mainMenuContainer li.hr:hover {height:1px !important; line-height:0; margin:0; padding:0;}
.mainMenuContainer li a {display: block; text-decoration:none;}
.mainMenuContainer li span.disabled {font-size: 14px; display: block; font-style:italic;} /* non-clickable items */
.mainMenuContainer ul {position: absolute; z-index:50; margin: 0;}
.mainMenuContainer ul.level0 {z-index:51; height: 29px; display: flex;}
.mainMenuContainer ul.level1 {z-index:52;}
.mainMenuContainer ul.level3 {z-index:53;}
.mainMenuContainer ul.level4 {z-index:54;}
.mainMenuContainer ul ul {width: max-content; left: 5px; position: absolute; display: none;border-radius: 3px;}
.mainMenuContainer ul ul li {position: relative;}
.mainMenuContainer ul ul li:last-child {padding-bottom: .125em;}
.mainMenuContainer li.toplevel li a {padding:4px 1em; display: block; line-height: 1.3em;}
.mainMenuContainer ul ul li a:hover {text-decoration:none;}

.personalMenuContainer div {
	position: relative;
	justify-items: center;
}
.personalMenuContainer .tickWarn {
	width: 24px;
	height: 24px;
	margin-top: 3px;
}

/* internal notifications related */
 #internalNotifications:after{
	content: attr(data-unread);
	position: absolute;
	display: none;
	font: bold 0.625em/1.125em sans-serif;
	text-align: center;
	padding: 0.25em;
	border-radius: 50%;
	opacity: 1;
	top: 0;
	right: 0;
	min-width: 1em;
	height: 1em;
}
/* display the :after when there's unread messages */
#internalNotifications.hasunread:after{
	display: block;
}

/* quickedit links in the menus */
div.quickLinks-minor {position:absolute; z-index:8;}
div.quickLinks-minor svg {margin-top: 3px; border:0; padding:0; cursor:pointer; width:14px; height: 14px; border-radius: 3px;}
ul ul div.quickLinks-minor svg { margin-top: -3px; width: 12px; height: 12px;}
li.toplevel>div.quickLinks-minor {left:-1px; top:-8px;}

/* button icons in a row */
.iconLine {
	align-items: center;
	margin-right: 1em;
	z-index: 1;
	display: none;
	align-items: stretch;
	position: relative;
}
.iFrameBody .iconLine {margin-top: 0; margin-right: 0;}
.iFrameBody .reverse .iconLine {direction: ltr;}
.iFrameBody .iconItem {padding: 0 2px;white-space: nowrap;}
.iFrameBody .iconButton {display:block; margin: 0 auto;}
.iconLine.fbuttonAdded {
	margin-right: -.25em;
	align-items: center;
}
.iconLine.noTopMargin {
	margin-top: 0;
}
.iconItem {
	width: min-content;
	padding: 4px 4px 0 4px;
	text-align: center;
	font-size: .6875rem;
	cursor: pointer;
}
.iconItem:last-child { padding-right: 0; }
.iconItem a {
	text-decoration:none;
	display:block;
	position: relative;
	z-index: 0;
}

/* navigation div on the top */
.navigation-div {
	font-size: .75em;
	margin: -1.5em 0 .5em 25px;
	z-index: 2;
}
.elementid-div {
	margin: -1em 0 .25em 25px;
	z-index: 2;
}
.navigation-div, .elementid-div {
}
.nav-arrow {font-size: 1em; font-weight: bold;}
.navigation-div input.toggle-search {margin-right: 15px; float:right;}

div.lastRegenTime {
	margin: -1.6875em 0 -0.25em 25px;
	padding: .0625em .375em;
	border-radius: 0 0 3px 3px;
	font-size: .75rem;
	width: max-content;
}
#title-line h1.moreTopSpace {
	left: 20px;
	top: 25px;
}
div.navigation-div.moreTopSpace {
	padding: 3px 0 0 20px;
	top: 55px;
}
.iFrameBody .elementid-div {
	align-self: flex-end;
	margin: 0 0 .5em 7px;
}
.iFrameBody .elementid-div::before {
	content: "";
	display: inline-block;
	box-sizing: content-box;
	margin-right: .625em;
	rotate: 45deg;
	border: 6px solid;
	border-left-color: transparent;
	border-bottom-color: transparent;
}

/*	page top part ends	*/

.ajaxFormHeadRow {padding: 0 25px 0 0;}
.ajaxFormHeadRow table {width: 100%;}
.ajaxFormHeadRow h1 {margin:0; padding:0; line-height: 1em; font-size: 1.6rem;}
.ajaxFormHeadRow .t2 {width: 50px; padding:0 0 0 10px; text-align: center;font-size: 10px; vertical-align: top; cursor: pointer;}
.popupContent .quickediteye {margin:0 0 0 -15px; top: 10em; position: absolute;}
.popupContent .targetIcon { position: absolute; margin: -.5em 0 0 -1.5em }

/* calendar redefinitions*/
.flatpickr-calendar {
	font-size: .875rem;
	border-radius: 3px;
	line-height: unset;
	width: unset;
	max-width: 17em;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
	padding: .625em;
}
.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
	width: .857em;
	height: .857em;
}
.flatpickr-current-month .flatpickr-monthDropdown-months,
	.flatpickr-current-month input.cur-year {
	font-weight: bold;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
	height: unset;
}
.flatpickr-current-month, span.flatpickr-weekday {
	font-size: unset;
}
.dayContainer {
	width: unset;
	max-width: unset;
	min-width: unset;
}
.flatpickr-weekday {
	font-weight: bold;
}
.flatpickr-days {
	width: 17em;
}
.flatpickr-day {
	max-width: unset;
	height: unset;
	line-height: unset;
	border-radius: 0;
	padding: .1875em 0 .25em;
}
.flatpickr-day.selected {
	font-weight: bold;
}
.flatpickr-day.today {
	font-weight: bold;
}
.flatpickr-calendar.hasTime .flatpickr-time, .flatpickr-time .numInputWrapper {
	height: 2em;
}
.flatpickr-time {
	line-height: 2em;
	max-height: unset;
}
/* fullcalendar set month row height*/
.fc-row.fc-week {
	height: unset !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-radius: 3px;
	font-size: .875em;
}
.ui-widget-header {
	border: 0;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
	font-weight: bold;
}
.ui-slider-access {
	display: none;
}
.ui-slider-horizontal {
	width: 100% !important;
}

/* attached media lists */
table.attached-medialist {width:100%; border-collapse: collapse;}
table.attached-medialist td {padding:5px;}
table.attached-medialist td.info {padding:10px 10px 5px 15px;}
table.attached-medialist td.mediaimage {text-align:center; vertical-align:top; width:120px;}
table.attached-medialist td.mediainfo {vertical-align:top; padding:5px;}
table.attached-medialist td.mediainfo table {margin-left:10px;}
table.attached-medialist td.mediainfo table tr {}
table.attached-medialist td.mediainfo table td.col1 {font-style: italic;}
table.attached-medialist table.mediainfoint {border-collapse: collapse;}
table.attached-medialist table.mediainfoint td {padding:0 5px 0 5px;white-space: nowrap;}

.papercliplist {
	vertical-align: middle;
}

/* dashboard blue boxes */
table.blue-box {margin: 15px 30px;}
table.blue-box td.left {height: 1px;}
table.blue-box td.icon {height: 1px;width: 143px; vertical-align:top;}
table.blue-box td.content {height: 1px; width:500px;}
table.blue-box td.functions {height: 1px; width: 280px;}
table.blue-box td.right {height: 1px; width: 10px;}
table.blue-box td.top-empty {height: 10px;}
table.blue-box td.bottom-empty {height: 10px;}
table.blue-box td.left-column {width: 10px;}
table.blue-box td.right-column {width: 10px;}
table.blue-box td.icon-column {vertical-align: top; width:150px;}
table.blue-box td.content-column {vertical-align: top;}
.content-column {padding-left: 20px;}

.content-text {margin: 0 0 15px;}

p.help {font-size: .875rem;}

ul.function {margin: 5px 10px;}
ul.function li {list-style: none; background-repeat: no-repeat; background-position: left center; padding-left: 15px; font-size:11px; line-height: 16px;}

table.dashboard-section {width: 100%;}
table.dashboard-section td {vertical-align: top;}
table.dashboard-section td:first-child {padding-right: 1.5em;width: 30%;}
table.dashboard-section td.main {padding:5px 10px 5px 10px;}
table.dashboard-section td.menu-column {width: 20%;}
table.dashboard-section td.content-column {}
table.dashboard-section td.function-column {width: 160px; font-size:12px;}
table.dashboard-section td.function-column table.buttons {margin: 0 20px;}

table.dash-dataset-table {border-collapse: collapse; margin-top:5px;}
table.dash-dataset-table th, table.dash-dataset-table td {padding:3px 5px 3px 5px; font-size:11px;}
table.dash-dataset-table th {}
table.dash-dataset-table td {}

div.dash-dataset-holder {margin-left:30px;}
div.dash-dataset-holder p {line-height:1.2em;}
div.dash-dataset-holder p.inline {display:inline; margin-right:10px;}
div.dash-dataset-holder p.multi-title {margin-top:10px;}


/* generic dividers */
.border-right-divider {}
.border-left-divider  {}
.border-bottom-divider{}
.border-right-divider-blue {}
.dividerHelp {
	display: flex;
}
.dividerHelpIcon {
	padding: 7px 0 7px 0;
}
.dividerHelpText {
	padding-right: 30px;
}

/* single form view */
/* tab list */
[class*="tabList"] {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.tabList {padding:0 0 0 30px;}
.tabListContainer {
	justify-content:space-between;
	flex-wrap: nowrap;
}
div.single-admin-tabrow {padding-left:15px; margin:0;}
div.single-admin-form {margin:0; width:100%;}
table.single-admin-form {width:100%; border-collapse:collapse;}
table.single-admin-form tr.parentrow td {}
table.single-admin-form h4 {
	padding-bottom: .4em;
	margin-right: 30px;
}

/* conditional visibility changing classes for table rows */
table.single-admin-form tr.condvis_changeable {}
table.single-admin-form tr.condvis_base {}
table.single-admin-form th {padding:5px; font-size:13px; font-weight: normal;}
table.single-admin-form td {padding: 1.3ex 0 0 1em; font-size: .875rem;}
table.single-admin-form td.helpqtip {padding: .75em .16666em 0; width: .5em;}
table.single-admin-form td td {padding: 0 10px 0 0; height: 50px; box-sizing: border-box;}
table.single-admin-form td.left-col {text-align:right; width: 20%; border-width:0 0 1px 1px; position: relative;}
table.single-admin-form td.left-col.quickeditSpace {padding-right: 1.3em;}
.left-col .quickeditlink {position: absolute; top: 50%;right: .3em;transform: translateY(-50%);}
table.single-admin-form td.right-col {text-align:left; border-width:0 1px 1px 0; line-height: 1.3em;width:80%;position: relative;}
table.single-admin-form td.right-col svg {vertical-align: middle;}
.right-col .tickWarn {
	position: absolute;
	left: 0.375em;
	top: calc(50% - 1.3ex);
	z-index: 1;
	transform: translateY(15%);
	z-index: 1;
}
table.single-admin-form td.right-col .MainContrastedButton {vertical-align: middle;}
table.single-admin-form td.help-col {margin: 0; padding: 3px 10px 8px; font-size: 10px;width: 40%;}
table.single-admin-form td.help-col p {margin: 0 0 7px 0px;}
table.single-admin-form td.help-col .helptag {margin-right:5px; vertical-align:middle;}
table.single-admin-form td.help-col ul {list-style-position:inside;}
table.single-admin-form td.help-col li {margin-left:15px;}
.flexContainer { display: flex; }
.flexContainer.wrap { flex-wrap: wrap; }
.flexContainer>div:not(.stringContainer, .copyLinkBox){ margin-top: .25em; }
[class^="timeDisplay"] {margin-right: .375em;}
table.single-admin-form td .timeDisplay {font-size:1.2em; font-weight:bold; line-height: 1.375em;}
.timeDisplayInput { display: flex; align-items: center; }
.rightColLabel {margin-left: .25em;}
td.help-col .infotag {margin-left:-3px; padding-top: 0px ;}
td.centered .infotag {padding-top: 0px ;}
.subtabs-container table.single-admin-form td.left-col {line-height: 20px; height:20px;} /* this keeps any column-layout subtabs' - like the measurements tabs - fields aligned, otherwise the input element's size messes it up */
.subtabs-container table.single-admin-form td.right-col {line-height: 20px; height:20px;} /* this keeps any column-layout subtabs' - like the measurements tabs - fields aligned, otherwise the input element's size messes it up */
#main-part .subtab-col h3 {text-align:left;}

div.single-admin-form-headline {padding:5px; text-align:left; font-size:13px; font-weight: normal; font-style:italic;}

div.html-checkboxes input {margin-right:5px;}
div.box-rounded {height:10px;margin: 0 -20px 0 -45px;}
div[class="single-admin-area"] div.box-rounded, div[class="single-admin-area"] div.box-rounded {margin: 0;}
div.box-rounded img.imgright {text-align:right; float:right; width:10px;}
div.box-rounded img.imgleft {text-align:left; float:left; width:10px;}
div#thumb-selection {margin:1px 20px 0 0; overflow: scroll; height:100px; padding:2px;}
div#thumb-selection img {margin:2px; cursor:pointer;}
div#thumb-selection img:hover, div#thumb-selection img:visited {}
.tabElement, .tabElement.active {
	margin-right:3px;
	position: relative;
	cursor:pointer;
	text-align: center;
}
.tabElement a, .tabElement.active a {
	padding: .5em .4285em 0;
	line-height: 2.25em;
}
.tabElement a {
	display: inline-block;
	font-size: .875em;
	letter-spacing: -.25px;
	text-decoration: none;
	cursor:pointer;
	opacity: .5;
}
.tabElement.active a { opacity: 1}

h3.tab {
	position:relative;
	clear:left;
	padding-top: 1em;
	border-bottom: 1px solid #ddd;
}

/* checkout timer */
#check-out-countdown {
	box-sizing: border-box;
	border-radius: 0 0 8px 8px;
	height: 2.25em;
	line-height: 2em;
	padding: 0 .3125em 0 2.5625em;
	font-family: monospace;
	text-align: right;
}
/* border is needed to keep IE happy. */
#check-out-spacer {
	position: absolute;
	right: 16px;
	bottom: -36px;
	z-index: 1;
}

/* table view */

/* search filter layer */
#searchLayer {
	position: relative;
	left: 22px;
	width: 635px;
	border-radius: 3px;
	box-sizing: border-box;
	z-index: 3;
}
#searchAdvOptionsLayer {
	position: absolute;
	top:0;
	left: 645px;
	padding-top: var(--filter-panel-margin);
	border-radius: 3px;
	box-sizing: border-box;
	z-index: 3;
}
.searchLayerBottom {
	 overflow: hidden;
	 border-radius: 0 0 3px 3px;
	 padding: var(--filter-panel-margin);
	justify-content: space-between;
}
#searchLayer h2 {
	display: inline-block;
	font-size: 1.25rem;
	margin: 0;
	padding-bottom: 3px;
}
#searchLayer .MainContrastedButton {
	border-radius: 3px;
	cursor: pointer;
	font-size: .875rem;
	line-height: 1.125rem;
}
#searchLayer .searchDefaults .flex div:last-child .MainContrastedButton {
	margin-top: 0.5em;
}
h2.filterLayer {
	padding-right: 26px;
}
#searchDefaultsForm .MainContrastedButton {
	float: right;
}
#exportFilters {
	display: inline;
}
.searchDefaultsContainer {
	padding: var(--filter-panel-margin);
	justify-content: space-between;
}
.searchDefaultsTitle {
	width: max-content;
	align-self: end;
}
.searchDefaults {
	width: 385px;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 0 0 3px 3px;
	justify-content: space-between;
}
.searchDefaults:first-child {
	padding-bottom: .5em;
}
.searchDefaultsContainer input {
	margin-left: .5em;
	float: right;
}
.searchFilters {
	width: 100%;
	padding-top: var(--filter-panel-margin);
}
.searchFiltersFrame, .viewsContainer {
	margin: 0 var(--filter-panel-margin) 1em;
}
.searchFilters td {
	box-sizing: border-box;
	padding: 0 5px 5px 0;
	position: relative;
}.searchFilters td:nth-child(3) {
	padding-right: 0;
}
.selectRelation option{
	height:.875em;
}

#exportFilters {
	display: inline;
	margin-right: .5em;
}
.filterSubmit{
	margin-right: 22px;
}
#searchLayer td.search-content, td.search-content-b {padding:0; font-weight: bold; font-size: 14px;}
td.search-content-b select {padding: 1px 0;}
#searchLayer td.search-content-b input {margin-top: 0;}
div#searchTButton, #searchTButtonClose {
	cursor: pointer;
	position: absolute;
	top: 54px;
	border-radius: 16px;
	width: 32px;
	height: 32px;
	z-index: 8;
}
.iFrameBody div#searchTButton, .iFrameBody #searchTButtonClose, .iFrameBody #searchAdvancedBtn {
	top: 22px;
}
div#searchTButton {
	right: -30px;
	box-shadow: 10px 0 10px 0px rgba(0, 0, 0, 0.36);
	display: none;
	z-index: 8;
}
#searchTButtonClose {
	left: -22px;
	box-shadow: -10px 0 10px 0px rgba(0, 0, 0, 0.36);
}
#searchTButton.calendarSearchAbove {
	left: -7px;
	right: unset;
	top: 175px;
}
#searchTButton.calendarSearchBelow {
	position: initial;
	margin: -25px 0 0 -5px;
	float: left;
}
.calendarBelow #searchTButtonClose {
	top: -25px;
	left: -27px;
}
.calendarBelow {
	margin-bottom: 20px;
}

#searchAdvancedBtn {
	cursor: pointer;
	position: absolute;
	top:54px;
	right: -20px;
	border-radius: 16px;
	height:32px;
	z-index: 3;
}

.viewsContainer {
	overflow: hidden;
}
.viewsContainer div {
	padding-bottom: 5px;
}
.viewsContainer div:last-child {
	padding-bottom: 0;
}
.regularUser .viewsContainer div:last-child {
	padding-bottom: 5px;
}
.viewsContainer input[type="checkbox"] {
	margin-left: 0;
}
.viewsContainer label {
	font-size: .875rem;
	line-height: 1.125rem;
	margin-left: 1em;
	vertical-align: middle;
}
.viewsContainer label input {
	margin-right: .3em;
}
.viewsContainer .MainContrastedButton {
	margin-right: 1em;
}

#searchLayer .selSavedViews {
	width: 29.5em;
}
#searchLayer .viewsContainer input[type="text"] {
	margin: 0;
	width: 29.5em;
}
.viewsContainer select#selFilterNoticeType {
	width: 7em;
	margin-left: 1em;
}

.select2-container {
	border-radius: 3px;
	text-align: left;
}
.select2-selection__rendered {
	padding: 0 .5em;
}
.searchFilters .select2-selection__rendered, .select2-results__option[aria-selected] {
	font-size: .875em;
}
.searchFilters .select2-container {
	min-width: 175px;
	max-width: 175px;
	box-sizing: border-box;
}
table#search-filters td input[type="text"] {
	font-size: .875rem;
	width:220px;
}

td.search-content-b {padding-left:25px;}
td.search-content-b table#search-filters {margin:0 30px 0 0;}
.saveFilterButton div {
	display: inline-block;
}
.genericFilter {
	font-size: .875em;
	padding-left: 2em;
	font-weight: normal;
}
.genericFilter * {
	vertical-align: middle;
}
.genericFilter input[type="checkbox"] {
	margin-right: .3em;
}

/* others */
select.search-text, input.search-text, select.long-text, input.long-text {width: 100px; font-size: 12px;}
input.search-text {width: 150px;}
input.long-text, select.long-text {width: 180px;}

/* main table elements */
table#main-content {margin: 25px 30px;}
#admin-list-page-holder {
	margin-left: 1em;
	margin-right: 1em;
	border-radius: 3px;
}

/* list pager */
.listPager {
	position: fixed;
	justify-content: space-between;
	align-items: center;
	width: 98.75%;
	width: fill-available;
	width: -moz-available;
	width: -webkit-fill-available;
	height: 41px;
	margin-top: -41px;
	margin-left: -16px;
	z-index: 2;
}

.selectPages{
	text-align: right;
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: unset;
}
.selectPages option {
	direction: rtl;
}
.pager {
	align-items: center;
}
.pager > div {
	margin: 0 1em;
}
.recordsPerPage, .recordsPerPage select, .pageList {
	font-size: .875rem;
}
.pageNumber, .selectedPage {
	display: inline-block;
	height: 1.5em;
	min-width: 1.5em;
	line-height: 1.5em;
	text-align: center;
	margin: 0 .25em;
	border-radius: 3px;
	box-sizing: border-box;
}
a.pageNumber {
	text-decoration: none;
	min-width: 1em;
}
.nextPage {
	margin-right: 1em;
}

.mainTableContainer {
	margin-top: 40px;
}
/* main table head */
table.main-table {
	background: inherit;
	color: inherit;
	width: 100%;
	z-index:0;
	position: relative;
}

/* sticky header */
.sticky { position: sticky;}
.main-table .main-head-cell {
	padding: 1.5ex .25em 0;
	vertical-align:top;
	text-align:center;
	top: 141px;
	left: 0px;
	min-width: 2.5em;
	z-index:1;
}
.iFrameBody .main-table .main-head-cell {
	top: 100px;
}
.main-table .main-head-cell:first-child { z-index:3; }

.main-table .chk {left: 0; top:203px; z-index:1; width: 30px; padding-left:5px; padding-right: 8px;}
.main-table .edit-link { left: 28px; top:203px; z-index:1; padding-left: .3em; text-align: center; font-size: .875rem; font-weight: bold; }

.main-table .edit-link, .main-table .chk { top: 192px; }

.iFrameBody .main-table .chk, .iFrameBody .main-table .edit-link { top: 80px; }

table.main-table input, table.main-table option, table.main-table select {}
.main-table td a {}
.main-table td img, .main-table td svg {vertical-align: middle;}
a.recordIdField {}
.main-table .htmlboxed {width: initial; min-width: 15em; position: relative;}
.main-table .htmlboxed * {}
.colourCodedString {
	border-radius: 3px;
	padding: .125em .3175em .125em.25em;
}
tr.main-head-row {}

.main-table .stringContainer {
	display: inline-block;
	line-height: 1.375em;
}

.main-head-cell.idCell {
	min-width: auto;
	left:29px;
	z-index: 3;
}
.main-head-cell .quickeditlink {position: absolute; top:-.15em; left: 50%; transform:translateX(-100%);z-index: 2;}
.main-head-cell input[type="checkbox"] {margin-right: 0;}

#rowSelector {min-width: auto; width: 1em;}
.main-table sup, .single-admin-form sup {cursor:default;}

/*sorter table definitions*/
.sorter-table {margin:0 auto .2em;}
.table {display: table;}
.trow {display: table-row;}
.tcell {
	display: table-cell;
	vertical-align: top;
	position: relative;
	border-bottom: none;
	font-size: .875rem;
	letter-spacing: -.25px;
}
.tcell a {
	text-decoration: none;
	margin-bottom: 5px;
}

/* main table data */

.main-table .nowrap {white-space: nowrap;}
.main-table .arrows {padding: .25em 0 .3em; vertical-align: bottom;}
.main-table tr.aggregate td {padding:3px 5px 4px; text-align: center;}
.main-table td {padding: 1ex 1em; font-size: .875em; box-sizing: border-box;}
.main-table td:not(.chk, .edit-link) {position: relative;}

.main-table td.data {font-size: 11px;}/* the missing padding is in .recordIdField */
.main-table td.leadin {width:1%; text-align: center;}
.main-table td.audit {width:75px !important;}
.main-table td.edit {width:80px !important;}
.main-table .centered {text-align: center;}
.main-table td.right {text-align: right;}
.main-table td.nowrap input.vshort {width:35px;}
.main-table td.nowrap input.short {width:80px;}
.main-table td.nowrap input.normal {width: 150px;}
.main-table td.nowrap input.long {width:275px;}
.main-table td.nowrap input.xlong {width:350px;}

.main-table .chk label {display: block; min-height: 100%; height: auto !important; height: 100%;}
.main-table .chk input[type="checkbox"] {vertical-align: middle;margin-right: 0;}

.main-table .tickWarn {
	position: absolute;
	top: 50%;
	left: 0.375em;
	transform: translateY(-45%);
	z-index: 1;
}

.right-col label {margin-right: 3px; display: inline-block;}

/* user feedback, errors, warnings and info highlights */
div#feedback-holder, #feedback-holder-empty-list {
	display: block;
	position: fixed;
	top: 50px;
	left: 60px;
	margin-right: 60px;
	z-index: 9;
}
div#feedback-holder.login-page {
	left: 50%;
	transform: translateX(-50%);
	margin-right: 0;
}
.feedback {
	font-size: 1.375em;
	padding:.75em 4.2em .65em .75em;
	text-align:left;
	position: relative;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	min-width: 500px;
	background-size: 18%;
	background-repeat: no-repeat;
	background-position: 95%;
	margin-bottom: .5em;
}
.countBack {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 5px;
	width: 100%;
	opacity: .5;
}
.feedback .close-button {width: 40px; height: 40px; top:5px; right:5px}
.feedback .moreMessage {
	cursor: pointer;
}

.feedback div {
	margin-bottom: .3em;
	line-height: 1.1em;
	/*display: flex;*/
}
.feedback br {
	/*display: block;*/
}
@supports (-ms-ime-align:auto) { /*MS doesn't know "display: contents" we have to use bloc rather than flex*/
	/*.feedback div {
	display: block;
	}*/
}
/**
* new ajax feedback div style, should replace the old one; it can be positioned fixed to the viewport, or event
*/
.ajaxFeedback{
	display:none;
	z-index: 99;
	position:fixed;
	top: 20px;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
	padding: 1em 3em .5em 1em;
	min-height:32px;
	margin-bottom:2px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-repeat: no-repeat;
	background-position: 97% center;
	background-size: 6em;
}
.ajaxFeedback .close-button {
	top:0;
	right:.1em;
	width: 28px;
	height: 28px;
	background-position: center center;
}
.ajaxInlineFeedback {position:relative; top:0; margin-top:5px;}


/* buttons */
input.push-button {padding:0 5px 0 5px; cursor: pointer; font-size:12px;}
input.push-button.de-select, input.push-button.reset-sort {display: block; text-indent: 1000px; overflow: hidden; width: 68px; height: 16px;}
input.push-button.reset-sort {margin-bottom: 8px;}

.MainContrastedButton {
	font-size: .875rem;
	line-height: 1em;
	margin-left: .1em; cursor: pointer;
	border-radius: 3px;
	padding: .5ex .5em;
}
.MainContrastedButton:hover {
	text-decoration: none;
}
.MainContrastedButton.moreSpace {
	margin-left: .3em;
}
.MainContrastedButton.disabled {
	cursor: default;
}
.recordIdField.MainContrastedButton {
	text-decoration: none;
	text-align: center;
	padding: .2em .7em;
	width: 90%;
	box-sizing: border-box;
	display: inline-block;
	font-weight: bold;
}

.right-col .MainContrastedButton{
	display: inline-block;
}
.help .MainContrastedButton {
	font-size: 1.143em;
}
.colourCodedRed, .colourCodedGreen, .colourCodedYellow, .colourCoded {
	box-sizing: border-box;
	display: inline-block;
	min-width: 3em;
	height: auto;
	padding: .2em;
	text-align: center;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.right-col .colourCodedRed, .right-col .colourCodedGreen, .right-col .colourCodedYellow {
	font-size: .875em;
	padding: 0.2em 0.25em 0 0.4em;
}

/* selects, colour coded to trafficLights logic */
[data-class^='selectColourCoded'], [data-class^='selectColourCoded'] option{
	border-radius:3px;
}
[data-class^='selectColourCoded']:disabled{
	opacity: .8;
	color: inherit;
}

/*Selec2 override inline definitions*/
.select2-container--disabled {
	opacity: .8;
}
.select2-container--disabled .select2-selection__arrow {
	opacity: .3;
}
.iFrameBody .select2-hidden-accessible option, .iFrameBody .select2-hidden-accessible option {
	display: none;
}
.defFilter .select2-container a {
}
.defFilter select {
	padding-right: 2px;
}


/* FF hack */
@supports (-moz-appearance:meterbar) and (background-blend-mode:difference,normal) {.defFilter select {
	padding-right: 0;
}}

table.general {margin:0;}
table.general td {padding:0;}

/* empty fields */
span.emp {display: inline-block; font-style: italic; text-align: center;}
.main-table span.emp {width: 100%;}
.right-col .emp {text-align: left;}

/* Admin system images and styles (output direct from PHP code) */
.checkoutyes {display:inline; padding:10px; cursor:default;background: url('data:image/svg+xml;utf8, <svg x="0px" y="0px" width="20px" height="20px" viewBox="0 0 28 28"><rect x="6.954" y="7" fill="#FFFFFF" width="14.092" height="14"></rect><path d="M28,14c0,7.732-6.268,14-14,14C6.269,28,0,21.732,0,14C0,6.27,6.268,0,14,0C21.732,0.001,28,6.27,28,14z M7,9l5.041,5.094L7,19l2,2l5-5l5,5l2-2l-5-5l5-5l-2-2l-5,5L9,7L7,9z"></path></svg>') no-repeat; background-position:center;}
.checkoutno {display:inline; padding:10px; cursor:default;background: url('data:image/svg+xml;utf8, <svg x="0px" y="0px" width="20px" height="20px" viewBox="0 0 28 28"><path d="M11.5,19.498l-6-5.999l2-2l4,3.999L23.398,3.6c-2.532-2.533-6.032-4.1-9.898-4.1c-7.731,0-14,6.268-14,14 c0,7.73,6.268,14,14,14c7.732,0,14-6.27,14-14c0-2.843-0.854-5.483-2.309-7.691L11.5,19.498z"></path></svg>') no-repeat; background-position:center;}
.checkoutwarn {display:inline; padding:10px; cursor:default;background: url('data:image/svg+xml;utf8, <svg x="0px" y="0px" width="21px" height="21px" viewBox="0 0 21 21"><path class="yl" d="M18.686,17.998H1.317c-0.21,0-0.305-0.055-0.319-0.066c0-0.012-0.008-0.119,0.081-0.306l8.923-16.373 l8.945,16.42c0.063,0.138,0.058,0.245,0.049,0.269C18.984,17.949,18.891,17.998,18.686,17.998L18.686,17.998z"></path><path class="bl" d="M19.823,17.193L10.86,0.745C10.623,0.249,10.312,0,10,0S9.377,0.249,9.14,0.745L0.176,17.193 C-0.297,18.188,0.216,19,1.316,19h17.368C19.783,19,20.297,18.188,19.823,17.193z M2.56,17L10,3.347L17.439,17H2.56z M9,12h2V7H9V12 z M9,16h2v-2H9V16z"></path></svg>') no-repeat; background-position:center;}
.archfolder {display:inline; padding:10px; cursor:default; margin-right:2px;background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgNDggNDgiIHdpZHRoPSIyMnB4IiBoZWlnaHQ9IjIycHgiPjxwYXRoIGZpbGw9IiNGRkEwMDAiIGQ9Ik0zOCwxMkgyMmwtNC00SDhjLTIuMiwwLTQsMS44LTQsNHYyNGMwLDIuMiwxLjgsNCw0LDRoMzFjMS43LDAsMy0xLjMsMy0zVjE2QzQyLDEzLjgsNDAuMiwxMiwzOCwxMnoiLz48cGF0aCBmaWxsPSIjRkZDQTI4IiBkPSJNNDIuMiwxOEgxNS4zYy0xLjksMC0zLjYsMS40LTMuOSwzLjNMOCw0MGgzMS43YzEuOSwwLDMuNi0xLjQsMy45LTMuM2wyLjUtMTRDNDYuNiwyMC4zLDQ0LjcsMTgsNDIuMiwxOHoiLz48L3N2Zz4=") no-repeat right;}
.archpadding {font-family:monospace;}
.infotag {display:inline-block; overflow: hidden; height:1.3em; width: 1.3em; margin-top: 5px; cursor:pointer; text-decoration: none !important; border-radius: 3px; box-sizing: border-box;text-align: center;}
.helptag {
	display:inline-block;
	cursor:pointer;
	text-decoration: none !important;
	border:none;
	font-size: 1.35em;
	font-weight: bold;
	padding: .1em .3em 0 .2em;
	border-radius: 3px;
}
span.helptag {cursor: default;}
table.logger {text-align: left; margin-top: 100px;}

/* process status - for function logs */
div#processatatus {line-height:1.6em; padding:.75em;}
div#processatatus h1 {padding:0 0 20px 0;}
div#processstatus hr.clear {clear:both;}
div#processatatus h3 {font-size:1rem;font-weight: bold; margin-left: .75em; color: #fff;} /*this should go to the theme stylesheet*/
div#processatatus .MainContrastedButton {color: #000; background-color: #f9aa33; border: 1px solid #f9aa33;text-decoration: none;} /* definitely should stay in the theme stylesheet*/
div#processatatus h3.warn {color:#f00;}
div#processatatus h3.complete {}
div#processatatus p {margin:7px;font-family: monospace;}
div#processatatus .warning {font-weight: bold;}
div#processatatus .feedback {
	font-size: .875em;
	border-width: 2px;
	border-style: solid;
	padding: .5em 1em;
	margin-bottom: 1em;
	display: block;
	border-radius: 3px;
	clear: both;
}


/* menu generator headings */
div.helpgen p, div.helpgen li, div.helpgen ol, div.helpgen ul {margin-left:40px;}
div.helpgen h1, div.helpgen h2, div.helpgen h3, div.helpgen h4, div.helpgen p {font-weight: normal; padding:5px; margin:7px 0 7px 0; float:none !important;}
div.helpgen p {padding-left:30px;}
div.helpgen h1 {font-size: 22px; margin:15px 0 0 0; padding:0;}
div.helpgen h2 {font-size: 18px; margin:15px 0 0 10px;}
div.helpgen h3 {font-size: 16px; margin:15px 0 0 20px;}
div.helpgen h4 {font-size: 14px; margin:15px 0 0 30px;}
div.helpgen h1, div.helpgen h2, div.helpgen h3, div.helpgen h4 {}

/* certificate generator */
.private-key-generator {
	margin-left: 30px;
}
.private-key-generator > textarea {
	min-width: 600px;
	min-height: 470px;
}
.private-key-generator > button {
	display: block;
	margin-top: 10px;
}

/* smartfooter */
iframe#smartfooter {float:right; overflow:auto; width:400px;}


/* function help descriptions */
div.helpdesc {width:300px; margin: 5px 0 0 20px; padding-left: 15px;}

/* for template name output */
div.smartytemplate {padding-left:3px; position:relative; z-index:15; margin:.75em; font:bold .66em Arial, sans-serif; text-align:left;color:#f00;background-color: #ff0;} /* the colors are default in each theme */
table.dashboard-module td {vertical-align:top;}
table.dashboard-module td.left-column {width:150px;}
table.dashboard-module td.right-column {padding:10px 15px 10px 0;}
table.dashboard-module h2 {margin-left:0;font-weight:bold;font-size:24px;}

table.logfile-list {min-width:400px;}
table.logfile-list td {padding:2px; white-space:nowrap;}
table.logfile-list td.filesize {padding:2px 20px; text-align: right; font-style: italic;}
table.logfile-list td.filename{padding:2px 20px;}

/* all the sticky menu styling */
div.stickyVerticalMenu {padding-left: 20px;}
div.stickyVerticalMenu img.opener {width:15px; height:15px; vertical-align:middle; cursor:pointer;}
div.stickyVerticalMenu li.current>a {} /* the currently selected sticky menu */
div.stickyVerticalMenu li.prevSelected>a {} /* the previously selected sticky menu */
div.stickyVerticalMenu li a:hover {}
div.stickyVerticalMenu li.currentBranch>a {font-weight:bold;} /* the currently selected sticky menu */
div.stickyVerticalMenu li {list-style-type: none;}
div.stickyVerticalMenu li.hr {list-style: none;} /* the separators */
div.stickyVerticalMenu ul.level1,
div.stickyVerticalMenu ul.level2,
div.stickyVerticalMenu ul.level3,
div.stickyVerticalMenu ul.level4,
div.stickyVerticalMenu ul.level5,
div.stickyVerticalMenu ul.level6,
div.stickyVerticalMenu ul.level7 {margin-left: 10px; display:none;}

div#sysfoot {clear:both; padding:10px;}
div#sysfoot table {padding: 0; margin:0; border-collapse: collapse;}
div#sysfoot table td {padding: 0 1px;}
div#sysfoot a {}

div.content-area {clear:both; margin:0 15px 30px 15px;}
div.content-area div.intro {font-style: italic; margin: 15px 30px;}
div.content-area div.content {margin: 15px 30px;}

/* node editing table (e.g. Access Settings) */

/* prevent selection of node rights view table */
table#nodeRightsTable table.coloredTable td{
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.coloredTable { margin:0 10px 0 30px; border-collapse: initial;}
.coloredTable td,
	.coloredTable th.nodefirstcol { padding:3px; text-align:center; font-weight: normal; height: 100%; }
.coloredTable td label { display:block; width: 100%; height: 100%; text-align: center; }
.coloredTable th.top,
	.coloredTable th.topleft { padding: 10px 3px; vertical-align:top; text-align:center; }
/* sticky header */
.coloredTable th.top { position: sticky; top: 102px; left: 160px; box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); z-index:2; }
.coloredTable th.topleft { position: sticky; left: 0; top: 102px; box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); z-index:3; }
.coloredTable th.nodefirstcol { position: sticky; left: 0; top:226px; z-index:1; }


iframe.iFrameTab {
	margin: 0 1em 1.25em;
	min-height: 150px;
	width: fill-available;
	width: -moz-available;          /* WebKit-based browsers will ignore this. */
	width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
}


/**
* ajax styles
*/
#feedBackDiv {
	position: absolute;
	display: none;
	z-index: 99;
	font-size:1.1em;
	font-weight:bold;
	margin:10px 0 10px 0;
	padding:15px 25px;
	text-align:center;
	border-radius: 10px;
}

#feedBackDiv.menu-manage {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 0;
	text-align: left;
}
#feedBackDiv.menu-manage h2{
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	padding: 5px 35px 5px 10px;
	margin: 0;
}
#feedBackDiv.menu-manage .qtip-close{
	top: 2px;
	right: 2px;
	cursor: pointer;
	z-index: 100;
}
#feedBackDiv.menu-manage .qtip-close:hover{
	text-decoration: none;
}
.qtip-icon .ui-icon.ui-icon-close {
}
div.AJAXMenu {position:relative;top:0;z-index:10;}
div.AJAXMenu ul {margin:0; padding:0;}
div.AJAXMenu li {list-style: none; position: relative; line-height:1em;}
div.AJAXMenu li a {display: block;text-decoration:none; font-size: 11px; padding: 5px 15px;}
div.AJAXMenu a:link, div.AJAXMenu a:visited {}
div.AJAXMenu li.delimiter {display: inline;}
div.AJAXMenu li.hr {height:1px !important; line-height:0 !important;margin:0;padding:0;}
div.AJAXMenu li.button {position:relative;}
div.AJAXMenu li.button:hover {}


/* tabs & subTabs */

table.subtabColumnsContainer {width: 100%;}
table.subtabColumnsContainer tr {margin: 0 20px;}
table.subtabColumnsContainer table {width: 100%;}
table.subtabColumnsContainer table td.left-col {text-align:right; vertical-align:top; width: 30%; font-style:italic;}
table.subtabColumnsContainer table td.right-col {text-align:left; vertical-align:top; width: 30%;}
table.subtabColumnsContainer table td.help-col {vertical-align: top;}

.subtab-col {width: 100%; margin: 1em 0;table-layout: fixed;}
.subtabs-container h4 {height: 26px; padding-left: 15px; padding-top: 10px; margin:0;}
.subtab-bordered {
	padding-bottom: 1em;
	white-space: normal;
}
.subtabs-container.pushup {margin-top: -1em}
.subtabList {
	padding-left: 1.875em;
}
.subtabList a:focus {}
.subTabContents, .subtab-all-innerbox {clear: both; padding-top: .875em;}
/*.subtab-all-innerbox {padding: 0 10px 2px;}*/
#main-part .subtab-all-outerbox h3 {position: relative;}
.subtab-all-outerbox {padding: 1em;}
.iFrameBody .subtab-all-outerbox {padding: 0;}
.subtab-all-outerbox.first {border:0}
.subtab-all-outerbox.pushup {border-top: none;}
.subtab-all-outerbox li {margin-left:15px;}

.close-button {background:url("../images/system/btn_logout.svg") no-repeat scroll left top transparent; cursor:pointer; height:26px; width:26px; position:absolute; right:10px; top:8px; padding:0; margin:0;}

.claro {font-family:unset; font-size:12px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal;}

/* iFrame style mod*/
body.iFrameBody #main-part { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; min-height: 50px; box-sizing: border-box;}
body.iFrameBody div.bottom-fader {margin-bottom: 0px;}

body.iFrameBody div#searchTButton {margin-left: -8px;}
body.iFrameBody div#admin-list-page-holder {
	margin-left: 15px;
	margin-right: 0;
}

.iFrameBody #searchLayer {
	top: 0;
	z-index: 4;
}

/* read only tables */
table.single-admin-form.read-only {border-collapse: inherit; width:initial; text-align: center; margin: 0 40px;}
table.single-admin-form.read-only td {padding: 1.3ex .5em}
table.single-admin-form.read-only a {}

/* subnodes view submenu list, horizontal */
.menuHelp {
	margin: 0 1em;
	padding-bottom: .5em;
	font-size: .875em;
	position: relative;
}
.menuHelp.noTopBorder {border-top: 0;}
.menuHelp h2 {margin-top: .4em;}
.ssmenulist {margin:0 1em;}
.ssmenulist a {white-space: nowrap;}
.ssmenulist .menuLink {display: inline; position: relative;}
.menuHelp .quickLinks-minor {position:absolute; display:block; left:-.6em;top:-.8em;}
.ssmenulist .quickLinks-minor {margin: 0 -9px 0 -5px; left:0;bottom:-4px;}
.menuHelp .MainContrastedButton {	text-decoration: none; font-size: 1.5em; padding: .5em 1.5em; font-weight: bold; }

/* the eye icon quick-edit link, always on top and outside of tabs */
a.quickeditlink {}
.quickeditlink svg {width: 14px; height: 14px; border-radius: 3px; box-sizing: border-box;cursor: pointer;}
.main-head-cell .listResetSort{
	width:20px;
	height:24px;
	border-radius:3px;
	box-sizing:border-box;
}
.main-head-cell .clickAllIDs {
	margin-left: 0;
}
.quickediteye {position: absolute; margin-left: 5px; border: none;}
.iFrameBody .quickediteye { top: 69px; }
.quickediteye svg {border-radius: 3px; box-sizing: border-box;}
.ajax.tabManagePencil {
	position: absolute;
	top: -.25em;
	left: .875em;
}



/* quickedit links in single-view forms */
.single-admin-form td .quickeditlink img {margin-bottom: -3px; margin-left: 5px;}
/* quickedit read-only list head */
.single-admin-form th .quickeditlink img {margin-top: 4px; margin-left: -8px;}
/* quickedit on tabs */
.tabList .quickeditlink, h3.tab .quickeditlink {position: absolute; left: 0; top:0; display: block; margin:0; padding:0; z-index: 1;}
h3.tab .quickeditlink {left: -15px; top: -8px;}
.popupWrap.ajax h3.tab .quickeditlink {left: 0; top: -.8em;}
/* quickedit on tab - all tabs visible mode */
.subtab-all-outerbox h3 .quickeditlink img {margin-bottom: -3px;}
h3.tab .quickeditlink img {margin-left: -18px;}
/* quickedit on subtabs */
.tabElement .quickeditlink {padding: 0; position:absolute; display: block; width: 15px; height: 15px;top: 0;left: 0;}
.subtab-all-outerbox h3 .quickeditlink {
	position: absolute;
	top: -0.625em;
	left: -0.5em;
}
/* quickedit link in list column heads */
.sorter-table .quickeditlink img {width:14px; height:14px;}

/* - no more quickedit links - */

.cvcm_container {float:left; cursor:pointer;}
.mark_cv, .mark_cm, .helpIcon{
	display: inline-block;
	cursor: pointer;
	font-style: normal;
	font-weight: bold;
	height: 16px;
	line-height: 16px;
	text-align: center;
	text-transform: uppercase;
	width: 16px;
	border-radius: 3px;
	margin-left: .2em;
}
.mark_cv:hover, .mark_cm:hover {
	text-decoration: none;
}
.helpIcon {
	margin-left: 0;
	font-size: .75rem;
	height: 13px;
	line-height: 13px;
	width: 11px;
}

div.fullHelp {display:none;}

/* popup related definitions */
.popupOverlay{
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 100;
	top:0;
}
#popup-overlay-wait img{
	vertical-align: middle;
}
#popup-overlay-wait>div{
	margin-top: 80px;
	text-align:center;
	z-index: 102;
}
#popup-overlay-wait{
	z-index: 101;
	position: absolute;
	width: 300px;
	height: 200px;
	background: black;
	top: 40%;
	left:50%
}
#popup-wrap {
	z-index: 102;
}
.popupWrap {
	position: fixed;
	top: 0;
	z-index: 101;
	height: auto;
	padding: 20px;
	left: 50%;
}
.popupWrap.ajax {
	width: 70%;
	min-width: 700px;
	max-width: 2100px;
}
.popupContent .closebtn, .popupWrap .closebtn, .formPopupWrap .closebtn {
	float: right;
	cursor: pointer;
	position: absolute;
	top:2em;
	right:2em;
}
#popup-outer {
	height: 100%;
	position: relative;
	width: 100%
}
.popupContent {
	padding: 1.5em 2.5em 2em;
	border-radius: 3px;
	font-size: .9375rem;
}
.popupContent h1 {
	font-size: 1.6rem;
}
.popupContent .headAlign {
	margin-left:-10px;
}
.popupContent select {
	width: 98%;
	max-width: 273px;
}
.popupContent .dateSelect select {
	width: unset;
}
.popupContent .left-col {
	white-space: normal;
}
#popup-content ul, #popup-content ol {
	list-style-position: outside;
	margin-left: 30px;
}
#popup-help-content {
	max-height: 550px;
	overflow: auto;
	clear:none;
}
.deleteWarning ul {
	list-style-position: inside;
}
.deleteWarning .MainContrastedButton {
	display: block;
	float: left;
	padding: .5em;
	margin-top: .5em;
}
.deleteWarning i {
	font-weight: bold;
}

.popupContent h1 {
	float: none;
	padding: 10px 15px 5px 0;
}

[id$=toggle] {width: 100%; top:100px; right: 69px; z-index: 99;overflow: auto;}
[id$=toggle] h2 {margin: 0 0 20px; line-height: 25px;}
#menumanage-layer-toggle {
	overflow: unset;
	margin-top: 2em;
}

#info-layer, #usagepolicy-layer, #classmanage-layer, .menumanage-layer, #zoom-layer, #systemnotice-layer{padding: 10px;}

#classmanage-layer img {vertical-align: -15%;}
.menumanage-layer img {vertical-align: -15%;}
.menumanage-layer .spacer {margin: 20px 0;}
.popupContent div.menumanage-layer {margin-top: -4ex;}

/* settings layer */
#settings-layer-toggle { width: 600px;}
#settings-layer {padding: 5px 0; width: 580px;}
#settings-layer-toggle h2 {margin: 0; margin-bottom: 20px; z-index: 99; background-position: left top;}
#settings-layer table{margin:0 auto;}
#settings-layer td {padding:8px 0;}
#settings-layer td.helpqtip {width:14px;}
#settings-layer td.left-col {text-align: right; padding-right: 5px;position: relative;}
#settings-layer td.left-col.quickeditSpace {padding-right: 1.5em;}
#settings-layer .left-col .quickeditlink {right: unset;}
#settings-layer td.right-col {padding-left: 8px;}
#settings-layer .helptag {margin-right: 5px;	font-size: 1.05em; display: inline-block;}

.internalNotification-layer{ max-height: 75vh; overflow: auto; }
.internalNotification-item { margin: 0 1em 0 0; padding: 1em 1.5em; }
.internalNotification-item:last-child { border-bottom: none }
.internalNotification-item.unread {
	margin-top: 1em;
	border-bottom: none;
}
.internalNotification-title {
	width: fit-content;
	padding: 0.2em 0.5em 0.2em 0;
	font-weight: bold;
}
.internalNotification-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.noNotifications {
	white-space: nowrap;
	padding-right: 2em;
}
.popupWrap.notification {
	min-width: fit-content;
}
.popupWrap.myDetails {
	left: unset;
	right: 25px;
	top: 30px;
	padding: unset;
}
.myDetails #popup-content {
	padding: 0;
}
.myDetails #popup-content ul {
	list-style: none;
	margin: initial;
}
.myDetailsMenu a {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: .375em 1em .375em 1.25em;
	box-sizing: border-box;
	text-decoration: none;
}
.myDetails li:first-child {
	margin: 1em 1em .875em 1em;
}
.myDetails li:last-child {
	margin-bottom: .5em;
}

.gfxList { font-size: .875rem; }
.gfxList th {padding: .25rem; text-align:left; font-weight: bold;}
.gfxList td {padding: .25rem;}

.group-list a {padding-left:.3em;}
.group-list a.active {font-style: italic;text-decoration: underline dashed; padding: .1em .3em; margin-bottom: .2em; display: inline-block;}


/* group node rights view extras */
.bigger {line-height: 18px;} /* this is used on the same level as the stickyVerticalMenu, to space it out better for group node rights view */
.ac_noread    , .ac_noread:link   , .ac_noread:visited    {text-decoration:none;}
.ac_readonly  , .ac_readonly:link , .ac_readonly:visited  {text-decoration:none;}
.ac_readwrite , .ac_readwrite:link, .ac_readwrite:visited {text-decoration:none;}
.stickyVerticalMenu .liextra {float:left; cursor:default; letter-spacing: 1px; height: 12px; min-width: 21em;}
.stickyVerticalMenu .liextra img {padding:0;} /* w/o the negative vertical margin, IE plays up with anything less than 22px line height */
div.stickyVerticalMenu li a.noread{text-decoration: none; color: #656565;}
div.stickyVerticalMenu li a.noread:hover{text-decoration: none; color: #656565;}
.biggap {margin: 0 5px 0 3px;}
.stickyVerticalMenu .liextra .gap {margin-left: 4px;}
.stickyVerticalMenu .liextra img.bglft {margin-left: 8px;}
.stickyVerticalMenu .liextra .on {}
.stickyVerticalMenu .liextra .off {}
.liextra #btnTR, .liextra #btnSR { cursor: pointer; box-sizing: border-box; display: inline-block; vertical-align: bottom; }
.liextra #btnSR { width: 50px; }
.liextra #btnTR { border: none; margin-left: .5em; }
#btnSR {
	width: 3.85em;
	font-size: .85em;
	margin: -4px 0 0 1em ;
	padding: .2ex .5em;
	border-radius: 3px;
}

.gap_9 {margin-left: 6px;}
.gap_8 {margin-left: 8px;}
.gap_7, .gap_6, .gap_5 {margin-left: 12px;}
.gap_4 {margin-left: 6px;}
.gap_3, .gap_2, .gap_1 {margin-left: 2px;}

.helpQuestionMark {
	border-radius: 3px;
	float: right;
	font: 1em/1.25em Tahoma,Arial,Helvetica,sans-serif;
	margin: 28px 0 0 10px;
	padding: 0 6px 1px;
}
.tabhelp .helpQuestionMark {
	margin: 0 8px 0 0;
}

/* new stuff around charting */
div.chartHeader {}
div.chartLoader {
	padding: 15px;
}
div.chartEmbedCode {
	position:relative;
	width: 900px;
}
div.chartEmbedCode textarea, #allcodes {
	width: 100%; /* must be the same as the chartEmbedCode, otherwise the a.close will wander off */
	height: 100px; /* default in case the js does not work */
	overflow:hidden;
}
div.chartHeader a.close{
	display:block;
	position:absolute;
	padding: 3px;
}

/* the box that can be scrolled in the nodeRightsView area */
.nodeRightsScrollableGroup{
	height: calc(100vh - 150px);
	overflow-y: auto;
}

.nodeRightsGroupTable {
	width: 100%;
}
.nodeRightsGroupTable .lef-col {
	width: 30%;
	padding-right: 1.5em;
}
.nodeRightsGroupTable .content-column {
	padding-right: 5px;
}
.targetIcon {
	width: 20px;
	height: 20px;
	z-index:10;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-sizing: border-box;
	cursor:pointer;
	align-self: center;
}
.targetIcon svg {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border-radius: 3px;
}

pre.prewrapped{
	text-align: left;
	white-space: pre-wrap;       /* Since CSS 2.1 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* select2 for search filters */
.search-filters .select2-container .select2-choice {
	height: 14px;
	line-height: 14px;
	margin-top: -1px;
}
.search-filters .select2-container .select2-choice .select2-arrow b{
	background-position: 0 -4px;
}

/* jQuery dialog redefine */
.blueBox{
	border-radius: 3px;
	max-width: 55%;
	min-width: 300px;
}
.blueBox .ui-widget-header {
	background: transparent none;
	border: 0 none;
}
.blueBox .ui-dialog-title {
	font-size: 1.6rem;
	overflow: visible;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
	-ms-word-break: break-all;
}
.blueBox .popupContent {
	box-shadow: 0 0 transparent;
	border: 0 none;
	padding: 0;
}
.blueBox .ui-state-default .ui-icon {
	background: transparent none;
}
.blueBox .ui-dialog-titlebar-close {
	background: transparent url("../images/system/btn_logout.svg") no-repeat center center;
	background-size: contain;
	width: 32px;
	height: 32px;
	border-radius: 16px;
	border: 0;
	right: .5em;
	top: 1em;
}
.ui-dialog .ui-dialog-content{
	padding: 0 1.5em 1.5em;
	left: 0 !important;
}
.ui-dialog .ui-dialog-titlebar{
	padding: 1em 1.5em .5em;
	cursor: default;
}

.popupContent h2 {
	font-size: 1.6rem;
}
.popupContent .subhead {
	font: bold 14px Arial,Helvetica,sans-serif;
	margin-top: -10px;
}

.classRelationsBox {
	margin: 10px;
	padding: 10px ;
}
.classRelationsBox h3{
	margin-top: 0;
}
.classRelationsBox .green{
	margin:10px;
}
.classRelationsBox .black{
	margin:10px;
}

/*
*
* jQery tree-multiselect re-definitions
*
*/
.tree-button-row {
	padding-bottom: 1.5ex;
}
div.tree-multiselect {
	display: flex;
	width: 65%;
	min-width: min(95%, 800px);
	border-radius: 3px;
	margin-bottom: 2ex;
	font-size: .875em;
}
div.tree-multiselect input[type=checkbox] {
	display: inline-block;
}
div.tree-multiselect>div.selections, div.tree-multiselect>div.selected {
	border-radius: 3px;
}
div.tree-multiselect>div.selections{
	border-right: 1px solid #4a6572;
	padding: .7em;
}
div.tree-multiselect>div.selected {
	padding: .7em;
}
div.tree-multiselect .auxiliary input.search {
	box-sizing: border-box;
	margin-bottom: 5px;
}
div.tree-multiselect>div.selections div.item {
	display: flex;
	align-items: center;
}
div.tree-multiselect>div.selected>div.item {
	border-radius: 0;
}
div.tree-multiselect span.remove-selected {}
div.tree-multiselect span.remove-selected:hover {}
.div.tree-multiselect div.title {}
div.tree-multiselect>div.selections div.item label {
	line-height: 1em;
}

/* single wiev right column */
.right-col div.tree-multiselect {
	height: 17em;
	margin-bottom: 0;
	border: none;
}
.right-col div.tree-multiselect>div.selected, .right-col div.tree-multiselect>div.selections {
}
.right-col div.tree-multiselect>div.selections {
	margin-right: .2em;
}

/*
*
* jQery select2 re-definitions
*
*/

.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container .select2-selection--single {
	height: 1.5625rem;
	line-height: 1.5625rem;
	border-radius: 3px;
	box-sizing: border-box;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-left: .675em;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 1.5625rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-width: 0 1.5px 1.5px 0;
	height: 5px;
	width: 5px;
	rotate: 45deg;
	margin: -32% 0 0 -5%;
}
.select2-container--default .select2-results__option[aria-disabled=true] {}
.select2-results__option, .select2-results__option--highlighted {padding: 0;}
.select2-results__option.select2-results__message {padding: 6px;}
.select2-results__option span {
	padding: 6px;
	display: inline-block;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
}
/* make sure the select container can be nice and big, not just a few lines */
.select2-container--default .select2-results > .select2-results__options {
		max-height: 500px;
		min-height: 30px;
		overflow-y: auto;
		z-index: 10;
}
/**
* qTip help redefined styles
*
*/
.qtipAdmin{
	border-radius: 3px;
}
.qtip-content {
	width: max-content;
	max-width: 650px;
}
.qtipAdmin .qtip-titlebar {}
.qtipAdmin h1, .qtipAdmin h2,.qtipAdmin h3 {
	font-weight: bold;
	float: none;
	margin: unset;
	padding: unset;
	margin-bottom: 1ex;
}
.qtipAdmin h1 {
	font-size: 1.3em;
}
.qtipAdmin h2 {
	font-size: 1.2em;
}
.qtipAdmin h3 {
	font-size: 1.1em;
}
.qtipAdmin p {
	margin: unset;
	margin-bottom: 1.2ex;
}
.qtipAdmin ul, .qtipAdmin ol {
	list-style-position: outside;
	margin-bottom: 1.2ex;
	margin-left: 2em;
}
.qtipAdmin li {
	text-indent: -.25em;
	margin-bottom: .3ex;
}
.qtipAdmin strong {
	font-weight: bold;
}
.qtipAdmin em {
	font-style: italic;
}

/* floating scroll definitions */
.fl-scrolls {
	bottom:0;height:35px;overflow:auto;position:fixed
}
.fl-scrolls div {
	height:1px;overflow:hidden;pointer-events:none
}
.fl-scrolls div:before {
	content:"\A0"
}
.fl-scrolls,.fl-scrolls div {
	font-size:1px;line-height:0;margin:0;padding:0;z-index:10;
}
.fl-scrolls-hidden {
	bottom:9999px
}
.fl-scrolls-hidden div:before {
	content:"\A0\A0"
}
.fl-scrolls-viewport {
	position:relative
}
.fl-scrolls-body {
	overflow:auto
}
.fl-scrolls-viewport .fl-scrolls {
	left:0;position:absolute
}
.fl-scrolls-hoverable .fl-scrolls {
	opacity:0;transition:opacity .5s .3s
}
.fl-scrolls-hoverable:hover .fl-scrolls {
	opacity:1
}

.exportInlineRadios{
	display: inline-block;
	min-width: 130px;
	margin: 5px 10px;
	text-align: left;
}
.exportInlineRadios input{
	margin-bottom: 2px;
}
.exportInlineRadios label{
	padding: 2px 5px;
	display: inline-block;
	width: 100%;
	font-size: .875em;
}
#importFeedback{max-height: 300px; overflow: scroll;}

.peekaboo {
	margin-bottom: 2em;
}
div.h3{
	margin: 10px 0;
}

/*custon scrollbar visibility*/
.ps__rail-x, .ps__rail-y {
	border-radius: 7px;
	opacity: 0.6;
	z-index: 11;
}

/* function opener definitions*/
.functionOpenerButton {
	box-shadow: -5px 0px 10px 0px rgb(0 0 0 / 36%);
	margin: -0.5em 0 0 5px;
	border-radius: 16px;
	width: 32px;
	height: 32px;
}
.hiddenFunctions {
	position: fixed;
	top: 0;
	right: -250px;
	width: 250px;
	max-width: 250px;
	height: 100%;
	padding-top: 20px;
	box-sizing: border-box;
	transform: translateX(0);
	z-index: 102;
	overflow: hidden;
	font-size: 1rem;
	justify-content: space-between;
}
.hiddenFunctionsDropShadow {
	position: fixed;
	top: 0;
	right: -250px;
	width: 250px;
	max-width: 250px;
	height: 100%;
	z-index: 101;
	opacity: 0;
}
.hiddenFunctions .menuList {
	padding: 0 20px;
}
.hiddenFunctions ul {
	list-style:none;
}
.hiddenFunctions li:last-child {
	border-bottom-width: 0;
}
.hiddenFunctions li.spacer {
	border-bottom: 0;
}
.hiddenFunctions a:link, .hiddenFunctions a:visited, .hiddenFunctions span {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: inherit;
	line-height: 20px;
	display: inline-block;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	text-decoration: none;
}
.hiddenFunctions a:hover {
	text-decoration: underline;
}
.hiddenFunctions .closeHiddenFunctionsPanel {
	text-align: center;
	border-top: 1px solid rgba(0, 0, 0, 0.3);
}

/*writable log div in the top right in case it's needed pageHeader.tpl*/
.log {
	position:fixed; z-index:98; top:0; right:0; background: #fff; color: #000;
}

/*server stats*/
.bgVeryImportant {
	background-color: #f00;
}
.bgMedImportant {
	background-color: #ff0;
}
.bgImportant {
	background-color: #c0c0c0;
}


/*************************************
* additional css definitions for admin-side content area - to find the definitions easily this part stays at the bottom of this stylesheet
*/

/*every selector goes behind '.brick'*/

/*reset brick*/
.brick * {
	border: 0 none;
	background: none transparent;
	margin: 0;
	padding: 0;
	float: none;
	list-style-position: inside;
}
.brick ol, .brick ul {
	list-style-position: inside;
}
.brick table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*common definitions for content*/
.brick {
	margin: 10px 25px 45px;
}
.brick h1 {
	padding-top: .75em;
	margin-bottom: 15px;
}
.brick h2 {
	padding-top: .75em;
	margin-bottom: 12px;
}
div#main-part .brick h3 {/*we need the div#main-part because of the admin definition*/
	margin: 0 0 10px;
}
.brick p {
	margin-bottom: 15px ;
}
.brick li {
	margin: 0 0 5px 8px;
}
.brick.admin-footer {
	margin: 10px 25px 0 0;
}

/* make the text gray, or softer somehow - used to indicate non-compatible files on auto-updater list */
.graytxt{ color: gray; }

noscript { display:block; position: sticky; background: white; color: red; z-index:999; }

.tickWarn {vertical-align: text-bottom;}
#searchLayer .tickWarn {
	position: absolute;
	left: -12px;
	top: 2px;
	z-index: 1;
}

.speaker { width: 18px; height: 18px; vertical-align: middle; margin: 0 .2em; cursor: pointer; }

/******
 display type definitions
*/

/* file uploader */
.inlineFileUploadFrame { box-sizing: border-box; position: relative; width:min(650px, 95%); border-radius: 3px;}
.inlineFileUploadFrame div { box-sizing: border-box; }
.fileUploadDropArea{ border-radius: 3px; width: 100%; max-width: 650px; margin: 1.5em 0; padding: 1em 2em 0 1.5em; }
.fileUploadDropArea.mediaTab, .fileUploadDropArea.exportImport { padding: 1em 1.5em; }
.right-col .fileUploadDropArea{ margin:0; }
.fileUploadDropArea input { display:none; }
.fileUploadDropArea label { margin-right: 0;}
.fileUploadDropArea label:hover, .fileUploadDropArea .MainContrastedButton:hover { text-decoration: underline; }
.fileUploadDropArea form{ margin-bottom: 10px; }
.fileUploadDropArea.disabled{
	opacity: .6;
	cursor: no-drop;
}
.fileUploadDropArea.disabled label,
.fileUploadDropArea.disabled .delbtn input {
	cursor: no-drop;
}
.fileUploadDiv {clear: both;}
.fileUploadGallery img{ width: 150px; margin: 0 0 1em 1em; vertical-align: middle; }
.fileUploadfeedback{ font-weight: normal; }
.inlineFileUploadFrame .filedata div{ padding-left: 1.5em; }
.inlineFileUploadFrame .thmb:not(.empty), .inlineFileUploadFrame .filedata:not(.empty) { float: left; padding-bottom: 1em; }
.inlineFileUploadFrame .thmb img{ max-width: 150px; } /* 150px to match the default thumbnail size */
.inlineFileUploadFrame .delbtn { display: inline; }
.inlineFileUploadFrame .delbtn .MainContrastedButton { padding: 0; vertical-align: unset !important; }
.fileUploadDropArea .fileUploadLinks { padding-bottom: .75em; }

.mediaListFromSession {margin:15px 35px; padding:0; list-style:disc;}
.mediaListFromSession li {margin:0; padding:0; line-height:15px; font-size:12px;}
.mediaListFromSession .mediaListFN, .mediaListFromSession .mediaListFS { margin-right: 7px; }

/* the picureSelect the icon size 32x32px */
.pictureSelectContainer svg { height: 32px; width: 32px; }

.pictureSelectContainer {
	display: flex;
	flex-wrap: wrap;
	max-width: 95%;
}
.pictureSelectContainer div { text-align: center; padding: .5em; border-radius: 3px; cursor: pointer; }
.pictureSelectContainer div div{ padding-bottom: 0; }

/* up/down counter */
.upDownCounter { display: flex; font-size: 2em; font-weight: bold; text-align: center; box-sizing: border-box; }
/* the plus-minus should not be selectable, definitions in order: standard,webkit (safari,chrome),mozilla,webkit(konqueror),IE10+ */
.upDownCounter div { user-select:none; -webkit-user-select:none; -moz-user-select:none; -khtml-user-select:none; -ms-user-select:none; border:4px solid #4c7aa6; }.increaseButton, .decreaseButton { border-radius: 3px 0 0 3px; cursor: pointer; padding: .2em; }
.increaseButton { border-radius: 0 3px 3px 0; }
.upDownCounter svg { height: 1em; width: 1em; }
.upDownCounter .display { padding: .2em .5em; line-height: 1em; width: 2em; }

.tox {
	border-radius: 3px !important;
	width:min(700px, 95%) !important;
}
textarea.wysiwyg { height: 450px; } /* we need this line for the correct working of iframe resizing! */

.cssPath {
	word-wrap: break-word;
}

/* these are used for string colouring only */
.redStr   {color: red; }
.greenStr {color: green; }
.yellowStr{color: #EFB700; }

.typeParamsSel { border: 1px dashed; padding: 5px;}

.select2-container {
	min-width: 140px;
}

.codeblock { border: 1px solid silver;	font-family: monospace; }

.scrollableListBox{ overflow-y:scroll; white-space:nowrap; }

/* signature pad */
.signature {
	display: flex;
	flex-direction: row;
	width: fit-content;
}
.signature > div {
	margin: 0 .5em .5em 0;
}
.signatureCanvasContainer {
	position: relative;
}
.sigPadContainer img {
	border-radius: 3px;
}
.signatureCanvas, .signatureCanvasBg {
	border-radius: 3px;
}
.signatureCanvasBg.disabled {
	display: none;
}
.signatureCanvas {
	position: absolute;
	top: 0;
	left: 0;
}
.savedSigDiv {
	margin-right: .5em;
}
.signatureButtons {
	margin-top: .75em;
}
.savedSigDiv .signatureButtons {
	margin-top: .25em;
}
.signatureButtons button {
	margin-right: .5em;
}
.savedSigDiv:has(img[src=""]) p {
	display: none;
}
.preView:has(img[src=""]) {
	height: 0;
}
.preView:has(img[src=""]) p {
	display: none;
}


/* redefine scrollbars */
.iFrameBody::-webkit-scrollbar {
	width: 0.625em;
	height: 0.625em;
}
.iFrameBody::-webkit-scrollbar-thumb {
	border-radius: 0.75em;
}

/* highcharts mods */
#chartdiv {margin:0 30px 20px 30px;}

/* forcing to use the same font in charts as the default font on the site */
.highcharts-root {
	font-family: unset !important;
}
.highcharts-container {
	border-radius: 3px;
}

.gfxReportContainer {
	margin: 10px 0;
	width: fit-content;
}
.gfxReport {
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 3px;
	margin:0;
	font-size: var(--data-table-font-size);
}
.gfxReport th {
	padding: 5px;
	text-align: center;
}
.gfxReport td {
	padding: .25em .5em;
	text-align: center;
}
.gfxReport td.title {
	text-align: center;
	font-size: var(--data-table-caption-font-size);
}
.gfxReport td.headx {
	font-weight: bold;
	text-align: center;
}
.gfxReport td.heady {
	font-weight: bold;
	text-align: center;
}
.gfxReport td.sum {
	font-style: italic;
	font-weight: bold;
}
.gfxReport td.links {
	text-align: left;
}
.gfxReport td.axislabels table {
	width: 100%;
}
.gfxReport td.axislabels table, .gfxReport td.axislabels table tr, .gfxReport td.axislabels table td {
	border:0;
}
.gfxReport td.axislabels table td.tt1 {
	text-align:right;
}
.gfxReport td.axislabels table td.tt2 {
	text-align:center;
}

.gfxReport table tr:first-child th:first-child, .gfxReport table tr:first-child td:first-child {
	border-width: 0 1px 1px 0;
}
.gfxReport table tr:first-child th:last-child, .gfxReport table tr:first-child td:last-child {
	border-width: 0 0 1px 0;
}
.gfxReport table tr td:last-child {
	border-width: 0 0 1px 0;
}
.gfxReport table tr:last-child td {
	border-width: 0 1px 0 0;
}
.gfxReport table tr:last-child td:last-child {
	border-width: 0;
}

/* highchart data table */
.highcharts-data-table {
	width: fit-content;
	border-radius: 3px;
}
table[id^="highcharts-data-table"] caption {
	font-size: var(--data-table-caption-font-size);
	padding: .25em;
}
table[id^="highcharts-data-table"] th {
	font-size: var(--data-table-font-size);
	padding: .25em .5em;
}
table[id^="highcharts-data-table"] td {
	font-size: var(--data-table-font-size);
	text-align: center;
	padding: .25em;
}

:root {
	--data-table-font-size: .75rem;
	--data-table-caption-font-size: 1.125rem;
	--filter-panel-margin: 1.25rem;
}

/* cpy link related definitions */
.copyLinkBox {
	height: 20px;
	width: 20px;
	border-radius: 3px;
	box-sizing: border-box;
	position: relative;
	visibility: hidden;
	transition-property: visibility;
	transition-delay: .1s;
}
.flexContainer>div.copyLinkBox {
	margin-left: 8px;
}
.main-table .copyLinkBox {
	display: block;
	position: absolute;
	right: -10px;
	top: 50%;
	transform: translateY(-50%);
}
.edit-link:hover .copyLinkBox, .flexContainer:hover .copyLinkBox {
	visibility: visible;
	transition-delay: .5s;
}
.copyLinkBox::before {
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	top: 5px;
	left: -10px;
}
.copyLinkBox::after {
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	top: 5px;
	left: -8.5px;
}
.copyLink {
	height: 20px;
	width: 20px;
	text-align: center;
	cursor: pointer;
}
.copyLinkImage {
	width: 12px;
	height: 12px;
	position: absolute;
	top: 3px;
	left: 3px;
}
.copyLinkOK {
	position: absolute;
	font-size: .875em;
	font-weight: normal;
	width: 100px;
	padding: .375em;
	border-radius: 3px;
	top: 50%;
	left: 27px;
	transform: translateY(-50%);
	z-index: 3;
}
.flexContainer>div.copyLinkOK {
	margin-top: 1em;
}
.main-table .copyLinkOK {
	top: 50%;
	transform: translateY(-50%);
	left: 24px;
}
.copyLinkOK:after {
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	top: 50%;
	left: -9px;
	transform: translateY(-50%);
}
.session-timeout-warning-holder {
	position: fixed;
	z-index: 10;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
}
.session-timeout-warning-holder.warning {
	background-image: none;
}
.session-timeout-warning {
	text-align: center;
	font-size: 1.25em;
	font-weight: bold;
	padding: 1em;
}
.session-timeout-warning a {
	font-weight: normal;
	margin-left: 1em;
}
.session-timeout-warning-countdown {
	font-family: monospace;
}
body:has(.session-timeout-warning-holder) {
	padding-bottom: 3em;
}

.mediaIcon {
	min-height: 48px;
}
.mediaThumb, .thmb img, ._thumb img {
	border-radius: 5px;
}
._thumb img {
	margin-bottom: 1em;
}

/**
 * Style for disabled submit buttons with class "one-click"
 */
input.one-click:disabled {
	opacity: 0.7;
	cursor: not-allowed;
}