<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**start**/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&amp;family=Roboto+Mono:ital,wght@0,400;0,700;1,400;1,700&amp;family=Roboto:ital,wght@0,400;0,700;1,400;1,700'); /* Default */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&amp;family=Noto+Sans+Arabic:wght@400;700&amp;family=Noto+Sans+Hebrew:wght@400;700&amp;family=Noto+Sans+SC:wght@400;700&amp;family=Noto+Sans+Symbols:wght@400;700&amp;family=Noto+Sans+Symbols+2:wght@400;700'); /* Extensions */

:root {
	--font-site: Manrope,'Noto Sans','Noto Sans Arabic','Noto Sans Hebrew','Noto Sans SC', Helvetica,Arial,sans-serif;
	--font-cms: Manrope,'Noto Sans','Noto Sans Arabic','Noto Sans Hebrew','Noto Sans SC', Helvetica,Arial,sans-serif;
	--font-body: var(--font-site);
	--font-mono: 'Roboto Mono', Consolas,Menlo,Monaco,'Lucida Console','Liberation Mono','DejaVu Sans Mono','Bitstream Vera Sans Mono','Courier New',monospace,sans-serif;
	--font-serif: Georgia,serif;
	--font-symbol: 'Noto Sans Symbols','Noto Sans Symbols 2',sans-serif;
	
	--text: #444444;
	--text-light: #c0c0c0;
	
	--back: #f5f5f5;
	--back-detail: #e5e5e5;
	--back-nested: #e1e1e1;
	--back-super: #444444;

	--highlight: #009cff;
	--highlight-soft: #008dcf;
	
	--input: #c0c0c0;
	--input-hover: #bdbdbd;
	--input-focus: #86bad9;
	--input-edit-background: #fffcf9;
	--input-background-selected: #e1e1e1;
	--input-placeholder: #aaaaaa;
	--input-text: #000000;
	--input-text-disabled: #6d6d6d;
	
	--input-element-height: 2.2em;
	--input-element-padding: 0.4em;
	--input-element-radius: 2px;
	
	--button: #000000;
	--button-text: #ffffff;
	--button-border: #000000;
	--button-hover: var(--button);
	--button-hover-border: #2e2e2e;
	--button-focus: var(--button);
	--button-focus-border: #0096ff;
	--button-disabled: #a4a4a4;
	--button-disabled-border: #a4a4a4;
	--button-selected: #ffffff;
	--button-selected-border: var(--back-detail);
	--button-selected-text: #000000;
	
	--button-element-radius: 2px;
	
	--animate-timing-bounce: cubic-bezier(0.38, 0.17, 0.11, 0.85);
	--animate-timing-bounce-reverse: cubic-bezier(0.85, 0.11, 0.17, 0.38);
}

body { --view-height: 100vh; }

/* RESET */

:host(default) { /* START include in shadow DOM */ }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, dialog,
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, dl, ul {
	list-style: none;
}
dialog {
	left: auto; right: auto;
}
pre {
	
}
blockquote, q {
	quotes: none;
}
blockquote::before, blockquote::after,
q::before, q::after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* FireFox button style */
*[type=button]::-moz-focus-inner, *[type=submit]::-moz-focus-inner, *[type=reset]::-moz-focus-inner {
	padding: 0;
	border: 0 none;
}
/* FireFox image placeholder */
img:-moz-loading {
    visibility: hidden;
}
/* Webkit style */
*[type=button], *[type=submit], input[type=text], input[type=password], input[type=search], input[type=date], input[type=number], textarea, select {
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
}
*[type=button]:focus, *[type=submit]:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=date]:focus, input[type=number]:focus, textarea:focus, select:focus {
	-webkit-tap-highlight-color: transparent;
	outline: none;
}
/* Do not force fieldset size in relation to its contents */
fieldset {
	min-width: 0px;
}

abbr			{ border-bottom: 1px dotted black; }
sup				{ font-size: 0.75em; vertical-align: super; line-height: 0; }
sub				{ font-size: 0.75em; vertical-align: sub; line-height: 0; }
em				{ font-style: italic; }
i				{ font-style: italic; }
strong			{ font-weight: bold; }
b				{ font-weight: bold; }
ins				{ text-decoration: underline; }
del				{ text-decoration: line-through; }
small			{ font-size: 0.8em; }
big				{ font-size: 1.2em; }

:host(default) { /* END include in shadow DOM */ }

/* INTERFACE */

textarea, .body-content, select, input[type=text], input[type=password], input[type=search], input[type=date], input[type=number] {
	font-family: var(--font-mono);
	font-size: 1.2rem;
	height: var(--input-element-height);
	padding: 0px var(--input-element-padding);
	margin: 0px;
	border: 1px solid var(--input);
	background-color: #ffffff;
	color: var(--input-text);
	vertical-align: middle;
	box-sizing: border-box; }
option, optgroup {
	font-family: inherit;
	font-size: inherit;
	font-style: normal;
	background-color: inherit;
	color: inherit;
	text-align: left; }
optgroup {
	font-weight: bold; }
input[type=text], input[type=password], input[type=search], input[type=date] {
	width: 300px; }
input[type=number] {
	width: 80px; }
textarea, .body-content {
	line-height: 1.4em;
	width: 300px;
	padding: 0.6em 0.6em;
	height: 6em;
	resize: both; }
.body-content {
	overflow: auto;
	width: 400px;
	height: 7em;
	line-height: 1.5;
	font-size: 1.4rem; }
select {
	overflow: hidden; 
	text-overflow: ellipsis;
	line-height: 1.4em; }
select[multiple] { min-height: 6em; height: auto; }
select[multiple] option:checked { background-color: var(--input-background-selected); }
textarea, .body-content, select, input[type=text], input[type=password], input[type=search], input[type=date], input[type=number], .tags &gt; ul &gt; li {
	border-radius: var(--input-element-radius);
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08) inset;
	transition: box-shadow 0.2s ease-in-out, border 0.2s ease-in-out, background-color 0.2s ease-in-out; }
textarea:hover, .body-content:hover, select:hover, input[type=text]:hover, input[type=password]:hover, input[type=search]:hover, input[type=date]:hover, input[type=number]:hover, .tags &gt; ul &gt; li:hover {
	border: 1px solid var(--input-hover);
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2) inset; }
textarea:focus, .body-content:focus-within, select:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=date]:focus, input[type=number]:focus {
	border: 1px solid var(--input-focus);
	box-shadow: 0 0 3px 0 rgba(149, 200, 232, 0.6) inset; }
textarea:disabled, .body-content:disabled, select:disabled, input[type=text]:disabled, input[type=password]:disabled, input[type=search]:disabled, input[type=date]:disabled, input[type=number]:disabled {
	color: var(--input-text-disabled); }

input[type=radio], input[type=checkbox] {
	border: 0px;
	height: auto;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}
	
*[type=button], *[type=submit] {
	font-family: inherit;
	background-color: var(--button);
	border: 1px solid var(--button-border);
	border-radius: var(--button-element-radius);
	color: var(--button-text);
	font-size: 11px;
	font-weight: bold;
	height: 2.5em;
	padding: 0px 1.1em 0px 1.1em;
	margin: 8px 0px;
	vertical-align: middle;
	cursor: pointer; 
	box-sizing: border-box; }
*[type=button]:hover, *[type=submit]:hover {
	background-color: var(--button-hover); border-color: var(--button-hover-border); }
*[type=button]:active, *[type=submit]:active {
	background-color: var(--button-focus); border-color: var(--button-focus-border); }
*[type=button]:disabled, *[type=submit]:disabled {
	background-color: var(--button-disabled); border-color: var(--button-disabled-border); }
*[type=button].selected, *[type=submit].selected { background-color: var(--button-selected); color: var(--button-selected-text); border-color: var(--button-selected-border); }
*[type=submit].invalid { width: 0px !important; height: 0px !important; border: 0px !important; margin: 0px !important; padding: 0px !important; }

select ~ *[type=button]:not(.data), input[type]:not([type=hidden]):not([type=button]):not([type=submit]) ~ *[type=button]:not(.data), label ~ *[type=button]:not(.data),
select ~ *[type=submit], input[type]:not([type=hidden]):not([type=button]):not([type=submit]) ~ *[type=submit], label ~ *[type=submit] { display: inline; height: 2.4em; margin-top: 0px; margin-bottom: 0px; padding: 0px 0.7em 0px 0.7em; }

*[type=button].data { margin: 0px; border: 0px; }
*[type=button].data, *[type=button].data:hover, *[type=button].data:active { text-transform: lowercase; display: inline-block; vertical-align: middle; font-size: 10px; font-weight: bold; color: #ffffff; height: 1.7em !important; padding: 0px 6px; }
*[type=button].data.add, *[type=button].data.add:hover, *[type=button].data.add:active { background-color: #3d9400; }
*[type=button].data.del, *[type=button].data.del:hover, *[type=button].data.del:active { background-color: #fd5c4d; }
*[type=button].data.edit, *[type=button].data.edit:hover, *[type=button].data.edit:active { background-color: #4c8efa; }
*[type=button].data.neutral, *[type=button].data.neutral:hover, *[type=button].data.neutral:active { background-color: #7c7c7c; }
*[type=button].data.view, *[type=button].data.view:hover, *[type=button].data.view:active { display: inline-block; width: 17px; height: 17px !important; background: transparent url('/CMS/css/images/icons/search.svg') no-repeat; background-size: 100% 100%; vertical-align: middle; line-height: 1 !important; padding: 0px; cursor:pointer; }

input[type=range] { width: 150px; vertical-align: middle; }
input[type=range] + input[type=number] { width: 50px; }
label { display: inline-block; vertical-align: middle; }
.input { display: inline; vertical-align: middle; }

input[type] + input[type],
*[type=button] + input[type],
select + input[type],
textarea + input[type],
.input + input[type],
input[type] + *[type=button],
*[type=button] + *[type=button],
select + *[type=button],
textarea + *[type=button],
.input + *[type=button],
input[type]+ select,
*[type=button] + select,
select + select,
textarea + select,
.input + select,
input[type] + textarea,
*[type=button] + textarea,
select + textarea,
textarea + textarea,
.input + textarea,
input[type] + .input,
*[type=button] + .input,
select + .input,
textarea + .input,
.input + .input { margin-left: 4px; }
input[type] + label,
*[type=button] + label,
select + label,
textarea + label,
.input + label,
label + label,
label + input[type],
label + *[type=button],
label + select,
label + textarea,
label + .input { margin-left: 5px; }
.split + input[type],
.split + *[type=button],
.split + select,
.split + textarea,
.split + .input,
input[type] + .split,
*[type=button] + .split,
select + .split,
textarea + .split,
.input + .split,
.split + .split,
.split + label,
label + .split { margin-left: 6px; }
* + *[type=button].data,
*[class] + *[type=button].data,
input[type] + *[type=button].data,
*[type=button] + *[type=button].data,
select + *[type=button].data,
textarea + *[type=button].data,
.input + *[type=button].data,
.split + *[type=button].data,
label + *[type=button].data,
*[type=button].data + *[type=button].data,
*[type=button].data + input[type],
*[type=button].data + *[type=button],
*[type=button].data + select,
*[type=button].data + textarea,
*[type=button].data + .input,
*[type=button].data + .split,
*[type=button].data + label { margin-left: 6px; }
input[type=hidden],
input[type=hidden]:first-child + input[type],
input[type=hidden]:first-child + *[type=button],
input[type=hidden]:first-child + select,
input[type=hidden]:first-child + textarea,
input[type=hidden]:first-child + label,
input[type=hidden]:first-child + .input,
input[type=hidden]:first-child + .split,
input[type=hidden]:first-child + *[type=button].data,
input[type=hidden]:first-child + input[type=hidden] + input[type],
input[type=hidden]:first-child + input[type=hidden] + *[type=button],
input[type=hidden]:first-child + input[type=hidden] + select,
input[type=hidden]:first-child + input[type=hidden] + textarea,
input[type=hidden]:first-child + input[type=hidden] + label,
input[type=hidden]:first-child + input[type=hidden] + .input,
input[type=hidden]:first-child + input[type=hidden] + .split,
input[type=hidden]:first-child + input[type=hidden] + *[type=button].data,
input[type].hide,
*[type=button].hide,
select.hide,
textarea.hide,
.input.hide,
.split.hide,
.hide:first-child + input[type],
.hide:first-child + *[type=button],
.hide:first-child + select,
.hide:first-child + textarea,
.hide:first-child + label,
.hide:first-child + .input,
.hide:first-child + .split,
.hide:first-child + *[type=button].data,
*[type=submit].invalid + input { margin-left: 0px; }
*[type=submit],
*[type=button] { margin-left: 0px; }
input[type=radio] + span,
input[type=checkbox] + span,
input[type=radio] + input[type=hidden] + span,
input[type=checkbox] + input[type=hidden] + span,
label &gt; input[type] + span,
label &gt; .input + span,
label &gt; select + span { margin-left: 4px; vertical-align: middle; }

span.input-split &gt; span { padding-left: 4px; display: inline-block; box-sizing: border-box; }
span.input-split &gt; span:first-child { padding-left: 0px; }
span.split { display: inline; vertical-align: middle; border-left: 1px solid #000000; }
menu { margin: 8px 0px; }
menu *[type=button],
menu *[type=submit] { display: inline-block; margin: 0px; }
menu &gt; *[type=button] + *[type=button], /* Single line */
menu &gt; *[type=submit] + *[type=submit] { margin-left: 4px; }
menu &gt; *[type=submit][name] + *[type=submit]:not([name]),
menu &gt; *[type=submit][name] + *[type=submit].save,
menu &gt; *[type=submit]:not([name]):not(.hide) + *[type=submit][name],
menu &gt; *[type=submit].save:not(.hide) + *[type=submit][name] { margin-left: 8px; }
menu &gt; div { margin: -2px !important; } /* Multi line */
menu &gt; div &gt; *[type=button],
menu &gt; div &gt; *[type=submit],
menu &gt; div &gt; *[type=button] + *[type=button],
menu &gt; div &gt; *[type=submit] + *[type=submit],
menu &gt; div &gt; *[type=button].hide + *[type=button],
menu &gt; div &gt; *[type=submit].hide + *[type=submit] { margin: 2px; }

menu.select *[type=button],
menu.select *[type=submit],
.tabs &gt; ul li { clip-path: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="0" height="0"&gt;&lt;clipPath id="clip"&gt;&lt;polygon points="5 0,4000 0,4000 4000,0 4000, 0 5" /&gt;&lt;/clipPath&gt;&lt;/svg&gt;#clip'); clip-path: polygon(5px 0px, 100% 0%, 100% 100%, 0px 100%, 0px 5px); -webkit-clip-path: polygon(5px 0px, 100% 0%, 100% 100%, 0px 100%, 0px 5px); background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"&gt;&lt;path  d="M 0 0 H 4.5 L 0 4.5 Z" style="fill: rgb(0,0,0);" /&gt;&lt;/svg&gt;'); background-repeat: no-repeat; }
menu.select *[type=button].selected,
menu.select *[type=submit].selected,
.tabs &gt; ul li.selected { background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"&gt;&lt;path  d="M 0 0 H 4.5 L 0 4.5 Z" style="fill: rgb(229,229,229);" /&gt;&lt;/svg&gt;'); }

.toolbox { z-index: 99999; position: absolute; pointer-events: none; }
.toolbox &gt; * { pointer-events: initial; }

fieldset &gt; ul &gt; li &gt; label:first-child + * &gt; input[type],
fieldset &gt; ul &gt; li &gt; label:first-child + * &gt; *[type=button],
fieldset &gt; ul &gt; li &gt; label:first-child + * &gt; textarea,
fieldset &gt; ul &gt; li &gt; label:first-child + * &gt; select,
fieldset &gt; ul &gt; li &gt; label:first-child + * &gt; .input { display: inline-block; margin-top: 0px; margin-bottom: 0px; vertical-align: middle; }
fieldset &gt; ul &gt; li &gt; label:first-child + * &gt; .options { margin: 0px; }
fieldset &gt; ul &gt; li &gt; label:first-child + section.info { margin: 0px; }
ul.sorter &gt; li &gt; div &gt; input[type],
ul.sorter &gt; li &gt; div &gt; *[type=button],
ul.sorter &gt; li &gt; div &gt; textarea,
ul.sorter &gt; li &gt; div &gt; select,
ul.sorter &gt; li &gt; div &gt; .input,
ul.sorter &gt; li &gt; ul &gt; li &gt; input[type],
ul.sorter &gt; li &gt; ul &gt; li &gt; *[type=button],
ul.sorter &gt; li &gt; ul &gt; li &gt; textarea,
ul.sorter &gt; li &gt; ul &gt; li &gt; select,
ul.sorter &gt; li &gt; ul &gt; li &gt; .input,
ul.sorter &gt; li &gt; ul &gt; li &gt; div &gt; input[type],
ul.sorter &gt; li &gt; ul &gt; li &gt; div &gt; *[type=button],
ul.sorter &gt; li &gt; ul &gt; li &gt; div &gt; textarea,
ul.sorter &gt; li &gt; ul &gt; li &gt; div &gt; select,
ul.sorter &gt; li &gt; ul &gt; li &gt; div &gt; .input { display: inline-block; margin-top: 0px; margin-bottom: 0px; vertical-align: middle; }
		
.input-error,
.input-error[type=hidden] + input,
.input-error[type=hidden] + div + input { border: 1px solid #e2d0d0 !important; background-color: #fcf0f0 !important; color: #280b0b !important; }

div.labeler,
div.labeler .data[type=button] { position: relative; }
div.labeler .data[type=button] { margin: 0px; }
div.labeler .data[type=button] + .data[type=button] { margin-left: 2px; }

input.multi + label { margin-left: 8px; }

*[type=button].pulse, *[type=submit].pulse,
a.pulse, .a.pulse,
.pulse { background-color: var(--highlight); }
*[type=button].pulse-from, *[type=submit].pulse-from,
a.pulse-from, .a.pulse-from,
.pulse-from { }
*[type=button].pulse, *[type=submit].pulse { border-color: var(--highlight); }
*[type=button].pulse-from, *[type=submit].pulse-from { }

div.filebrowse &gt; .select &gt; label &gt; input[name=catch],
input[type=search],
input.autocomplete { --icon: url('/CMS/css/images/icons/search.svg'); background-image: var(--icon); background-repeat: no-repeat; background-position: left var(--input-element-padding) center; background-size: 15px 15px; padding-left: calc(15px + (var(--input-element-padding) * 2)); }
input[type=search].select { --icon: url('/CMS/css/images/icons/link.svg'); cursor: pointer; }

input.waiting { --dot: radial-gradient(circle closest-side, #000 90%, #0000); --dot-size: 6px; background-image: var(--dot), linear-gradient(rgba(255, 255, 255, 0.8) 0% 100%), var(--icon); background-position: left calc(var(--input-element-padding) + (15px / 2) - (var(--dot-size) / 2)) center, left var(--input-element-padding) center, left var(--input-element-padding) center; background-size: var(--dot-size) var(--dot-size), 15px 15px, 15px 15px; animation: loading-waiting-dots 0.3s infinite alternate; animation-timing-function: var(--animate-timing-bounce); }
@keyframes loading-waiting-dots {
   0% { background-position-y: 90%, center, center; }
 100% { background-position-y: 10%, center, center; }
}

input[type=date],
input.date,
input.datepicker { background-image: url('/CMS/css/images/icons/date.svg'); background-repeat: no-repeat; background-position: left var(--input-element-padding) center; background-size: 15px 15px; padding-left: calc(15px + (var(--input-element-padding) * 2)); }

input[type=date],
input.date,
input.datepicker { width: 9.4em; }
input.date-time { width: 4em; }

select:not([multiple]) { background-image: url('/CMS/css/images/icons/down.svg'); background-repeat: no-repeat; background-position: right var(--input-element-padding) center; background-size: 9px 9px; padding-right: calc(9px + (var(--input-element-padding) * 2)); }

img.enlarge { cursor: pointer; }

dialog.popout { position: absolute; border: 1px solid #c0c0c0; border-radius: var(--input-element-radius); background-color: #ffffff; padding: 2px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); z-index: 999; box-sizing: border-box; }

.tags { margin: 8px 0px; white-space: normal; }
.tags:not(.list) &gt; ul:not(:empty) { margin: -3px !important; }
.tags &gt; ul:empty { margin: 0px; }
.tags &gt; ul &gt; li { display: inline-block; margin: 3px; white-space: nowrap; background-color: #ffffff; font-size: 1.2rem; height: var(--input-element-height); border: 1px solid var(--input); box-sizing: border-box; }
.tags.list &gt; ul &gt; li { display: block; width: max-content; margin: 0px; margin-top: 4px; }
.tags.list &gt; ul &gt; li:first-child { margin-top: 0px; }
.tags &gt; ul &gt; li &gt; span { display: inline-block; vertical-align: middle; line-height: 1em; height: 100%; padding: 0.5em /* tweak to match font */ var(--input-element-padding); overflow: hidden; text-overflow: ellipsis; font-family: var(--font-mono); box-sizing: border-box; }
.tags &gt; ul &gt; li &gt; span:first-child &gt; span { vertical-align: baseline; }
.tags &gt; ul &gt; li &gt; span:first-child span.icon { height: 9px; }
.tags &gt; ul &gt; li &gt; span + span:last-child { padding-right: calc(var(--input-element-padding) * 1.5); }
.tags &gt; ul &gt; li &gt; span.handler { padding-top: 0px; padding-bottom: 0px; cursor: pointer; user-select: none; }
.tags &gt; ul &gt; li &gt; span.handler .icon svg { width: 10px; }
.tags &gt; ul &gt; li &gt; span.handler:hover .icon { color: var(--input-focus); }
.tags &gt; ul &gt; li &gt; span.handler &gt; span:first-child + span { display: none; }
.tags.plus &gt; ul &gt; li &gt; span.handler &gt; span:first-child { display: none; }
.tags.plus &gt; ul &gt; li &gt; span.handler &gt; span:first-child + span { display: inline-block; }
.tags &gt; ul &gt; li.min &gt; span.handler &gt; span:first-child { display: inline-block; }
.tags &gt; ul &gt; li.min &gt; span.handler &gt; span:first-child + span { display: none; }
.tags &gt; ul &gt; li.plus &gt; span.handler &gt; span:first-child { display: none; }
.tags &gt; ul &gt; li.plus &gt; span.handler &gt; span:first-child + span { display: inline-block; }

.tags.content &gt; span.icon { margin-right: 5px; color: #666666; }
.tags.content &gt; span.icon svg { height: 1.3em; }
.tags.content a { color: #666666; text-decoration: none; font-size: 1.1rem; }
.tags.content a + a { margin-left: 4px; }
.tags.content a:hover { color: #000000; text-decoration: underline; }

div.autocomplete.tags { margin: 0px; font-family: var(--font-mono); }
div.autocomplete.tags + input[type=search] { margin-left: 0px; }
div.autocomplete.tags &gt; ul &gt; li { font-size: 1.1rem; }
div.autocomplete.tags:not(.list) &gt; ul:not(:empty) { margin: -2px !important; margin-bottom: 2px !important; }
div.autocomplete.tags:not(.list) &gt; ul &gt; li { margin: 2px; }
div.autocomplete.tags.list &gt; ul:not(:empty) { margin-bottom: 4px; }
div.autocomplete.tags &gt; ul &gt; li &gt; span { }
div.autocomplete.tags &gt; ul &gt; li &gt; span:first-child { max-width: 500px; }
div.autocomplete.tags.order &gt; ul &gt; li &gt; span:first-child { cursor: ew-resize; }

input.autocomplete::-webkit-search-decoration,
input.autocomplete::-webkit-search-cancel-button,
input.autocomplete::-webkit-search-results-button,
input.autocomplete::-webkit-search-results-decoration { display: none; }
input.autocomplete::-ms-clear { display: none; }

dialog.popout.dropdown &gt; ul &gt; li { }
dialog.popout.dropdown &gt; ul &gt; li &gt; a { display: block; color: #000000; line-height: 1.5; padding: 0.3em var(--input-element-padding); text-decoration: none; white-space: nowrap; }
dialog.popout.dropdown &gt; ul &gt; li &gt; a.active { background-color: var(--highlight); color: #ffffff; }

div.pickcolor &gt; input[type=text] { width: 78px; }
.input.pickcolor { cursor: pointer; }
.input.pickcolor &gt; button { margin-left: 0px; width: 25px; border: 1px solid var(--input); border-left: 0px; padding: 0px; background: none; border-top-left-radius: 0px; border-bottom-left-radius: 0px;
	background-position: 0px 0px, 6px 6px; background-size: 12px 12px; --color: transparent; background-image: linear-gradient(var(--color), var(--color)), linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%), linear-gradient(45deg, #eee 25%, white 25%, white 75%, #eee 75%, #eee 100%);
}
.input.pickcolor &gt; input[type=text] { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

dialog.popout.pickcolor { line-height: 0; white-space: nowrap; }
dialog.popout.pickcolor div { border-radius: var(--input-element-radius) !important; }

div.filebrowse &gt; .select { position: relative; overflow: hidden; margin: 0px; }
div.filebrowse &gt; .select &gt; input[type=file] { display: none; }
div.filebrowse &gt; .select &gt; label { margin-left: 0px; }
div.filebrowse &gt; .select &gt; label &gt; span { display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
div.filebrowse &gt; progress { width: 100%; margin-top: 4px; box-sizing: border-box; }
div.filebrowse &gt; ul &gt; li { display: block; margin-top: 4px; line-height: 1; font-size: 1.1rem; }

.placeholder { color: var(--input-placeholder); }

.tabs { margin: 12px 0px; }
.tabs &gt; ul { position: relative; line-height: 1; }
.tabs &gt; ul.big { margin: -2px -2px 2px -2px !important; } /* Multi line */
.tabs &gt; ul ul:not(:empty) { margin: 2px 4px 4px 4px; }
.tabs &gt; ul li { display: inline-block; text-align: center; vertical-align: bottom; margin-left: 4px; background-color: var(--button); border: 1px solid var(--button-border); border-radius: var(--button-element-radius) var(--button-element-radius) 0px 0px; }
.tabs &gt; ul li:first-child { margin-left: 0px; }
.tabs &gt; ul li.selected { background-color: var(--button-selected); border-color: var(--button-selected-border); }
.tabs &gt; ul li.no-tab { background-color: transparent; border: 0px; background-image: none; clip-path: none; }
.tabs &gt; ul li &gt; a { display: inline-block; color: var(--button-text); text-decoration: none; font-weight: bold; font-size: 1.1rem; padding: 5px 4px; vertical-align: middle; }
.tabs &gt; ul li &gt; a &gt; span { display: block; }
.tabs &gt; ul li &gt; a &gt; span &gt; span { display: inline-block; }
.tabs &gt; ul li &gt; a span[class*=icon-] { font-size: 14px; line-height: 11px; }
.tabs &gt; ul li &gt; a &gt; span + span { margin-top: 2px; }
.tabs &gt; ul li.selected &gt; a { color: var(--button-selected-text); text-decoration: none; }
.tabs &gt; ul li &gt; span { display: none; margin: 4px; vertical-align: middle; }
.tabs &gt; ul li &gt; a + span,
.tabs &gt; ul li.no-tab &gt; span:first-child { margin-left: 0px; }
.tabs &gt; ul li.no-tab &gt; span:last-child { margin-right: 0px; }
.tabs &gt; ul li.no-tab &gt; span { margin-top: 0px; }
.tabs &gt; ul li &gt; span &gt; span { vertical-align: middle; }
.tabs &gt; ul li.active &gt; span,
.tabs &gt; ul li &gt; span:first-child { display: inline-block; }
.tabs &gt; ul &gt; li { vertical-align: bottom; padding: 2px 6px 3px 6px; border-bottom-width: 0px; margin-bottom: -1px !important; }
.tabs &gt; ul.big &gt; li { border-bottom-width: 1px; margin: 2px !important; }
.tabs &gt; ul &gt; li &gt; ul:not(:empty) { margin: 0px; }
.tabs &gt; ul li.sorting { top: auto; }
.tabs &gt; ul &gt; li.sorting { top: auto; bottom: 0px; }
.tabs &gt; ul.sorting li &gt; a { cursor: ew-resize; }
.tabs &gt; div { padding: 12px; border: 1px solid var(--back-detail); background-color: #ffffff; }
.tabs &gt; div &gt; *:first-child,
.tabs &gt; div &gt; *:first-child &gt; *:first-child,
.tabs &gt; div &gt; *:not(menu):first-child &gt; *:first-child &gt; *:first-child { margin-top: 0px; }
.tabs &gt; div &gt; *:last-child,
.tabs &gt; div &gt; *:last-child &gt; *:last-child,
.tabs &gt; div &gt; *:not(menu):last-child &gt; *:last-child &gt; *:last-child { margin-bottom: 0px; }
.tabs &gt; div &gt; *:first-child:empty + *,
.tabs &gt; div &gt; *:first-child:empty + * &gt; *:first-child { margin-top: 0px; }
.tabs &gt; div &gt; *:has(+ *:last-child:empty),
.tabs &gt; div &gt; *:has(+ *:last-child:empty) &gt; *:last-child { margin-bottom: 0px; }

.overlay .popup {}
.overlay .popup.message &gt; div,
.overlay .popup.confirm &gt; div { display: inline-block; padding-left: 20px; position: relative; vertical-align: top; }
.overlay .popup.message &gt; .icon svg,
.overlay .popup.confirm &gt; .icon svg { height: 25px; vertical-align: top; }
.overlay .popup.message &gt; div &gt; *:first-child,
.overlay .popup.confirm &gt; div &gt; *:first-child { margin-top : 0px; }
.overlay .popup.message &gt; div &gt; *:last-child,
.overlay .popup.confirm &gt; div &gt; *:last-child { margin-bottom: 0px; }
.overlay .popup &gt; menu { text-align: right; margin: 0px; margin-top: 10px; }

.hide-edit:not(.hide) + * { display: none !important; }
.hide-edit.hide + * { }
.hide-edit.hide + span,
.hide-edit.hide + div { vertical-align: middle; cursor: pointer; }

input[id^="hide-show"] { display: none; }
input[id^="hide-show"]:checked ~ *:not(label) + label { display: none; }
input[id^="hide-show"]:not(:checked) ~ *.hide-show,
input[id^="hide-show"]:not(:checked) ~ *:not(label) + label + label { display: none; }

div.handle { position: absolute; display: block; right: 0px; top: 0px; cursor: move; z-index: 1; color: #aaaaaa; }
div.handle &gt; .icon svg { height: 10px; vertical-align: top; }

.hide { display: none !important; }

.album &gt; table { vertical-align: middle; border-collapse: separate; border-spacing: 10px; width: 100%; table-layout: fixed; }
.album &gt; table td { padding: 0px; text-align: center; line-height: 1; }
.album &gt; table td img { display: inline-block; max-width: 100%; }
.album &gt; img,
.album &gt; figure,
.album &gt; table td &gt; img,
.album &gt; table td &gt; figure { cursor: pointer; }

.album-viewer { position: relative; }
.album-viewer[data-items="1"] &gt; nav { display: none; }
.album-viewer &gt; nav &gt; button { display: none; }
.album-viewer:hover &gt; nav &gt; button { display: block; }
.album-viewer &gt; div { margin-top: 10px; }

nav.album-items &gt; button { position: absolute; width: 30px; height: 3.5rem; top: 15%; color: #000000; background-color: #ffffff; cursor: pointer; text-align: center; margin: 0px; padding: 0px; border: 0px; border-radius: 0px; }
nav.album-items &gt; button &gt; .icon svg { height: 45%; }
nav.album-items &gt; button.prev { left: 0px; border-top-right-radius: var(--button-element-radius); border-bottom-right-radius: var(--button-element-radius); }
nav.album-items &gt; button.next { right: 0px; border-top-left-radius: var(--button-element-radius); border-bottom-left-radius: var(--button-element-radius); }
nav.album-items &gt; button:hover { color: #000000; background-color: #ffffff; }

iframe.preview { width: 900px; height: 100%; }

/* BODY CONTENT */

.body { color: var(--text); line-height: 1.5; font-size: 1.4rem; }
.body a, .body a:link, .body a:visited, .body a:active, .body a:hover, .body .a { text-decoration: underline; color: var(--text); }
.body a:hover,
.body .a:hover { color: var(--highlight); }
.body div &gt; img,
.body div &gt; object,
.body div &gt; video,
.body div &gt; iframe { display: block; }
.body img,
.body object,
.body video { max-width: 100%; }
.body figure,
.body blockquote,
.body iframe,
.body object,
.body video,
.body table { margin: 12px 0px; }
.body p img,
.body p object,
.body p video,
.body figure &gt; img,
.body figure &gt; object,
.body figure &gt; video { display: inline-block; }
.body figure &gt; img + img,
.body figure &gt; object + object,
.body figure &gt; video + video { margin-left: 10px; }
.body figure &gt; iframe,
.body figure &gt; object,
.body figure &gt; video,
.body figure &gt; table { margin: 0px; }
.body figure.embed { width: fit-content; }
.body figure.embed *:first-child { margin-top: 0px !important; }
.body figure.embed *:last-child,
.body figure.embed *:has(+ script:last-child) { margin-bottom: 0px !important; }
.body figure .album { margin: 10px; margin-left: -10px !important; margin-right: -10px !important; }
.body figure .album:first-child { margin-top: 0px; }
.body figure .album:last-child { margin-bottom: 0px; }
.body figure .album &gt; table { margin: -10px 0px !important; }
.body .album &gt; figure { display: inline-block; }
.body .album &gt; figure figurecaption { display: none; }
.body ul { margin: 6px 0px; list-style-type: disc; margin-left: 20px; }
.body ol { margin: 6px 0px; list-style-type: decimal; margin-left: 20px; }
.body pre,
.body code { background-color: var(--back); font-family: var(--font-mono); }
.body pre { padding: 6px 12px; white-space: pre-wrap; }
.body code { padding: 1px 3px; }
.body pre &gt; code { display: block; white-space: pre; overflow-x: auto; padding: 0px; }

.body aside.left { float: left; margin: 2px 15px 15px 0px; }
.body aside.right { float: right; margin: 2px 0px 15px 15px; }
.body .nowrap { white-space: nowrap; }

.body &gt; *:first-child { margin-top: 0px; }
.body &gt; *:last-child { margin-bottom: 0px; }

p.info.body,
section.info.body { font-size: inherit; }

/* TABLE */

td, th { padding: 3px; vertical-align: middle; }
th { font-weight: bold; font-size: 14px; text-align: left; }

th.split { padding: 0px; }
th.split hr { margin: 4px 0px; }

td.max, th.max { }
td.limit, th.limit { }

table.display td,
table.list td,
table.display th,
table.list th { white-space: nowrap; box-sizing: border-box; overflow: hidden; }
table.display td,
table.list td { text-overflow: ellipsis; }
table.display th &gt; div,
table.display th &gt; span,
table.list th &gt; div,
table.list th &gt; span { vertical-align: top; }
table.display th &gt; span:not(.icon),
table.list th &gt; span:not(.icon) { display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; }
table.display th &gt; span:not(.icon) &gt; span,
table.list th &gt; span:not(.icon) &gt; span {  }
table.display td &gt; p,
table.list td &gt; p { overflow: hidden; text-overflow: ellipsis; }
table.display td &gt; p:first-child,
table.list td &gt; p:first-child { margin-top: 0px; }
table.display td &gt; p:last-child,
table.list td &gt; p:last-child  { margin-bottom: 0px; }
table.display td.menu,
table.list td.menu,
table.display th.menu,
table.list th.menu { text-align: right; }

table.display tbody tr,
table.list tbody tr { border-bottom: 1px solid #f1f1f1; }
table.display tbody tr:first-child,
table.list tbody tr:first-child { border-top: 1px solid #f1f1f1; }
table.display tbody tr:nth-child(odd),
table.list tbody tr:nth-child(odd) { }
table.display tbody tr:hover,
table.list tbody tr:hover { background: #f5f5f5; }
table.display tbody tr &gt; td.empty,
table.list tbody tr &gt; td.empty { text-align: center; }

table.display.color tbody tr,
table.list.color tbody tr { border-bottom: 2px solid #ffffff; }
table.display.color tbody tr:first-child,
table.list.color tbody tr:first-child { border-top: 0px; }
table.display.color tbody tr:last-child,
table.list.color tbody tr:last-child { border-bottom: 0px; }
table.display.color tbody tr &gt; td.empty,
table.list.color tbody tr &gt; td.empty { border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; }

table tbody tr[data-method]:hover { cursor: pointer; }

table.list td span.icon,
table.display td span.icon { color: #aaaaaa; }
table.list td span.icon:not([data-category]) svg,
table.display td span.icon:not([data-category]) svg { max-height: 14px; }

table.display th { padding: 2px 18px 8px 10px; cursor: pointer; position: relative; }
table.display th.disable-sort { padding-right: 10px; }
table.display th &gt; span.icon { position: relative; left: 3px; }
table.display th &gt; span.icon svg { width: 10px; height: auto; }
table.display th &gt; span.icon svg:first-child { vertical-align: top; opacity: 0.2; }
table.display th &gt; span.icon svg:first-child ~ svg { vertical-align: middle; opacity: 1; }
table.display th[data-sort*="asc"] &gt; span.icon svg:first-child,
table.display th[data-sort*="desc"] &gt; span.icon svg:first-child { display: none; }
table.display th:not([data-sort*="asc"]) &gt; span.icon svg:first-child + svg { display: none; }
table.display th:not([data-sort*="desc"]) &gt; span.icon svg:first-child + svg + svg { display: none; }
table.display th.disable-sort &gt; span.icon { display: none; }
table.display td { padding: 6px 10px; }

table.list th { padding: 4px 50px 8px 4px; }
table.list td { padding: 4px 50px 4px 4px; }
table.list th:last-child,
table.list td:last-child { padding-right: 3px; }

.datatable { margin: 12px 0px; }
.datatable &gt; .options { margin-top: 0px; display: flex; flex-flow: row nowrap; align-items: center; }
.datatable &gt; .options &gt; div { white-space: nowrap; }
.datatable &gt; .options &gt; div:first-child { flex: 1 1 auto; }
.datatable &gt; .options &gt; div:first-child input[type=search] { max-width: 250px; }
.datatable &gt; .options &gt; div + div { flex: 0 1 auto; text-align: right; padding-left: 20px; }
.datatable &gt; .options &gt; div &gt; .count { display: inline-block; margin-left: 10px; vertical-align: middle; }
.datatable &gt; .options &gt; div &gt; menu.paginate { display: inline-block; margin: 0px; line-height: 1; }
.datatable &gt; .options &gt; div &gt; menu.paginate &gt; *[type=button] { height: 20px; padding: 0px; display: inline-block; }
.datatable &gt; .options &gt; div &gt; menu.paginate &gt; *[type=button] { padding-left: 5px; padding-right: 5px; }
.datatable &gt; .options &gt; div &gt; menu.paginate &gt; *[type=button]:first-child,
.datatable &gt; .options &gt; div &gt; menu.paginate &gt; *[type=button]:last-child { padding-left: 6px; padding-right: 6px; }
.datatable &gt; .options &gt; div &gt; menu.paginate &gt; *[type=button] &gt; span.icon svg { height: 10px; }
.datatable &gt; .options &gt; div &gt; menu.paginate &gt; span { display: inline-block; margin: 0px 2px; }
.datatable &gt; .options &gt; div &gt; menu.paginate &gt; span::before { display: inline-block; content: "…"; }
.datatable &gt; table { margin: 0px auto; }

/* OTHER */

.tooltip { position: absolute; z-index: 9999999; border: 1px solid #7f7f7f; background: #ffffff; padding: 5px 8px; border-radius: 2px; font-size: 0.95em; overflow: hidden; box-sizing: border-box; }
.tooltip h1 { font-size: 1em; margin: 2px 0px; }
.tooltip ul,
.tooltip dl { margin: -2px 0; display: table; border-collapse: separate; border-spacing: 0px 2px; }
.tooltip ul &gt; li,
.tooltip dl &gt; div { display: table-row; }
.tooltip ul &gt; li &gt; label:first-child,
.tooltip dl &gt; div &gt; dt { display: table-cell; vertical-align: top; padding-right: 8px; text-align: right; white-space: nowrap; }
.tooltip ul &gt; li &gt; label:first-child + *,
.tooltip dl &gt; div &gt; dt + dd { display: table-cell; }
.tooltip ul &gt; li &gt; label:first-child + *.limit,
.tooltip dl &gt; div &gt; dt + dd.limit { overflow: hidden; text-overflow: ellipsis; max-width: 300px; }
.tooltip ul &gt; li &gt; label:first-child + ul { display: table; }
.tooltip ul &gt; li &gt; label:first-child:empty,
.tooltip dl &gt; div &gt; dt:empty { padding: 0px; width: 0px; }
.tooltip ul &gt; hr { margin: 1px 0px; border: 0px; }
.tooltip &gt; *:first-child { margin-top: 0px; }
.tooltip &gt; *:last-child { margin-bottom: 0px; }

.record { margin: 8px 0px; }
.record &gt; dl { margin: -6px 0 !important; display: table; border-collapse: separate; border-spacing: 0px 6px; }
.record &gt; dl &gt; div { display: table-row; }
.record &gt; dl &gt; div &gt; * { display: table-cell; vertical-align: top; }
.record &gt; dl &gt; div &gt; dt { white-space: nowrap; padding-right: 15px; }
.record &gt; dl &gt; div &gt; dd &gt; .tabs { margin: 0px; }
.record &gt; dl &gt; div &gt; dd img { max-width: 100%; }
.record &gt; dl &gt; div &gt; dd &gt; p,
.record &gt; dl &gt; div &gt; dd &gt; pre { margin: 0px; padding: 8px; background-color: var(--back); box-sizing: border-box; }

.options { padding: 14px; margin: 12px 0px; background-color: var(--back); }
.options &gt; *:first-child { margin-top: 0px; }
.options &gt; *:last-child { margin-bottom: 0px; }
.options.nested { margin: 0px; padding: 12px; border: 1px solid var(--back-detail); background-color: #ffffff; }

p.info,
section.info { position: relative; padding: 14px; margin: 10px auto; background-color: #000000; color: #ffffff; }
p.info &gt; *:first-child,
section.info &gt; *:first-child { margin-top: 0px; }
p.info &gt; *:last-child,
section.info &gt; *:last-child { margin-bottom: 0px; }
.options p.info,
.options section.info { padding: 10px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.attention { background-color: #fffbd8 !important; color: #000000 !important; }
.alert { background-color: #ffd9d9 !important; color: #000000 !important; }
.tip { background-color: #eeeeee !important; color: #000000 !important; }
.options .tip { background-color: #ffffff !important; }

table .info &gt; span { vertical-align: middle; }
table .info &gt; span.icon { cursor: pointer; }
table .info &gt; span + span { margin-left: 4px; }

small.identifier { margin-left: 0.6em; font-size: 1rem; font-family: var(--font-mono) }
small.identifier::before { content: "("; margin-right: 0.1em; }
small.identifier::after { content: ")"; margin-left: 0.1em; }

.fieldsets { margin: 8px 0px; }
.fieldsets &gt; div { margin: -6px !important; }
.fieldsets &gt; div &gt; fieldset { display: inline-block; margin: 6px !important; }
.fieldsets &gt; div &gt; fieldset.full { max-width: calc(100% - 12px); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
@-moz-document url-prefix() { .fieldsets &gt; div &gt; fieldset.full { display: table-cell; } }
.fieldsets &gt; div &gt; fieldset.full &gt; div,
.fieldsets &gt; div &gt; fieldset.full &gt; ul { max-width: 100%; overflow-x: auto; }

.overlay { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 100; padding: 60px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.overlay &gt; div:first-child { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.2); }
body &gt; .overlay &gt; div:first-child { position: fixed; }
.overlay &gt; .dialog { position: relative; display: inline-block; margin: 0px auto; text-align: left; background-color: #ffffff; padding: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.overlay &gt; .dialog &gt; nav { display: none; position: absolute; top: -23px; right: 0px; line-height: 1; }
.overlay.active &gt; .dialog &gt; nav { display: block; }
.overlay &gt; .dialog &gt; nav &gt; *[type=button] { width: 18px; height: 18px; padding: 0px; margin: 0px; display: inline-block; }
.overlay &gt; .dialog &gt; nav &gt; *[type=button] &gt; span.icon svg { height: 9px; } 
.overlay &gt; .dialog &gt; nav &gt; *.next { margin-right: 12px; }
.overlay &gt; .dialog &gt; nav &gt; *.prev { margin-right: 4px; }
.overlay &gt; .dialog &gt; .content h1:first-child { margin-top: 0px; }
.overlay &gt; .dialog &gt; .content &gt; *[type=submit] { float: right; margin: 5px 0px; }
.overlay &gt; .dialog &gt; .content img,
.overlay &gt; .dialog &gt; .content video { vertical-align: middle; }
.overlay &gt; .dialog &gt; .content &gt; *:first-child,
.overlay &gt; .dialog &gt; .content &gt; *:first-child:not(.toolbox) &gt; *:first-child,
.overlay &gt; .dialog &gt; .content &gt; *:first-child:not(.toolbox) &gt; *:first-child &gt; *:first-child,
.overlay &gt; .dialog &gt; .content &gt; .toolbox + *,
.overlay &gt; .dialog &gt; .content &gt; .toolbox + * &gt; *:first-child,
.overlay &gt; .dialog &gt; .content &gt; .toolbox + * &gt; *:first-child &gt; *:first-child,
.overlay &gt; .dialog &gt; .content &gt; .popup &gt; *:first-child &gt; *:first-child &gt; *:first-child,
.overlay &gt; .dialog &gt; .content &gt; .popup &gt; form:first-child &gt; *:first-child &gt; *:first-child &gt; *:first-child { margin-top: 0px; }
.overlay &gt; .dialog &gt; .content &gt; *:last-child,
.overlay &gt; .dialog &gt; .content &gt; *:last-child &gt; *:last-child,
.overlay &gt; .dialog &gt; .content &gt; *:last-child &gt; *:last-child &gt; *:last-child,
.overlay &gt; .dialog &gt; .content &gt; .popup &gt; *:last-child &gt; *:last-child &gt; *:last-child,
.overlay &gt; .dialog &gt; .content &gt; .popup &gt; form:first-child &gt; *:last-child,
.overlay &gt; .dialog &gt; .content &gt; .popup &gt; form:first-child &gt; *:last-child &gt; *:last-child,
.overlay &gt; .dialog &gt; .content &gt; .popup &gt; form:first-child &gt; *:last-child &gt; *:last-child &gt; *:last-child { margin-bottom: 0px; }
.overlay &gt; .dialog &gt; .content &gt; *:first-child:empty + *,
.overlay &gt; .dialog &gt; .content &gt; .toolbox + *:empty + * { margin-top: 0px; }
.overlay &gt; .dialog &gt; .content &gt; *:has(+ *:last-child:empty) { margin-bottom: 0px; }
.overlay &gt; .dialog &gt; .content table.display { max-width: 0px; display: table; }

body.overlaying &gt; .container,
body.overlaying &gt; #cms-body,
body.overlaying &gt; #cms-header,
*:not(body).overlaying &gt; *:not(.overlay),
.overlaying &gt; .overlay:not(.active) &gt; .dialog { }

.overlay.fit-width &gt; .dialog,
.overlay.fit &gt; .dialog { max-width: calc(100vw - 120px); }
body &gt; .overlay.fit-width,
body &gt; .overlay.fit { max-width: 100vw; }
body &gt; .overlay.fit-width &gt; .dialog,
body &gt; .overlay.fit &gt; .dialog { max-width: 100%; }

.overlay.fit &gt; .dialog { max-height: calc(100vh - 120px); }
body &gt; .overlay.fit { max-height: 100vh; }
body &gt; .overlay.fit &gt; .dialog { max-height: 100%; }

body &gt; .overlay.full-width,
body &gt; .overlay.full { width: 100vw; max-width: 100%; }
.overlay.full-width &gt; .dialog,
.overlay.full-width &gt; .dialog &gt; .content,
.overlay.full-width &gt; .dialog &gt; .content &gt; .popup,
.overlay.full &gt; .dialog,
.overlay.full &gt; .dialog &gt; .content,
.overlay.full &gt; .dialog &gt; .content &gt; .popup { width: 100%; }

body &gt; .overlay.full { height: 100vh; }
body &gt; .overlay.full.ratio { height: auto; }
.overlay.full &gt; .dialog,
.overlay.full &gt; .dialog &gt; .content,
.overlay.full &gt; .dialog &gt; .content &gt; .popup { height: 100%; }

.overlay.force-full-width &gt; .dialog { width: calc(100vw - 120px); }

.overlay.fit-width &gt; .dialog &gt; .content img,
.overlay.fit &gt; .dialog &gt; .content img,
.overlay.full &gt; .dialog &gt; .content img,
.overlay.force-full-width &gt; .dialog &gt; .content img,
.overlay.fit-width &gt; .dialog &gt; .content video,
.overlay.fit &gt; .dialog &gt; .content video,
.overlay.full &gt; .dialog &gt; .content video,
.overlay.force-full-width &gt; .dialog &gt; .content video { max-width: 100%; }
.overlay.fit &gt; .dialog &gt; .content img,
.overlay.full &gt; .dialog &gt; .content img,
.overlay.fit &gt; .dialog &gt; .content video,
.overlay.full &gt; .dialog &gt; .content video { max-height: 100%; }

ul.select &gt; li { margin-top: 2px; }
ul.select.diverse &gt; li { margin-top: 12px; }
ul.select &gt; li:first-child { margin-top: 0px; }
ul.select &gt; li &gt; label &gt; * { vertical-align: middle; display: inline-block; }
ul.select &gt; li &gt; label &gt; input + div { margin-left: 5px; }

ul.sorter &gt; li { margin-top: 5px; display: flex; flex-flow: row nowrap; }
ul.sorter.diverse &gt; li { margin-top: 12px; }
ul.sorter &gt; li:first-child { margin-top: 0px; }
ul.sorter &gt; li &gt; span,
ul.sorter &gt; li &gt; div,
ul.sorter &gt; li &gt; ul { display: inline-block; vertical-align: middle; white-space: nowrap; flex: 0 1 auto; }
ul.sorter &gt; li &gt; ul &gt; li + li { margin-top: 5px; }
ul.sorter.full &gt; li &gt; ul &gt; li { display: inline-block; }
ul.sorter.full &gt; li &gt; ul &gt; li + li { margin-top: 0px; margin-left: 5px; }
ul.sorter &gt; li &gt; div &gt; *,
ul.sorter &gt; li &gt; ul &gt; li &gt; * { vertical-align: middle; }
ul.sorter &gt; li &gt; ul &gt; li .body-content { white-space: normal; }

ul.sorter &gt; li &gt; span,
ul.sorter span.handle { position: relative; cursor: ns-resize; padding-right: 5px; }
ul.sorter &gt; li &gt; span:last-child,
ul.sorter span.handle:last-child { padding-right: 0px; padding-left: 5px; }
ul.sorter &gt; li &gt; span { vertical-align: top; }
ul.sorter &gt; li &gt; span::before { content: '';  display: block; height: calc(50% - (12px / 2)) /* 12px is icon height */; min-height: 0px; max-height: 6px; }
ul.sorter &gt; li &gt; span &gt; span.icon,
ul.sorter span.handle &gt; span.icon { color: #000000; }
ul.sorter &gt; li &gt; span &gt; span.icon svg,
ul.sorter span.handle &gt; span.icon svg { height: 12px; }
ul.sorter &gt; li &gt; span span.handle,
ul.sorter &gt; li &gt; div span.handle { vertical-align: middle; display: inline-block; }
ul.sorter.state-single &gt; li &gt; span,
ul.sorter.state-single span.handle,
ul.sorter.state-single &gt; li &gt; span:last-child,
ul.sorter.state-single span.handle:last-child { display: none; }

select.state-empty:not([multiple]) { width: 100px; }
select.state-placeholder:not([multiple]):not(:checked) { color: var(--input-placeholder); }
select.state-placeholder:not([multiple]):not(:checked) option,
select.state-placeholder:not([multiple]):not(:checked) optgroup { color: var(--input-text); }
ul.sorter:not(.state-single) select.state-empty { width: unset; }

menu.sorter { margin: 0px; text-align: left; }
menu.sorter button.order { height: 1.7em; font-size: 10px; padding: 0px 5px; }
menu.sorter button.order &gt; span { }
menu.sorter button.order &gt; span svg { height: 8px; }

ul &gt; li.sortsorter-placeholder { opacity: 0; }

div.tool-extras { position: absolute; margin-right: 8px; margin-top: 8px; white-space: nowrap; }
div.tool-extras &gt; * { display: inline-block; cursor: pointer; opacity: 0.36; }
div.tool-extras &gt; *:hover { opacity: 1; }
div.tool-extras &gt; button { height: 20px; padding: 0px 6px; margin: 0px; }
div.tool-extras &gt; button &gt; span.icon svg { height: 10px; }
div.tool-extras &gt; button:not(.hide) + button { margin-left: 4px; }
div.tool-extras &gt; .fullscreen:not(.minimize) &gt; span.icon:first-child + span.icon { display: none; }
div.tool-extras &gt; .fullscreen.minimize &gt; span.icon:first-child { display: none; }
div.tool-extras &gt; .tools.active:not(:hover) { opacity: 0.15; }
.tool-extras-placeholder { display: inline-block; vertical-align: middle; border: 0 !important; padding: 0 !important; background-color: var(--back-nested) !important; }
textarea.tool-extras-big,
input.tool-extras-big,
.input.tool-extras-big,
.editor-content.tool-extras-big &gt; div { width: 100% !important; min-height: 600px !important; }
body.in-fullscreen div.tool-extras-big { width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; right: 0px; position: fixed; z-index: 101; }
body.in-fullscreen { overflow: hidden; }

div.tool-extras-class-editor-inline { margin-right: 0px; margin-top: 0px; }

.editor-content { display: inline-block; }
.editor-content &gt; menu { margin: 0px 0px 8px 0px; text-align: left; }
.editor-content &gt; menu button &gt; span { }
.editor-content.inline &gt; menu { margin-bottom: 4px; }
.editor-content.inline &gt; menu button { height: 20px; padding: 0px 6px; }
.editor-content.inline &gt; menu button &gt; span { }
.editor-content.inline &gt; menu button &gt; span svg { height: 10px; }
.editor-content &gt; div { position: relative; overflow: auto; padding: 0px; background-color: var(--input-edit-background); }
.editor-content textarea,
.editor-content pre code { width: 100% !important; padding: 15px !important; height: auto; font-size: 1.4rem; line-height: 1.5; text-size-adjust: none; font-family: var(--font-mono); border: 0; margin: 0; top: 0; left: 0; position: absolute; overflow: hidden; background: transparent; box-sizing: border-box; }
.editor-content textarea { z-index: 2; height: auto; box-shadow: none; resize: none; text-fill-color: transparent; -webkit-text-fill-color: transparent; }
.editor-content pre { white-space: pre-wrap; word-wrap: break-word; }
.editor-content pre code { z-index: 1; }
.editor-content textarea { color: #000000; }
.editor-content pre code { color: var(--text); }

.editor-content[data-tools=""] &gt; div { background-color: #ffffff; }

.editor-content &gt; menu button.heading &gt; span,
.editor-content &gt; menu button.bold &gt; span,
.editor-content &gt; menu button.italic &gt; span { font-size: 14px; }
.editor-content.inline &gt; menu button.heading &gt; span,
.editor-content.inline &gt; menu button.bold &gt; span,
.editor-content.inline &gt; menu button.italic &gt; span { font-size: 12px; }
.editor-content &gt; menu button.heading &gt; span { font-weight: bold; }
.editor-content &gt; menu button.heading &gt; span &gt; span:first-child + span + span { font-size: 0.8em; }
.editor-content &gt; menu button.heading &gt; span &gt; span:first-child + span + span + span { font-size: 0.6em; }
.editor-content &gt; menu button.bold &gt; span { font-weight: bold; }
.editor-content &gt; menu button.italic &gt; span { font-weight: normal; font-style: italic; font-size: 16px; }
.editor-content.inline &gt; menu button.italic &gt; span { font-size: 14px; } 
.editor-content &gt; menu button.quote &gt; span svg { height: 12px; }
.editor-content.inline &gt; menu button.quote &gt; span svg { height: 9px; }

.regex &gt; span:first-child::before,
.regex &gt; span:first-child + input + span::before { content: "/"; font-size: 1.3em; vertical-align: middle; }
.regex &gt; span:first-child + input + span + input + span::before { content: ":"; font-size: 1.3em; vertical-align: middle; }
.regex &gt; span:first-child::before {  margin-right: 4px; }
.regex &gt; span:first-child + input + span { margin: 0px 4px; }
.regex &gt; span:first-child + input + span + input + span { margin: 0px 4px; }
.regex &gt; input[name$="[flags]"] { width: 35px; }
.regex &gt; label &gt; input[name$="[enable]"] + span { letter-spacing: 2px; }

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata { color: slategray; }
.token.punctuation { color: #999; }
.namespace { opacity: .7; }
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted { color: #c60000; }
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted { color: #6ba100; }
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string { color: #9a6e3a; background: hsla(0, 0%, 100%, .5); }
.token.atrule,
.token.attr-value,
.token.keyword { color: #777777; }
.token.function,
.token.class-name { color: #DD4A68; }
.token.regex,
.token.important,
.token.variable { color: #e90; }
.token.important,
.token.bold { font-weight: bold; }
.token.italic { font-style: italic; }
.token.entity { cursor: help; }

.token.cc1100punctuation { color: #999999; }
.token.cc1100tag { color: #009cff; }
.token.cc1100tag-attribute { color: #777777; }
.token.cc1100flag { color: #009cff; }
.token.cc1100variable,
.token.cc1100variable-value { color: #009cff; }

/* ICONS */

span.icon,
span[class*=icon-] { display: inline-block; }
span.icon svg,
span[class*=icon-] svg { height: 16px; width: auto; fill: currentColor; vertical-align: middle; }

span.icon[data-category="full"],
button &gt; span.icon,
.tags &gt; ul &gt; li &gt; span.handler .icon { height: 100%; }
span.icon[data-category="full"] svg,
.tags &gt; ul &gt; li &gt; span.handler .icon svg,
button &gt; span.icon svg,
button &gt; span.icon-text { position: relative; top: 50%; transform: perspective(1px) translateY(-50%); vertical-align: top; }

button &gt; span.icon-text:first-child { display: inline-block; margin-right: 5px; }
button &gt; span.icon-text:last-child { display: inline-block; margin-left: 5px; }
button &gt; span.icon svg { height: 14px; }

span.icon[data-category="direction"] { padding: 0em 0.4em; }
span.icon[data-category="direction"] svg { height: 0.8em; max-width: 0.8em; }
span.icon[data-category="status"] svg { height: auto; width: 14px; }
span.icon[data-category="increase"] svg { }

span.icon ~ sup,
span[class*=icon-] ~ sup,
span.icon ~ sub,
span[class*=icon-] ~ sub { vertical-align: middle; font-weight: bold; background-color: #ffffff; color: #000000; padding: 1px 2px; margin-left: -5px; border-radius: 2px; line-height: 1; position: absolute; }
span.icon ~ sup &gt; span,
span[class*=icon-] ~ sup &gt; span,
span.icon ~ sub &gt; span,
span[class*=icon-] ~ sub &gt; span { display: block; }
span.icon:hover + sup,
span[class*=icon-]:hover + sup,
span.icon:hover + sub,
span[class*=icon-]:hover + sub {  }

@font-face {
	font-family: 'icons-fontawesome-brands';
	src: url('/CMS/css/fonts/fa-brands-400.eot');
	src: url('/CMS/css/fonts/fa-brands-400.eot?#iefix') format('embedded-opentype'), 
		url('/CMS/css/fonts/fa-brands-400.woff') format('woff'),
		url('/CMS/css/fonts/fa-brands-400.woff2') format('woff2'),
		/*url('/CMS/css/type/filename.otf') format('opentype'),*/
		url('/CMS/css/fonts/fa-brands-400.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}

span[class*=icon-fontawesome-] { font-family: icons-fontawesome-brands; }

.icon-fontawesome-facebook::before { content: "\f09a"; }
.icon-fontawesome-twitter::before { content: "\f099"; }
.icon-fontawesome-youtube::before { content: "\f167"; }
.icon-fontawesome-instagram::before { content: "\f16d"; }
.icon-fontawesome-linkedin::before { content: "\f08c"; }
.icon-fontawesome-mastodon::before { content: "\f4f6"; }

/* FEEDBACK */

body &gt; .result { position: fixed; z-index: 99999; pointer-events: none; }
body &gt; .result &gt; div { position: relative; display: table; padding: 10px; margin: 0px auto; margin-top: 10px; pointer-events: auto; }
body &gt; .result &gt; div:first-child { margin-top: 0px; }
body &gt; .result &gt; div &gt; ul &gt; li { margin-top: 10px; display: flex; flex-flow: row nowrap; align-items: baseline; }
body &gt; .result &gt; div &gt; ul &gt; li:first-child { margin-top: 0px; }
body &gt; .result &gt; div &gt; ul &gt; li &gt; * { vertical-align: top; flex: 0 1 auto; }
body &gt; .result &gt; div &gt; ul &gt; li &gt; label,
body &gt; .result &gt; div &gt; ul &gt; li &gt; div { display: inline-block; }
body &gt; .result &gt; div &gt; ul &gt; li &gt; div { margin-left: 10px; color: #ffffff; white-space: pre-wrap; }
body &gt; .result &gt; div &gt; ul &gt; li &gt; div &gt; a { color: #ffffff; text-decoration: underline; }
body &gt; .result &gt; div &gt; ul &gt; li &gt; div code { font-family: var(--font-mono); }
body &gt; .result &gt; div &gt; ul &gt; li &gt; label,
body &gt; .result &gt; div &gt; ul &gt; li:first-child &gt; div { padding: 2px 10px; background-color: #ffffff; font-size: 1.4rem; font-weight: bold; color: inherit; }

body &gt; .result &gt; .alert { color: #a00000 !important; background-color: #a00000 !important; }
body &gt; .result &gt; .attention { color: #ffb400 !important; background-color: #ffb400 !important; }
body &gt; .result &gt; .status { color: #00ccff; background-color: #00ccff; }
body &gt; .result &gt; .mediate { color: #000000; background-color: #000000; }

body &gt; .result &gt; .loading { --color: #000000; background-color: rgba(255, 255, 255, 0.6); }
body &gt; .result &gt; .loading &gt; span { --dot-size: 8px; --circle-stroke-size: 5px; --circle-size: 26px; --bar-size: 260px; }

body &gt; .result &gt; .loading &gt; span { display: block; position: relative; width: var(--circle-size); height: var(--circle-size); }
body &gt; .result &gt; .loading &gt; span::before,
body &gt; .result &gt; .loading &gt; span::after { content: ""; display: block; position: absolute; }

body &gt; .result &gt; .loading:not([data-progress]) &gt; span::before { width: 100%; height: 100%; box-sizing: border-box; border-radius: 50%; border: var(--circle-stroke-size) solid; border-color: var(--color) var(--color) var(--color) transparent; background: transparent; animation: loading-rotate 600ms linear infinite; }
body &gt; .result &gt; .loading:not([data-progress]) &gt; span::after { width: var(--dot-size); height: var(--dot-size); border-radius: 50%; left: calc(50% - (var(--dot-size) / 2)); top: calc(50% - (var(--dot-size) / 2)); background: var(--color); animation: loading-dot 1200ms infinite; }
@keyframes loading-rotate {
   0% { transform: rotate(0deg); }
 100% { transform: rotate(360deg); }
}
@keyframes loading-dot {
   0% { transform: translateY(0); animation-timing-function: var(--animate-timing-bounce); }
  40% { transform: translateY(-300%); animation-timing-function: var(--animate-timing-bounce-reverse); }
  75% { transform: translateY(0); animation-timing-function: linear; }
 100% { transform: translateY(0); }
}

body &gt; .result &gt; .loading[data-progress] { --progress: 0%; }
body &gt; .result &gt; .loading[data-progress] &gt; span { width: var(--bar-size); height: var(--dot-size); }
body &gt; .result &gt; .loading[data-progress] &gt; span::before { width: 100%; height: 100%; background: no-repeat linear-gradient(var(--color) 0% 100%); background-size: var(--progress) 100%; transition: background-size 0.5s ease-in-out; }
body &gt; .result &gt; .loading[data-progress] &gt; span::after { width: var(--dot-size); height: var(--dot-size); border-radius: 50%; --dot-position-stop: calc(100% + 7px); left: var(--dot-position-stop); top: calc(50% - (var(--dot-size) / 2)); background: var(--color); animation: loading-bar-dot 300ms infinite alternate; animation-timing-function: var(--animate-timing-bounce); }
@keyframes loading-bar-dot {
   0% { transform: translateY(0); }
 100% { transform: translateY(-300%); }
}

body &gt; .result &gt; .loading[data-progress="0"] &gt; span::before { background: no-repeat linear-gradient(var(--color) 0% 100%), no-repeat linear-gradient(var(--color) 0% 100%), transparent; background-size: 60% 100%, 60% 100%, 60% 100%; animation: loading-bar-wait 3300ms infinite; }
body &gt; .result &gt; .loading[data-progress="0"] &gt; span::after { animation: loading-bar-wait-dot 3300ms infinite; left: 0%; }
@keyframes loading-bar-wait {
   0% { background-position: -150% 0, -150% 0; }
  64% { background-position: 250% 0, -150% 0; }
  95% { background-position: 250% 0, 250% 0; }
 100% { background-position: 250% 0, 250% 0; }
}
@keyframes loading-bar-wait-dot {
   0% { left: 0%; }
  25% { left: var(--dot-position-stop); }
  64% { left: var(--dot-position-stop); }
  69% { left: 45%; }
  76% { left: var(--dot-position-stop); }
  95% { left: var(--dot-position-stop); }
 100% { left: 0%; }
}

/* MESSAGE */

body &gt; .system { position: relative; top: 0px; left: 0px; }
body &gt; .system &gt; div { box-sizing: border-box; text-align: center; font-size: 1.6rem; }
body &gt; .system &gt; div &gt; p:first-child &gt; span.icon { vertical-align: middle; margin-right: 10px; }
body &gt; .system &gt; div &gt; p:first-child &gt; span.icon svg { height: 30px; }
body &gt; .system &gt; div &gt; p { display: inline-block; vertical-align: middle; margin: 12px 16px; }

body &gt; .system &gt; .important { color: #ffffff; background-color: #ffb400; }

:root {
	
}

/* GERERAL */

html {
	font-size: 62.5%;
 }
/* Ensure body will stretch along with its content */
body {
	--font-body: var(--font-site);
	display: flex; flex-flow: column nowrap; align-content: stretch; align-items: stretch; justify-content: flex-start;
	position: relative;
	font-family: var(--font-body);
	color: #000000;
	background: #ffffff;
	line-height: 1.26;
	font-size: 12px; font-size: 1.2rem;
}
body.framed { overflow-y: hidden; }
p { margin: 8px 0px; }
figure { text-align: center; }
figurecaption { display: block; margin: 6px 0px 0px 0px; text-align: left; }
pre { margin: 12px 0px; } 
blockquote {
	margin: 8px 0px;
	padding: 6px;
	quotes: "“" "”" "‘" "’";
}
blockquote::before {
	content: open-quote;
	font-size: 16px;
	font-weight: bold;
	line-height: 12px;
}
blockquote::after {
	content: close-quote;
	font-size: 16px;
	font-weight: bold;
	line-height: 12px;
}
blockquote header { font-weight: bold; }
blockquote header::after { content: ":"; }
h1 {
	font-size: 20px;
	font-weight:bold;
	margin: 8px 0px;
}
h2 {
	font-size: 16px;
	font-weight:bold;
	margin: 8px 0px;
}
h3 {
	font-size: 14px;
	font-weight:bold;
	margin: 4px 0px;
}
h4 {
	font-size: 12px;
	font-weight:bold;
	margin: 4px 0px;
}
legend {
	font-size: 14px;
	font-weight:bold;
	margin: 2px 0px;
}

a, a:link, a:visited, a:active, a:hover, .a { cursor: pointer; color: inherit; text-decoration: none; }
a:hover, .a:hover { color: var(--highlight); text-decoration: underline; }

a.more, a.more:link, a.more:visited, a.more:active, a.more:hover, .a.more { color: var(--highlight); text-decoration: none; }
a.more:hover, .a.more:hover { text-decoration: underline; }

::selection { color: #ffffff; background-color: var(--highlight); text-fill-color: currentColor; -webkit-text-fill-color: currentColor; }
::-moz-selection { color: #ffffff; background-color: var(--highlight); text-fill-color: currentColor; -webkit-text-fill-color: currentColor; }

hr { margin: 8px 0px; border: 0px; border-bottom: 4px solid #000000; }

.mod &gt; *:first-child,
.mod &gt; *:first-child:not(.toolbox) &gt; *:first-child,
.mod &gt; *:first-child:not(.toolbox) &gt; *:first-child &gt; *:first-child,
.mod &gt; .toolbox + *,
.mod &gt; .toolbox + * &gt; *:first-child,
.mod &gt; .toolbox + * &gt; *:first-child &gt; *:first-child { margin-top: 0px; }
.mod &gt; *:last-child,
.mod &gt; *:last-child &gt; *:last-child,
.mod &gt; *:last-child &gt; *:last-child &gt; *:last-child { margin-bottom: 0px; }
.mod &gt; *:first-child:empty + *,
.mod &gt; *:first-child:empty + * &gt; *:first-child,
.mod &gt; .toolbox + *:empty + *,
.mod &gt; .toolbox + *:empty + * &gt; *:first-child { margin-top: 0px; }
.mod &gt; *:has(+ *:last-child:empty),
.mod &gt; *:has(+ *:last-child:empty) &gt; *:last-child { margin-bottom: 0px; }

/* Hide any additional html elements added at the end of the document, except named (class) elements */
.container ~ *:not([class]) { position: absolute; height: 0px; width: 0px; font-size: 0px; overflow: hidden; }

/* TEMPLATE */

.container { position: relative; }
.container,
.site { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.container:after,
.site:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; }

/* Basic modular positioning */
.back,
.con,
.mod { float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }

.overlay .mod { float: none; }

/* Helps absolute positionsing inside modules, otherwise set position to static on specific modules for parent positioning */
.mod { position: relative; }

/* Clear height presence of empty mods and backs, but preserve closing margin of a closing div, to preserve width template needs a min-height */
.back:empty,
.mod:empty { margin-top: 0px !important; height: 0px !important; }

.back { background: #ffffff; }

/* MOD ADAPTATION */


/* INTERFACE */

textarea { width: 250px; }
.body-content { width: 700px; height: 450px; }

fieldset &gt; ul &gt; li &gt; label + *[type=submit],
fieldset &gt; ul &gt; li &gt; label + *[type=button],
fieldset &gt; ul &gt; li &gt; label + div &gt; input.invalid + *[type=submit],
fieldset &gt; ul &gt; li &gt; label + div &gt; input.invalid + *[type=button] { margin: 0px; width: 100%; }
fieldset &gt; ul &gt; li &gt; label:first-child + * input[type=text],
fieldset &gt; ul &gt; li &gt; label:first-child + * input[type=search],
fieldset &gt; ul &gt; li &gt; label:first-child + * input[type=password],
fieldset &gt; ul &gt; li &gt; label:first-child + * textarea { width: 100%; }
fieldset &gt; ul &gt; li &gt; label:first-child + * &gt; input[type],
fieldset &gt; ul &gt; li &gt; label:first-child + * &gt; *[type=button],
fieldset &gt; ul &gt; li &gt; label:first-child + * &gt; textarea,
fieldset &gt; ul &gt; li &gt; label:first-child + * &gt; select,
fieldset &gt; ul &gt; li &gt; label:first-child + * &gt; .input { display: inline-block; margin-top: 0px; margin-bottom: 0px; }
fieldset &gt; ul &gt; li &gt; label:first-child + * &gt; .options { margin: 0px; }
.options fieldset &gt; ul &gt; li &gt; label:first-child + input[type=text],
.options fieldset &gt; ul &gt; li &gt; label:first-child + input[type=search],
.options fieldset &gt; ul &gt; li &gt; label:first-child + input[type=password],
.options fieldset &gt; ul &gt; li &gt; label:first-child + * input[type=text],
.options fieldset &gt; ul &gt; li &gt; label:first-child + * input[type=search],
.options fieldset &gt; ul &gt; li &gt; label:first-child + * input[type=password] { width: 250px; }
.options fieldset &gt; ul &gt; li &gt; label:first-child + input.date,
.options fieldset &gt; ul &gt; li &gt; label:first-child + input.datepicker,
.options fieldset &gt; ul &gt; li &gt; label:first-child + * input.date,
.options fieldset &gt; ul &gt; li &gt; label:first-child + * input.datepicker { width: 9.4em; }
.options fieldset &gt; ul &gt; li &gt; label:first-child + input.date-time,
.options fieldset &gt; ul &gt; li &gt; label:first-child + * input.date-time { width: 4em; }
.options fieldset &gt; ul &gt; li &gt; label:first-child + .pickcolor &gt; input[type=text],
.options fieldset &gt; ul &gt; li &gt; label:first-child + * .pickcolor &gt; input[type=text] { width: 78px; }
.options fieldset &gt; ul &gt; li &gt; label:first-child + textarea,
.options fieldset &gt; ul &gt; li &gt; label:first-child + * textarea { width: 250px; }
.options fieldset &gt; ul &gt; li &gt; label:first-child + * .regex &gt; input[name$="[flags]"] { width: 35px; }
ul.sorter &gt; li &gt; div &gt; input.date,
ul.sorter &gt; li &gt; div &gt; input.datepicker,
ul.sorter &gt; li &gt; ul &gt; li &gt; input.date,
ul.sorter &gt; li &gt; ul &gt; li &gt; input.datepicker { width: 9.4em; }
ul.sorter &gt; li &gt; div &gt; input.date-time,
ul.sorter &gt; li &gt; ul &gt; li &gt; input.date-time { width: 4em; }

.network { text-align: center; overflow-x: auto; overflow-y: hidden; }
.network .node { display: block; }
.network .node &gt; h4 { margin: 0px; background-color: var(--back-nested); padding: 0px 8px; height: 2.3em; line-height: 2.3em; }
.network .node &gt; h4 + div { display: block; vertical-align: top; }
.network .node &gt; h4 + div &gt; fieldset &gt; * { text-align: left; }
.network &gt; .node,
.network .node &gt; div + div { display: inline-block; vertical-align: top; white-space: nowrap; }
.network .node &gt; div + div &gt; div { display: inline-block; white-space: nowrap; vertical-align: top; }
.network .node &gt; div + div &gt; div + div { margin-left: 10px; }

/* TABLE */

table.display td,
table.list td,
table.display th,
table.list th { max-width: 300px; }

table.display { width: 100%;}

td.max, th.max { width: 100%; }
td.limit, th.limit { max-width: 300px; }

table.list th,
table.list td { padding-right: 20px; }
table.list tbody tr:hover { background: #eeeeee; }

/* OTHER */

fieldset &gt; legend { margin-top: 0px; margin-bottom: 5px; }
fieldset &gt; legend &gt; * { display: inline-block; vertical-align: middle; }
fieldset &gt; ul { margin: -5px 0px !important; display: table; vertical-align: middle; border-collapse: separate; border-spacing: 0px 5px; }
fieldset &gt; ul &gt; li { display: table-row; height: 100%; }
fieldset &gt; ul &gt; li &gt; label:first-child { display: table-cell; vertical-align: top; padding: 2px 15px 2px 0px; text-align: right; width: 1%; white-space: nowrap; height: 100%; }
/* fieldset &gt; ul &gt; li &gt; label:first-child::before { content: '';  display: block; height: calc(40% - (1em / 2)); min-height: 2px; max-height: 6px; } */
fieldset &gt; ul &gt; li &gt; label:first-child + * { display: table-cell; width: 100%; vertical-align: middle; margin-left: 0px; border-spacing: 0px; }
fieldset &gt; ul &gt; li &gt; label:first-child:empty { padding: 0px; width: 0%; }

.options fieldset { margin: 8px 0px; vertical-align: top; }
.options fieldset fieldset { margin: 0px; margin-left: 30px; }
.options fieldset .options *:not(li) &gt; fieldset { margin-left: 0px; }
.options fieldset fieldset &gt; *:first-child { margin-top: 0px; }
.options fieldset fieldset &gt; *:last-child { margin-bottom: 0px; }
.options fieldset &gt; ul { position:relative; display: inline-block; margin-left: 5px; }
.options fieldset &gt; ul:first-child,
.options fieldset &gt; legend + ul { margin-left: 0px; }
.options fieldset &gt; ul &gt; li &gt; label:first-child { text-align: left; width: auto; }
.options fieldset &gt; ul &gt; li &gt; label:first-child + * { display: inline-block; width: auto; }
.options fieldset &gt; ul &gt; li &gt; label:first-child + span,
.options fieldset &gt; ul &gt; li &gt; label:first-child + div { display: table-cell; }

time.date,
time.time { font-family: var(--font-serif); font-size: 1.2rem; color: #999999; line-height: 1; }
time.date span { display: block; text-align: justify; }
time.time span { display: inline-block; }
time.time span + span { margin-left: 2px; }

/* BBCODE */
					
.tab {margin-left: 2.5em;}

img.resized {width: 450px;}
	
span.center { display: block; text-align: center; }
span.center img { margin: 0px auto; }

/* ICONS */


/* ERROR */

body &gt; .result { top: 20px; left: 20px; right: 20px;  }


			.label-popup .options fieldset &gt; ul &gt; li &gt; label:first-child + * textarea { width: 400px; height: 100px; }
			.label-popup menu { text-align: center; }

.logout { height: 30px; line-height: 30px; padding: 0px 15px; text-align:center; font-weight:bold; color: #ffffff; background-color: #000000; float: right;}
				.logout:hover { background-color: #ffffff; }
				.logout li { display: inline-block; margin-left: 12px; }
				.logout li &gt; a,
				.logout li &gt; .a,
				.logout li.info &gt; div { line-height:1; display: inline-block; vertical-align: middle; text-decoration: none; }
				.logout a:not(:hover),
				.logout .a:not(:hover) { color: #ffffff; }
				.logout a:hover,
				.logout .a:hover { text-decoration: underline; }
				.logout li &gt; a &gt; sup { margin-top: -4px; }
				.logout li:first-child,
				.logout li.logout-options { margin-left: 0px; }
				.logout li.logout-options &gt; span { margin-left: 5px; vertical-align: middle; }
				.logout li.logout-options &gt; span:first-child { margin-left: 0px; }
				.logout li.logout-options { display: none; }
				.logout li.info { text-align: left; }
				.logout li.info &gt; div &gt; span { display: block; line-height: 1.1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
				.logout li.info &gt; div &gt; span:first-child { font-size: 10px; }
				.logout li.info &gt; div &gt; span:first-child + span { }
.account .select input[name=lang_code] + span &gt; img { margin-right: 4px; }
.messaging .conversations &gt; tbody tr.unread &gt; td:first-child,
					.messaging .conversations &gt; tbody tr.unread &gt; td:first-child + td { font-weight: bold; }
					.messaging .conversations &gt; tbody td + td:last-child { text-align: right; }
					.messaging .conversations &gt; tbody td span.body { color: #aaaaaa; font-size: inherit; }
					
					.messaging .conversation { margin-top: 10px; }
					.messaging .conversation &gt; fieldset { margin: 12px 0px; }
					.messaging .conversation input.autocomplete-multi { width: 175px; }
					.messaging .conversation &gt; ul { }
					.messaging .conversation &gt; ul &gt; li { margin-top: 10px; margin-right: 20%; }
					.messaging .conversation &gt; ul &gt; li:first-child { margin-top: 0px; }
					.messaging .conversation &gt; ul &gt; li.own { margin-right: 0px; margin-left: 20%; }
					.messaging .conversation &gt; ul &gt; li &gt; cite { display: block; }
					.messaging .conversation &gt; ul &gt; li.own &gt; cite { text-align: right; }
					.messaging .conversation &gt; ul &gt; li &gt; cite &gt; span:first-child { font-weight: bold; }
					.messaging .conversation &gt; ul &gt; li.own &gt; cite &gt; span:first-child { display: none; }
					.messaging .conversation &gt; ul &gt; li &gt; cite &gt; span:first-child + span { display: inline-block; margin-left: 5px; }
					.messaging .conversation &gt; ul &gt; li &gt; cite + div { margin-top: 5px; padding: 10px 10px; background-color: #ffffff; }
					.messaging .conversation &gt; .compose textarea { width: 100%; height: 150px; }

.sitemap &gt; ul { display: inline-block; vertical-align: top; margin-right: 30px; }
					.sitemap &gt; ul:last-child { margin-right: 0px; }
					.sitemap &gt; ul &gt; li:first-child { font-weight: bold; }
					.sitemap &gt; ul &gt; li:empty { display: none; }
.header { position: relative; }
			.header &gt; .navigation input[type=checkbox],
			.header &gt; .navigation input[type=checkbox] + label { display: none; }
		
.footer { position: relative; }

			.search form &gt; input[type=search] { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
			.search form &gt; input[type=submit] { margin-left: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
			.search dl { margin-top: 20px; }
			.search dl &gt; dt { margin-top: 12px; }
			.search dl &gt; dt &gt; a { font-size: 1.4rem; font-weight: bold; }
			.search dl &gt; dt &gt; .hits { font-size: 1rem; display: inline-block; }
			.search dl &gt; dt &gt; .link { display: block; margin-top: 4px; }
			.search dl &gt; dd { color: #666666; margin-top: 8px; }
			.search dl &gt; dd em { font-style: normal; font-weight: bold; color: var(--text); background-color: #fffc5b; }
			.search dl &gt; dt &gt; a em { font-style: normal; }
		
.search_box { text-align: right; }
			.search_box form &gt; input[type=search] { width: 125px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
			.search_box form &gt; button[type=submit] { margin-left: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
		

			.language ul &gt; li { display: inline-block; }
			.language ul &gt; li:not(:first-child)::before { content: "/"; margin: 0px 0.15em; }
		

.dashboard &gt; div { width: 100%; display: flex; flex-flow: row nowrap; min-height: 40px; }
				.dashboard &gt; div &gt; ul { flex: 1 1 100%; vertical-align: top; overflow: hidden; margin-top: 0px !important; margin-bottom: 0px !important; margin-right: 0px !important; }
				.dashboard &gt; div &gt; ul:first-child { margin-left: 0px !important; }
				.dashboard &gt; div &gt; ul &gt; li { margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; }
				.dashboard &gt; div &gt; ul &gt; li:first-child { margin-top: 0px !important; }
				.dashboard &gt; div &gt; ul &gt; li h3 { font-size: 12px; margin: 0px; padding: 0px 4px; color: #ffffff; background-color: #00497e; line-height: 24px; }
				.dashboard &gt; div &gt; ul &gt; li h3 &gt; span { vertical-align: middle; }
				.dashboard &gt; div &gt; ul &gt; li:not(.locked) h3 &gt; span { cursor: move; }
				.dashboard &gt; div &gt; ul &gt; li h3 &gt; ul { float: right; }
				.dashboard &gt; div &gt; ul &gt; li h3 &gt; ul &gt; li { cursor: pointer; display: inline-block; vertical-align: middle; margin-left: 4px; }
				.dashboard &gt; div &gt; ul &gt; li h3 &gt; ul &gt; li.size { width: 14px; height: 14px; background: url(/css/images/widget_buttons_w.png) no-repeat 0px 0px; }
				.dashboard &gt; div &gt; ul &gt; li.min h3 &gt; ul &gt; li.size { background-position: -14px 0px; }
				.dashboard &gt; div &gt; ul &gt; li.min &gt; div { display: none; }
				.dashboard &gt; div &gt; ul &gt; li h3 &gt; ul &gt; li a { display: block; width: 14px; height: 14px; background: url(/css/images/widget_buttons_w.png) no-repeat -28px 0px; }
				.dashboard &gt; div &gt; ul &gt; li &gt; div { padding: 4px; padding-bottom: 0px; }

			.slider { overflow: hidden; }
			.slider &gt; div { position: relative; z-index: 1; width: 100%; height: 100%; overflow: hidden; }
			.slider &gt; div &gt; div { text-align: center; width: 100%; height: 100%: }
			.slider &gt; div &gt; div &gt; img { max-width: 100%; vertical-align: middle; }
			
			.slider &gt; div[data-effect=flow] { cursor: ew-resize; }
			.slider &gt; div[data-effect=flow] &gt; div { display: block; position: absolute; }
			
			.slider &gt; div[data-effect=scroll] { overflow: visible; --slider-image-one: none; --slider-image-two: none; --slider-opacity: 0; }
			.slider &gt; div[data-effect=scroll] &gt; .flip { display: block; position: -webkit-sticky; position: sticky; z-index: 0; top: 0px; width: 100%; height: 100vh; }
			.slider &gt; div[data-effect=scroll] &gt; .flip:before,
			.slider &gt; div[data-effect=scroll] &gt; .flip:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-position: center; background-repeat: no-repeat; background-size: cover; }
			.slider &gt; div[data-effect=scroll] &gt; .flip:before { background-image: var(--slider-image-one); }
			.slider &gt; div[data-effect=scroll] &gt; .flip:after { background-image: var(--slider-image-two); opacity: var(--slider-opacity); transition: opacity 1s ease-in-out; }
			.slider &gt; div[data-effect=scroll] &gt; div:not(.flip) { display: block; position: absolute; top: 0; left: 0; right: 0; height: 100vh; z-index: 1; }
			.slider &gt; div[data-effect=scroll] &gt; div:not(.flip) &gt; p,
			.slider &gt; div[data-effect=scroll] &gt; div:not(.flip) &gt; figure &gt; figurecaption { position: absolute; bottom: 20%; left: 20%; right: 20%; margin: 0px; padding: 2em; background-color: #ffffff; }
			
			.slider &gt; nav.album-items button { z-index: 2; color: #ffffff; background-color: #000000; }
			.slider &gt; nav.album-items button:hover { color: #000000; background-color: #ffffff; }
						
			.slider &gt; nav.pager { position: absolute; z-index: 2; bottom: 20px; left: 50%; transform: translateX(-50%); line-height: 1; font-size: 0px; text-align: center; pointer-events: none; }
			.slider &gt; nav.pager a { display: inline-block; height: 10px; width: 10px; margin: 0px 5px; border-radius: 50%; background-color: #000000; border: 2px solid #ffffff; text-decoration: none; pointer-events: auto; }
			
			.slider &gt; nav.pager a.active,
			.slider &gt; nav.pager a:hover { background-color: #ffffff; }

			.slider &gt; nav.album-items button.prev,
			.slider &gt; nav.album-items button.next,
			.slider &gt; nav.pager { opacity: 0; transition: opacity 0.4s; }
			
			.slider:hover &gt; nav.album-items button.prev,
			.slider:hover &gt; nav.album-items button.next,
			.slider:hover &gt; nav.pager { opacity: 1; }
			
			.slider &gt; .carousel { display: flex; flex-direction: row; align-items: normal; --slider-speed: 1000ms; --slider-index: 0; }
			.slider &gt; .carousel &gt; div { position: relative; flex: 0 0 100%; overflow: hidden; }
			.slider &gt; .carousel &gt; div:not(.body) { display: flex; justify-content: center; align-items: center; }
			
			.slider &gt; .carousel[data-effect=vertical] { flex-direction: column; }
			.slider &gt; .carousel[data-effect=vertical].no-height { height: 100vh; }
			
			.slider &gt; .carousel[data-effect=fade] &gt; div { left: calc(-100% * var(--slider-index)); opacity: 0; transition: opacity var(--slider-speed) ease-in-out; }
			.slider &gt; .carousel[data-effect=fade] &gt; div.active,
			.slider &gt; .carousel[data-effect=fade]:not(:has( &gt; div.active)) &gt; div:first-child { opacity: 1; }
		
.contact_form form { overflow: hidden; }
				.contact_form form fieldset textarea { height: 200px; }
		
.contact_info &gt; ul { float: left; width: 225px; }
				.contact_info &gt; ul li { line-height: 18px; }
				.contact_info &gt; ul .split { height: 14px; }
				.contact_info &gt; ul li &gt; span { display: inline-block; vertical-align: middle; }
				.contact_info &gt; ul li &gt; span:first-child { width: 24px; text-align: left;}
		
.contact_map &gt; div { width: 100%; height: 500px; }
		
.blog {  }
				.blog &gt; article { position: relative; overflow: hidden; margin-top: 20px; }
				.blog &gt; article + h1 { margin-top: 25px; }
				.blog &gt; article &gt; time { display: inline-block; vertical-align: top; padding: 8px; }
				.blog &gt; article &gt; h1 { display: inline-block; vertical-align: top; margin: 0px; margin-left: 10px; margin-top: 10px; max-width: calc(100% - 100px); box-sizing: border-box; }
				.blog &gt; article &gt; h1 &gt; a,
				.blog &gt; article &gt; h1 &gt; a:hover { text-decoration: none; color: #000000; }
				.blog &gt; article &gt; cite { display: block; }
				.blog &gt; article &gt; section.body { margin-top: 15px; }
				.blog &gt; article &gt; section.body .more { margin-left: 4px; }
				.blog &gt; article &gt; div.tags { margin-top: 15px; }
				.blog &gt; article &gt; a { display: block; text-align: right; white-space: nowrap; }
				.blog &gt; article &gt; a &gt; span { display: inline-block; text-decoration: inherit; }
				.blog &gt; article &gt; a &gt; span + span { margin-left: 5px; }
				.blog .nextprev { text-align: center; margin: 40px 0px 0px 0px;	font-size: 14px; font-weight: bold; }
				.blog .nextprev &gt; a &gt; span.icon svg { height: 0.9em; }
				.blog .nextprev &gt; a &gt; span.icon { color: var(--highlight); }
				.blog .nextprev &gt; a &gt; span + span { margin-left: 10px; }
				.blog .nextprev &gt; a &gt; span:not(.icon) { vertical-align: middle; }
				.blog .nextprev &gt; a.prev + a.next { margin-left: 40px; }
.blog_post_comments .comment { position: relative; margin: 10px 0px 0px 0px; background-color: #eeeeee; }
				.blog_post_comments .comment:first-child { margin-top: 0px; }
				.blog_post_comments .comment &gt; div:first-child { float: left; position: relative; margin-top: 10px; }
				.blog_post_comments .comment &gt; div:first-child + div { padding: 10px 14px 10px 14px; min-height: 50px; margin-left: 90px; }
				.blog_post_comments .comment &gt; div:first-child + div &gt; cite { margin: 4px 0px; display: block; font-size: 1.4rem; font-weight: bold; }
				.blog_post_comments .comment &gt; div:first-child + div &gt; div { margin-top: 4px; }
							
				.blog_post_comments time { display: block; }
				.blog_post_comments time span:first-child,
				.blog_post_comments time span:first-child + span,
				.blog_post_comments time span:first-child + span + span { display: inline-block; font-size: 11px; line-height: 11px; }
				.blog_post_comments time span:first-child ~ span { margin-left: 3px; }

				.blog_post_comments &gt; span.a.more { display: block; }
				
				.blog_post_comments form { display: none; margin: 20px 0px; }
				.blog_post_comments form textarea { height: 100px; }
				
				.blog_post_comments form + div { margin: 20px 0px; }
.blog.titles ul,
					.blog.comments ul { margin: 0px; padding: 0px; list-style: none }
					.blog.titles li a,
					.blog.comments li a { display: block; min-height: 22px; line-height: 22px; border-bottom: 1px dashed #c0c0c0; color: #000000; text-decoration: none; }
					.blog.titles li:first-child a,
					.blog.comments li:first-child a { border-top: 1px dashed #c0c0c0; }
					.blog.titles li a span,
					.blog.comments li a span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
					.blog.titles li a &gt; span:first-child,
					.blog.comments li a &gt; span:first-child { float:left; margin-right: 6px; text-align: center; color: #ffffff; font-weight: bold; width: 4px; height: 22px; }
					.blog.titles li a:hover,
					.blog.comments li a:hover { text-decoration: none;}
					.blog.titles li a:hover &gt; span:first-child,
					.blog.comments li a:hover &gt; span:first-child { background-color: #c0c0c0;}
					.blog.titles li a:hover &gt; span + span,
					.blog.comments li a:hover &gt; span + span { color: #666666;}
					
					.blog.comments li a { height: 38px;}
					.blog.comments li a &gt; span:first-child { height: 38px;}
					.blog.comments li a &gt; span + span &gt; span + span { margin-top: -6px;}
.blog_tag_cloud { }
				.blog_tag_cloud &gt; div { margin: 8px 0px 0px 0px; text-align: justify; }
				.blog_tag_cloud &gt; div a { display: inline-block; color: #000000; text-decoration: none; vertical-align: middle; line-height: 1.25; margin: 3px 0px; padding: 3px 4px; max-width: 100%; box-sizing: border-box; background-color: #e1e1e1; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
				.blog_tag_cloud &gt; div a + a { margin-left: 3px; }
				.blog_tag_cloud &gt; div:last-child &gt; a:last-child { margin-bottom: 3px; }
				.blog_tag_cloud &gt; div a:hover { color: #666666; text-decoration: none; }
				.blog_tag_cloud &gt; div a &gt; sup { margin-left: 2px; }
				
				.blog_tag_cloud &gt; div &gt; input[id^=hide-show] ~ label { margin-left: 5px; }
				
				.blog_tag_cloud &gt; div { font-size: 1.0rem; }
				.blog_tag_cloud &gt; div a &gt; span { font-size: calc(150% + 1.0rem); }
				.blog_tag_cloud &gt; div a &gt; sup { font-size: calc(100% + 0.9rem); }
		
.poll form input[type=submit] { text-transform: uppercase; }
				.poll dl dt { margin-top: 6px; font-size: 0.9em; }
				.poll dl dt:first-child { margin-top: 0px; }
				.poll dl dd { position: relative; background: #f2f2f2; padding: 2px 4px; }
				.poll dl dd &gt; span:first-child { position: absolute; top: 0px; left: 0px; background: #00497e; height: 100%; }
				.poll dl dd &gt; span:first-child + span { position: relative; color: #ffffff; font-weight: bold; }
.newsletters &gt; ul { margin: -4px -8px; display: table; border-collapse: separate; border-spacing: 8px 4px; }
					.newsletters &gt; ul &gt; li { display: table-row; }
					.newsletters &gt; ul &gt; li &gt; a { display: table-cell; }
					.newsletters &gt; ul &gt; li &gt; time { display: table-cell; }
					.newsletters &gt; ul &gt; li &gt; time &gt; span { font-size: 1.2em; display: inline; margin-left: 2px; }
					.newsletters &gt; ul &gt; li &gt; time &gt; span:first-child { margin-left: 0px; }
					
					.newsletters &gt; .content { position: relative; }
					.newsletters &gt; .content &gt; h1 { margin-top: 0px; }
					.newsletters &gt; .content &gt; iframe { width: 100%; height: 100%; }
.form form &gt; div + fieldset { margin-top: 10px; }
					.form li.field_address span.input-split &gt; span:first-child { width: 60%; }
					.form li.field_address span.input-split &gt; span:first-child + span { width: 25%; }
					.form li.field_address span.input-split &gt; span:first-child + span + span { width: 15%; }

.images { }
			.images &gt; .album &gt; table { width: 100%; border-spacing: 10px 10px; }
			.images &gt; .album &gt; table td { vertical-align: top; text-align: center; }
			.images &gt; .album &gt; table td img[data-original] { background-color: #f5f5f5; width: 100%; height: 150px; }
			.images &gt; .album &gt; table td figurecaption { display: none; }
		
/* HOME STYLE */

@font-face 
	{font-family: "proximanova_semibold";
		src: url('/css/fonts/proximanova_semibold-webfont.eot?#iefix') format('embedded-opentype'), 
			url('/css/fonts/proximanova_semibold-webfont.woff') format('woff'),
			/*url('/css/type/filename.otf') format('opentype'),*/
			url('/css/fonts/proximanova_semibold-webfont.ttf') format('truetype');
		font-style: normal;
		font-weight: bold;
	}
						 
@font-face 
	{font-family: "proximanova_semibold";
		src: url('/css/fonts/proximanova_semibold_it-webfont.eot?#iefix') format('embedded-opentype'), 
			url('/css/fonts/proximanova_semibold_it-webfont.woff') format('woff'),
			/*url('/css/type/filename.otf') format('opentype'),*/
			url('/css/fonts/proximanova_semibold_it-webfont.ttf') format('truetype');
		font-style: italic;
		font-weight: bold;
	} 
@font-face
	{font-family: "proximanova_semibold";
		src: url('/css/fonts/proximanova_semibold_cond-webfont.eot?#iefix') format('embedded-opentype'), 
			url('/css/fonts/proximanova_semibold_cond-webfont.woff') format('woff'),
			/*url('/css/type/filename.otf') format('opentype'),*/
			url('/css/fonts/proximanova_semibold_cond-webfont.ttf') format('truetype');
		font-style: normal;
		font-weight: bold;
		font-stretch: condensed;
	}
	
body {
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	background: #f6f6f6;
}

h1, h2	{position: relative;
	color: #000000;
	font-family: "proximanova_semibold";
	font-weight: bold;
	font-stretch: condensed;
	font-size: 22px;
	font-size-adjust: none;
	line-height: 30px;
	padding-bottom: 0px;
	margin: 26px 0px 10px 0px;
	border-bottom: 5px solid #268cff;}
	
.side h1
	{text-transform: uppercase;
	font-size: 16px;
	line-height: 16px;
	padding-bottom: 5px;
	margin: 0px 0px 0px 0px;}

h2 	{color: #000000;
	font-size: 22px;
	line-height: 22px;
	border-bottom: 0px;}
			
h3, h4	
	{font-weight: bold;
	font-size: 1.3em;
	float: left;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 2px 15px 0px 15px;
	color: #ffffff;
	background: #999999;}
		
h3, h4	
	{margin-top: 10px;}
		
h4	{padding: 2px 0px 2px 20px;}

a, a:link, a:visited, a:active, a:hover, span.a { cursor: pointer; color: #000000; text-decoration: none; }
a:hover, span.a:hover { color: #268cff; text-decoration: underline; }

/* TEMPLATE */

.header { position: relative; height: 190px;}
				
.header a	
	{position: absolute;
	width: 140px;
	height: 150px;
	top: 20px;
	left: 40px;
	z-index: 5;
	background: url(/css/images/template/glogo.png) no-repeat;}

.header a span { display: none; }

.header + .back { padding-bottom: 50px; }

.full,
.full &gt; .site { width: 100% !important; }
.footer { position: relative; width: 100% !important; height: 100px; background-color: #268cff;}
					
.footer &gt; span
	{position: absolute;
	left: 20px;
	bottom: 20px;
	font-family: "proximanova_semibold";
	font-weight: bold;
	font-size: 18px;
	color: #ffffff;
	line-height: 1;}
					
.footer &gt; span + span {text-align: right; right: 20px; left: auto; }
					
.footer &gt; span + span &gt; span:first-child {font-family: "proximanova_semibold"; font-weight: bold; font-style: italic; margin-right: 8px;}
					
.footer a, .footer .a { color: #ffffff; text-decoration: none; }

.footer a:hover, .footer .a:hover { color: #ffffff; text-decoration: underline; }
.footer .a:hover { cursor: default; }

#info {padding: 12px; background-color: #268cff; color: #ffffff;}

/* MOD ADAPTATION */

.blog &gt; article { margin-top: 40px; padding: 0px; }
.blog &gt; article:first-child { margin-top: 0px; }
.blog &gt; article &gt; time { font-family: inherit; font-weight: bold; display: block; width: 73px; padding: 0px; position: absolute; top: 0px; right: 0px; }
.blog &gt; article &gt; time &gt; span:first-child { float: left; background-color: #268cff; width: 45px; height: 30px; line-height: 30px; color: #ffffff; text-align: center; font-size: 18px; }
.blog &gt; article &gt; time &gt; span:first-child + span { float: right; background-color: #999999; color: #000000; width: 28px; height: 15px; line-height: 15px; display: block; text-transform: uppercase; font-size: 10px; text-align: center; }
.blog &gt; article &gt; time &gt; span &gt; sup { font-size: 9px; font-style: normal; line-height: 0px; }
.blog &gt; article &gt; time &gt; span:first-child + span + span { float: right; background-color: #dddddd; color: #000000; width: 28px; height: 15px; line-height: 15px; display: block; font-size: 10px; text-align: center; }
.blog &gt; article &gt; h1 { display: block; margin: 0px; padding-right: 80px; max-width: 100%; }
.blog &gt; article &gt; a { color: #268cff; }
.blog &gt; article &gt; a &gt; span + span { display: inline; }
.blog .nextprev &gt; a.next &gt; span.icon,
.blog .nextprev &gt; a.prev &gt; span.icon { color: #268cff; }

.blog_post_comments &gt; span.a { color: #268cff; }

.blog_post_comments time { font-family: inherit; font-weight: bold; }
.blog_post_comments time &gt; span:first-child { float: right; background-color: #999999; color: #000000; width: 28px; height: 15px; line-height: 15px; display: block; text-transform: uppercase; font-size: 10px; text-align: center; }
.blog_post_comments time &gt; span:first-child + span { float: left; background-color: #268cff; width: 45px; height: 30px; line-height: 30px; color: #ffffff; text-align: center; font-size: 18px; }
.blog_post_comments time &gt; span:first-child + span &gt; sup { font-size: 9px; font-style: normal; line-height: 0px; }
.blog_post_comments time &gt; span:first-child + span + span { float: right; background-color: #e1e1e1; color: #000000; width: 28px; height: 15px; line-height: 15px; display: block; font-size: 10px; text-align: center; }

.blog.titles li a,
.blog.comments li a { border-bottom: 1px solid #dddddd; }
.blog.titles li:first-child a,
.blog.comments li:first-child a { border-top: none; }
.blog.titles li a &gt; span:first-child,
.blog.comments li a &gt; span:first-child { margin-right: 10px; width: 22px; background-color: #dddddd; }
.blog.titles li a:hover &gt; span:first-child, 
.blog.comments li a:hover &gt; span:first-child { background-color: #999999; }

.logout { font-weight: normal; background-color: #268cff; position: relative; text-align: right;}	
.logout:hover { background-color: #268cff; }

.navigation ul li { display: block; line-height: 22px; height:22px; padding: 0px 15px; background: #dddddd; }
.navigation ul li a:hover,
.navigation ul li.active a:hover { color: #666666; }
.navigation &gt; nav &gt; ul { background: none; }
.navigation &gt; nav &gt; ul &gt; li { font-size: 11px; font-weight: normal; border-bottom: 0px; margin-top: 5px; }	
.navigation &gt; nav &gt; ul &gt; li a { color: #000000; text-decoration:none; }
.navigation &gt; nav &gt; ul &gt; li.active { border-bottom: 0px; }
.navigation &gt; nav &gt; ul &gt; li.active a { color: #666666; }

.search_box form input[type=text] { width: 191px; }

.search dl &gt; dt { margin-top: 10px; }
.search dl &gt; dd { color: #000000; text-align: justify; }

.login fieldset &gt; ul { width: 150px; }

.upload fieldset &gt; ul { width: 150px; }

.account fieldset &gt; ul { width: 250px; }

/* CUSTOM &amp; BODY CONTENT */

.body { font-size: 12px; line-height: 18px; color: #000000; }

/* INTERFACE */

textarea, select, input[type=text], input[type=password] {
	height: 2.5em;
	border: 4px solid #999999; }
input[type=button], input[type=submit] {
	background-color: #268cff;
	border: 1px solid #268cff; 
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px; }
input[type=button]:hover, input[type=submit]:hover {
	background-color: #268cff; border-color: #999999; color: #ffffff; }
input[type=button]:active, input[type=submit]:active {
	background-color: #268cff; border-color: #268cff; color: #ffffff; }
	
select ~ *[type=button], input[type]:not([type=hidden]):not([type=button]):not([type=submit]) ~ *[type=button], label ~ *[type=button],
select ~ *[type=submit], input[type]:not([type=hidden]):not([type=button]):not([type=submit]) ~ *[type=submit], label ~ *[type=submit] { display: inline; height: 2.7em; padding: 0px 0.5em 0px 0.5em; }
		
textarea, select, input[type=text], input[type=password] {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
textarea:hover, select:hover, input[type=text]:hover, input[type=password]:hover {
	border: 4px solid #cccccc;
}
textarea:focus, select:focus, input[type=text]:focus, input[type=password]:focus {
	border: 4px solid #95bdd4;
}
.input-error { border: 4px solid #e2d0d0 !important; background: #fcf0f0 !important; color: #280b0b !important; }

/* TOOLS */

fieldset &gt; ul{ margin: -10px 0; border-spacing: 0px 10px; width: 100%; }
fieldset &gt; ul &gt; li &gt; label:first-child { display: block; float: left; background-color: #999999; color: #ffffff; font-weight: bold; font-size: 14px; padding: 2px 10px; text-align: center; width: auto; }
fieldset &gt; ul &gt; li &gt; label:first-child:empty { display: none; }
fieldset &gt; ul &gt; li &gt; label:first-child + * { display: block; clear: both; }

#template-1 .site { width: 860px; margin: 0px auto; }
						#template-1 .back, #template-1 .con, #template-1 .mod {
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							-ms-box-sizing: border-box;
							float: left;}
						#template-1 .back {margin: 0px 0px 0px 0px;}
						#template-1 .con {margin: 0px 0px 0px 0px;}
						#template-1 .mod {margin: 30px 0px 0px 30px;}
						#template-1 .back-spacing {margin: 0px; border-width: 0px;}
						#template-1 .mod-spacing {margin: 30px; border-width: 30px;}
#template-1 #mod-0_0 { width: 860px; min-height: 85px; margin-top: 0px; margin-left: 0px; }
#template-1 #back-1 { width: 860px;  margin-top: 0px; margin-left: 0px; }
#template-1 #con-2 { width: 580px;  margin-top: 0px; margin-left: 0px; }
#template-1 #mod-0_1 { width: 550px;  }
#template-1 #mod-0_2 { width: 342px;  }
#template-1 #mod-0_3 { width: 342px;  }
#template-1 #mod-0_4 { width: 342px;  }
#template-1 #mod-0_5 { width: 342px;  }
#template-1 #mod-0_6 { width: 342px;  }
#template-1 #mod-0_7 { width: 342px;  margin-bottom: 30px; }
#template-1 #con-10 { width: 280px;  margin-top: 0px; margin-left: 0px; }
#template-1 #mod-2_1 { width: 220px;  }
#template-1 #mod-2_2 { width: 220px;  }
#template-1 #mod-2_3 { width: 220px;  }
#template-1 #mod-2_4 { width: 220px;  }
#template-1 #mod-2_5 { width: 220px;  }
#template-1 #mod-2_6 { width: 220px;  }
#template-1 #mod-2_7 { width: 220px;  margin-bottom: 30px; }
#template-1 #full-18 { min-height: 15px; margin-top: 0px; margin-left: 0px; }
#template-1 #mod-0_8 { width: 860px; min-height: 15px; margin-top: 0px; margin-left: 0px; }

/**end**/</pre></body></html>