:root {

	--mf_alert_txt: #C92F2F;
	--mf_att_link: #990000;
	--mf_alert_bg: #FDF082;
	--mf_alert_a: #254da7;
	--danger: #ef4444;
	--danger-hover: #dc2626;

	--mf_sub_txt: #888;
	--mf_sub_label: #666;
	--txt_clear: #fff;
	--txt_full: #000;
	--txt_second: #464748;
	--txt_content: #666;
	--txt_lite: #a0a0a0;
	--txt_ghost: #bbb;
	--txt_color: #8e5113;
	--txt_tabactive: #333;
	--txt_negative: #eee;

	--txt_hover: #909090;
	--txt_ok: #169a0a;
	--txt_numbers: #a0a0a0;
	--txt_tree: #444;
	--link_visable: #4b6d8c;

	--txt_title: #444;
	--txt_title_second: #444;
	--txt_title_medium: #666;
	--txt_title_lite: #888;

	--menu_color: #4A4641;
	--menu_bg_hover: #f0f0f0;
	--mf_footer_txt: #666;
	--mf_info_label: #555;

	--icons_lite: #b5b5b5;
	--icons: #a0a0a0;
	--icons_att: #909090;
	--icons_heavy: #707070;
	--icons_checked: #41ba36;

	--box_border_sky: #f2f2f2;
	--box_border_lite: #eee;
	--box_border_medium: #e1e1e1;
	--box_border_macro: #e1e1e1;
	--box_border: #ccc;
	--box_border_dark: #bbb;
	--box_border_hover: #ccc;
	--box_border_modal: #777;
	--box_border_label: #e1e1e1;
	--separator_lite: #dbdbdb;
	--separator_lite2: #e2e8f0;
	--separator: #bbb;
	--separator_strong: #999;
	--separator_clear: #fff;
	--hilight_back: #fff3ce;
	/* box to attract attension */
	--hilight_box: #e8d2bb;
	/* box to attract attension  #AED2F2 */
	--hilight_req: #fff6d9;
	/* required fields */

	/* hover for img grid */
	--grid_box: #EAF3FB;
	--grid_box_heavy: #bcdbf0;
	--grid_box_border: #B0CFEC;

	--box_bg_sky: #fbf9f8;
	--box_bg_sky2: #f6f2f0;
	--box_bg_lite: #f5f5f4;
	--box_bg_medium: #f2f2f2;
	--box_bg: #f0f0f0;
	--box_bg_clear: #fff;
	--box_bg_att: #41ba36;
	/* positive attention green */
	--box_bg_active: #3b82f6;
	/* active button / checkbox */
	--box_bg_notice: #fc6435;
	/* signal color box red */
	--box_bg_label: #ededed;
	/* macro label and navigation bars */
	--box_bg_dark: #e2e2e2;
	--box_bg_negative: #d1d5db;
	/* white white text */
	--box_hover: #f2f2f2;
	--box_backdrop: rgba(220, 220, 220, 0.14);

	--box_radius: 6px;

	--row1_bg: #fbf9f6;
	--row_hover: #F2ECEA;
	--row_active: #FEF7DE;
	--row_selected: #eaf5e7;

	--action_link: #8e5113;
	--signal_icon: #f3b929;

	--button_radius: 3px;
	--button_color: #000;
	--button_lite: #555;
	--button_border: #c9c9c9;
	--button_bdhover: #a0a0a0;
	--button_bg: #e9e9ed;
	--button_bg_lite: #f3f4f6;
	--button_bghover: #e0e0e0;
	--bullets: #999;
	--button_next: #0dae6a;
	--button_next_hover: #059644;
	--button_next_text: #ffffff;
	--border_next: transparent;

	--btn_primary: #3b82f6;
	--btn_primary_hover: #2563eb;

	--focus_input: #7EAADE;
	/*#7EAADE; */
	--focus2_input: #D30909;
	--db_input: #ecf6f9;

	--menu_shadow: 2px 3px 4px 3px rgba(0, 0, 0, .1);
	--popup_shadow: 2px 3px 12px 1px rgba(100, 100, 100, .6);
	--modal_shadow: 0 0 5px 3px rgba(101, 101, 101, 0.48);
	--panel_shadow: 4px 4px 8px #3e3e3e1a;
	--input_background: linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
	--macro_background: linear-gradient(to bottom, #fdfdfe 0, #f6f6f5 600px);
	--colomn_shadow: 4px 0 6px -3px rgba(0, 0, 0, .04), 1px 2px 3px -2px rgba(0, 0, 0, .1);

	--small_font: 13px;
	--medium_font: 10pt;
	--normal_font: 14px;
	--larger_font: 15px;
	--subtitle_font: 15.5px;
	--title_font: 17px;
	--menu_font: 16px;
	--menu_pd_font: 15px;
	--menu2_font: 14.4px;

	--mfdp-primary: #3b82f6;
	--mfdp-primary-hover: #2563eb;
	--mfdp-text: #1f2937;
	--mfdp-border: #e5e7eb;
	--mfdp-hover: #f3f4f6;
	--mfdp-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	--bg_overlay: rgba(15, 23, 42, 0.6);

}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: bold;
	src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto/roboto-medium.woff") format("woff");
}

/*
@font-face {
 font-family:'Open Sans';
 font-style:normal;
 font-weight:400;
 src:url('../fonts/opensans/OpenSans-Regular.woff2');
 font-display:swap
}
@font-face {
 font-family:'Open Sans';
 font-style:bold;
 font-weight:700;
 src:url('../fonts/opensans/OpenSans-Bold.woff2');
 font-display:swap
}
@font-face {
 font-family:'Open Sans';
 font-style:normal;
 font-weight:600;
 src:url('../fonts/opensans/OpenSans-SemiBold.woff2');
 font-display:swap
}

*/
@font-face {
	font-family: 'MediaFiler Icons';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("../fonts/mediafiler/mficon.woff2?21") format("woff"), url("../fonts/mediafiler/mficon.woff?21") format("woff"), url("../fonts/mediafiler/mficon.svg#icomoon") format("svg");
	/* Better Font Rendering =========== */
	/*-webkit-font-smoothing: antialiased; */
}

/* removes edge passwd icon */
::-ms-reveal {
	display: none;
}

html,
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: var(--normal_font);
	line-height: 1.3em;

}

body {
	margin: 0;
	padding: 0;
	background-repeat: repeat-x;
	background-position: center top;
	min-height: 100%;
}

.pframebody,
.bodyclear {
	background-color: var(--box_bg_clear);
}

body.fixedw {
	background-color: var(--box_bg);
}

.normaltext {
	font-size: var(--normal_font)
}

.mediumtext {
	font-size: var(--medium_font)
}

#tinymce {
	padding: 4px
}

#fixed_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: -10;
	background-size: 100% 100vh;
}

/* ACCESSIBILITY: Add visible focus states for keyboard users */
a:focus-visible,
button:focus-visible {
	outline: 2px solid var(--txt_color);
	outline-offset: 2px;
	border-radius: 2px;
	/* To ensure the outline is not cut off */
	box-shadow: 0 0 0 3px #fff;
}

p {
	line-height: 1.45em;
	margin-top: 0.5em;
	margin-bottom: 16px;
}

form {
	margin: 0px;
	padding: 0px;
}

label {
	padding-left: 3px;
}

li {
	text-align: left
}

ul,
ol {
	margin: 0px;
	padding-left: 16px;
}

img {
	border-style: none;
	background: transparent;
}

input,
select,
textarea,
button {
	box-sizing: border-box;
	font-size: var(--normal_font);
}

select {
	background: var(--input_background);
	padding-top: 3px;
	padding-bottom: 3px;
}


/* input pulldown voor sortering */
.sortingtb {
	font-size: var(--small_font);
	padding: 2px 4px;
	border: 1px solid var(--box_border);
}

.fullscrtop .sortingtb {
	height: 22px;
}

/*  pulldown voor weergave selectie */
.viewselect {
	font-size: var(--small_font);
	padding: 2px 3px;
	margin: 0px;
}

.selectselected {
	background-color: var(--box_bg_lite);
	color: var(--txt_color);
}

input.focusinput,
select.focusinput {
	border: 1px dotted var(--focus2_input) !important;
}

input.readonly {
	background-color: var(--box_bg_lite);
	border: 1px solid var(--box_border);
	padding: 2px;
}

input.db_readonly {
	background-color: var(--db_input) !important;
	cursor: pointer;
	padding-right: 23px !important;
}

input.checkmiddle[type=checkbox] {
	vertical-align: -1px;
}

.checkspacer {
	margin-right: 6px
}

input[type="text"],
input[type="password"] {
	padding: 3px 2px 3px 4px;
	border: 1px solid var(--box_border);
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	border-color: var(--focus_input);
	outline: 1px solid var(--box_border_lite);
}


input[type="text"]:hover,
select:hover,
textarea:hover {
	border: 1px solid var(--focus_input);
}

/* id of logo in topbar td */
#logotd {
	padding-left: 4px;
	width: 220px;
	padding-right: 20px;
}

#logotd img {
	display: block
}

.linputcel {
	padding: 6px 0 5px;
}

.linputcel input,
.linputcel select {
	width: 100%;
	height: 30px;
}

.logintools {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	padding: 14px 8px 6px;
}

.logintools>div {
	padding-top: 6px
}

.logintool {
	text-align: center;
	padding: 20px 4px 6px;
}

.linpfields {
	display: flex;
	flex-flow: column;
	max-width: 320px;
	padding: 0 4px
}

.leadtext {
	padding: 10px 0 3px;
	text-align: left;
	color: var(--mf_sub_label);
}


.rememberme {
	padding-top: 12px;
	text-align: center;
}

.buttoncel .rememberme {
	padding: 0 10px;
	border-radius: 3px;
	background-color: var(--button_bg);
	border: 1px solid var(--button_bg);
	color: var(--button_color);
	cursor: pointer;
	display: block;
	line-height: 32px;
}

.rememberme:hover {
	border-color: var(--button_border)
}

#passwdcontainer {
	position: relative;
}

#passwdcontainer>svg {
	right: 5px;
	top: 4px;
	position: absolute;
}

#formpasswd {
	padding-right: 30px !important;
}

.buttondialog {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	height: 100%
}

.butdialogbuts {
	padding: 15px;
	margin-left: auto;
}

.buttoncel {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	padding-top: 10px;
}

.buttoncel>div {
	padding-top: 12px
}

.buttoncel .loginbut {
	padding: 4px 12px;
	font-weight: bold;
	height: 32px;
	min-width: 120px;
	background-color: var(--button_next);
	color: var(--button_next_text);
}

.buttoncel .loginbut:hover {
	background-color: var(--button_next_hover);
}

.smalllogin #formpasswd {
	padding-right: 22px !important;
}

input.smallmeta,
select,
textarea {
	border: 1px solid var(--box_border);
}

input.smallmeta,
select.smallmeta:not([multiple]) {
	height: 23px;
}

.txt_second {
	color: var(--txt_second);
}

.smallertxt {
	font-size: var(--medium_font);
}

.smalltxt {
	font-size: var(--small_font);
}

.searchbox1 input,
.searchbox1 select {
	height: 30px;
}

input.hlbutton {
	font-weight: bold;
	color: var(--button_lite);
	border-radius: var(--button_radius);
}

.nowrap {
	white-space: nowrap
}

/* td cel die hmenu bevat */
.navbar {
	background-color: var(--box_bg_lite);
	border: 1px solid var(--box_border);
	border-left-width: 0;
	border-right-width: 0;
}

/* td's in page footer tabel */
.footercell {
	font-size: var(--medium_font);
	color: var(--mf_footer_txt);
	border-top: 1px solid var(--separator_lite);
	padding-top: 3px;
	width: 100%;
}

.pageimage .footercell {
	background-color: var(--box_bg);
	background-color: rgba(255, 255, 255, 0.76);
	padding: 0 10px;
	line-height: 25px;
	border-top-width: 0;
}

.pageimage #footer {
	margin: 0 10px;
}

.fulldisplay .footercell {
	border-top-width: 0;
	padding-top: 12px;
}

.fulldisplay .topbar {
	padding-right: 8px;
}

/* for non autohight templates, use this */
#paddingbody {
	min-height: 600px;
	overflow: hidden;
}

.centerbody .centeroption,
.fixedbody .centeroption {
	margin-left: auto;
	margin-right: auto;
}

div.fixedw {
	margin-top: 0px;
	width: auto;
	background-color: var(--box_bg_clear);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
}

h1 {
	color: var(--txt_title);
	font-size: 2em;
}

h2 {
	color: var(--txt_title);
	font-style: normal;
	font-size: 115%;
	margin: 2px 0px 4px;
}

h3 {
	color: var(--txt_title_second);
	margin-bottom: 3px;
	margin-top: 2px;
	font-size: 110%;
}

H4,
H5,
H6 {
	margin-bottom: 2px;
	font-size: 110%;
	margin-top: 2px;
	color: var(--txt_title_second);
}

.bodytext h1 {
	border-bottom: 1px solid var(--separator_lite);
	font-size: 2em;
	line-height: 1.1em;
	padding-bottom: 0.3em;
}

.bodytext h2 {
	border-bottom: 1px solid var(--separator_lite);
	font-size: 1.70em;
	line-height: 1.2;
	padding-bottom: 0.3em;
}

.bodytext h3 {
	font-size: 1.4em;
}

.bodytext h4 {
	font-size: 1.2em;
}

.contentframe {
	max-width: 800px;
	display: inline-block;
}

/* hoofd textblock in be pagina $$output */
.bodytext {
	line-height: 1.5em;
}

#outer {
	min-height: 100vh;
	margin-bottom: -35px;
	width: 100%;
}

#footer {
	height: 35px;
	margin: 0 10px;
	position: relative;
}

#clearfooter {
	height: 40px;
}

#freetopbar {
	z-index: 7
}

/* bovenste tr balk in pageheader tabel */
.topbar {
	height: 110px;
	/*background-color: #f0f0f08*/
	;
	background-repeat: repeat-y;
}

/* topfree hmenu navigation */
.topfreenav {
	/*background: #F3F5F6 url(../img/background/graytopback.gif) repeat-x scroll 0 bottom; */
	height: 28px;
	z-index: 89;
}

/* Text below a li */
.lisubtext {
	padding-bottom: 2px;
	line-height: 16px;
	font-size: var(--small_font);
	padding-top: 2px;
}

/* class voor hidden macros */
.hiddendiv {
	display: none;
}

/* plain text block meestal textfiles */
.plaintext {
	background: var(--box_bg_clear);
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0px;
	padding: 0pt;
	border: none;
}

pre {
	background-color: var(--box_bg_lite);
	border: 1px solid var(--box_border_medium);
	margin-top: 16px;
	margin-bottom: 1em;
	margin-left: 0px;
	padding: 5pt;
	line-height: 1.2;
	overflow-wrap: break-word;
}

pre.wiki,
pre.wrap {
	white-space: pre-wrap;
}

textarea {
	padding: 3px 5px;
	background-color: var(--box_bg_clear);
}

input::-webkit-input-placeholder {
	font-style: italic;
}

input::placeholder,
textarea::placeholder {
	font-style: italic;
}

input[type="text"].placeholder,
input[type="password"].placeholder {
	color: var(--txt_lite) !important;
	font-style: italic;
}

.subplacehold {
	color: var(--txt_lite) !important;
	font-style: italic;
}


/* Horizontale lijn */
.hrdiv {
	border-top: 1px solid var(--separator_lite);
	margin-top: 8px;
	margin-bottom: 12px;
}

hr {
	color: var(--separator_lite);
	border: none;
	background-color: transparent;
	border-bottom: 1px solid var(--separator_lite);
}

.hr {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* titel van het document $t->{itemtitel} */
.title {
	color: var(--txt_title);
	font-size: var(--title_font);
	font-weight: bold;
	padding: 1px 3px 10px 0px;
	margin-top: -2px;
	/*border-bottom:1px solid #C9C9C9*/
	;
}

#tooltitle {
	color: var(--txt_title_lite);
	white-space: nowrap;
}

/* macro titel als link */
.mtitlelink {
	color: var(--txt_title);
	text-decoration: none;
	font-weight: bold;
	display: block;
}

a.mtitlelink {

	line-height: 14px;
}

.qlmactive a.mtitlelink {
	display: inline-block;
}

#qlmlabels {
	padding: 6px 25px 6px 10px;
	background-color: var(--button_next);
}

.qlmactive {
	background-color: var(--box_bg) !important;
	padding: 3px 25px 3px 10px !important;
}

#qlmlabels a.actionicon {
	text-decoration: none;
}

.qminimize {
	display: block
}

.qlmactive .qminimize {
	display: inline-block;
}

/* title for forms or lists */
.formtitle {
	color: var(--txt_title_medium);
	font-weight: bold;
}

.pageimage .formtitle {
	color: var(--txt_title);
}

/* titel in de pageheader $t->{titel} */
.titletop {
	color: var(--txt_title_lite);
	font-size: 21px;
	padding-left: 20px;
	PADDING-RIGHT: 8px;
}

/* lijn tussen macro en bodytext */
.macroline {
	border-left: 1px solid var(--separator);
	padding: 8px;
}


/* titel van de link boven het macro paneel */
.titlemacro {
	color: var(--txt_title_medium);
	font-size: var(--normal_font);
	font-weight: bold;
	text-decoration: none;
}

.titlemacro a {
	line-height: 23px;
	color: var(--link_visable);
}

a.titlemacro:hover {
	text-decoration: underline;
}

/* titel in een vmenu navigatie */
.subtitlemacro {
	color: var(--txt_title_second);
	line-height: 18px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 10px 0px 8px;
	margin-bottom: 5px;
	border-bottom: 1px solid var(--separator_lite);
}

/* margin blok met zoek gegevens */
.infoblock {
	margin-left: 5px;
}

/* rand span in zoekresultaten */
.rank {
	color: var(--txt_full);
	font-style: italic;
	font-size: var(--small_font);
}

/* metadata in zoekresultaten (datum, padinfo) */
.metadata {
	color: var(--txt_color);
	font-size: var(--small_font);
}

.metadata a {
	color: var(--txt_color);
	text-decoration: underline;
}

/* text highlight in zoek resultaten */
.highlight {
	/*background:  #FFFF99;*/
	font-weight: bold;
}

#noteshtml .highlight {
	color: var(--txt_color);
}

/* algemene class voor kleine text en input */
.smallfont {
	font-size: var(--small_font);
	/*background-color: #FFFCF0; */
}

select.smallfont,
input.smallfont {
	font-size: var(--small_font);
	margin: 0;
	line-height: 16px;
	/*background-color: #FFFCF0; */
}

.mediumfont {
	font-size: var(--medium_font);
	/*background-color: #FFFCF0; */
}

select.mediumfont,
input.mediumfont {
	font-size: var(--medium_font);
	margin: 0;
	/*background-color: #FFFCF0; */
}

.smallfont2 {
	font-size: var(--small_font);
}

/* leesverder link in overzichten */
a.leesverder {
	color: var(--txt_color);
	text-decoration: none;
}

.formnote {
	color: var(--mf_alert_txt);
}

.formerror {
	color: var(--mf_alert_txt);
}

.formalert {
	background-color: var(--mf_alert_bg);
	position: relative;
}

.formalert a {
	color: var(--mf_alert_a);
}

a.lighttext,
.lighttext {
	color: var(--txt_second);
	font-weight: normal;
}

a.lighttext {
	background-color: var(--box_bg_clear);
	border-radius: 4px;
	display: inline-block;
	line-height: 21px;
	padding: 1px 3px;
}

.fas {
	font-family: 'MediaFiler Icons';
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	display: inline-block;
}

.fa-ul {
	list-style-type: none;
	margin-left: 23px;
	padding-left: 0;
}

.fa-ul>li {
	position: relative;
}

.fa-li {
	left: 23px;
	position: absolute;
	text-align: center;
	width: 20px;
	line-height: inherit;
}


.logged-in-avatar {
	background-color: var(--box_bg_clear);
	color: var(--txt_title_second);
	padding: 3px;
	border: 1px solid var(--box_border_medium);
	border-radius: 12px;
	cursor: pointer;
	height: 30px;
	place-content: center;
	width: 30px;
}

/* box in workklfow broser target folder dialog */
.colornavbox {
	border: 1px solid var(--hilight_box);
	margin-bottom: 8px;
	background-color: var(--hilight_back);
}

.hmenuspacer {
	width: 10px
}

/* hmenu div */
#hmenu {
	padding: 0px 3px;
	color: var(--separator);
	line-height: 30px;
}

#hmenu>span {
	display: inline-block;
}

#hmenu a,
#hmenu2 a {
	color: var(--txt_title);
	padding: 0 8px;
	font-size: var(--menu_font);
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	display: inline-block;
	letter-spacing: .04em;
}

#hmenu2 a {
	line-height: 26px;
}

#hmenu2 {
	background-color: var(--box_bg);
	padding: 2px;
	text-align: center;
	padding: 3px;
}

#hmenu a:hover,
#hmenu .pdhmenu a:hover,
#hmenu2 a:hover,
#hmenu2 .pdhmenu a:hover,
#hmenupos4 .pdhmenu a:hover,
#hmenu .pdhmenu:hover {
	color: var(--txt_color);
	background-color: var(--box_bg_hover);
}

ul#hmenulist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 28px;
	display: table;
}

.hmenulfirst {
	border-left: 1px solid var(--separator_lite);
	margin-left: 8px;
}

ul#hmenulist li {
	border-right: 1px solid var(--separator_lite);
	display: block;
	float: left;
}

ul#hmenulist li li {
	border-right-width: 0px;
}

ul#hmenulist li a {
	margin: 0;
	padding: 0 10px;
}

#hmenu .pdhmenu li a:hover,
#hmenutop .pdhmenu li a:hover,
#hmenu2 .pdhmenu li a:hover,
#hmenupos4 .pdhmenu li a:hover {
	color: var(--txt_color);
	background-color: var(--menu_bg_hover);
	border-radius: 0;
}

#hmenu .pdhmenu ul,
#hmenutop .pdhmenu ul,
#hmenupos4 .pdhmenu ul,
#hmenu2 .pdhmenu ul {
	box-shadow: var(--menu_shadow);
	position: absolute;
	top: 8px;
	display: none;
	list-style-type: none;
	background-color: var(--box_bg_clear);
	z-index: 98;
	margin: 0;
	padding: 0;
	border-left: 1px solid var(--box_border_medium);
	border-right: 1px solid var(--box_border_medium);
	border-bottom: 1px solid var(--box_border_medium);
	min-width: 185px;
	overflow: hidden;
	border-radius: 3px;
}

#hmenubottom .pdhmenu ul {
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
	position: absolute;
	bottom: 20px;
	display: none;
	list-style-type: none;
	background-color: var(--box_bg_clear);
	;
	z-index: 98;
	margin: 0;
	padding: 1px;
	border: 1px solid var(--box_border_medium);
	min-width: 170px;
	overflow: hidden;
}

#hmenutop .pdhmenu ul {

	border-top: 1px solid var(--box_border_medium);
	padding-bottom: 6px;
	border-radius: 3px;
}

#hmenu .pdhmenu li a,
#hmenu2 .pdhmenu li a,
#hmenupos4 .pdhmenu li a {
	display: block;
	margin: 0;
	padding: 2px 10px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	line-height: 2em;
	font-weight: normal;
	font-size: var(--normal_font);
}

#hmenu .pdhmenu li a,
#hmenupos4 .pdhmenu li a {
	font-size: var(--menu_pd_font);
}


#hmenutop .pdhmenu li a,
#hmenubottom .pdhmenu li a {
	display: block;
	margin: 0;
	padding: 2px 10px;
	white-space: nowrap;
	text-align: left;
	line-height: 24px;
	color: var(--menu_color);
	font-size: var(--normal_font);
}

#hmenu .pdhmenu ul li,
#hmenutop .pdhmenu ul li {
	margin: 0;
	padding: 0;
	float: none;
}

/* actieve hmenu item */
.hmenuactive {
	color: var(--txt_color) !important;
	text-decoration: none;
	font-weight: bold;
}

.hmenuactive2 {
	color: var(--txt_color) !important;
	text-decoration: none;
	font-weight: bold;
}

#hmenuactive {
	background-color: var(--menu_bg_hover);
}

/* hmenu op positie 2 */
#hmenu2out {
	margin-right: 2px;
	padding-top: 2px;
	z-index: 90;
}

#hmenu2out a {
	white-space: nowrap
}

#freehmenu2 {
	position: absolute;
	right: 2px;
	bottom: 4px;
	white-space: nowrap
}

#hmenutop {
	color: var(--separator);
	line-height: 22px;
}

#hmenutop a {
	color: var(--menu_color);
	font-size: var(--menu2_font);
	padding: 0px 4px;
	border-radius: 3px;
	margin: 1px 3px 1px 6px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

#hmenutop a:hover {
	color: var(--txt_color);
	background-color: var(--menu_bg_hover);
}

#hmenutop .pdhmenu a:hover,
#hmenutop .pdhmenu:hover {
	background-color: var(--menu_bg_hover);
}

#hmenutop .pdhmenu:hover {
	border-radius: 3px;
}

ul#hmenutoplist {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 22px;
	line-height: 27px;
	list-style-type: none;
}

ul#hmenutoplist .pdhmenu {
	line-height: 22px;
}

ul#hmenutoplist li {
	display: block;
	float: left;
}

.hmenuactivetop {
	color: var(--txt_color) !important;
	TEXT-DECORATION: none;
	font-weight: bold;
}

.pdhactive {
	background-color: var(--menu_bg_hover);
	color: var(--txt_color) !important;
}

.pdhactivetop {
	color: var(--txt_color) !important;
}

/* hmenu op positie3 */
div#hmenubottom {
	font-size: var(--normal_font);
	padding: 3px 0px;
}

div#hmenubottom a {
	color: var(--mf_footer_txt);
	padding: 3px 4px;
	margin: 2px;
	text-align: center;
}

div#hmenubottom a:hover {
	color: var(--txt_color);
}

.hmenuactivebottom {
	color: var(--txt_color) !important;
	font-weight: bold;
}

/* hmenu4 */
#hmenupos4 {
	margin-left: 2px;
	color: var(--separator);
	font-weight: bold;
	line-height: 28px;
}

#hmenupos4 a {
	color: var(--txt_title);
	background-color: var(--box_bg_clear);
	text-decoration: none;
	display: inline-block;
	padding: 0 7px;
	margin-left: 5px;
	white-space: nowrap;
	font-size: var(--menu_font);
}

#hmenupos4 a:hover {
	color: var(--txt_color);
}

.hmenu4active {
	color: var(--txt_color) !important;
}


/* sumhmenu div */
#subnavbar {
	border-bottom: 1px solid var(--separator_lite);
	background-color: var(--box_bg_clear);
}

div#subhmenu {
	line-height: 27px;
	color: var(--txt_title_lite);
	padding: 0 2px;
}

#subhmenu span {
	display: inline-block;
	padding: 0 3px;
}

#subhmenu a {
	padding: 3px 6px;
	text-decoration: none;
	color: var(--link_visable);
	white-space: nowrap;
	font-size: var(--larger_font);
}

#subhmenu a:hover {
	color: var(--txt_color);
}

.subhmenuactive {
	color: var(--txt_color) !important;
	font-weight: bold;
}

/* items in sitemap */
.sitemapcol {
	padding-right: 16px;
}

.maplevelspace {
	height: 20px;
}

.maplevel1 {
	font-size: var(--normal_font);
	background-color: var(--box_bg_medium);
	color: var(--txt_full);
	font-weight: bold;
	padding: 4px;
	min-width: 200px;
}

.maplevel2 {
	padding: 0 5px 12px 0;
	line-height: 23px;
}

#wrap_left {
	width: 2%;
	transition: width 0.3s, right 0.3s ease-in-out;
}

#wrap_center {
	min-width: 50%;
}
#macro1out {
	padding-left: 10px;
	margin-right: 2px;
}

#wrap_right {
	padding-left: 2px;
}

.pframebody #wrap_right {
	padding-top: 8px;
}

#macrospacer {
	transition: width 0.3s, right 0.3s ease-in-out;
}

.fixedscroll {
	overflow-y: scroll;
}

/* text in admin command bar */
.edittext {
	font-family: verdana !important;
	font-size: var(--small_font) !important;
	color: var(--txt_full);
	background-color: #D4D0C8;
	border-bottom: 1px solid var(--separator_strong);
	padding: 3px 4px;
	line-height: 25px;
	display: flex;
	justify-content: space-between;
}

.edittext select {
	font-size: var(--small_font);
}

.edittext a {
	display: inline-block;
}


.plnumbers {
	padding-left: 3px;
	font-size: var(--medium_font);
	line-height: 15px;
	font-weight: normal;
}

.plnumbers {
	/* line-height: 15px; */
	line-height: 13px;
	border-radius: 8px;
	vertical-align: 1px;
	background-color: var(--box_bg_att);
	padding: 2px 5px;
	color: #fff;
	margin-left: 6px;
	margin-right: -1px;
	display: inline-block;
}

.plnotice {
	background-color: var(--box_bg_notice);
}

.pllight {
	background-color: var(--box_bg_dark);
	color: var(--txt_second);
}

.plisnull {
	display: none
}

/*
.plnumbers::before {
  content: "(";
} 
.plnumbers::after {
  content: ")";
} 
*/

form {
	margin: 0px;
	padding: 0px;
}

video {
	background-color: black;
}

.bodytext #toolbar2 {
	padding: 10px 8px;
}

.description P {
	margin-top: 0;
	margin-bottom: 10px;
}

/* description in zoekresultaten */
.description {
	margin-top: 3px;
	margin-bottom: 20px;
	max-width: 760px;
	min-height: 30px;
}

.descrbig {
	min-height: 70px;
}

/* description in nieuws items */
.description2 {
	margin-top: 2px;
	margin-bottom: 5px;
	max-width: 760px;
}

.logpre {
	background-color: var(--box_bg_clear);
	margin-top: 0px;
	margin-bottom: 2px;
	white-space: pre-wrap
}

.inresetval {
	right: 2px;
	top: 1px;
	position: absolute;
	width: 22px;
	padding-left: 3px;
	height: 26px;
	cursor: pointer;
}

.inresetval_out {
	position: relative;
	line-height: 26px;
	display: inline-block;
	width: 100%;
}

.valresetout {
	top: 0;
	line-height: 26px;
	right: -5px;
}


a.resetsearch {
	/*background-image:url('../themes/default/reset-search.png'); */
	display: inline-block;
	padding-left: 3px;
	font-size: var(--medium_font);
	color: var(--txt_color);
	text-decoration: none;
}

#searchtrail .resetsearch {
	font-size: var(--normal_font);
}

a.resetsearch:hover {
	text-decoration: underline;
}

.resetsearch::before,
.inresetval::before {
	content: '\ea50';
	color: var(--icons);
	font-family: 'MediaFiler Icons';
	text-rendering: auto;
	padding-right: 5px;
	vertical-align: -1px;
	font-weight: normal !important;
	font-size: var(--medium_font);
	display: inline-block;
}

.inresetval::before {
	font-size: 15px;
}

/*.resetfilter {
	float: right;
}*/

.resetfilter .resetsearch {
	color: var(--txt_lite);
}

.kwedits {
	display: inline-block;
	background-position: 100% 75%;
	background-repeat: no-repeat;
	margin-right: 8px;
	padding: 5px 16px 0px 5px;
	font-size: var(--small_font);
}

a.kwedits {
	background-image: url('../themes/default/reset-search.png');
	color: var(--link_visable);
	text-decoration: none;
	cursor: pointer;
}

a.kwedits:hover {
	text-decoration: underline;
}

.kwedit {
	margin-top: 3px;
	margin-bottom: 4px;
	border: 1px solid var(--box_border);
	padding-bottom: 6px;
	white-space: pre-wrap;
	background-color: var(--box_bg_clear);
}

.kwnoedit {
	background-color: var(--box_bg_lite);
	height: 4px;
}

#notes-header {
	margin-bottom: 2px;
}

#noteshtml {
	margin-top: 4px;
	padding-bottom: 4px;
}

#newnotetext {
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.notes_status {
	color: var(--mf_sub_txt);
	font-style: italic;
}

.noteleft {
	text-align: right;
	font-size: var(--small_font);
	padding-right: 7px;
}

.noteright {
	background-color: var(--box_bg_lite);
	padding-left: 6px;
}

.childnode {
	margin-left: 30px;
}

.childnode2 {
	margin-left: 80px;
}

.notemessage {
	margin-top: 10px;
}

.answerbox {
	margin-left: 30px
}

.newnote {
	margin-bottom: 8px
}

.noteseper {
	margin-top: 4px;
	padding-top: 7px;
	border-top: 1px solid var(--separator_lite);
}

.notespec {
	font-size: var(--small_font);
	padding: 1px 2px;
	color: var(--txt_second);
}

.notetext {
	padding: 3px 0px 10px;
	font-size: var(--medium_font);
}

.notesuser {
	font-size: var(--small_font);
	color: var(--mf_sub_label);
}

.noteunmod .noteleft {
	background-color: var(--hilight_back);
	padding: 3px 7px 3px 5px;
}

.answernote {
	margin-bottom: 10px;
	margin-top: -2px;
}

.answernote a {
	color: var(--link_visable);
}

#noteshtml #notes_action {
	border-top: 1px solid var(--separator_lite);
}

.formstatus {
	font-size: 120%;
	padding: 20px 0;
	font-weight: bold;
}

li.wiki {
	margin-bottom: 10px;
	margin-top: 4px;
}

.bodytext h2,
.bodytext h3 {
	margin: 20px 0 14px;
}

#bodytext>*:first-child {
	margin-top: 0 !important;
}

blockquote {
	margin: 8px 20px 14px;
}

.markdown p,
.markdown blockquote,
.markdown ul,
.markdown ol,
.markdown dl,
.markdown table,
.markdown pre {
	margin-bottom: 16px;
	margin-top: 0;
}

.markdown {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 15px;
	line-height: 1.5;
	word-wrap: break-word;
}

.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
	line-height: 1.25 !important;
	font-weight: 600;
	margin-bottom: 16px;
	margin-top: 24px;
}

.markdown ul,
.markdown ol {
	padding-left: 2em;
}

.markdown>*:first-child {
	margin-top: 0 !important;
}

.markdown code,
.markdown tt {
	background-color: rgba(0, 0, 0, 0.04);
	border-radius: 3px;
	margin: 0;
	padding: 0.2em 0;
}

.markdown code::before,
.markdown code::after,
.markdown tt::before,
.markdown tt::after {
	content: "\00a0";
	letter-spacing: -0.2em;
}

.markdown pre {
	background-color: var(--box_bg_lite);
	border: medium none transparent;
	border-radius: 3px;
	margin: 0;
	padding: 5pt;
	line-height: 18px;
	white-space: pre-wrap;
	font-size: var(--normal_font);
}

.markdown pre code::before,
.markdown pre code::after,
.markdown pre tt::before,
.markdown pre tt::after {
	content: normal;
}

.markdown pre code {
	background-color: transparent;
}

.markdown table th,
.markdown table td {
	border: 1px solid var(--separator_lite);
	padding: 6px 13px;
}

.markdown table th {
	font-weight: bold;
}

.markdown table {
	display: block;
	overflow: auto;
	width: 100%;
	word-break: keep-all;
	border-collapse: collapse;
	border-spacing: 0;
}

.markdown table tr {
	background-color: var(--box_bg_clear);
	border-top: 1px solid var(--box_border);
}

.markdown table tr:nth-child(2n) {
	background-color: var(--box_bg_lite);
}


.list_head {
	margin-bottom: 5px;
}

ul.wiki,
ol.wiki {
	padding-left: 24px;
}

.gridimg:-moz-loading,
.previewimg:-moz-loading,
.subgridimg:-moz-loading,
.backgrndthumb:-moz-loading {
	visibility: hidden;
}

.imggrid3 {
	overflow: hidden;
	display: block;
}

.stretchimg {
	width: 100%;
}

.kop {
	color: var(--txt_title);
	font-size: var(--larger_font);
	font-weight: bold;
}

.clearfloat {
	clear: both
}

.okbutton {
	min-width: 68px;
}

.ok_text {
	color: var(--txt_ok);
	font-weight: bold;
}

.ok_icon {
	color: var(--txt_ok) !important;
}

button.btn-danger {
	color: var(--danger);
	border-color: #fecaca;
}

button.btn-danger:hover {
	background: #fef2f2;
}

/* standaard lijst kop tr en td */
#list-kop {
	font-weight: bold;
	color: var(--mf_sub_label);
}

#list-kop td {
	padding: 8px 5px 4px 5px;
	border-bottom: 2px solid var(--separator_lite2);
	vertical-align: bottom;
}

.archivelist #list-kop td {
	border-bottom-width: 0
}

.archivelist .list-over {
	background-color: var(--row_hover)
}

#list-kop a {
	color: var(--link_visable);
}

#list-kopactive,
.list-kopactive {
	color: var(--txt_color) !important;
}

.browser #list-kop td {
	padding: 2px 6px 2px 6px;
	border-right: 1px solid var(--separator_clear);
	vertical-align: middle;
	border-bottom-width: 0
}

.browser #list-kop {
	background-color: var(--box_bg_medium);
}

.celrijwaardes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.lijst {
	font-size: var(--medium_font);
}

td.lijst {
	border-bottom: solid 1px var(--box_border_lite);
	padding: 5px 5px 2px 5px;
	cursor: pointer;
	line-height: 20px;
	height: 30px;
	word-wrap: anywhere;
}

td.lijst:last-child,
.lijstlastrij {
	padding-right: 3px;
	border-right-color: transparent;
}

td.sumlijst {
	line-height: 19px;
	padding: 3px 2px 4px 5px;
	font-size: var(--medium_font);
	color: var(--txt_color);
	border-bottom: solid 1px var(--separator_lite);
}

.denselist td.lijst {
	padding-top: 2px;
}

.secondlabel {
	color: var(--mf_sub_label);
	font-style: italic;
}

.messagerow {
	line-height: 19px;
	padding: 20px 0 6px;
}

.flexsizes {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.flexsizesbut {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.flexsizesbut div {
	padding: 3px 3px
}

.flexsizes div {
	padding: 1px 3px;
	min-width: 80px;
}

.flexsizesbut .iconbut2 {
	min-width: 100px;
}

.mpl_downloadsizes.macro2 {
	padding: 3px 3px;
}

.sizestable {
	background-color: var(--box_bg_clear);
}

.drag-contentarea .sizestable {
	padding: 10px;
}

.sizestable .lijstrij1,
.sizestable .lijstrij2 {
	padding: 6px 6px;
}

.lijstrij label,
.grlijstrij label {
	display: block;
	min-width: 45px;
}

.lijstrij {
	font-size: var(--small_font);
	padding: 2px 5px 1px 5px;
	border-right: 1px solid var(--separator_clear);
	height: 30px;
}

.lijstsep {
	border-right: 2px solid var(--separator_clear);
}

.lijstsep1 {
	border-right: 1px solid var(--separator_clear);
}

.lijstover,
.lijstrijtr:hover {
	background-color: var(--row_hover);
}

.lijstselected {
	background-color: var(--row_selected);
}

.graclkop {
	font-style: italic;
}

/* standaard lijst kop tr en td */
.lijstkop {
	font-weight: bold;
	display: block;
}

td.lijstkop {
	padding-right: 5px;
	padding-left: 4px;
	border-right: 1px solid var(--separator_clear);
	background-color: var(--row1_bg);
	display: table-cell;
}

a.lijstkop {
	color: var(--link_visable);
}

a.lijstkopactive {
	color: var(--txt_color) !important;
	font-weight: bold;
}

.list-infodiv {
	font-size: var(--medium_font);
}

.celltitle {
	color: var(--txt_color);
	font-weight: bold;
}


/* lijst tabel met om-en-om weergave */
.lijstrij1,
.lijstrijx1 td {
	background-color: var(--box_bg_lite);
}

.lijstrij2,
.lijstrijx2 td {
	background-color: var(--box_bg_clear);
}

.lijsthover .lijstrij1:hover,
.lijsthover .lijstrij2:hover {
	background-color: var(--row_hover);
}

td.lijstkop2 {
	border-bottom: 2px solid var(--separator_lite2);
	padding: 5px 6px 4px 3px;
	font-size: var(--medium_font);
}

a.lijst {
	color: var(--txt_color);
	text-decoration: none
}

a.lijst:active {
	color: var(--action_link)
}

a.lijst:hover {
	color: var(--txt_hover);
	text-decoration: underline
}

.files {
	font-size: var(--small_font)
}

a.files:active {
	color: var(--action_link)
}

a.files:hover {
	color: var(--txt_hover);
	text-decoration: underline
}

.gridfiles {
	color: var(--mf_sub_label);
	font-size: var(--small_font);
	overflow-wrap: anywhere
}

a.gridfiles {
	color: var(--mf_sub_label);
	text-decoration: none;
	font-size: var(--small_font)
}

.previewfiles {
	font-size: var(--larger_font)
}

.gridlabel {
	color: var(--mf_sub_label);
}

.previewlabel {
	color: var(--txt_title_second);
	font-size: var(--larger_font);
}

.gridtablecel {
	display: table-cell;
	vertical-align: middle;
}

.gridicon {
	border: 1px solid var(--box_border_medium);
	display: block;
}

.macrolist-row1,
.macrolist-row2 {
	font-size: var(--small_font);
	padding: 2px;
}

.macrolist-row1:hover,
.macrolist-row2:hover {
	background-color: var(--row_hover)
}

.macrolist-row1 {
	background-color: var(--row1_bg);
}

.macrolist-row2 {
	background-color: var(--box_bg_clear);
}

a.macrofiles,
.macrofiles {
	color: var(--mf_sub_label);
	text-decoration: none;
	font-size: var(--small_font);
	line-height: 1.3em;
	display: block;
}

a.macrofiles:hover {
	text-decoration: underline
}

.tubegridfiles {
	font-size: var(--small_font);
}

a.tubegridfiles {
	text-decoration: none;
	font-size: var(--small_font)
}

a.tubegridfiles:hover {
	text-decoration: underline
}

.type_folder .markertxt,
.type_series .markertxt {
	top: 4px;
	left: 17px;
}

.griditem {
	display: inline-block;
}

.grid3block {
	display: grid;
	gap: 30px 6px;
}

.grid3block .grid-row1 {
	position: relative;
	padding: 2px 4px;
	text-align: center
}

.grid3block .type_folder {
	display: block;
}

.grid3block .gridimg {
	object-fit: contain;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

input[type="button"],
button,
input[type="submit"] {
	border: 1px solid var(--button_border);
	background-color: var(--button_bg);
	color: var(--button_color);
	padding: 5px 9px;
	letter-spacing: 0.03em;
	/*background: rgba(0, 0, 0, 0) linear-gradient(#ddd, #f0f0f0) repeat scroll 0 0; */
}

input[type="button"]:hover,
button:hover,
input[type="submit"]:hover {
	border-color: var(--button_bdhover);
	background-color: var(--button_bghover);
}

input.button,
.btn-primary,
.button,
.btn {
	min-height: 25px;
	line-height: 1.2;
	padding: 5px 10px;
	min-width: 70px;
	letter-spacing: 0.03em;
}

.btn-primary {
	background: var(--btn_primary);
	color: white;
	border: none;
	justify-content: center;

}

button.mfp-btn:hover {
	background-color: #5a5a5a8a;
}

button.btn-primary:hover {
	background: var(--btn_primary_hover);
}

.toolbut,
.mwfbut {
	font-size: var(--small_font);
	min-height: 25px;
	padding: 1px 8px 1px 8px;
	border: 1px solid var(--button_border);
	background-color: var(--button_bg);
	/*background: linear-gradient(to bottom, #f7f7f7 0%, #eee 100%);*/
	cursor: pointer;
}


.mwfbut {
	min-width: 145px;
}

.toolbut {
	min-width: 68px
}

.savebutton:hover,
.iconbut:hover,
.iconbut2:hover .labelbut:hover,
.toolbut:hover,
.metabutton:hover,
.smallbutton:hover {
	border-color: var(--button_bdhover);
	background-color: var(--button_bghover);
}

.searchbut {
	margin: 0;
	padding-left: 11px;
	padding-right: 11px;
	height: 30px;
	border: 1px solid var(--button_border);
	min-width: 60px;
}

.searchbut:hover {
	border: 1px solid var(--button_bdhover);
	background-color: var(--button_bghover);
}

#switchfields {
	height: 28px;
	min-width: 120px;
}

.smallbutton {
	font-size: var(--small_font);
	border: 1px solid var(--button_border);
	padding: 3px 9px !important;
}

input.metabutton {
	font-size: var(--small_font);
	padding: 3px 6px;
	min-width: 55px;
}

input.bigbutton {
	padding-left: 11px;
	padding-right: 11px;
	height: 30px;
}

.focusbutton,
.cancelbutton {
	min-width: 75px;
	cursor: pointer;
	margin: 0;
	padding-left: 11px !important;
	padding-right: 11px !important;
	border: 1px solid var(--button_border);
}

.focusbutton {
	font-weight: bold;
}

.focuslight {
	font-weight: normal;
}

.checkoutbut {
	font-weight: normal;
	font-family: inherit;
	padding: 4px 10px 4px 4px;
	background-color: var(--button_next) !important;
	border-color: var(--border_next);
	color: var(--button_next_text);
	width: 98%;
}

.checkoutbut.ifontbut::before {
	color: var(--button_next_text);
}

.savebutton {
	background-color: var(--button_next) !important;
	border-color: var(--border_next) !important;
	color: var(--button_next_text) !important;
	;
	margin: 0;
	padding: 5px 9px !important;
	font-weight: normal;
	color: var(--txt_full);
	min-width: 90px;
}

.savebutton:hover,
.checkoutbut:hover {
	background-color: var(--button_next_hover) !important;
}


.smallmeta {
	font-size: var(--small_font);
	margin: 2px 0px;
}

.qeditmeta {
	font-size: var(--medium_font);
	margin: 2px 0px;
}

input.smallmeta,
input.qeditmeta {
	padding: 1px;
}

.smallmeta::placeholder {
	font-size: var(--small_font);
}

.qeditmeta::placeholder {
	font-size: var(--medium_font);
}

.biginput {
	border-radius: 3px !important;
	padding: 5px !important;
}

input[type="text"].smallmeta,
input[type="password"].smallmeta {
	padding: 2px 2px 2px 4px;
}

input[type="text"].qeditmeta,
input[type="password"].qeditmeta {
	padding: 2px 3px 2px 5px;
}

input.smallmeta,
select.smallmeta:not([multiple]) {
	height: 23px;
}

select.reqmeta,
input.qeditmeta,
select.qeditmeta:not([multiple]) {
	height: 24px;
}

.reqmeta {
	font-size: var(--small_font);
	background-color: var(--hilight_req) !IMPORTANT;
	margin: 2px 0px;
	padding: 2px 2px 2px 4px;
}

.kwreqmeta .kwedit {
	background-color: var(--hilight_req) !IMPORTANT;
}

select.reqmeta {
	background: linear-gradient(to bottom, var(--hilight_req) 0, var(--hilight_req) 100%);
}

input.reqmeta {
	padding: 2px;
	font-size: var(--small_font);
}

.reqmetainput {
	background-color: var(--hilight_req);
}


.subdescription {
	color: var(--mf_sub_label);
	line-height: 18px;
}

.formdisa {
	background-color: var(--box_bg_lite);
	color: var(--mf_sub_txt);
}

.disableditem,
input[type="button"]:disabled,
button[disabled] {
	color: var(--txt_lite) !important;
}

.inactibechbox {
	color: var(--txt_lite);
}

.formsearch input,
.formsearch select {
	height: 30px;
	border-color: var(--button_border);
}

.formsearch input:focus,
.formsearch select:focus {
	border-color: var(--focus_input);
}

.kopcel {
	padding: 5px 0 10px;
}

.groepkop {
	font-weight: bold;
	padding: 5px;
	border: 1px solid var(--box_border_medium);
	padding: 8px 4px 2px 5px;
	color: var(--txt_color);
	border-left-color: transparent;
	border-right-color: transparent;
}

.groepkoptxt {
	font-weight: normal;
	background-color: #E8E7DD !important;
}

.navbox .kopcel {
	padding: 0 7px;
	line-height: 30px;
	background-color: var(--box_bg_label);
}

.koptext {
	color: var(--txt_title);
	font-size: var(--normal_font);
	font-weight: bold;
}

.headerbox input,
.headerbox select {
	border: 1px solid var(--box_border);
	padding: 3px 4px;
}

.headerbox {
	border: 1px solid var(--box_border_medium);
	border-collapse: collapse;
	margin-bottom: 6px;
}

.headerbox th {
	padding: 7px 10px 7px 6px;
	text-align: left;
}

table.headerbox tr:nth-child(2n)>.waardecel {
	background-color: var(--box_bg_sky);
}

.waardecel a {
	color: var(--txt_color)
}

.waardecell {
	padding-right: 10px;
}

.waardecel {
	background-color: var(--box_bg_sky2);
	border: 1px solid var(--separator_lite);
	padding: 6px 8px;
	line-height: 22px;
}

.wrapmessage {
	white-space: pre-wrap;
	overflow-wrap: break-word;
	width: calc(100% - 8px);
	max-width: calc(100vw - 180px);
	background-color: var(--box_bg_clear);
	color: var(--txt_full);
	padding: 4px;
	line-height: 18px;
	font-family: monospace;
	font-size: var(--medium_font);
}

.fullwidth {
	width: 100%
}

.waardelabel {
	color: var(--txt_second);
	font-size: var(--medium_font);
	padding-bottom: 1px;
}

.waardeindent {
	text-indent: 25px hanging;
	line-height: 15px;
}

.naamcel {
	background-color: var(--box_bg_medium);
	border: 1px solid var(--box_border);
	border-right-width: 0;
	font-weight: bold;
	padding: 8px;
	vertical-align: top;
	width: 135px;
	line-height: 20px;
	text-align: left;
	white-space: wrap;
}

.navbox {
	border: 1px solid var(--box_border_medium);
	margin-bottom: 12px;
	border-spacing: 0;
	font-size: var(--medium_font)
}

td.filterbox {
	background-color: var(--box_bg_lite);
	border-top: 1px solid var(--separator_lite);
	line-height: 26px;
	padding: 3px 7px;
}

div.filterbox {
	background-color: var(--box_bg_sky);
	line-height: 26px;
	padding: 3px 7px;
	margin-bottom: 15px;
}

.filterbox select,
.filterbox input {
	padding: 2px 2px 2px 4px;
}

.filteractive {
	color: var(--txt_color);
	text-decoration: none;
	font-weight: bold;
}

.filteractive:hover,
.filterclass:hover {
	color: var(--txt_color);
}

.waardecelmul {
	line-height: 16px;
}

.wrapbullet {
	padding-left: 1.9em;
	text-indent: -1.9em;
	line-height: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.showpointer {
	cursor: pointer;
}

.listdiv .showpointer:hover {
	color: var(--txt_color);
}

.showzoom {
	cursor: zoom-in;
}

.showprogress a {
	cursor: progress;
}

.alphathumb .gridimg {
	background: linear-gradient(45deg, var(--box_bg) 25%, transparent 25%) 0 0, linear-gradient(-45deg, var(--box_bg) 25%, transparent 25%) 0 3px, linear-gradient(45deg, transparent 75%, var(--box_bg) 75%) 3px -3px, linear-gradient(-45deg, transparent 75%, var(--box_bg) 75%) -3px 0;
	background-color: var(--box_bg_clear);
	background-size: 6px 6px;
}

/* list style */

.xnamecol {
	min-width: 300px;
}

.list-row1:hover,
.list-row2:hover {
	background-color: var(--row_hover);
}

.list-row1 {
	background-color: var(--row1_bg);
}

.list-row2,
.list-out {
	background-color: var(--box_bg_clear);
}

.list-selected {
	background-color: var(--row_active);
}

.list-row {
	font-size: var(--small_font);
	padding: 4px 5px;
}

.list-lastrow {
	font-size: var(--small_font);
	padding: 3px 5px 1px 5px;
	height: 20px;
	/*border-bottom: 1px solid var(--separator_lite);*/
}

.list-infotitle {
	padding-right: 2px;
	font-size: var(--medium_font);
	color: var(--mf_sub_label);
}

.list-infodiv {
	padding-bottom: 2px;
}

.list-infodiv img {
	vertical-align: text-bottom;
}

.foldershadow,
.serieshadow {
	position: absolute;
	top: -3px;
	left: 3px;
	Width: 100%;
	Height: 100%;
	border: 1px solid var(--box_border_medium);
	background-color: var(--box_bg);
	border-radius: 3px;
}

.boxgrid .folderimg,
.boxgrid .seriesthumb {
	background-size: cover;
}

.folderthumb,
.seriesthumb {
	border: 1px solid var(--box_border_medium);
	border-radius: 3px;
	height: 100%;
	width: 100%;
	display: block;
	position: relative;
	left: -2px;
	top: 2px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: var(--box_bg_clear);
	text-decoration: none;
	background-size: contain;
}

.seriesthumb {
	border: 1px solid var(--box_border_medium);
}

.serieshadow {
	border: 1px solid var(--box_border_medium);
	background-color: var(--box_bg);
}

.foldericon {
	background-size: 48% 48%;
}

.subtypeicon {
	width: 40px;
	opacity: 0.9;
}

.listtypeicon {
	width: 32px;
	opacity: 0.9;
}

.macrogriddiv .subtypeicon {
	width: 64px
}

.previewicon {
	width: 100px !important;
}

.thumbboxin {
	overflow: hidden;
	background-color: var(--box_bg_sky);
	display: flex;
	align-items: center;
	justify-content: center;
}

.thumbboxin a {
	width: 100%;
}

.thumbboxin img {
	display: block;
	max-width: 100%;
	object-fit: scale-down;
}

.hoverthumbin {
	overflow: visible;
}

.inthumbicon {
	position: absolute;
	left: 2px;
	top: -1px;
}

.inthumbicon img {
	display: block;
	padding: 0 4px 4px 0;
}

.widelist ul {
	list-style: none outside none;
	margin-left: -20px;
}

.widelist ul li {
	float: left;
	margin-bottom: 18px;
	margin-left: 4px;
	overflow: hidden;
	position: relative;
	width: 470px;
	margin-right: 10px;
	background-color: var(--box_bg_sky);
}

.widethumb {
	background-color: var(--boxd_bg_lite);
	background-clip: padding-box;
	display: block;
	float: left;
	overflow: hidden;
	margin-top: 3px;
}

.widethumb img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wideinfo {
	margin-top: -3px
}

.widetitle {
	font-size: var(--larger_font);
	padding-top: 2px;
	font-weight: bold;
}

.widetitle a {
	color: var(--txt_title_medium);
}

/* sorteer list styles */
.sortitem {
	font-size: var(--small_font);
	border-bottom: 1px solid var(--separator_lite);
	padding: 7px 3px 6px 7px;
}

.sortitem:last-child {
	border-right-width: 0;
}

#filelijst {
	overflow: auto;
	z-index: 0;
}

#filecontent {
	white-space: pre-wrap;
}

/* kop voor lijst tabel of grid */
.groupkop,
.distrkop {
	color: var(--txt_title_second);
	font-weight: bold;
	padding-bottom: 6px;
}

.groupkop {
	padding: 4px 6px;
	background-color: var(--box_bg);
}

.dirinfo {
	font-weight: normal;
	padding-left: 1px;
	padding-right: 2px;
}

a.groupkop,
a.distrkop {
	color: var(--action_link);
}

a.groupkop:hover a.distrkop:hover {
	text-decoration: underline;
}

a.dirup {
	color: var(--txt_color);
	text-decoration: none;
	font-weight: bold;
	display: block;
}

a.dirup:hover {
	color: var(--txt_hover);
	text-decoration: underline
}

#selecteditems {
	display: none;
}

.m3selitems {
	background-color: var(--box_bg_clear);
	padding: 0 8px !important;
}

.m3selitems span {
	float: left;
}

.selecteditems {
	border-top: 1px solid var(--separator_lite);
	margin-top: 6px;
	padding-top: 3px;
}

.selecteditems div {
	font-weight: bold
}

.mlisttabletop {
	border-bottom: 1px solid var(--separator_lite);
}

.actionlist td {
	padding: 4px 0 4px 4px;
	background-repeat: no-repeat;
	background-position: 3px 5px;
}
.cancelselect {
	width: 22px;
}
.iconwrap {
	display:flex;
	gap: 5px;
	padding: 4px 0 4px 4px;
}
.ationactive {
	font-weight: bold;
	display:flex;
}
.ationvalue {
	display:flex;
}
.ationactive .treenumbers, .ationvalue .treenumbers {
	padding: 4px 0 0 4px
}

/* form and list */
th.userform {
	background-color: var(--box_bg_medium);
	padding-bottom: 5px;
}

.fileinfo,
.objectname {
	color: var(--mf_sub_label);
}

/* caption onder image */
.imgcaption {
	font-size: var(--normal_font);
}

div.imgcaption {
	padding: 0 4px 8px;
	font-style: italic;
}

a.imgcaption {
	TEXT-DECORATION: none;
}

a.imgcaption:hover {
	color: var(--txt_hover);
	text-decoration: underline;
}


/* img class van thumbnail of plaatje */
.thumbimg {
	padding: 5px;
	max-width: 900px;
}

/* class van div rond images met caption */
img.captionimage {
	padding: 5px;
	border: none;
}

/* wiki image */
img.borderimg {
	border: 1px solid var(--box_border_medium);
}

.caption {
	color: var(--mf_sub_label);
	line-height: 1.3em;
	font-size: var(--small_font);
	overflow: hidden;
	word-wrap: break-word;
}

#dcaption {
	display: inline-block;
	max-width: 640px;
	padding-top: 3px;
	word-wrap: break-word;
}

#dmetablock {
	text-align: center;
}

/* alternavieve header van navigatie td's als er geen numbernav is */
.altnavheader {
	padding: 3px 4px 3px 6px;
	color: var(--action_link);
	font-weight: bold;
}

.dirnavheader {
	background-color: var(--box_bg_clear);
	font-weight: bold;
	padding-top: 8px;
}

.includebrowser .dirnavheader {
	padding-top: 2px;
}

.dirnavflex {
	padding-top: 8px;
	display: flex;
}

.dirnavflex .dirnavstr {
	flex: 1 1 200px;
}

.albumnavbar {
	margin-bottom: 25px
}

/* header van navigatie td's */


/* header van navigatie td's */
.navheader2 {
	padding-right: 4px;
	padding-left: 6px;
	COLOR: var(--txt_full);
}

.waiticon {
	background: url(../icons/image.gif) no-repeat center center;
	min-width: 32px;
}

.waiticon2 {
	background: url(../icons/image.gif) no-repeat center 90%;
}

/* standaard grid style */
.gridline {
	border-top: 1px solid var(--separator_lite);
	height: 14px;
}

.gridgroupby {
	border-top: 1px solid var(--separator_lite);
	margin: 10px 0 14px;
}

.listgroupby {
	border-top: 1px solid var(--separator_lite);
	margin: 18px 0 12px -5px;
}

.gridgroupby div,
.listgroupby div {
	background-color: var(--box_bg_clear);
	float: left;
	margin-top: -10px;
	padding: 0 6px 0 7px;
	font-weight: bold;
}

.altstyle .gridcell {
	background-color: var(--box_bg_lite);
}

.altstyle .grid-row1,
.altstyle .grid-row2 {
	border-width: 0 0 1px 0;
	background-color: transparent;
}

.altstyle .gridline {
	border-width: 0
}

.altstyle .longsep {
	width: 18px;
}

.altstyle .gridgroupby {
	margin: 8px 0 18px;
}

.altstyle .gridblock {
	padding-bottom: 10px;
}

/* defaultopnav.css | https://atworkstation/mfdemo/public/css/defaultopnav.css?513 */

.altstyle .foldershadow,
.altstyle .serieshadow {
	border: 1px solid var(--box_border);
	background-color: var(--box_bg_clear);
}

.altstyle .folderthumb,
.altstyle .seriesthumb {
	border: 1px solid var(--box_border);
}

.tubeline {
	border-bottom: 1px solid var(--separator_lite);
	padding-bottom: 2px
}

.tupevsep {
	border-left: 1px solid var(--separator_lite);
	padding-left: 6px;
	line-height: 1.3em;
}

.blindsep {
	border-left: 1px solid transparent;
	padding-left: 6px;
}

.tubehsep {
	margin-top: 8px;
	margin-bottom: 8px;
	border-top: 1px solid var(--separator_lite);
}

.tubelisttd {
	padding: 4px 4px 28px 0
}

.selectchkbox {
	width: 15px;
	height: 15px;
}

.iconimg,
.selectlabel {
	width: 26px;
	display: inline-block;
	height: 26px;
	padding-right: 3px;
	border-radius: 8px;
	text-align: center;
	line-height: 26px;
}

.selectlabel {
	padding: 4px 3px 0px 3px;
}

.slideicon .iconimg {
	padding-right: 0;
	height: 28px;
	width: 28px;
}

.slideicon a:hover {
	text-decoration: none;
	color: var(--)
}

.drag-handle .iconimg {
	padding-right: 0;
	padding-left: 0;
	height: 28px;
	width: 28px;
	line-height: 28px;
}

.iconimg:hover,
.slideicon:hover .iconimg,
.selectlabel:hover {
	background-color: var(--grid_box)
}

.iconimg:hover,
.slideicon:hover .iconimg,
.actionfont:hover,
.toolmicon2:hover .actionfont,
.ifontbut:hover .actionfont,
.mminilabel:hover .pagefont {
	transform: scale(1.15);
}

.ifontbut a {
	padding-right: 5px;
	margin-right: 3px;

}

.ifontbut a:hover {
	text-decoration: none;
}

.ifontbut::before,
.iconimg::before,
.ifontbut::after {
	color: var(--icons_att);
	font-family: 'MediaFiler Icons';
	text-rendering: auto;
	font-size: 17px;
	display: inline-block;
}

.gridicons .iconimg {
	height: 25px;
}

.gridicons .iconimg::before {
	font-size: 15px;
	height: 25px;
}

.ifontbut::before {
	font-size: 15px
}

.closelink::before,
.closepop::before,
.maximizepop::before {
	color: var(--icons_att);
	font-family: 'MediaFiler Icons';
	text-rendering: auto;
	content: "\e971";
	font-size: 18px;
	line-height: 24px;
	display: block;
}

.closelink {
	/*background: url("../themes/default/dhtmlwindow/close.png") no-repeat right 50%; */
	padding: 0 7px 0 0;
	margin-left: 12px;
	width: 20px;
	display: block;
	text-align: right;
}

.closepop,
.maximizepop {
	display: inline-block;
	background-color: var(--box_bg_clear);
	padding: 0 6px;
	border-radius: var(--button_radius);
}

.maximizepop {
	margin-right: 8px
}

.maximizepop::before {
	content: "\e930";
}

.dhtmlfullscr .closepop {
	background-color: #222;
}

.closelink:hover {
	text-decoration: none;
}

.navheader .closelink {
	border-radius: var(--button_radius);
}

.flexheader {
	display: flex;
	align-items: center;
}

.flexheader .linkicon {
	flex-grow: 1;
	line-height: 16px;
	padding: 8px 0 8px 24px;
}

.flexheader .headercenter {
	flex-grow: 1;
	line-height: 16px;
	padding-left: 3px;
}

.navclose {
	padding-right: 0 !important;
}

.closefloat {
	float: right;
	padding-left: 30px;
	margin-top: -1px;
}

.iconbut2 {
	cursor: pointer;
	height: 25px;
	padding: 1px 8px 1px 26px;
	min-width: 105px;
	white-space: nowrap;
	position: relative;
}

.iconbut2 a:hover {
	text-decoration: underline;
	background-color: var(--button_bghover);
}

.iconbut2::before {
	padding: 0;
	display: inline-block;
	position: absolute;
	left: 7px;
}

.iconbut2::after {
	padding: 0;
	display: inline-block;
	position: absolute;
	right: 7px;
}

.butwidth {
	min-width: 105px;
}

.ifontbut::before {
	padding-right: 8px
}

.ifontbut {
	cursor: pointer;
}

.linkbut::before {
	content: '\ea04';
}

.downlicon::before {
	content: '\e98c'
}

.checkboxicon::before {
	content: '\ea8f'
}

.checkboxcheck::before {
	content: '\ea1a';
	color: #0060df;
}

.shopicon::before {
	content: '\e98f'
}

.shopiconsel::before {
	content: "\e961";
	color: var(--icons_checked)
}

.editoricon::before {
	content: '\ea35';
	color: var(--signal_icon);
}

.menuicon::before {
	content: '\ea3f';
	vertical-align: -1px;
}

.zoomicon::before {
	content: '\ea1d'
}

.popicon::before {
	content: '\ea6e'
}

.playicon::before {
	content: '\e953';
	font-size: 115%
}

.inshopicon::before {
	content: '\e961';
	color: var(--icons_checked)
}

.shopiconsvg {
	width: 17px;
}

.gridicons {
	padding: 3px 0 4px;
	text-align: left;
	position: relative;
	user-select: none;
}

.gridicons .icons2 {
	position: absolute;
	right: 1px;
	white-space: nowrap;
}

.minimalicons .gridicons {
	padding-top: 0;
	white-space: nowrap;
}

.minimalicons .icons2 {
	top: 0;
}

.selecticon input[type="checkbox"] {
	vertical-align: 1px;
}

.autoicons,
.overlabel {
	opacity: 0;
}

.gridtrow:hover .autoicons,
.tuberow:hover .autoicons,
.gridcell:hover .overlabel,
.gridcell:hover .overlabel {
	opacity: 1;
	transition: opacity 0.3s ease 0s;
}

.gridcell {
	transition: transform 0.2s, box-shadow 0.2s, background-color 0.1s;
}

/* Reordering Classes */
.gridcell.bs-dragging {
	opacity: 0.5;
	transform: scale(0.95);
	border-style: dashed;
	z-index: 100;
}

.subgrid {
	padding: 2px 1px 6px 1px;
}

.subgridstyle {
	padding-bottom: 5px;
}

/*
.grid-row1:hover, .grid-row2:hover {
	background-color: var(--grid_box) !important;
	border-color: var(--grid_box_border) !important;
}
	 */
.grid-row1 .gridimg,
.grid-row2 .gridimg,
.iconimg,
.actionfont,
.selectlabel,
.mminilabel .pagefont,
.scaledimg {
	transition-duration: 0.2s;
}


.grid-row1:hover .gridimg,
.grid-row2:hover .gridimg,
div:hover>.scaledimg {
	/*background-color: var(--grid_box) !important;
	border-color: var(--grid_box_border) !important; */
	transform: scale(1.05, 1.05);
}

.bigpreview .grid-row1:hover .gridimg,
.bigpreview.grid-row1:hover .gridimg {
	/*background-color: var(--grid_box) !important;
	border-color: var(--grid_box_border) !important; */
	transform: scale(1.03, 1.03);
}

.grid-row1,
.grid-row2 {
	border: solid 1px var(--separator_clear);
	background-color: var(--box_bg_clear);

}

.subgrid-row1,
.subgrid-row2 {
	border: solid 1px var(--separator_clear);
	background-color: var(--box_bg_clear);
}

.subgrid-row1:hover,
.subgrid-row2:hover {
	background-color: var(--grid_box) !important;
	border: solid 1px var(--grid_box_border) !important;
}

.grid-selected {
	background-color: var(--grid_box);
}

.subgrid-selected {
	background-color: var(--grid_box_heavy);
}

.longgrid .grid-row1,
.longgrid .grid-row2,
.longgrid .simplegrid-row1,
.longgrid .simplegrid-row2 {
	padding: 4px 4px 0;
	position: relative;
	border-width: 0;
}

.longsep {
	width: 8px;
}

.img_pptx,
.img_docx,
.img_pdf,
.img_doc,
.img_ppt,
.img_ods {
	border: 1px solid var(--box_border_lite);
}

.draggrid {
	border: dashed 2px var(--grid_box_border);
}

/* sub clean grid */
.subclean {
	padding: 1px !important;
}

.subclean-row1,
.subclean-row2 {
	padding: 1px !important;
}

.subclean-row1:hover,
.subclean-row2:hover {
	border: solid 1px var(--grid_box_border);
	background-color: var(--grid_box);
	padding: 0px !important;
}

.subclean-selected {
	background-color: var(--grid_box);
	border: dashed 1px var(--grid_box_border);
	padding: 0px !important;
}

/* boxed grid style */
.boxed-row1,
.boxed-row2 {
	padding: 2px 0;
	background-color: var(--box_bg_sky);
	border: 1px solid var(--box_border_medium);
}

.boxed-row1:hover,
.boxed-row2:hover {
	background-color: var(--grid_box);
	border-color: var(--grid_box_border);
}

.boxed-selected {
	background-color: var(--grid_box);
	border: solid 1px var(--grid_box_border);
}

/* clean grid style */
.clean-row1,
.clean-row2 {
	border: solid 5px var(--box_border_medium);
	background-color: #EFEFEF;
}

.clean-row1:hover,
.clean-row2:hover {
	background-color: #FFFBDA;
	border: solid 5px #eecccc;
}

.clean-selected {
	background-color: #EFEFDC;
	border: solid 5px #FED2B1;
}

.clean-box {
	background-color: #f0f0f0;
}

/* standaard grid style */
.macrogriddiv {
	padding-top: 0px;
}

.macrogrid-row1,
.macrogrid-row2 {
	padding: 1px;
	margin: 3px;
	position: relative;
	border: 1px solid transparent;
}

.macrogrid-row1:hover,
.macrogrid-row2:hover {
	border: solid 1px var(--grid_box_border);
	background-color: var(--grid_box);
}

.macrogrid-selected {
	border: dashed 1px var(--grid_box_border);
	background-color: var(--grid_box);
	margin: 3px;
	position: relative;
}

.macrogrid-selected:hover {
	background-color: var(--grid_box);
}

.macroaction {
	position: absolute;
	top: -1px;
	right: -4px;
	height: 19px;
	line-height: 20px;
	width: 22px;
	z-index: 35;
	opacity: 0.7;
	background-color: var(--box_bg_clear);
}

.macroaction:hover {
	opacity: 1;
}

.macroaction .actionfont {
	color: var(--txt_full) !important;
	opacity: 0.4;
}

.macrofixed3 .mcontent {
	padding: 3px 5px;
}

#cnavopt {
	right: -5px;
	top: 0px;
	background-color: var(--box_bg_label);
	width: 24px;
	line-height: 20px;
	border-radius: var(--button_radius);
}

.cuegrid-row1,
.cuegrid-row2 {
	border: 1px solid transparent;
}

.cuegrid-row1:hover,
.cuegrid-row2:hover {
	background-color: var(--grid_box);
	border: solid 1px var(--grid_box_border);
}

.cuegrid-selected {
	border: dashed 1px var(--grid_box_border);
	background-color: var(--grid_box);
}

/* standaard grid style */
.simplegriddiv {
	padding-top: 0px;
}

.simplegrid-selected {
	background-color: var(--grid_box);
}

.simplegrid-row1,
.simplegrid-row2 {
	position: relative;
}

/* navigatie voor vorige - volgende */
.navposition {
	color: var(--txt_full);
}

a.navposition {
	color: var(--txt_full);
	user-select: none;
}

a.navposition:hover {
	color: var(--txt_hover);
	text-decoration: underline;
}

.navback {
	padding: 0 5px 0 3px !important;
	display: inline-block;
}

.navnext {
	padding: 0 2px 0 5px !important;
	display: inline-block;

}

.navback::before,
.navnext::after {
	padding-right: 8px;
	font-family: 'MediaFiler Icons';
	text-rendering: auto;
	display: inline-block;
	content: '\e910';
	vertical-align: bottom;
	font-size: 20px;
	color: var(--icons_heavy);
}

.disabled.navback::before,
.disabled.navnext::after {
	color: var(--txt_lite);
}

.navnext::after {
	padding-left: 8px;
	content: '\e911';
}

#backnav2 {
	padding-left: 16px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left 50%;
	line-height: 24px;
}

.ovlink:hover {
	text-decoration: underline;
	cursor: pointer;
}

.backlink:hover {
	text-decoration: none !important;
}

.backlink {
	display: inline-block;
	font-weight: normal !important;
	color: var(--txt_color);
	white-space: nowrap;
	background-color: var(--box_bg_sky);
	border: 1px solid var(--box_border_medium);
	border-radius: var(--button_radius);
	line-height: 24px;
	padding: 0 6px;
	margin-left: -3px;
	font-size: var(--normal_font) !important;
}

.navup::before,
.backfont::before {
	padding: 0 4px 0 1px;
	vertical-align: -1px;
	font-family: 'MediaFiler Icons';
	text-rendering: auto;
	display: inline-block;
	font-size: var(--medium_font);
	content: '\e909';
}

.navup::before {
	content: '\ea59';
	padding-right: 8px;
	vertical-align: -3px;
	font-size: 16px;
}

.navup {
	background-color: #ffffd2;
	border: 1px solid var(--box_border_medium);
	line-height: 21px;
	margin-right: 6px;
	margin-left: 2px;
	padding: 0 7px 0 7px !important;
	color: var(--txt_second);
	display: inline-block;
	border-radius: var(--button_radius);
	min-width: 38px;
	text-align: center;
}

/* navigatie met pagina nummers */
.numbernav {
	color: var(--txt_second);
	font-weight: bold;
	padding: 0 3px;
	margin: 0 2px;
	line-height: 24px;
	font-size: var(--larger_font)
}

a.numbernav {
	color: var(--txt_second);
	font-weight: normal;
	display: inline-block;
	font-size: var(--normal_font);
}

a.numbernav:hover {
	color: var(--txt_hover);
	text-decoration: underline;
}

.nubernonav {
	padding: 0 3px;
	margin: 0 2px;
	line-height: 24px;
	color: var(--mf_sub_txt);
}

a.nbrnavactive {
	color: var(--txt_title_second);
	font-weight: bold;
	background-color: var(--box_bg_clear);
	line-height: 18px;
	border-radius: 5px;
	padding: 0 4px;
}

#hmenu2block .nbrnavactive {
	font-size: var(--larger_font);
}

#hmenu2block {
	padding-top: 12px;
}

#hmenu2block .navheader,
#hmenu2block .altnavheader {
	padding-bottom: 6px;
}

.slideicon {
	margin-right: 14px;
	white-space: nowrap;
}

.slideicon:last-child {
	margin-right: 0;
}


.tubedownload {
	height: 2px;
}

.tubedownload div {
	position: absolute;
	bottom: 0
}

/* pdmenu hmenu1 */
.pdmenuspacer {
	border-top: 1px solid var(--separator_lite);
	display: block;
	height: 4px;
	margin-top: 4px;
}

.pdmenutitle {
	border-bottom: 1px solid var(--separator_lite);
	display: block;
	margin-top: 4px;
	color: var(--txt_title);
	font-weight: bold;
	font-style: italic;
}

.pdfirst {
	border-top-width: 0px !important;
}

.pdspacer {
	margin: 0px 9px !important;
	height: auto !important;
}

.pdhmenu {
	display: inline-block;
	position: relative;
	white-space: nowrap;
}

li .pdhmenu a {
	margin-top: 0px !important;
}

.pdhmenu .pdfirst .account_box a {
	white-space: normal !important;
	color: var(--txt_color)
}

.topnav .pdmenuout {
	top: 24px;
}

.pdmenuout {
	position: absolute;
	top: 24px;
	display: none;
	z-index: 999;
}

.pdmenuout ul {
	position: relative !important;
	display: block !important;
	top: 24px
}

.account_box {
	min-width: 185px;
	padding: 4px 0;
	color: var(--mf_sub_txt);
}

.account_box div {
	padding: 0 10px;
	line-height: 18px
}

.account_box .logonuser {
	padding-left: 10px;
	color: var(--txt_color) !important;
}

.ac_customer {
	font-style: italic;
	padding: 0px 0 0 20px !important;
}

.subproxyswitch {
	padding: 4px 10px !important;
}

.subproxyswitch select {
	width: 100%;
	margin: 3px 0;
}

/* link van ingelogde user */
.hlogonuser {
	font-size: var(--medium_font);
	color: var(--mf_sub_label)
}

a.logonuser {
	color: var(--txt_color);
	font-size: var(--medium_font);
}

.logonuser {
	font-size: var(--medium_font);
	color: var(--txt_second)
}

.editmode {
	font-size: var(--medium_font);
	padding-left: 4px;
	white-space: nowrap;
}

.editswitch label,
.editmode {
	cursor: pointer;
}


.editswitch {
	white-space: nowrap;
	padding-top: 8px !important;
	color: #2f5a9e;
}

.editswitch label {
	padding-left: 0
}

.editmode span {
	padding-right: 3px;
}

/* als link niet aan te klikken is */
.disabled {
	color: var(--txt_lite);
	user-select: none;
}

.inactibechbox .showpointer {
	cursor: not-allowed;
}

.iconitem {
	white-space: nowrap;
	display: inline-block;
	padding: 0px 10px 0px 0px;
	line-height: 28px;
	margin-left: 3px;
	margin-right: 3px;
	user-select: none;
}

.iconitem label,
.toolbut label {
	cursor: pointer;
}

.linkicon {
	padding-left: 24px;
	background-position: 0px 50%;
	background-repeat: no-repeat;
	display: block;
}

.actionicon {
	background-position: left center;
	background-repeat: no-repeat;
	padding: 3px 0 3px 22px;
}

.bodytext .macros2 {
	padding-top: 15px
}

.panelcontrols a {
	white-space: nowrap;
}

.iconsep {
	width: 15px;
	display: inline-block;
}

.tmrooticon {
	background-position: 0px 50%;
	background-repeat: no-repeat;
}

.toolmenu,
.wfmenu {
	position: relative;
	display: block;
}

.toolmenu a {
	display: inline-block;
}

.toolmicon {
	padding-left: 20px;
}

a.toolmicon2 {
	display: block
}

.toolmicon2:hover,
.toolmicon:hover,
.toolmenu a:hover {
	text-decoration: none;
}

.toolmicon2::after,
.pdhmenuicon::after,
.sortasc::after,
.sortdesc::after,
.mosortasc::after,
.mosortdesc::after {
	content: '\e905';
	color: var(--icons);
	font-family: 'MediaFiler Icons';
	text-rendering: auto;
	padding-left: 5px;
	vertical-align: -1px;
	font-weight: normal !important;
	font-size: var(--medium_font);
	display: inline-block;
}

.sortasc::after,
.mosortasc::after {
	content: '\ea59';
}

.sortdesc::after,
.mosortdesc::after {
	content: '\e90f';
}

.sortasc,
.sortdesc {
	display: block
}

.mosortasc::after,
.mosortdesc::after {
	visibility: hidden;
	color: var(--icons_lite);
}

.mosortasc:hover::after,
.mosortdesc:hover::after {
	visibility: visible;
}

.pdmicon {
	display: inline-block;
}

.metainp {
	display: inline-block;
}

.macroicon {
	background-position: 0px 50%;
	background-repeat: no-repeat;
	padding-left: 24px;
}

.actionlink {
	padding-left: 22px;
	display: inline-block;
	line-height: 22px;
}

.actionfont,
.linkfont {
	width: 22px;
	display: inline-block;
	text-align: center;
	font-size: 15px;
	padding-right: 1px;
	white-space: nowrap;
	color: var(--icons);
}

.actionfont {
	line-height: 22px;
}

.actionfont.pifolderopen {
	width: 28px
}

.actionfont.pipastemeta,
.actionfont.picopymeta {
	font-size: 17px
}

.toolspan {
	width: 18px;
}

.actionfont.toolicon {
	line-height: 26px
}

.actionfont::before,
.linkfont::before {
	padding-right: 4px;
	font-family: 'MediaFiler Icons';
	text-rendering: auto;
	display: inline-block;
}

.smallicon {
	width: 22px;
	display: inline-block;
	text-align: center;
	font-size: var(--medium_font);
	padding-right: 1px;
	cursor: pointer;
}

.smallicon2 {
	font-size: var(--medium_font);
}

.smallicon::before {
	padding-right: 2px;
	color: var(--icons);
	font-family: 'MediaFiler Icons';
	text-rendering: auto;
	display: inline-block;
}

.fontright {
	padding-right: 0 !important;
	margin-right: 0 !important;
}

.toolmenu ul,
div.wfmenu {
	box-shadow: var(--menu_shadow);
	position: absolute;
	top: 27px;
	left: -1px;
	min-width: 160px;
	display: none;
	list-style-type: none;
	visibility: hidden;
	background-color: var(--box_bg_clear);
	z-index: 50;
	padding: 8px 3px;
	border: 1px solid var(--box_border_medium);
}

div.wfmenu {
	padding: 6px 10px 4px 3px
}

#useimgtd {
	padding-left: 6px;
}

.iconli {
	margin-left: 4px;
}

.toolmenu li a,
.lidivs a {
	display: block;
	margin: 0;
	padding: 1px 10px;
	white-space: nowrap;
	text-align: left;
	line-height: 28px;
}

.toolmenu a.linkicon {
	padding: 0px 14px 0 23px !important;
	margin-left: 10px;
}

.toolmenu ul li {
	margin: 0;
	padding: 0;
	float: none;
}

.tmspacer div {
	margin: 8px 16px 4px;
	border-top: 1px solid var(--separator_lite);
}

/* classes vor line theme */
.croslines-row1,
.croslines-row2 {
	padding-bottom: 8px;
}

.croslines_div {
	padding-top: 10px;
}

.croslines-top,
.croslines-topleft {
	border-left: 1px solid;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

.croslines-topright {
	border: 1px solid;
}

.croslines-mid {
	border-left: 1px solid;
	border-bottom: 1px solid;
}

.croslines-midright {
	border-right: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
}

.croslines-bot,
.croslines-botleft {
	border-left: 1px solid;
	border-bottom: 1px solid;
}

.croslines-botright {
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
}

.croslines {
	border-color: var(--box_border_lite);
}

.croslines:hover,
.croslines-selected {
	background-color: var(--box_bg);
}

.transpimg {
	background-image: url(../img/transparent.png);
}

.previewimg {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* image voor preview */
#previewimg {
	max-width: 100%;
	max-height: calc(100vh - 56px);
}

.fitimage {
	max-height: 100%;
	max-width: 100%;
}

.docpreview {
	border: 1px solid var(--box_border_lite);
}

/* styles vor fotostrip */
#previewimg2 {
	opacity: 0;
}

.fotostrip {
	background-color: var(--box_bg_clear);
	border: 1px solid var(--separator_lite);
	margin: 11px 10px 15px 0;
	padding: 5px;
}

#fotostrip img {
	border: 5px solid var(--box_border_lite);
}

/* tooltip voor mouseover */
.hastooltip {
	position: relative
}

.tooltip {
	padding: 5px;
	visibility: hidden;
	font-size: var(--small_font);
	color: var(--txt_content);
	border: solid 1px var(--box_border);
	background-color: var(--box_bg_clear);
	z-index: 1010;
	text-align: left;
	min-width: 120px;
	pointer-events: none;
	/* Prevents flickering when mouse is over the preview */
	position: absolute;
}

.tooltip img {
	max-width: unset;

}

.captionover {
	line-height: 1.3em;
	color: var(--txt_content);
}

.ovtooltitle,
.ovtooltitle2 {
	color: var(--txt_full);
	line-height: 1.6em;
}

.debug {
	position: fixed;
	padding: 3px;
	left: 5px;
	top: 5px;
	z-index: 1081;
	background-color: var(--box_bg_clear);
	border: solid 1px #FFCC66;
}

#globalTeatimer {
	position: absolute;
	display: none;
	width: 1024px;
	top: 250px;
	z-index: 1011;
	text-align: center;
}

#teatimer2 {
	background-color: var(--box_bg_clear);
	opacity: 0.8;
}

.smallinput {
	font-size: var(--small_font);
}

.mediuminput {
	font-size: var(--medium_font);
}

.smalltd {
	font-size: var(--small_font);
}

.smalltdactive {
	font-size: var(--medium_font);
	font-weight: bold !important;
	color: var(--txt_color);
}

.waiting {
	color: #959595;
	font-weight: bold;
	padding-top: 20px;
	font-size: var(--normal_font);
}

/* taglist pulldown autocomplete */
#autoCompleteDropdown {
	list-style: none;
	margin: 0px;
	padding: 0px;

}

#autoCompleteDropdown li {
	padding: 0 0.3em 0 0.4em;
	color: var(--txt_full);
	cursor: pointer;
	z-index: 1200;
	line-height: 22px;
}

#autoCompleteDropdown li:hover,
#autoCompleteDropdown li.hover {
	background-color: var(--box_bg_att);
	color: var(--box_bg_clear);
}

#autoCompleteDiv {
	border: 1px solid var(--box_border);
	background-color: var(--box_bg_clear);
	overflow-x: hidden;
	overflow-y: auto;
	white-space: nowrap;
	overscroll-behavior: contain;
	z-index: 1190;
	border-radius: var(--button_radius);
}

.ivaluediv #autoCompleteDiv {
	background-color: var(--box_bg_clear);
}


/* autocomplete3 */
.autocomplete-wrapper {
	position: relative;
	width: 100%;
}

.input-container {
	position: relative;
	display: flex;
	align-items: center;
}

.autocomplete-input,
.autocomplete-ghost {
	width: 100%;
	font-size: 1rem;
	font-family: inherit;
	border-radius: var(--button_radius);
	line-height: 1.5;
	box-sizing: border-box;
	padding-right: 19px !important;
}

.autocomplete-input {

	border: 1px solid var(--button_border);
	background: transparent;
	position: relative;
	z-index: 2;
	outline: none;
	margin: 0;
	transition: border-color 0.2s, box-shadow 0.2s;
}

textarea.autocomplete-input {
	background: revert;
}

.autocomplete-input:focus {
	border-color: var(--focus_input);
	box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.autocomplete-ghost {
	position: absolute;
	top: 0;
	left: 0;
	border-color: transparent !important;
	/* Behoud breedte maar onzichtbaar */
	color: var(--txt_ghost);
	z-index: 1;
	pointer-events: none;
	overflow: hidden;
	margin: 0;
}

.autocomplete-icon {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--txt_second);
	cursor: pointer;
	z-index: 3;
}

.autocomplete-icon:hover {
	color: var(--txt_color);
}

.autocomplete-dropdown {
	position: absolute;
	left: 0;
	background-color: var(--box_bg_clear);
	border: 1px solid var(--box_border);
	border-radius: var(--button_radius);
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
	margin-top: 0.25rem;
	max-height: 40vh;
	overflow-y: auto;
	overscroll-behavior-y: contain;
	overflow-x: hidden;
	z-index: 50;
	display: none;
	box-sizing: border-box;
}

.autocomplete-dropdown.is-open {
	display: block;
}

.autocomplete-list {
	list-style: none;
	margin: 0;
	padding: 0.25rem 0;
}

.autocomplete-item {
	padding: 0.2rem 0.4rem;
	font-size: var(--medium_font);
	cursor: pointer;
	color: var(--txt_full);
	transition: background 0.1s;
	display: flex;
	justify-content: space-between;
	align-items: center;
	white-space: nowrap;
}

.autocomplete-item>span {
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Multiline Suggestion Styling */
.autocomplete-item.wrap-text {
	white-space: normal;
	line-height: 1.4;
	border-bottom: 1px solid #f1f5f9;
	padding: 0.75rem 1rem;
}

.autocomplete-item.is-selected {
	background-color: #eff6ff;
	color: #1d4ed8;
}

/*
.autocomplete-item:hover:not(.is-selected) {
	
}*/

.autocomplete-item:hover:not(.is-selected):not(.autocomplete-separator) {
	background-color: var(--box_bg_att);
	color: var(--box_bg_clear);
}

.autocomplete-separator {
	padding: .5rem 1rem 0.4rem;
	font-size: var(--medium_font);
	font-weight: 600;
	letter-spacing: .05em;
	color: var(--txt_lite);
	background: var(--bg_clear);
	border-top: 1px solid var(--separator_lite);
	cursor: default;
	pointer-events: auto;
}

.autocomplete-separator:first-child {
	border-top: none;
}

.value-hint {
	font-size: var(--medium_font);
	color: var(--txt_numbers);
	margin-left: 1rem;
	font-weight: 400;
}

.suggestion-header {
	padding: 0.5rem 1rem;
	font-size: 0.7rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--txt_lite);
	background: var(--box_bg_lite);
	border-top: 1px solid var(-separator_lite2);
	border-bottom: 1px solid var(-separator_lite2);
	pointer-events: none;
}

.status-message {
	padding: 0.5rem 1rem;
	font-size: var(--medium_font);
	color: var(--txt_lite);
	text-align: center;
	font-style: italic;
}

.loading-pulse {
	display: inline-block;
	animation: pulse 1.5s infinite;
}

@keyframes pulse {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.4;
	}

	100% {
		opacity: 1;
	}
}

/* end autocomplete3 */

.tagtable th {
	font-size: var(--normal_font);
	font-weight: bold;
	background-color: #EAEAEA;
}

.tagtable td {
	font-size: var(--medium_font);
}

.tagkop {
	font-size: var(--normal_font);
	font-weight: bold;
	background-color: #EAEAEA;
	padding: 2px;
	text-align: center;
}

.taginfos {
	font-size: var(--medium_font);
	padding: 2px 2px 8px 2px;
	overflow: hidden;
}

.taghits {
	color: #b0b0b0;
	padding-left: 1px;
}

.tagnamekop {
	font-size: var(--larger_font);
	font-weight: bold;
	padding: 2px;
	margin-bottom: 5px;
	text-align: center;
	white-space: nowrap;
}

.topnavlink {

	font-weight: bold;

}

.flextags {
	display: flex;
	flex-wrap: wrap;
}

.flexcolumns {
	display: flex;
	flex-flow: column;
}

.dialogfooter {
	border-top: 1px solid var(--separator_lite2);
	padding: 20px 25px 15px;
}

.taglflex {
	padding-right: 8px;
}

.tagselectactive {
	font-weight: bold;
}

.tagtitle div {
	font-weight: bold;
	border-bottom: 1px solid var(--separator_lite);
	margin-bottom: 4px;
	padding: 6px 0px 4px 0;
}

.firsttitle {
	padding-top: 6px;
}

.tagsepline {
	border-bottom: 1px solid var(--separator_lite);
	padding: 2px 0 0;
	margin-bottom: 5px;
}

a.taglink {
	color: var(--txt_second);
	text-decoration: none;
}

a.taglink:hover {
	text-decoration: none;
}

/* Styles for taglists */
.tagheader {
	background-color: var(--box_bg_medium);
	padding-left: 6px;
	font-size: var(--normal_font);
	line-height: 22px;
	min-width: 680px;
}

.tagtable th {
	font-size: var(--normal_font);
	font-weight: bold;
	background-color: var(--box_bg);
}

.tagtable td {
	font-size: var(--medium_font);
}

.taghead {
	font-size: var(--normal_font);
	font-weight: bold;
	background-color: var(--box_bg);
	padding: 2px;
	text-align: center;
}

.tagheadselect {
  	background: none !important;
	background-color: var(--hilight_box) !important;
}

.taghits {
	color: #b0b0b0;
	padding-left: 1px;
}

.tagnamekop {
	font-size: var(--larger_font);
	font-weight: bold;
	padding: 2px;
	margin-bottom: 5px;
	text-align: center;
}

.topnavlink {
	font-weight: bold;
}

.morepopicon {
	display:flex;
}
/* Facets popup responsive layout */
.facetspop-container {
	padding: 8px;
}

.facetspop-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 14px;
	background: linear-gradient(135deg, var(--box_bg_medium), var(--box_bg));
	border-radius: 4px;
	margin-bottom: 8px;
	position: sticky;
  	top: 8px;
}

.facetspop-title {
	font-size: var(--larger_font);
	font-weight: bold;
	white-space: nowrap;
}

.facetspop-search-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
}

.facetspop-search {
	padding: 5px 10px;
	border: 1px solid var(--separator_lite);
	border-radius: 4px;
	font-size: var(--normal_font);
	width: 200px;
	background: var(--box_bg_clear, #fff);
	color: inherit;
}

.facetspop-search:focus {
	outline: none;
	border-color: var(--hilight_box, #4a90d9);
	box-shadow: 0 0 4px rgba(74, 144, 217, 0.3);
}

.facetspop-search-count {
	font-size: var(--small_font);
	color: var(--txt_second);
	white-space: nowrap;
	min-width: 80px;
}

.facetspop-alphabet {
	padding: 4px 8px;
	gap: 2px;
	margin-bottom: 8px;
	background: var(--box_bg, #f5f5f5);
	border-radius: 4px;
}

.facetspop-columns {
	column-count: 3;
	column-gap: 24px;
	padding: 4px 0;
}

.facetspop-group {
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	margin-bottom: 4px;
}

.facetspop-group .taghead {
	background: linear-gradient(135deg, var(--box_bg) 0%, var(--box_bg_medium) 100%);
	border-radius: 4px;
	margin-top: 2px;
	padding: 4px 8px;
	border-left: 3px solid var(--hilight_box, #4a90d9);
}

.facetspop-group .taginfos {
	padding: 4px 8px 8px;
	line-height: 1.7;
}

.facetspop-group .taglink:hover {
	color: var(--hilight_box, #4a90d9);
	text-decoration: underline;
}

.facetspop-empty {
	padding: 20px;
	text-align: center;
	color: var(--txt_second);
	font-size: var(--normal_font);
}

.facetspop-highlight {
	background-color: #fff3cd;
	color: #856404;
	padding: 0 2px;
	border-radius: 2px;
}

.facetspop-highlight-active {
	background-color: #ffc107;
	color: #333;
}

@media (max-width: 900px) {
	.facetspop-columns {
		column-count: 2;
	}
}

@media (max-width: 550px) {
	.facetspop-columns {
		column-count: 1;
	}
	.facetspop-header {
		flex-direction: column;
		gap: 8px;
	}
}

.tagselectactive {
	padding-bottom: 3px;
}

.tagselectactive a {
	color: var(--txt_color);
}

.tagselect {
	padding-bottom: 3px;
}

.tagselect a {
	text-decoration: none;
}

.tagselect a:hover {
	text-decoration: underline;
}

.facnavigators {
	font-size: var(--small_font);
	line-height: 18px;
	white-space: nowrap;
}

.facnavmore::before {
	content: "\e911";
}

.facnavigators a {
	text-decoration: none;
}

.facnavigators a:hover {
	text-decoration: underline;
}

.fdquery {
	font-weight: normal;
}

.facetgroup {
	padding: 0 3px 6px;
}

.nav_optionsearch {
	white-space: nowrap;
	margin-left: 2px;
	padding-bottom: 12px;
}

.nav_optionchbox {
	padding-bottom: 1px;
}

.nav_filetercbox {
	padding: 3px 3px 7px;
}

.subsgriddiv {
	margin-bottom: 6px;
}

/* Subsearch thumbnail strip */
.substrip-container {
	position: relative;
	display: flex;
	overflow: hidden;
	user-select: none;
	border-radius: 4px;
}

.substrip-container.horizontal {
	flex-direction: row;
	width: 100%;
}

.substrip-container.vertical {
	flex-direction: column;
}

.substrip-viewport {
	flex-grow: 1;
	overflow: hidden;
	position: relative;
	cursor: grab;
	padding: 4px 0;
}

.substrip-viewport:active {
	cursor: grabbing;
}

.substrip-track {
	display: flex;
}

.substrip-container.horizontal .substrip-track {
	flex-direction: row;
	gap: 6px;
	height: 100%;
	width: max-content;
}

.substrip-container.vertical .substrip-track {
	flex-direction: column;
	gap: 4px;
	width: 100%;
	height: max-content;
}

.substrip-item {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: stretch;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}
.vertical .substrip-item {
	padding: 3px 3px;
}

.substrip-item:hover {
	background-color: var(--grid_box);
}

/* Prevent native image drag (fixes mouse sticking to thumbnails) */
.substrip-item a,
.substrip-item img {
	-webkit-user-drag: none;
	-webkit-user-select: none;
	user-select: none;
}

.substrip-item img {
	pointer-events: none;
}

/* Thumb area: takes remaining space, image is centered vertically */
.substrip-thumb {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.stripresize {
	width:120px;
}
.stripresize .substrip-thumb {
	height:100px !important;
}
.substrip-thumb a {
	display: flex;
	align-items: center;
	justify-content: center;
	max-height: 100%;
	max-width: 100%;
}

.substrip-item .subgridimg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	display: block;
}

/* Label fixed at the bottom so portrait and landscape align the same */
.substrip-label {
	flex: 0 0 auto;
	text-align: center;
	padding: 2px 2px 0;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.substrip-nav {
	background: rgba(128, 128, 128, 0.15);
	border: 1px solid var(--box_border_lite);
	color: inherit;
	cursor: pointer;
	z-index: 10;
	transition: background 0.3s, opacity 0.3s;
	display: none;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	padding: 0;
	flex-shrink: 0;
}

.substrip-nav.visible {
	display: inline-flex;
}

/* Side-placed nav (used when no label header) - always visible */
.substrip-side-nav {
	display: flex;
}

.substrip-container.horizontal .substrip-side-nav {
	min-width: 28px;
	height: 100%;
}

.substrip-container.vertical .substrip-side-nav {
	width: 100%;
	min-height: 26px;
}

/* Header-placed nav (inline in label table) */
.substrip-header-nav {
	min-width: 26px;
	height: 22px;
	font-size: 13px;
	border-radius: 3px;
	vertical-align: middle;
}

.substrip-nav:hover:not(:disabled) {
	background: var(--grid_box);
}

.substrip-nav:disabled {
	opacity: 0.2;
	cursor: default;
}

.substrip-loader {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.25);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 20;
	pointer-events: none;
	font-size: 20px;
}

.substrip-loader.visible {
	display: flex;
}

.inimgtext {
	opacity: 0.8;
	color: #fff;
	font-size: var(--medium_font);
	padding: 3px 8px;

}

.inimgback {
	background-color: rgba(0, 0, 0, .3);
	bottom: 0;
	margin-left: auto;
	margin-right: auto;
}

span.inimgtext {
	opacity: 0.9;
}

.inimgtext:hover,
.noopage,
.inimgtext a:hover {
	color: #fff;
	opacity: 1;
	text-decoration: underline
}

.flextable {
	display: flex;
	padding-bottom: 8px;
	flex-wrap: wrap
}

.flexcelspace {
	justify-content: space-between;
}

.celright {
	margin-left: auto;
}

.flexnowrap {
	flex-wrap: nowrap
}

.flextable>div {
	margin-bottom: 8px;
}

.flextable .vcenter {
	align-content: center;
	margin-top: 0
}

.flextableth {
	font-weight: bold
}

.flextablebg {
	background-color: var(--box_bg_sky);
	padding: 3px
}

/* hightlight settings */
.comment {
	color: #008080
}

.string {
	color: #808080;
}

.number {
	color: #FF0000;
}

.key1 {
	color: #0000FF;
}

.key2 {
	color: #FF0000;
}

.key3 {
	color: #FF8000;
}

.key4 {
	color: #008000;
}

.key5 {
	color: #804040;
}

.key6 {
	color: #0000FF;
}

.key7 {
	color: #0000FF;
}

.key8 {
	color: #0000FF;
}

img.ratingcom {
	background: url(../icons/rating/starscomb.gif) no-repeat scroll;
	width: 55px;
	height: 13px;
}

img.ratingcoml {
	background: url(../icons/rating/starscomb2.gif) no-repeat scroll;
	width: 95px;
	height: 18px;
}

img.ratingcom-0 {
	background-position: -55px 0px;
}

img.ratingcom-1 {
	background-position: -44px -13px;
}

img.ratingcom-2 {
	background-position: -44px 0px;
}

img.ratingcom-3 {
	background-position: -33px -13px;
}

img.ratingcom-4 {
	background-position: -33px 0px;
}

img.ratingcom-5 {
	background-position: -22px -13px;
}

img.ratingcom-6 {
	background-position: -22px 0px;
}

img.ratingcom-7 {
	background-position: -11px -13px;
}

img.ratingcom-8 {
	background-position: -11px 0px;
}

img.ratingcom-9 {
	background-position: 0 -13px;
}

img.ratingcom-10 {
	background-position: 0 0px;
}

img.ratingcoml-0 {
	background-position: -217px 0px;
}

img.ratingcoml-1 {
	background-position: -198px -20px;
}

img.ratingcoml-2 {
	background-position: -198px 0px;
}

img.ratingcoml-3 {
	background-position: -179px -20px;
}

img.ratingcoml-4 {
	background-position: -179px 0px;
}

img.ratingcoml-5 {
	background-position: -160px -20px;
}

img.ratingcoml-6 {
	background-position: -160px 0px;
}

img.ratingcoml-7 {
	background-position: -141px -20px;
}

img.ratingcoml-8 {
	background-position: -141px 0px;
}

img.ratingcoml-9 {
	background-position: -122px -20px;
}

img.ratingcoml-10 {
	background-position: -122px 0px;
}

.viewiconlist,
.viewiconlist-sel {
	width: 26px;
	height: 18px;
	background-position: top left;
	margin-left: 3px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.viewiconlist-sel {
	background-position: bottom left;
}

#viewiconslist {
	float: right;
	padding-left: 5px;
}

.permalink-url {
	width: 99%;
	font-size: var(--small_font);
	border: 1px solid var(--box_border);
	color: var(--link_visable);
	padding: 2px;
}

.subsmarker {
	right: 0px;
	top: 0px;
}

.markericon {
	top: 1px;
	right: 1px;
	float: right
}

.markercss {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 8px;
	background-color: #a76464;
	margin-left: 4px;
	box-shadow: 2px 2px 5px #68686878;
	border: 1px solid transparent;
}

.markersquare {
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 2px;
	background-color: #a76464;
	margin-left: 4px;
	box-shadow: 2px 2px 5px #6868684f;
	border: 2px solid transparent;
}

div.markercss,
div.markersquare {
	margin-left: 0;
	margin-right: 4px;
}

.markertxt {
	float: right;
	top: 1px;
	left: 1px;
	position: absolute;
}

.markerimg {
	margin-left: 4px;
}

.markertxtin {
	background-color: rgba(221, 221, 221, 0.7);
	display: inline-block;
	padding: 1px 4px;
	margin-left: 1px;
	line-height: 16px;
	font-size: var(--small_font);
	opacity: 0.70;
	border-radius: 3px;
	border: 1px solid var(--box_border);
}

.imageicons {
	background-color: rgba(251, 250, 250, 0.80);
	border-radius: 3px;
	position: absolute;
	top: 1px;
	right: 1px;
	padding: 2px 6px;
	z-index: 2;
	white-space: nowrap;
}

.previewbody .markerimg,
.previewbody .markertxtin {
	margin-left: 6px;
}

.iconfiles {
	padding-right: 17px !important;
	background: url("../themes/default/pdmenu.gif") no-repeat right 60%;
	padding-left: 20px;
}

.wf_ulist {
	line-height: 20px;
	padding-left: 18px;
}

.wf_ulist li {
	margin-top: 4px;
	margin-bottom: 4px;
	padding-left: 4px;
	white-space: nowrap;
}

.wf_ulist a {
	display: block
}

.lisubtext {
	white-space: normal !important;
	padding-left: 20px;
}

.wf_ulist .lisubtext {
	padding-left: 0;
}

.ultoolmenu .lisubtext {
	padding-left: 34px;
}

.sortingheader {
	font-size: var(--small_font);
	padding: 2px 4px;
	margin-right: 10px;
	border: 1px solid #CBCCD7;
}

.dummyborder {
	border: 1px solid transparent;
}

.showprice {
	font-size: 120%;
	font-weight: bold;
}

.sumprice {
	font-weight: bold;
	margin: 7px 0px;
	line-height: 23px;
	text-align: center;
}

.dirtfolder {
	margin: 12px 0 0;
}

#dslcleft,
#dslcright,
#dslcleftd,
#dslcrightd {
	opacity: 0;
	outline-style: none;
	display: block;
	width: 200px;
	position: absolute;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -10000px;
	z-index: 5;
	user-select: none;

}

#dslcleftd,
#dslcrightd {
	z-index: 1000;
}

#dslcleft,
#dslcleftd {
	background-image: url("../themes/darkroom/bigprev.gif");
	background-position: left 160px !important;
}

#dslcright,
#dslcrightd {
	background-image: url("../themes/darkroom/bignext.gif");
	background-position: right 160px !important;
}

#dslcleftd,
#dslcrightd {
	background-position-y: 45% !important;
}

.dhleftover:hover,
.hastouch .dhleftover {
	opacity: 0.35 !important;
	transition: opacity 0.4s ease 0s;
}

.dhrightover:hover,
.hastouch .dhrightover {
	opacity: 0.35 !important;
	transition: opacity 0.4s ease 0s;
}

#prevtopdiv:hover .dhleftover,
#prevtopdiv:hover .dhrightover,
.mouseMove #dslcrightd,
.mouseMove #dslcleftd {
	opacity: 0.08;
	transition: opacity 0.4s ease 0s;
}

#prevtopdiv {
	margin: 15px 0 8px;
	overflow-x: hidden;
}

#prevtopdiv.annotateprev {
	overflow: visible;
}

.pframebody #prevtopdiv {
	margin: 8px 0 8px;
}

.playlogo {
	opacity: 0.90;
	outline-style: none;
	background-image: url("../themes/default/playlogo.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.playlogo {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.vidthumb {
	width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.mfplayer {
	max-height: calc(100vh - 64px);
}

video {
	outline-style: none;
}

.gridicon .playlogo {
	background-position: 50% 78%;
}

.dragged {
	cursor: move;
}

div.moreinfo {
	padding: 4px 3px;
}

/* title of navtree */

.OLRow {
	font-size: var(--small_font);
}

.OLflex {
	display: flex;
	align-items: center;
}

.OLBlock {
	display: none;
}


.nodetext {
	line-height: 18px;
	display: inline-block;
	color: var(--txt_tree);
}

.nodetext:hover {
	color: var(--txt_hover)
}

.tmtextactive .nodetext {
	color: var(--txt_color);
}

.toptmtextactive .nodetext {
	color: var(--txt_color);
}

.treemenu,
.treemenu2,
.treemenu3 {
	background-repeat: no-repeat;
	cursor: pointer;
	flex: 0 0 18px;
	display: inline-block;
	color: var(--icons_heavy);
	align-self: flex-start;
	font-size: 14px;
}

.treemenu2 {
	flex: 0 0 16px;
	color: var(--icons);
}

.w_collapsed:hover,
.w_expanded:hover {
	color: var(--txt_full)
}

.treemenu::before,
.treemenu2::before,
.treemenu3::before {
	font-family: 'MediaFiler Icons';
	text-rendering: auto;
	font-weight: normal !important;
	width: 14px;
	padding-left: 2px;
}

.w_node::before {
	content: "\ea5c";
	padding-left: 5px;
	color: var(--icons);
}

.w_collapsed::before {
	content: "\ea5d"
}

.w_expanded::before {
	content: "\ea38"
}

.treemenu2.w_node::before {
	content: "";
}

.treemenu2.w_collapsed::before {
	content: "\e911"
}

.treemenu2.w_expanded::before {
	content: "\e90f"
}

.treetop {
	color: var(--txt_title_second);
	font-weight: bold;
	text-decoration: none;
}

.treenumbers {
	color: var(--txt_numbers);
	padding-left: 2px;
	font-weight: normal;
}

a.tmtext {
	margin-left: 4px;
}

a.tmtextactive {
	color: var(--txt_title_second);
	margin-left: 4px;
	font-weight: bold;
	TEXT-DECORATION: none;
}

a.toptmtext {
	margin-left: 4px;
	TEXT-DECORATION: none;
	display: inline-block;
}

a.toptmtextactive {
	color: var(--txt_title_second);
	font-weight: bold;
	margin-left: 4px;
}

a.toptmtextactive:hover {
	color: var(--txt_hover);
}

.treecontent {
	padding-bottom: 10px;
	margin-top: 4px;
	white-space: normal;
	overflow: hidden;
	overflow-y: auto;
	line-height: 22px;
	overscroll-behavior: auto;
}

.ntreecontent {
	padding: 2px 0 10px 10px;
	white-space: nowrap;
	overflow: hidden;
	line-height: 20px;
}

.dirtotals {
	font-size: var(--small_font);
	color: var(--txt_second);
}


.macro1-tab:hover .treecontent,
.macro1:hover .treecontent {
	overflow-x: hidden;
	overflow-y: auto !important;
}

.acpulldown {
	position: absolute;
	height: 27px;
	width: 20px;
	line-height: 27px;
	right: 0;
}

.acpulldown::after {
	content: '\e905';
	color: #98bbc6;
	font-family: 'MediaFiler Icons';
	text-rendering: auto;
	padding-left: 6px;
}
.hiddenPD {
	visibility: hidden;
}
.qlicon {
	margin-left: 4px;
	box-sizing: border-box;
	display: inline-block;
}
.showallicon {
	opacity: 0;
	transition: opacity 0.4s ease;
}
.nav_optionsearch:hover .showallicon {
	opacity: 1;
}
.iconboxed {
	border: 1px solid var(--box_border);
	height: 24px;
	border-radius: var(--button_radius);
	top: -1px;
	position: relative;
	background-color: var(--box_bg_clear);
}

.title_optionsearch .qlicon {
	vertical-align: text-top;
}

.qliconnavpop {
	border: 1px solid #bbb;
	padding: 2px 0 0;
	display: inline-block;
}

.inlineqlicon {
	position: absolute;
	right: 26px;
	top: 3px;
}

#artikleheader {
	padding: 10px 0;
}

#artikleinfo {
	line-height: 21px;
}

#artikleinfo .infolabel {
	padding-right: 8px
}

.artiklesep {
	border-left: 1px solid var(--separator);
	padding-left: 10px;
	margin-left: 10px;
}

#bsrnav {
	padding: 0 0 18px 0;
}

#dbsourcepop {
	padding: 8px 8px 2px;
}

#searchtrail {
	padding: 8px 0px 3px 6px
}

#hmenu2block #searchtrail {
	padding: 3px 0px
}

#hmenu2album .navheader,
#hmenu2album .altnavheader,
#hmenu2album table.navheader,
#hmenu2album .navbox {
	border-width: 0;
	padding-top: 1px;
	padding-bottom: 1px;
}

.donwllink {
	font-style: italic;
}


.linkbut {
	min-width: 60px;
}

.iconbut {
	background: none no-repeat 6px center var(--box_bg);
	border: 1px solid var(--box_border);
	cursor: pointer;
	height: 26px;
	padding: 1px 8px 1px 28px !important;
}

.iconbut a:hover {
	text-decoration: underline;
	background-color: #ddd;
}

.svgicon {
	background-size: auto 20px;
}

.labelbut {
	border: 1px solid var(--button_border);
	padding: 0 6px !important;
	background-color: var(--button_bg);
	cursor: pointer;
	display: block;
	user-select: none;
	border-radius: var(--button_radius);
}

.wfdeletebut::before {
	content: '\e974'
}

.thumbbut {
	margin-top: 5px
}

.wfdefaultbut {
	padding-left: 30px;
}

.wfdefaultbut::before {
	content: '\e9eb';
	left: 5px;
}

.wfmovebut {
	padding-right: 18px;
	padding-left: 6px
}

.wfmovebut::after {
	content: '\e911'
}

.wfreturnbut {
	padding-right: 6px;
	padding-left: 18px
}

.wfreturnbut::before {
	content: '\e910'
}

.wfcrop::before {
	content: '\e911'
}

.wfcopybut::before {
	content: '\e928'
}

.toolbuticon {
	display: inline-block;
	padding: 0 0 0 2px !important;
	line-height: 26px;
	white-space: nowrap;
	margin-bottom: 2px;
	cursor: pointer;
	font-weight: bold;
}

.toolbuticon .switch {
	top: 4px
}

.toolbuticon label {
	display: inline-block;
	padding-right: 5px;
	cursor: pointer;
}

.toolbuticon:hover {
	color: var(--action_link);
}

/*CSS for dhtml windows*/
.veiltop {
	position: relative;
	z-index: 101;
}

.dhtml-wrapwin {
	position: relative;
}

.pseudohandle {
	padding: 1px 2px;
	text-indent: 4px;
	font-weight: bold;
	background-color: var(--box_bg_label);
	height: 28px;
	line-height: 28px;
	position: relative;
}

.drag-handle {
	padding: 2px 28px 0px 8px;
	font-size: var(--normal_font);
	overflow: hidden;
	line-height: 35px;
	position: relative;
	user-select: none;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.drag-handle #dnavcontr {
	font-weight: bold;
}

.drag-controls {
	/*CSS for controls (min, close etc) within Drag Handle*/
	position: absolute;
	right: 0;
	top: 0;
	padding: 5px 6px 0 3px;
	cursor: pointer;
}

.drag-controls img {
	background-color: var(--box_bg_clear);
	padding: 3px;
	border-radius: 3px;
}

.drag-contentarea {
	/*CSS for Content Display Area div*/
	background-color: var(--box_bg_clear);
	color: var(--txt_full);
	height: 150px;
	width: auto;
	overflow: auto;
	position: relative;
	overscroll-behavior: contain;
}

.drag-dialogok {
	border-top: 1px solid var(--separator_lite);
	padding: 14px 0;
	background-color: var(--box_bg_lite);
}

.drag-dialogbody {
	padding: 10px;
	min-height: 60px;
	line-height: 150%;
}

.drag-statusarea {
	/*CSS for Status Bar div (includes resizearea)*/
	background-color: var(--box_bg_clear);
	height: 14px;
	/*height of resize image*/
	cursor: move;
	touch-action: none;
}

.drag-resizearea {
	/*CSS for Resize Area itself*/
	float: right;
	width: 24px;
	/*width of resize image*/
	height: 24px;
	/*height of resize image*/
	cursor: nw-resize;
	font-size: 0;
	touch-action: none;
}

.dhtmlfull {
	position: absolute;
	display: none;
	background-color: rgba(0, 0, 0, 0.45);
	z-index: 99;
	width: 100%;

}

.dhtmlfull .dhtml-innerwin {
	z-index: 100;
	border: 0;
	position: relative;
	margin: 0;
}

.dhtmlfull .drag-controls {
	padding: 6px 7px 5px 7px;
}

.dhtmlfull .drag-dtitle {
	cursor: auto;
}

.dhtmlfull .drag-handle {
	background-color: var(--box_bg_label);
}

.dhtmlwindow,
.dhtmlpreview {
	position: absolute;
	display: none;
	background: transparent;
	z-index: 99;
	overscroll-behavior-y: contain;
}

.dhtmlwindow .dhtml-innerwin {
	position: relative;
	z-index: 100;
	width: 100%;
	box-shadow: var(--popup_shadow);
	border: 1px solid var(--box_border);
}

.dhtmlwindow .dhtmlmodal {
	box-shadow: var(--modal_shadow);
}

.dhtmlwindow .drag-handle {
	width: auto;
	background-color: var(--box_bg_label);
}

.dhtmlmodal .drag-statusarea {
	background-color: var(--box_bg_lite);
}

#detailwindow .drag-handle {
	background-color: var(--box_bg_dark);
}

.dhtmlpreview .dhtml-innerwin {
	border: 1px solid var(--box_border);
	position: relative;
	z-index: 100;
	width: 100%;
	box-shadow: var(--modal_shadow);
}

.dhtmlpreview .dhtmlmodal {
	border: 1px solid var(--box_border_modal);
	box-shadow: var(--modal_shadow);
}

.dhtmlpreview .drag-handle {
	background-color: var(--box_bg_dark);
	width: auto;
}

.drag-nostatus {
	border-radius: 0 0 5px 5px;
}

.dhtmlwindow .dhtml-innerwin,
.dhtmlpreview .dhtml-innerwin {
	border-radius: 4px;
}

.dhtmlwindow .drag-handle {
	border-radius: 4px 4px 0px 0px;
}

.dhtmlwindow .drag-controls,
.dhtmlwindow .drag-statusarea {
	border-radius: 0 0 4px 4px
}

.dhtmlpreview .drag-handle {
	border-radius: 4px 4px 0 0;
}

.drag-statusarea {
	border-radius: 0 0 4px 4px;
	padding-right: 2px;
}

.drag-mobilecntrl {
	display: none;
	width: 100%;
	margin: auto;
	justify-content: space-between;
	padding: 8px 0px;
}

.drag-mobilecntrl .navback::before,
.drag-mobilecntrl .navnext::after {
	font-size: 28px;
	padding-right: 30px;
	padding-left: 4px;
}

.drag-mobilecntrl .navnext::after {
	padding-left: 30px;
	padding-right: 4px;
}

.drag-mobilecntrl .navback,
.drag-mobilecntrl .navnext {
	font-size: 16px;
	background-color: var(--box_bg_sky);
}

.dhtmlfullscr .drag-mobilecntrl .navback,
.dhtmlfullscr .drag-mobilecntrl .navnext {
	font-size: 16px;
	background-color: #252525;
}

.dhtmlfullscr .caption {
	color: #ddd
}

.dhtmlpreview .drag-statusarea {
	background-color: var(--box_bg_sky);
}

.dhtmlpreview .drag-contentarea {
	/*CSS for Content Display Area div*/
	background-color: var(--box_bg_sky);
}

#vailoverlay {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #000;
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease 0s;
}

.iframerOverlay {
	position: absolute;
	width: 100%;
	left: 0;
}

.dsldocview {
	padding: 6px;
	border: 1px solid var(--box_border);
	max-width: 400px;
}

.flexdocicons {
	padding: 10px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#dprevtopdiv {
	padding: 0 10px;
}

.dhtmlfull #dprevtopdiv,
.dhtmlfullscr #dprevtopdiv {
	padding: 0;
	/*height:calc(100vh - 31px); */
}

#prevcontent {
	width: 100%;
}

.drag-contentarea:fullscreen {
	height: 100%;
}

.dhtml-innerwin:fullscreen {
	height: 100%;
	border-width: 0;
	border-radius: 0;
}

#DHTMLPreview-in {
	height: 100%;
	overflow-x: hidden;
	display: flex;
	justify-content: center;
	vertical-align: middle;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	cursor: zoom-in;
}

#DHTMLPreview-in:active {
	cursor: grabbing;
}

.dhtmlfull #DHTMLPreview-out,
.dhtmlfullscr #DHTMLPreview-out {
	height: 100vh;
}

#dslcontent {
	position: relative;
	width: 100%;
}

#dpreviewimg {
	display: block;
	transform-origin: center center;
	object-fit: contain;
	user-select: none;
	-webkit-user-drag: none;
	pointer-events: none;
	will-change: transform;
}

#scale-indicator {
	display: none
}

/* Class to handle the snap-back animation */
.snapping {
	transition: transform 0.3s ease-out;
}

#zoom-indicator {
	cursor: pointer;
	transition: opacity 0.2s;
}

#zoom-indicator:hover {
	opacity: 0.7;
}

.slowscale {
	transition: transform 0.1s ease-out !important;
}

.dhtmlfull #dpreviewimg,
.dhtmlfullscr #dpreviewimg {
	max-height: calc(100vh - 38px);
}

.drag-dtitle {
	cursor: move;
	margin-right: 10px;
	font-weight: bold;
	min-height: 30px;
	color: var(--txt_full);
	touch-action: none;
	white-space: nowrap;
	flex-grow: 1;
	overflow: hidden;
}

#dicons {
	line-height: 28px;
	white-space: nowrap;
}

.drag-navcontr {
	white-space: nowrap;
	padding-right: 40px;
}

.drag-navcontr span {
	padding-left: 4px;
	padding-right: 10px;
	line-height: 28px;
}

.dhtmlfull .drag-navcontr {
	margin-right: 10px;
}

.ismobile .dhtmlfull .drag-navcont {
	margin-right: 0
}

/* Essential styles for the dynamic overlay */
.mf-overlay-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--bg_overlay);
	backdrop-filter: blur(2px);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.2s ease;
}

.mf-overlay-box {
	background: white;
	padding: 2rem;
	border-radius: 12px;
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	max-width: 400px;
	width: 90%;
	text-align: center;
	transform: scale(0.95);
	transition: transform 0.2s ease;
}

.mf-overlay-container.active {
	opacity: 1;
}

.mf-overlay-container.active .mf-overlay-box {
	transform: scale(1);
}

.overlay-msg {
	margin-bottom: 1.5rem;
	color: var(--txt_full);
	font-weight: 500;
	line-height: 1.5;
}

.button-group {
	display: flex;
	gap: 0.75rem;
	justify-content: center;
}

.overlay-spinner {
	width: 35px;
	height: 35px;
	border: 3px solid #f3f3f3;
	border-top: 3px solid var(--btn_primary);
	border-radius: 50%;
	animation: spin 1s linear infinite;
	margin: 0 auto 1.25rem;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}



#excptionswap {
	padding: 5px 0;
}

.reportlist {
	line-height: 24px;
	padding-bottom: 10px;
}

input.gsearchquery {
	padding: 2px 3px 2px 6px !important;
	display: inline-block;
	width: 350px;
	height: 30px;
	border-color: var(--button_border);
}

input.gsearchquery.msnoclear {
	padding-right: 18px !important;
}

input.inlinereset {
	padding-right: 20px !important;
}

#formsearchbut {
	margin: 0 4px;
	padding-left: 11px;
	padding-right: 11px;
	border: 1px solid #aaa;
}

.pathupicon {
	padding-left: 10px;
}

.msnoclear {
	padding-right: 18px !important;
}

.minisearchbar {
	position: absolute;
	cursor: pointer;
	top: 0;
	right: 0;
}

.mopsearch {
	position: relative;
	line-height: 19px;
}

.mobsearchbut {
	display: inline-block;
	width: 22px;
	margin-left: 1px;
	border-radius: var(--button_radius);
	height:23px;
}

.mobsearchbut:hover {
	cursor: pointer
}

.mobsearchbut::after {
	content: '\e95b';
	color: #777;
	font-family: 'MediaFiler Icons';
	text-rendering: auto;
	display: inline-block;
	padding-left: 4px;
	font-size: 14px;
}

img.mopsearch {
	position: absolute;
	top: 1px;
}

.mopsearch input {
	font-size: 12px;
	margin: 1px 2px 0 0;
	height: 24px;
	border: 1px solid var(--box_border_dark);
	padding: 0 3px
}

.mopsearch select {
	margin: 1px 2px 0 0;
	height: 23px;
	border: 1px solid var(--box_border_dark);
	padding: 2px 4px;
	font-size: var(--small_font);
}

.legenda {
	padding-top: 5px;
}

.legendatitle {
	color: var(--txt_title_second);
}

.legendatitle:hover {
	color: var(--txt_hover);
	text-decoration: underline;
}

.legenda td {
	padding-bottom: 8px;
}

.legenda img {
	padding-right: 5px;
}

.legenda label {
	padding-left: 0;
}

.legenda .nav_optionchbox {
	padding-left: 8px;
}

.pagesnav {
	padding: 5px 0 8px;
	position: relative;
	z-index: 3;
}

.nrfolderover {
	background-color: #eee;
	border-radius: 3px;
	padding: 2px 4px;
	display: table;
	text-decoration: none;
	opacity: 0.75;
}

/* style in overview and fill-in forms */
#formbody {
	padding-top: 10px;
}

.reportname {
	color: var(--txt_title);
	font-size: var(--larger_font);
	font-weight: bold;
	margin: 14px 0 5px;
}

.reportvalue {
	font-size: var(--medium_font);
}

.reportcell {
	padding: 3px 0 6px
}

.reportbox {
	border: 1px solid var(--box_border_medium);
	padding: 8px 6px;
	background-color: var(--box_bg_lite);
}

.reportboxdark {
	background-color: var(--box_border_medium);
}

.reportnametop {
	margin-top: 8px !important
}

.fillitab {
	padding: 0px 3px 0px 3px;
}

/* preview infonames */
.infofile {
	color: var(--txt_color);
	font-size: var(--subtitle_font);
	margin: 2px 0px 4px;
}

.infofilelong {
	font-size: var(--larger_font)
}

.infotext {
	font-size: var(--medium_font);
	line-height: 1.3em;
	overflow-wrap: anywhere;
}

.infolabeldiv {
	padding: 3px 0 0 0;
}

.infofulltxt {
	font-size: var(--medium_font);
	line-height: 1.3em;
	overflow-wrap: break-word;
}

.infolabel {
	font-size: var(--medium_font);
	color: var(--mf_info_label);
}

.infolabel.fulltabel {
	padding: 3px 0 0 0 !important;
}

.infolabelfull {
	font-size: var(--medium_font);
	color: var(--txt_title_lite);
	font-weight: bold;
	padding: 0 0 2px;
}

.nometavalue .infolabelfull {
	font-weight: normal;
}

.infotitel {
	font-size: var(--normal_font);
	font-weight: bold;
	color: var(--txt_title_second);
	padding-top: 7px !important;
}

.infotitel div {
	padding-bottom: 2px;
}

.mobiletab {
	border-bottom: 1px solid var(--separator_lite);
	padding-bottom: 6px;
	margin-bottom: 8px;
	font-size: var(--subtitle_font);
	color: var(--txt_color)
}

/* preview infonames for lightinfo panel */
.ilighttitle {
	padding: 8px 0px 3px;
	font-weight: bold;
}

.ilightlabel {
	color: var(--mf_info_label);
	margin: 7px 0 2px;
	padding-bottom: 2px;
}

.ilighttext {
	color: var(--mf_info_label);
	font-weight: normal;
	line-height: 17px;
	padding-bottom: 5px;
}

.itabs .infolabel {
	padding: 3px 10px 4px 0;
}

.itabs .infotext {
	padding: 3px 0 2px 3px;
}


.infocompact .itabs .infotext {
	padding: 1px 0 1px 3px;
}

.flexqedit .infolabel {
	padding-right: 5px;
}

#infotable td {
	padding: 3px 10px 4px 6px;
}

.flexqedit {
	flex: 1;
	min-width: 220px;
}

.infohelpicon {
	text-align: right;
	padding-top: 3px;
}

.qesavebox {
	padding-top: 5px;
	border-top: 1px solid var(--separator_lite);
}

.fieldboxsep {
	height: 4px;
	border-bottom: 1px solid var(--separator_lite);
	margin-bottom: 2px;
}

.iconinput {
	padding-right: 25px !important
}

#queryhtml input {
	padding: 2px 2px 2px 4px;
}

.slashpace {
	padding: 0 3px;
}

.editmacro {
	padding-top: 3px;
	font-size: var(--medium_font);
}

.editcontrols {
	background: var(--box_bg_clear);
	margin-bottom: 10px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	padding: 3px 8px 0px;
}

/* div kleine text */
.smalltext {
	font-size: var(--small_font);
}

/* text used in macro's */
.macrotext {
	font-size: var(--small_font);
}

.macrolinks {
	font-size: var(--small_font);
	text-decoration: underline;
}

/* buitenste macro1 div */
.macro1 {
	background-image: var(--macro_background);
	border: 1px solid var(--box_border_macro);
	margin-bottom: 12px;
	padding: 10px 5px 5px;
	background-position: left top;
}

/* label boven macro */
.labelmacro1,
.labelmacro2,
.labelmacro3,
.labelmacrotrans1,
.labelmacrotrans2 {
	font-weight: bold;
	color: var(--txt_title);
	border-left: 1px solid var(--box_border_medium);
	border-right: 1px solid var(--box_border_medium);
	border-top: 1px solid var(--box_border_medium);
	padding: 0 6px;
	height: 32px;
	line-height: 30px;
	bottom: -1px;
	margin-top: -1px;
	position: relative;
	background-color: var(--box_bg_label);
	overflow: hidden;
}

.labelmacro3 {
	border-color: var(--box_bg_label);
}

.labelmacrotrans1,
.labelmacrotrans2 {
	border-bottom: 1px solid var(--box_border_medium);
	height: 32px;
	line-height: 30px;
}

.labelmacrowit1,
.labelmacrowit2 {
	font-weight: bold;
	color: var(--txt_title);
	border-left: 1px solid var(--box_border_medium);
	border-right: 1px solid var(--box_border_medium);
	border-top: 1px solid var(--box_border_medium);
	padding: 0px 5px;
	height: 32px;
	line-height: 30px;
	margin-top: -1px;
	bottom: -1px;
	background-color: var(--box_bg_label);
	position: relative;
}

.labelmacrowit3,
.labelmacrotrans3 {
	font-weight: bold;
	color: var(--txt_title);
	padding: 0px 5px;
	margin-left: 10px;
	height: 32px;
	line-height: 30px;
	background-color: var(--box_bg_label);
	position: relative;
}

.labelmacrotrans3 {
	background-color: transparent;
}

/* buitenste macro1 div met tabs */
.macro1-tab {
	background-image: var(--macro_background);
	border: 1px solid var(--box_border_macro);
	margin-bottom: 12px;
	padding: 8px 5px 6px;

}

/* buitenste macro2 div */
.macro2 {
	background-image: var(--macro_background);
	border: 1px solid var(--box_border_macro);
	margin-right: 10px;
	margin-bottom: 12px;
	padding: 8px 8px 6px;
}

.macrotrans2 {
	margin-bottom: 12px;
}

/* label boven macro */
.labelmacro2,
.labelmacrowit2 {
	margin-right: 10px;
}

/* buitenste macro2 div tabs */
.macro2-tab {
	background-image: var(--macro_background);
	border: 1px solid var(--box_border_macro);
	margin-right: 10px;
	margin-bottom: 12px;
	padding: 8px 8px 6px;

}

.mpl_fileinfo,
.mpl_annotate {
	padding: 0
}

.mpl_fileinfo .macro2content {
	padding: 8px 8px 6px;
}

/* buitenste macro3 div */
.macro3 {
	background-color: var(--box_bg_sky);
	margin-bottom: 12px;
	padding: 8px 5px 5px;
}

.macrowit3 {
	margin-bottom: 12px;
	padding: 8px 5px 5px;
}

/* label boven macro */
.labelmacro3,
.labelmacrowit3,
.labelmacrotrans3 {
	margin-left: 0;
	text-align: left;
}

.macro3fcont {
	border-top: 1px solid var(--box_border_medium);
}

/* buitenste macro1 div */
.macrowit1 {
	border: 1px solid var(--box_border_medium);
	margin-bottom: 12px;
	padding: 5px;
}

/* buitenste macro1 div met tabs */
.macrowit1-tab {
	border: 1px solid var(--box_border_medium);
	margin-bottom: 12px;
	padding: 5px;
}

.mtabs1 {
	margin-bottom: -0.8px;
	position: relative;
}

.macro1hidden {
	padding: 8px;
}

.macro1,
.macro2,
.macro3,
.macro1-tab,
.macro2-tab,
.macrotrans2,
.macrotrans1,
.macro1wit,
.macro2wit {
	font-size: var(--medium_font)
}

/* buitenste macro2 div */
.macrowit2 {
	border-left: 1px solid var(--box_border_medium);
	margin-right: 10px;
	margin-bottom: 12px;
	padding: 0 8px;
}

/* buitenste macro2 div tabs */
.macrowit2-tab {
	border-left: 1px solid var(--box_border_medium);
	margin-right: 10px;
	margin-bottom: 12px;
	padding: 0 8px;
	margin-top: 10px
}

.mtabs2 {
	margin-right: 10px;
	margin-bottom: -0.8px;
	position: relative;
}

/* tabs for macros */
.filltab {
	padding: 0px 3px 0px 3px;
}

/* algemene macrotab */
.mtabActive {
	background-color: var(--box_bg_label);
	border-top: 1px solid var(--box_border_medium);
	border-right: 1px solid var(--box_border_medium);
	border-left: 1px solid var(--box_border_medium);
	/*border-bottom: 1px solid var(--box_bg)*/
	;
	color: var(--txt_tabactive);
	padding: 0px 7px;
	font-weight: bold;
	line-height: 30px;
}

/* td of div voor tab */
.mtab {
	background-color: var(--box_bg_dark);
	padding: 0px 8px;
	border: 1px solid var(--box_bg_dark);
	border-bottom-color: var(--box_border_medium);
	color: var(--txt_title_medium);
	line-height: 32px;
}

.mtab:hover {
	background-color: var(--box_hover);
	border-top-color: var(--box_border_hover);
	border-left-color: var(--box_border_hover);
	border-right-color: var(--box_border_hover);
	cursor: pointer !important;
}

.mtabdisabled {
	background-color: var(--box_bg_dark);
	padding: 2px 8px;
	border: 1px solid var(--box_border_dark);
	line-height: 32px;
	text-decoration: none;
	color: var(--txt_title_lite);
	bottom: -1px;
	position: relative;
}

.itab,
.itabActive,
.itabdisabled {
	background-color: var(--box_bg_dark);
	border-bottom: 2px solid transparent;
	padding: 0 10px;
	line-height: 26px;
	min-width: 60px;
	text-align: center;
	white-space: nowrap;
	position: relative;
	transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.itabdisabled {
	text-decoration: none;
	color: var(--txt_lite);
	background-color: var(--box_bg);
}

.itabtabs {
	margin-top: 10px;
	position: relative;
	display: flex;
	flex-wrap: wrap-reverse;
	font-size: var(--normal_font);
	gap: 0.6rem 1rem;
	/* Replaces space-x-4 */
	border-bottom: 1px solid var(--separator);
}

.itabtabs td {
	border-bottom: 1px solid var(--separator)
}

.itabs {
	padding: 12px 5px 5px;
}

.tabendtxt {
	text-align: right;
	margin-left: auto;
	line-height: 26px;
}

.headertabs {
	border-bottom-width: 2px;
}

.headertabs .itab,
.headertabs .itabActive,
.headertabs .itabdisabled {
	line-height: 28px;
	padding: 0 15px;
	margin-bottom: -2px;
	border-bottom-color: var(--separator)
}

.headertabs .itabActive {

	border-bottom-color: var(--separator);

}

.itabActive {
	background-color: var(--box_bg_label);
	border-bottom-color: var(--txt_color) !important;
	font-weight: bold;
	color: var(--txt_tabactive);
}

.itab:hover {
	background-color: var(--box_hover) !important;
	border-color: var(--box_border_hover) !important;
	cursor: pointer !important;
}

.macro2full {
	height: 100%;
	border-left: 1px solid var(--separator_lite);
	background-color: var(--box_bg_clear);
	z-index: 15;
	position: fixed;
}

.macrofixed3,
.macrofixed2,
.macrofixed1 {
	bottom: 4px;
	height: auto;
	min-width: 900px;
	position: fixed;
	right: 10px;
	z-index: 99;
	border: 1px solid var(--box_border);
	background-color: var(--box_bg_clear);
	box-shadow: var(--popup_shadow);
}

.macrofixed3tglh {
	min-width: 200px;
}

.flexfil_cols {
	display: flex;
	flex-wrap: wrap;
}

.filter_col {
	white-space: nowrap;
}

#macro3out .filter_col {
	vertical-align: middle;
}

#macro3out .legendatitle {
	white-space: nowrap
}

.flexfil_cols .legenda {
	padding-right: 30px;
}

.twopanels .kwnoedit {
	height: 20px;
}

.simplnavstart {
	padding-right: 10px
}

.subnavcontr {
	white-space: nowrap;
	padding: 4px 0;
	margin-top: 6px;
}

.subprev,
.subnext {
	width: 50%;
	display: inline-block;
}

.subprev a,
.subnext a {
	display: block;
}

.sticky-block {
  position: sticky;
  top: 5px;
 
  overflow-y: auto;
  /* 1. Voor Firefox */
  scrollbar-width: none;
  /* 2. Voor Internet Explorer en oude Edge */
  -ms-overflow-style: none;
}

/* 3. Voor Chrome, Safari en nieuwe Edge (Chromium) */
.sticky-block::-webkit-scrollbar {
  display: none;
}
.macrosscroll {
	max-height: 100vh;
	max-height: 100dvh;
	overscroll-behavior: contain;
}
.parent-fader {
  position: relative;
}

.parent-fader::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(transparent, var(--box_bg_clear)); /* Match met achtergrondkleur */
  pointer-events: none; /* Zorgt dat je er 'doorheen' kunt klikken */
}
.fixedmacros {
	position: fixed;
	width: 110%;
	height: 99%;
	overflow-y: scroll;
	overflow-x: hidden;
	top: 6px;
}

.fixednavbar {
	position: fixed;
	padding: 5px 0 9px !important;
	top: 0;
	background-color: var(--box_bg_clear);
	z-index: 99;
}

.loadinglgrid {
	text-align: center;
	padding-top: 40px;
}

.prelgrid {
	text-align: center;
	padding-top: 40px;
	color: #888;
}

#iconmarker {
	z-index: 6
}

.mbordericon {
	width: 8px;
	height: 8px;
	border: 3px solid #ccc;
	margin: 4px 7px 0 2px;
}

.optiontoolbar .nav_optionsearch {
	display: inline-block;
	margin-right: 12px;
	margin-left: 0;
	padding-bottom: 14px;
	text-align: left;
}

.backgrndthumb {
	display: block;
	background-repeat: no-repeat;
	background-position: center 30%;
}

.pricelabel {
	font-weight: bold;
	padding-bottom: 3px;
	font-size: var(--title_font);
	color: var(--txt_title);
}

.sumpriceview {
	font-weight: bold;
	padding-top: 5px;
	font-size: var(--larger_font);
}


/* navstring */
td.navstring {
	color: var(--mf_sub_label);
	PADDING: 0 8px 0 28px;
	FONT-WEIGHT: normal;
	FONT-SIZE: var(--medium_font);
	background-repeat: no-repeat;
	background-position: left bottom;
}

a.navstring {
	color: var(--mf_sub_label);
	font-size: var(--medium_font);
}

a.navstring:hover {
	color: var(--txt_hover);
}

.bcarrow {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' focusable='false' viewBox='0 0 24 24' aria-hidden='true' title='fontSize small'%3E%3Cpath fill='%23777' d='M9.29 6.71c-.39.39-.39 1.02 0 1.41L13.17 12l-3.88 3.88c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01z'%3E%3C/path%3E%3C/svg%3E%0A");
	height: 17px;
	width: 17px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0 4px;
}

.navisep {
	padding: 0 3px
}

.iframeloading {
	background: url("../themes/default/loading.gif") center center no-repeat;
}

/* 
#icons img, #icons .iconimg {
	vertical-align: text-bottom; disabled, conms will not allign wit htext
}
*/
#savetoalbum {
	height: calc(100% - 26px);
}

.savetoalbum select {
	padding: 3px;
}

.albumiconsel::before {
	content: "\e9f1";
	color: var(--icons_checked)
}

.albumicon::before {
	content: "\e93e";
}

.zoominicon::before {
	content: "\e95d";
	vertical-align: bottom;
}

.zoomouticon::before {
	content: "\e95c";
	vertical-align: bottom;
}

.htmpdcontainer {
	padding-top: 10px;
}

.htmpdcontainer img {
	display: block
}

/* for save album panel */
.pdnavoptions {
	background-color: var(--box_bg_medium);
	padding: 8px 10px 10px;
	margin-bottom: 10px;
}

.pdnavactive .formtitle {
	color: var(--txt_title);
}

.pdnavoptions .formtitle:hover {
	color: var(--txt_color);
	cursor: pointer;
}


.ablastused {
	text-align: right;
	color: var(--txt_color);
	position: absolute;
	bottom: 4px;
	right: 4px;
}

.pdispublic {
	font-style: italic;
	padding-top: 4px;
	color: var(--txt_color);
}

.pdoptionlist {
	border: 1px solid var(--box_border);
	height: 380px;
	height: calc(100% - 120px);
	overflow-y: scroll;
	display: none;
	position: relative;
}

.pdnodecol {
	flex: 1 1;
	padding-left: 8px;
}

.pdoption {
	border-bottom: 1px solid var(--separator_lite);
	padding: 4px;
	position: relative;
	min-height: 70px;
	display: flex;
}

.pdoption:hover {
	background-color: var(--row_hover);
	cursor: pointer;
}

.pdselactive {
	background-color: var(--row_active);
}

.pdselactive:hover {
	background-color: var(--row_hover);
}

.pdnodehtm {
	color: var(--mf_sub_label);
}

.pdnodebottom {
	color: var(--mf_sub_label);
	text-align: right;
	float: right;
	padding-left: 4px;
}

.pdnodetitle {
	color: var(--txt_full);
	font-weight: bold;
}

.pdnodedescr {
	max-height: 35px;
	overflow: hidden
}

.albumnbr {
	font-weight: normal;
	padding-right: 8px;
	font-size: var(--small_font);
}

.albumnbr::before {
	content: 'ID';
}

.htmpdicon {
	position: absolute;
	right: 0;
	top: 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: #ddd;
	width: 17px;
	height: 100%;
}

#albumsaver-out #contentarea {
	position: relative;
}

.listicon {
	text-align: center;
	padding-bottom: 8px;
	padding-top: 3px;
}

.colorlabel {
	height: 4px;
}

.colorinfo {
	display: inline-block;
	height: 3px;
	width: 80px;
	margin-left: 5px;
	border-top: 4px solid transparent;
}

/* image on hmenu */
.linkimage {
	padding-right: 3px;
	vertical-align: text-bottom;
}

.pageicon {
	background-image: url("../themes/default/picons_duo.png");
	background-repeat: no-repeat;
	display: inline-block;
	height: 25px;
	width: 24px;
	line-height: 27px;
	text-decoration: none;
}

.pagefont {
	color: var(--icons_att);
	font-family: 'MediaFiler Icons';
	text-rendering: auto;
	height: 24px;
	width: 25px;
	line-height: 23px;
	display: inline-block;
	font-size: 14px;
	text-align: center;
	font-weight: normal !important;
}

.pagefbig.pagefont {
	font-size: 15px;
	vertical-align: -1px
}

.pagefont::before {
	text-decoration: none;
	padding-left: 1px;
}

.tabalert .pagefont {
	color: var(--icons_checked);
}

.iconfontbig {
	font-size: 18px !important;
	vertical-align: -2px;
}

#hmenu .pagefont {
	color: var(--icons);
}

#hmenupos4 .pagefont::before {
	padding-left: 1px;
	vertical-align: -1px;
}

#hmenutop .pagefont {
	font-size: 14px;
}

.ulhmenu .pagefont {
	font-size: 14px !important;
}

.pinone {
	background-position: 2px center !important
}

.pifolder {
	background-position: 0 -31px
}

.piupload {
	background-position: 0 -68px
}

.piarticle {
	background-position: 0 -108px
}

.pisearch {
	background-position: 0 -143px
}

.pihome {
	background-position: 0 -184px
}

.pilogin {
	background-position: 0 -220px
}

.piusers {
	background-position: 0 -258px
}

.pireport {
	background-position: 0 -297px
}

.pishop {
	background-position: 0 -333px
}

.pinotes {
	background-position: 0 -371px
}

.pinews {
	background-position: 0 -408px
}

.pilog {
	background-position: 0 -446px
}

.piregister {
	background-position: 0 -485px
}

.piselection {
	background-position: 0 -522px
}

.piabshare {
	background-position: 0 -558px
}

.pialbums {
	background-position: 0 -596px
}

.piinfo {
	background-position: 0 -637px
}

.piprofile {
	background-position: 0 -671px
}

.pitaglist {
	background-position: 0 -714px
}

.pisitemap {
	background-position: 0 -747px
}

.pipage {
	background-position: 0 -780px
}

.piarchive {
	background-position: 0 -813px
}

.pisiteadm {
	background-position: 0 -843px
}

.piupload2 {
	background-position: 0 -875px
}

.piupload3 {
	background-position: 0 -905px
}

.piadmin {
	background-position: 0 -937px
}

.piselection2 {
	background-position: 0 -997px
}

.pidossier {
	background-position: 0 -998px
}

.piindex {
	background-position: 0 -1030px
}

.pievent {
	background-position: 0 -1076px
}

.pihelp {
	background-position: 0 -1116px
}

.pipublic {
	background-position: 0 -1159px
}

.piasset {
	background-position: 0 -1230px
}

.pilink {
	background-position: 0 -1246px
}

.pidelete {
	background-position: 0 -1289px
}

.picustomer {
	background-position: 0 -1324px
}

.pitype {
	background-position: 0 -1355px
}

.pigraphicprof {
	background-position: 0 -1386px
}

.pidiverse {
	background-position: 0 -1420px
}

.picolor {
	background-position: 0 -1461px
}

.piprofilebook {
	background-position: 0 -1502px
}

.pitemplate {
	background-position: 0 -1540px
}

.piispub {
	background-position: 0 -1573px
}

.piheart {
	background-position: 0 -1603px
}

.pihearts {
	background-position: 0 -1645px
}


.piprint::before {
	content: "\e955"
}

.showfull::before {
	content: "\e92e"
}

.pidialog::before {
	content: "\e9f4"
}

.pmhide::before {
	content: "\ea6b"
}

.pmshow::before {
	content: "\ea6c"
}

.mshow::before {
	content: "\ea57"
}

.mhide::before {
	content: "\ea56"
}

.piusers::before {
	content: "\e989"
}

.piuser::before {
	content: "\e989"
}

.pilogout::before {
	content: "\e97f"
}

.pilogin::before {
	content: "\e97f"
}

.piregister::before {
	content: "\e98a"
}

.pitaglist::before {
	content: "\e96c"
}

.pitags::before {
	content: "\e96b";
	font-size: 90%
}

.pitag::before {
	content: "\e9fd";
	font-size: 90%
}

.piannotate::before {
	content: "\e997"
}

.piupload::before {
	content: "\e91f"
}

.piadmin::before {
	content: "\e900"
}

.pipublic::before {
	content: "\e990"
}

.pilink::before {
	content: "\ea04"
}

.pisearch::before {
	content: "\e942";
	font-size: 110%;
	vertical-align: -1px;
}

.pisearch2::before {
	content: "\e95b"
}

.pievent::before {
	content: "\ea0c"
}

.piupload3::before {
	content: "\e993"
}

.piupload2::before {
	content: "\e9ac"
}

.piarchive::before {
	content: "\e92a"
}

.pidossier::before {
	content: "\ea06"
}

.pialbums::before {
	content: "\e941"
}

.pipubalbums::before {
	content: "\e941"
}

.pisitemap::before {
	content: "\e963"
}

.picustomer::before {
	content: "\e980"
}

.pihome::before {
	content: "\e9ef"
}

.pireport::before {
	content: "\e914"
}

.pilog::before {
	content: "\e9c4"
}

.piuploadlog::before {
	content: "\e9c2"
}

.pidownloadlog::before {
	content: "\e9c3"
}

.piuserlog::before {
	content: "\e9d8"
}

.pisessionlog::before {
	content: "\e9bc"
}

.pifolder::before {
	content: "\e938"
}

.pifolderlight::before {
	content: "\e937"
}

.pifolders::before {
	content: "\e991"
}

.piimgfolder::before {
	content: "\e9aa"
}

.piprofile::before {
	content: "\e97d"
}

.pinotes::before {
	content: "\e921";
	vertical-align: -1px;
}

.piinfo::before {
	content: "\e92c"
}

.pivideo::before {
	content: "\e9ae"
}

.pidelete::before {
	content: "\e974"
}

.pishop::before {
	content: "\e98f"
}

.pihearts::before {
	content: "\e93e";
	font-size: 110%
}

.piheart::before {
	content: "\e9f1";
	vertical-align: -1px;
}

.pipage::before {
	content: "\e9f7"
}

.pigraphicprof::before {
	content: "\e9e7"
}

.picolor::before {
	content: "\ea17"
}

.pitype::before {
	content: "\e9e7"
}

.pihelp::before {
	content: "\e957"
}

.piindex::before {
	content: "\e93c"
}

.pivideo::before {
	content: "\e979"
}


.pizip::before {
	content: "\e9a3";
	font-size: 108%
}

.piworkflow::before {
	content: "\e9eb"
}

.pirefresh::before {
	content: "\e9a0"
}

.pireorder::before {
	content: "\e9a2"
}

.piemail::before {
	content: "\e92b";
	vertical-align: -1px;
}

.piaction::before {
	content: "\e900"
}

.pinews::before {
	content: "\e9d0"
}

.pipaper::before {
	content: "\e9d0"
}

.pipaperclip::before {
	content: "\ea00"
}

.piclearshop::before {
	content: "\e9c9";
	color: #da7552
}

.pisclearshop::before {
	content: "\e9c9";
	color: #da7552
}

.piremoveshop::before {
	content: "\e9c9"
}

.piremovealbum::before {
	content: "\ea33";
	font-size: 110%
}

.piremovefrom::before {
	content: "\ea33";
	font-size: 110%
}

.piaddall::before {
	content: "\ea34"
}

.pimyfolder::before {
	content: "\e9a8"
}

.pifolderopen::before {
	content: "\e939"
}

.piform::before {
	content: "\e9b5"
}

.pisave::before {
	content: "\ea14";
	font-size: 110%;
	vertical-align: -1px;
}

.pireorder::before {
	content: "\e9a1"
}

.pieditlabum::before {
	content: "\ea12";
	color: var(--signal_icon) !important
}

.pifromfav::before {
	content: "\ea13"
}

.piaddfav::before {
	content: "\ea13"
}

.pishare::before {
	content: "\ea0f"
}

.pinoshare::before {
	content: "\ea7d"
}

.piclearfav::before {
	content: "\e9f0";
	font-size: 16px
}

.piremovefav::before {
	content: "\e9d2"
}

.piremselected::before {
	content: "\ea38"
}

.piroleft::before {
	content: "\e976"
}

.piroright::before {
	content: "\e9ec"
}

.picrop::before {
	content: "\e9d7"
}

.piback::before {
	content: "\e909"
}

.piaddalbum::before {
	content: "\e941"
}

.piadddossier::before {
	content: "\ea06"
}

.piaddarticle::before {
	content: "\e9d0"
}

.pisiteadm::before {
	content: "\e946"
}

.piselection::before {
	content: "\e9c5"
}


.pitwitter::before {
	content: "\ea32"
}

.pilinkedin::before {
	content: "\ea2f"
}

.piyoutube::before {
	content: "\e9a30"
}

.pifacebook::before {
	content: "\ea31"
}

.piinsta::before {
	content: "\ea2e"
}

.piapple::before {
	content: "\e941"
}

.piwindows::before {
	content: "\e941"
}

.pilinux::before {
	content: "\ea22"
}

.pidbcheck::before {
	content: "\ea1b"
}

.piextlink::before {
	content: "\e931"
}

.piabook::before {
	content: "\e97c"
}

.piaddfolder::before {
	content: "\e9b1"
}

.pifolderup::before {
	content: "\e948"
}

.pinavigation::before {
	content: "\e9b9"
}

.pieditobj::before {
	content: "\e9fc";
	color: var(--signal_icon)
}

.piedit::before {
	content: "\ea37";
	color: var(--signal_icon)
}

.pimultiedit::before {
	content: "\ea35"
}

.pimultiedit2::before {
	content: "\ea35";
	color: var(--signal_icon) !important
}

.pimove::before {
	content: "\e908"
}

.pireturn::before {
	content: "\e909"
}

.picamera::before {
	content: "\e90e"
}

.piclone::before {
	content: "\ea41"
}

.picopymeta::before {
	content: "\e919"
}

.pipastemeta::before {
	content: "\ea43"
}

.piprevback::before {
	content: "\e958"
}

.pioptions::before {
	content: "\e905"
}

.pinooptions::before {
	content: "\e902"
}

.pimodaccept::before {
	content: "\e9b4"
}

.pifilter::before {
	content: "\ea67";
	vertical-align: -1px
}

.listedit::before, .listpop::before,
.inputicon::before {
	content: "\e998";
	color: var(--icons);
	font-family: 'MediaFiler Icons';
	text-rendering: auto;
	display: inline-block;
	font-size: 13px;
	line-height: 20px;
}
.listpop::before {
	content: "\ea05";
	font-weight: bold;
}
.checkok::before {
	content: "\e918";
	color: var(--icons_checked);
}

.listedit:hover, .mobsearchbut:hover {
	border: 1px solid #aaa;
}

.listedit {
	display: inline-block;
	padding: 0 3px;
	line-height: 20px;
	border: 1px solid transparent;
	border-radius: var(--button_radius);
}
.listpop {
	padding-left:4px;
}
.hinforow .listedit {
	opacity: 0.4;
	transition: opacity 0.3s ease 0s;
}

.hinforow:hover .listedit {
	opacity: 1;

}

.inputicon {
	display: inline-block;
	padding: 0 3px;
}

.dbicon::before {
	content: '\ea75';
	color: var(--signal_icon);
}

.fontextlink::before {
	content: "\e931";
	color: #999;
	font-size: 11px;
	padding-left: 2px
}

.addipad {
	padding-left: 3px
}

.showoptions,
.hideoptions {
	width: 20px;
	vertical-align: 2px;
	cursor: pointer;
	font-size: 14px;
}

.showoptions::before {
	padding-left: 6px;
	content: "\e905"
}

.hideoptions::before {
	padding-left: 6px;
	content: "\e902"
}

#macrotoggle {
	height: 25px;
	cursor: pointer;
}

.pmshow::before {
	color: var(--icons_heavy);
	border-radius: 2px;
	background-color: var(--box_bg_medium);
	padding: 1px 5px;
}


.macrotoggler {
	position: relative;
	display: inline-block;
	width: 28px;
	margin-right: 10px;
	line-height: 27px;
}

.macrotogglern {
	display: inline-block;
	width: 28px;
	margin-right: 10px;
	margin-left: 2px;
	line-height: 27px;
}

.macrotogglert {
	position: absolute;
	width: 23px;
	border-right: 1px solid var(--separator);
	right: 24px;

}

.macrotogglerm {
	position: absolute;
	width: 28px;
	right: 1px;
	border-left: 1px solid var(--separator);
	padding-left: 10px;
}

.mminilabel {
	position: relative;
	padding: 3px 3px;
	cursor: pointer;
	z-index: 90;
	padding: 5px;
}

#minipanel {
	margin-top: 10px;

}

.minimhide {
	position: absolute;
	width: 240px;
	height: auto;
	display: none;
	left: 30px;
	top: 0;
}

.navmhide {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.navmhide .macrotogglern {
	margin-right: 2px;
}

.navmhide .pmshow::before {
	background-color: unset;
}

.selectedicon {
	top: 4px;
	left: 4px;
	position: absolute;
	width: 20px;
	height: 20px;
	background: #fbfbfbd4 url("../themes/default/checkok.png") no-repeat center center;
	border-radius: 0 0 5px 0;
}

.fulltabel .inamediv {
	padding-bottom: 0
}

.fulltabel {
	padding-left: 0 !important;
	padding-bottom: 4px !important;
}

.fieldtop {
	padding-top: 8px !important
}

.clearmes {
	padding-left: 10px !important;
	text-align: right;
}

.verticalsubtd {
	padding: 14px 5px 6px 0;
	width: 13%;
}

.verticalsubtd table.navheader {
	border-width: 0;
}

.pframebody .verticalsubtd {
	padding-top: 8px
}

.verticalthumb {
	display: table-cell;
	vertical-align: middle;
}

.prevsubtd {
	padding-left: 8px
}

.buleditsel {
	display: inline-block;
	padding-right: 10px;
}

.buledittxt {
	display: inline-block;
	color: #222;
}

.bulletfloat {
	padding-bottom: 3px;
	display: block;
}

.emailshare {
	border-bottom: 1px solid var(--separator_lite);
	margin-bottom: 13px;
	padding: 5px 0 10px 5px;
}

/* link that clearly stands out */
.showlink {
	text-decoration: underline;
}

.inamediv {
	padding: 5px 2px 5px 0;
}

.ivaluediv {
	padding: 3px 0 4px 2px;
	line-height: 18px;
	white-space: nowrap;
}

.ivaluediv input.smallmeta,
.ivaluediv input.reqmeta {
	height: 24px;
	font-size: var(--medium_font);
}

.checkboxlabel {
	width: calc(100% - 2px);
	display: block;
	line-height: 24px;
}

.checkboxlabel:hover {
	background-color: var(--button_bg);
	border-radius: var(--button_radius);
}

.calendericon {
	background-image: url("../themes/default/calender.png");
	display: inline-block;
	height: 16px;
	vertical-align: text-bottom;
	width: 16px;
	margin-left: 10px;
}

.bigsearch {
	display: table;
	background-color: rgba(255, 255, 255, 0.65);
	padding: 6px;
	margin-top: 40px;
}

.bigsearch #query {
	width: 320px;
	height: 32px;
	border-color: var(--button_border);
}

.bigsearchbut {
	padding: 0px 12px;
	height: 32px;
	border: 1px solid #a4ada3;
	margin-left: 8px;
	min-width: 70px;
}

.bigsearchbut:hover {
	border: 1px solid #7EAADE;
	background-color: #e3e3e3;
}

.animate-opacity {
	transition: opacity 1.4s ease
}

.showfade {
	transition: opacity 0.4s;
	opacity: 0;
}

.mfSlides {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
}

.relmacros2 .macro2 {
	margin-right: 0
}

.mpl_search {
	position: relative;
}

.thumbnails {
	margin: 1em 0;
	margin-right: 0px;
	margin-left: -8px;
	padding: 0;
	list-style: none;
	text-align: center;
	line-height: 0;
}

#thumbnails>li {
	display: inline-block;
	overflow: hidden;
	position: relative;
	margin-bottom: 8px;
	margin-left: 8px;
	background-color: #f6f6f6;
	border: 1px solid var(--box_border_lite);
}

#thumbnails .metablk {
	position: absolute;
	border: 0;
	width: 100%;
	left: 0;
	padding: 5px 3px;
	text-decoration: none;
	line-height: 1.4;
	text-overflow: ellipsis;
	background-color: #EFEFEF;
	color: #333;
	bottom: 0;
	font-weight: bold;
	display: block;
}

#thumbnails .metablkov {
	bottom: -100px;
	color: white;
	background-color: rgba(0, 0, 0, 0.5);
	text-align: center;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.thumbicons {
	width: 100%;
	position: absolute;
	left: 3px;
	top: -50px;
	background: #fff3;
	line-height: 22px;
	padding: 1px 3px;
}

.metablkov a {
	color: white;
}

li:hover>.metablkov {
	bottom: -1px !important;
}

li:hover>.thumbicons {
	top: 1px !important;
}

.newsblock-selected>.thumbicons {
	visibility: visible;
	top: 1px !important;
}

.flexboxes {
	display: grid;
	grid-template-columns: repeat(auto-fill, 260px);
	gap: 24px;
}

.flexboxes .newsblock {
	margin-bottom: 28px;
}

.indexhr {
	border-top: 2px solid var(--separator_lite);
	height: 30px;
}

.cols_2,
.cols_3 {
	gap: 24px;
}

.alphaimg,
.svgpreview {
	background: linear-gradient(45deg, var(--box_bg) 25%, transparent 25%) 0 0, linear-gradient(-45deg, var(--box_bg) 25%, transparent 25%) 0 3px, linear-gradient(45deg, transparent 75%, var(--box_bg) 75%) 3px -3px, linear-gradient(-45deg, transparent 75%, var(--box_bg) 75%) -3px 0;
	background-color: var(--box_bg_clear);
	background-size: 6px 6px;
}

.alfaactive {
	font-weight: bold;
	flex: 20px 1 1;
}

.alfadisabled {
	color: #808080;
	flex: 20px 1 1;
}

.alphaflex {
	display: flex;
	flex-wrap: wrap;
	padding: 3px;
}

a.moreinfo {
	padding-left: 16px;
	background-position: 0px 50%;
	background-repeat: no-repeat;
}

td.moreinfo {
	padding: 4px;
}

.filter_more,
.filter_less {
	position: relative;
	padding: 5px 0;
	border-bottom: dashed 1px var(--box_border);
	cursor: pointer;
	margin: 0 4px 6px;
	color: #888;
	user-select: none;
}

.filter_more::after {
	content: url("../themes/default/options.png");
	position: absolute;
	right: 0;
}

.filter_less::after {
	content: url("../themes/default/nooptions.png");
	position: absolute;
	right: 0;
}

.moplist {
	padding: 6px 0 8px;
	border-top: 1px solid var(--separator_lite);
	margin-top: 2px;
	position: relative;
}

.subfield {
	color: var(--mf_sub_txt);
	overflow: hidden;
}

.hassubfield td {
	height: 38px
}

.mtoggles {
	position: absolute;
	right: 3px;
	top: 5px;
}

.longupnav {
	padding: 10px 0 10px 10px;
	text-align: center;
	cursor: pointer;
	font-style: italic;
	color: #555;
	font-size: var(--larger_font);
}

.longupnav:hover {
	background-color: #ffffd2;
}

.ssologinsep,
.ssologinsep2 {
	border-left: 1px solid var(--box_border_dark);
	padding-left: 15px;
}

.ismobile .ssologinsep {
	border-top: 1px solid var(--box_border_dark);
	border-left: 0 none;
	padding-left: 0;
	padding-top: 15px;
}

.ismobile .ssologinsep2 {
	border: 0 none;
	padding-left: 0;
}

.ssobutton {
	background-color: var(--box_bg_medium);
	min-height: 162px
}

.ssoitemlogin {
	background-color: #ffffffa3;
}

.loginwelkom {
	background-color: var(--box_bg_lite);
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}

.itemlogin {
	max-width: 470px;
	background-size: cover;
	background-position: center center;
	box-shadow: var(--panel_shadow);
	border-radius: 5px;
}

.ssobutton2 {
	border: 1px solid #999;
	cursor: pointer;
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	background-color: #eee;
}

.ssobutton2:hover {
	border-color: #7EAADE;
}

.ssobutton2 a {
	display: block;
	color: var(--txt_full);
}

.ssobutton2 a:hover {
	color: var(--txt_full);
	text-decoration: none;
	background-color: #e3e3e3;
}

#nossoformexpl {
	padding: 6px;
	background-color: var(--box_bg_lite);
	min-height: 156px;
	margin-top: 10px;
	width: 260px;
}

#nossologin,
#nossologinbut {
	padding-left: 12px;
	border-left: 1px solid var(--separator_lite);
	margin-left: 4px;
}

.externallogin {
	width: 100%;
	background-color: #eee;
	height: 26px
}

.vinksep {
	padding-right: 6px;
}

.vinkies {
	display: block;
	min-width: 23%
}

.vinkydiv {
	display: flex;
	flex-flow: wrap;
}

#urlmefield {
	height: 25px;
	vertical-align: bottom;
}

.durationselect {
	padding: 6px 0 10px
}

.noselect {
	user-select: none;
}

.gpsdivs>div:nth-child(1) {
	padding-right: 4px;
	flex: 0 1;
}

.gpsdivs>div:nth-child(2) {
	padding-right: 10px;
	flex: 1 1;
}

.gpsdivs>div:nth-child(3) {
	padding-right: 4px;
	flex: 0 1;
}

.gpsdivs>div:nth-child(4) {
	flex: 1 1;
}

.gpsdivs>div:nth-child(5) {
	flex: 0 1;
	padding-left: 4px;
}

.inputyyyy {
	min-width: 37px;
	width: 16%;
}

.inputmm,
.inputdd {
	min-width: 24px;
	width: 11%;
	margin-left: 10px;
}

.datemaxer {
	max-width: 280px
}

.showsubpos4 {
	text-align: right
}

.navstrout {
	min-width: 200px;
}

#navstring-low,
#navstring-bigl,
#navstring-fixed {
	padding: 4px 10px 4px;
	line-height: 28px;
}

#navstring-top {
	padding-left: 20px;
}

.flexcheck,
.flexcheck .more_body {
	display: flex;
	flex-flow: wrap;
}

.flexcheck .nav_optionchbox,
.flexcheck .facnavigators {
	flex-basis: 50%;
}

.flexcheck .filter_more,
.flexcheck .filter_less {
	flex-basis: 100%;
}

.abitemflex {
	display: flex;
	margin-right: 28px;
	padding-right: 5px;
	height: 100%;
	margin-bottom: 10px;
	position: relative;
	box-shadow: var(--colomn_shadow);
}

.flexboxes .abitemflex {
	margin-right: 0;
}

.abflexmeta {
	padding-left: 6px;
	white-space: normal;
}

.abflexcaption {
	padding-right: 3px
}

.abthumbflex {
	position: absolute;
	top: 0;
}

.abflexblind {
	margin-right: 28px;
	display: flex;
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid transparent;
	position: relative;
}

.ispublished {
	color: #0C6B0E;
	font-weight: bold;
}

.notpublished {
	color: #B70000;
	font-weight: bold;
}

.publisblock {
	float: right;
	padding-right: 6px;
}

.bottomsubnav,
.macrosubnav {
	background-color: #f1f1f1;
	margin-top: 8px;
	text-align: center;
}

.gridbanner {
	display: flex;
	max-width: 550px;
	padding: 4px 4px 0;
}

.gridbanner .gridfiles {
	flex: 1 1 auto;
	padding: 0 12px;
}

.gridbanner .icons2 {
	white-space: nowrap
}


.qeditflextop>*:first-child {
	padding-right: 15px;
}

.flexbutton {
	padding-right: 14px;
	padding-bottom: 10px;
}

.uppertxt {
	text-transform: uppercase;
}

.searchbar {
	padding-bottom: 2px;
	line-height: 28px;
}

.searchbar .acpulldown {
	right: 6px;
}

.searchfield {
	white-space: nowrap;
	display: inline-block;
	padding-right: 6px;
}

.fullscrtop {
	line-height: 28px;
	margin: 0 2px;
}

/* macro panel in fulscreen theme */
.macro1fullsc {
	padding-left: 6px !important;
	padding-top: 2px;
}

.fixedmacros .macro1fullsc {
	padding-top: 0
}

.fullscrtheme .mtabs2,
.fullscrtheme .macro2-tab,
.fullscrtheme .labelmacro2,
.fullscrtheme .labelmacrowit2,
.fullscrtheme .macro2 {
	margin-right: 8px;
	margin-left: 4px;
}

.fullscrtheme .bodytext {
	padding: 2px 8px
}

.fullscrtheme .searchtoolbar {
	background-color: unset
}

.fullscrmacro3 {
	margin-left: 8px;
	margin-right: 8px;
}

.searchfld-out {
	display: inline-block;
	padding-right: 4px;
	position: relative;
}

.searchbut-out {
	display: inline-block;
}

.policytxt {
	max-width: 450px;
}

.cswitcher {
	padding-bottom: 10px;
	color: #888;
}

.cswitcher select {
	font-size: var(--small_font)
}

.dz-max-files-reached {
	Background-color: #FFD3D3;
}

.dz-overwritten .dz-image {
	background: linear-gradient(to bottom, #7599d2, #e6e6e6) !important;
}

.uplcount {
	float: right;
	color: #686868;
	font-weight: bold;
	line-height: 22px;
}

.dz-size .uploadmsg {
	margin-left: 3px;
	margin-right: -5px;
}

.wfspacer {
	height: 20px;
}

#outer {
	min-width: 800px;
}

.closediv {
	padding: 4px 0 0 30px;
	float: right;
}

.flexclose {
	padding: 0 0 0 30px;
}

#dialogtblock {
	overflow-y: auto;

}

#scrolldialog {
	padding: 10px 10px 0
}

#dialogbody {
	min-height: 100%;
}

.aicononly {
	display: none;
}

#hmenutoggle {
	display: none !important;
	padding-left: 54px;
	background: url("../themes/default/showmenu.svg") no-repeat 5px center;
	margin-bottom: 9px;
}

#hmenutoggle a {
	padding: 0 6px;
	font-size: 15px;
	border-radius: 3px;
	font-weight: bold;
	line-height: 30px;
	display: inline-block;
}



#mfinfodiv {
	position: absolute;
	right: 10px;
}

.aactive {
	color: var(--txt_color);
}

.attenttxt {
	color: var(--txt_color);
}

/* lijst met nieuws buttels */
.newsbullets,
.newslist {
	list-style: none;
	margin-left: 14px;
	padding-top: 6px;
	padding-left: 0px
}

.newslist li::before,
.newsbullets li::before {
	content: "\2022";
	color: var(--bullets);
	display: inline-block;
	width: 11px;
	margin-left: -11px;
	font-weight: bold;
}

.newsbullet2::before {
	content: "\2022";
	color: var(--bullets);
	display: inline-block;
	width: 11px;
	font-weight: bold;
}

.newslist {
	padding-bottom: 4px;
}

.newsbullets li {
	padding-bottom: 6px;
}

.newsbullets a {
	text-decoration: none;
}

.newsbullets a:hover {
	text-decoration: underline;
}

/* caption in nieuws bullets */
.newscaption_small {
	padding-bottom: 3px;
	padding-top: 2px;
	font-size: var(--small_font);
}

/* datum in nieuws bullets */
.newsdate {
	font-size: var(--small_font);
	color: var(--mf_sub_txt);
}

/* nieuws block */
.pageindex {
	padding-left: 16px;
}

.newsdiv {
	padding-bottom: 4px;
	padding-left: 10px;
}

.newstitle {
	background-color: var(--box_bg);
	color: var(--txt_title_second);
	font-size: var(--normal_font);
	font-weight: bold;
	padding: 5px 3px;
	text-decoration: none;
}

.newstitle a {
	padding: 0px
}

.newscontent {
	color: var(--txt_content);
	font-size: var(--small_font);
	margin: 4px 0px;
	text-align: left;
}

.newstopline {
	padding-top: 10px;
	border-top: 1px solid var(--box_border);
}

.newssepdiv {
	width: 30px;
}

.newsimage a {
	height: 100%;
	text-align: center;
}

.newsimage {
	overflow: hidden;
	background-color: var(--box_bg_lite);
}

.nonewsimage {
	border: 1px solid var(--box_border_lite);
	background-color: var(--box_bg_clear);
	display: block;
	transition-duration: 0.3s;
}

.newsimage img:hover,
.nonewsimage:hover,
.hdpiimg:hover {
	transform: scale(1.05, 1.05);
}

.hdpiimg {
	transition-duration: 0.3s;
}

.newsimage img {
	transition-duration: 0.3s;
	max-width: 100%;
	max-height: 100%;
}

.pageimage .newsimage {
	background-color: var(--box_backdrop);
	backdrop-filter: blur(5px);
}

.listtitle {
	padding-bottom: 2px;
	color: var(--txt_full);
	font-size: var(--subtitle_font);
}

.abflexlist .listtitle {
	display: block;
}

.abflexlist {
	text-align: left
}

.abflexlist .albumarticle {
	padding-bottom: 20px;
}

.listtitle a {
	text-decoration: none;
}

a.listtitle:hover {
	text-decoration: underline;
}

.listbody {
	padding-top: 3px;
	min-width: 220px;
	color: var(--txt_content);
}

.listsubtitle {
	font-size: var(--small_font);
	color: var(--txt_content);
	font-weight: normal;
	font-style: italic;
}

.bodyactive {
	background-color: var(--row1_bg);
	padding: 4px;
}

/* class van images gemaakt in macros panels met wiki */
.macroimage {
	padding: 5px;
	border: none;
}

/* tabs voor tabmenu */
div.tabs2 {
	line-height: 18px;
}

.tabActive2 {
	background-color: var(--box_bg_medium);
	border: 1px solid var(--box_border);
	border-bottom-color: var(--box_bg_medium);
	padding: 0px 8px;
	font-weight: bold;
	position: relative;
}

.tab2 {
	background-color: var(--box_bg_sky);
	border: 1px solid var(--box_border);
	color: var(--txt_title_medium);
}

.tab2 a {
	text-decoration: none;
	display: block;
	padding: 0 8px;
}

.tabHover2,
.tab2:hover {
	background-color: var(--box_bg_dark) !important;
	border-left-color: var(--box_border_dark) !important;
	border-right-color: var(--box_border_dark) !important;
	border-top-color: var(--box_border_dark) !important;
	cursor: pointer !important;
	color: var(--txt_full) !important;
}

.tabdisabled2 {
	background-color: var(--box_bg_dark);
	padding-right: 8px;
	padding-left: 8px;
	border: 1px solid var(--box_border_dark);
	text-decoration: none;
	color: var(--mf_sub_txt);
	position: relative;
}

div.tab2,
div.tabdisabled2 {
	line-height: 25px;
	height: 25px;
	margin-top: 3px;
	border-radius: 2px 2px 0 0;
	padding: 0 8px;
}

div.tabActive2 {
	height: 27px;
	line-height: 27px;
	border-radius: 2px 2px 0 0;
}

div.tabHover2,
.tab2:hover {
	line-height: 27px;
	height: 27px;
	margin-top: 1px;
}

/* sub hmenu tabs */

.tabs3 {
	display: flex;
	flex-wrap: wrap;
}

.tab3out {
	margin-bottom: 8px;
	padding: 0 5px;
	border-bottom: 2px solid var(--separator_lite);
	flex: 1 1;
}

.tabmtoggle {
	padding: 0;
	flex: 0;
	border-bottom: 2px solid var(--separator_lite);
	margin-bottom: 8px;
}

.prespacetab3 {
	display: none;
}

.spacetab3 {
	flex: 9 1 auto;
	border-bottom: 2px solid var(--separator_lite);
	margin-bottom: 8px;
}

.spacetab3 div {
	height: 27px;
	border-top: 1px solid transparent;
}

.tabs3 div.tab2 {
	background-color: var(--box_bg_medium);
	padding: 0;
	height: 27px;
	line-height: 27px;
	margin-top: 0;
	white-space: nowrap;
	border-bottom-width: 0;
	text-align: center;
}

.tabs3 div.tab2:hover {
	background-color: var(--box_bg_clear) !important;
	background-image: none;
	border-bottom: 2px solid var(--separator_clear);
	margin-bottom: -2px;
}

.tabs3 div.tab2 a:hover {
	color: var(--txt_color);
	text-decoration: none;
}

.tabs3 div.tabActive2 {
	background-color: var(--box_bg_clear) !important;
	border-color: var(--box_border);
	border-bottom: 2px solid var(--separator_clear);
	color: var(--txt_color);
	cursor: pointer;
	white-space: nowrap;
	margin-bottom: -2px;
	height: 27px;
	text-align: center;
}

.tabsep {
	padding-left: 3px;
}

/* title in forms navigation bar */
.navtitle {
	font-size: var(--subtitle_font);
	font-weight: bold;
}

.navheader .closelink {
	background-color: var(--box_bg_clear);
}

/* Styles for search macro */
.title_optionsearch,
.spacer_label {
	font-size: var(--small_font);
	color: var(--mf_sub_label);
	padding-bottom: 4px;
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap-reverse;
}

.spacer_label {
	border-bottom: 1px solid var(--separator_lite);
	margin: 1px 0 3px 2px;
	padding-bottom: 2px;
}

.title_facetsearch {
	font-size: var(--medium_font);
	color: var(--txt_title_second);
	font-weight: bold;
	line-height: 20px;
}

.title_quickedit {
	font-size: var(--small_font);
	color: var(--txt_title_second);
	line-height: 24px;
}

.optiontext {
	font-size: var(--small_font);
}


.alerttext {
	color: var(--mf_alert_txt);
}

.secmessage {
	font-size: var(--small_font);
	color: var(--txt_lite);
	padding-bottom: 10px;
}

.finfomessage {
	padding: 4px;
	font-size: var(--small_font);
	background-color: var(--mf_alert_bg);
	padding-bottom: 5px;
}

/* class van images gemaakt door wikiengine */
.wikiimage {
	margin: 5px;
}

.subcontent {
	background-color: var(--box_bg_clear);
	border: 1px solid var(--box_border_medium);
	margin-bottom: 10px;
	padding: 4px;
}

#page_pshop,
#page_pshop a {
	font-weight: bold;
}

#toolexpand {
	line-height: 26px;
	padding: 8px 4px 7px;
	text-align: center;
}

.flexexpand {
	display: flex;
	margin-bottom: 5px;
}

/* separators like | - etc */
.markuptext {
	color: var(--separator);
	padding: 0 4px;
}

.sepline {
	border-color: var(--separator_lite) !important;
}

.hsep {
	color: var(--separator);
}

.itemimage {
	padding-left: 5px;
	min-height: 80px;
}

.required {
	color: var(--txt_color);
	font-size: var(--normal_font);
	padding-left: 2px;
	vertical-align: top;
}

.extrametainfo {
	display: block;
}

/* generic table of a list */
.listTable td {
	padding-right: 10px;
	padding-top: 6px;
}


input.button,
button,
.bigsearchbut,
.smallbutton,
.iconbut,
.iconbut2,
.focusbutton,
.savebutton,
.metabutton,
.toolbut,
.mwfbut,
input.hlbutton,
.ssobutton2,
.checkoutbut,
.macrosearch {
	border-radius: var(--button_radius);
	user-select: none;
}

.macrosearch {
	height: 26px
}

.searchbut,
textarea,
select {
	border-radius: var(--button_radius);
}

/* vmenu navigatie items */

a.vmenu {
	display: block;
	padding: 3px 2px 3px 2px;
	TEXT-DECORATION: none;
}

a.vmenu:hover {
	color: var(--txt_title_lite);
	TEXT-DECORATION: underline;
	background-color: var(--box_bg_clear);
}

a.vmenuactive {
	font-weight: bold;
}

/* toplevel vmenu items */
a.vmenutop {
	padding: 6px 3px 3px 2px;
	display: block;
	TEXT-DECORATION: none;
}

a.vmenutop:hover {
	color: var(--txt_color);
	background-color: var(--box_bg_clear);
	TEXT-DECORATION: underline;
}

a.vmenuactivetop {
	font-weight: bold;
}

a.vmenufirst {
	border-top-width: 0px;
}

td.vmenufirst {
	margin-top: 10px;
}

.vmenuspacer {
	border-bottom: 1px solid var(--separator_lite);
	display: block;
}

.vm_bullet3::before,
.vm_bullet1::before,
.vm_bullet2::before {
	font-family: 'MediaFiler Icons';
	text-rendering: auto;
	font-weight: normal !important;
	/*content: "\2022"; */
	color: var(--bullets);
	display: inline-block;
	width: 14px;
	padding-left: 2px
}

.vm_bullet1::before {
	content: '\e911';
}

.vm_bullet2::before {
	content: '\e90f';
	padding: 0 2px 0 0;
}

.vm_bullet3::before {
	content: '\ea5c';
}

.vm_bullet1_a,
.vm_bullet2_a,
.vm_bullet3_a {
	color: var(--txt_title_second);
}

/* zoektoolbar */
.searchtoolbar {
	color: var(--txt_second);
	padding: 3px 0 3px 0;
	margin-bottom: 6px;
	background-color: var(--box_bg_medium);
}

div.zoektitle {
	font-size: var(--larger_font);
	margin-top: 1em;
	padding-left: 5px;
}

/* header and text in sumbit status page */
.statustitle {
	font-size: var(--larger_font);
	font-weight: bold;
	color: var(--txt_color);
	padding: 0 6px;
	line-height: 27px;
	border: 1px solid var(--box_border_medium);
	background-color: var(--box_bg);
	text-align: center;
}

/* text paragrapg in wikiparagraphs */
.paragraph {
	margin-top: 0px;
}


/* header van navigatie td's */
table.navheader,
div.navheader {
	background-color: var(--box_bg_label);
	border: 1px solid var(--box_border_medium);
}

.headerleave {
	display: inline-block;
	margin-right: 10px;
}

.subsgriddiv .navheader {
	border: 1px solid var(--box_border_lite);
}

div.navheader {
	padding-left: 6px;
}

.navheader,
.altnavheader {
	padding: 0 3px;
	color: var(--txt_full);
	line-height: 32px;
	font-size: var(--normal_font)
}

/*.navheader.topnavheader {
	padding: 1px 3px;
}*/

.parheader {
	font-weight: normal;
}

#sizebar {
	font-size: var(--medium_font);
	padding-top: 16px;
	color: var(--txt_second);
	line-height: 26px;
}

#sizebar span {
	color: var(--txt_lite);
}

#sizebar a.buttonstextact {
	color: var(--txt_color);
	font-weight: bold;
}

.processflow2 {
	list-style-type: none;
	line-height: 27px;
	min-height: 35px;
	padding: 0px;
	margin: 0px 0 7px;
}

#hmenu2block .processflow2 {
	margin-top: 2px;
}

.processflow2 li {
	float: left;
	height: 35px;
}

.pflowstart2 {
	margin-right: 14px;
	font-weight: bold;
	color: var(--txt_color);
}

.pflowblock2 {
	background: transparent url("../themes/default/flowsteps2.png") no-repeat left top;
	padding: 0px 35px;
	color: var(--mf_sub_label);
}

.processflow {
	list-style-type: none;
	line-height: 25px;
	height: 25px;
	margin: 0px 0px 12px;
	padding: 0px;
}

.processflow li {
	float: left;
	height: 25px;
	text-align: center;
}

.pflowstart {
	margin-right: 18px;
	font-weight: bold;
}

.pflowblock {
	background-color: var(--box_bg_medium);
	padding: 0px 20px;
	width: 180px;
	font-weight: bold;
}

.pflowactive a {
	color: #fff;
}

.pflowactive {
	background-color: var(--box_bg_att) !important;
	color: #fff;
	font-weight: bold;
}

.pflowsep {
	padding: 0px 14px;
	background: var(--box_bg_clear) url(../themes/default/nextstep.png) no-repeat 50% 50%;
}

.pflowsubactive {
	background-color: var(--box_bg_dark) !important;
}

.dropzone {
	border: 2px dashed var(--box_border_dark) !important;
	overflow-y: auto !important;
	border-radius: 3px;
}

.creditstatus {
	color: var(--mf_sub_txt);
	font-size: var(--small_font);
}

.navblock {
	display: grid;
	gap: 2px 14px;
	grid-template-columns: auto auto auto auto;
}


.navlevels {
	padding-bottom: 10px;
}

.hilitebg {
	animation: hilite_bg 0.6s ease-in-out;
}

.hilitebg_err {
	animation: hilite_bg_err 0.6s ease-in-out;
}

.hilite_txt {
	animation: hilite_text 1s ease-out;

}

@keyframes hilite_bg {
	0% {
		background-color: inherit
	}

	50% {
		background-color: var(--box_bg_att)
	}

	100% {
		background-color: inherit
	}
}

@keyframes hilite_bg_err {
	0% {
		background-color: inherit
	}

	50% {
		background-color: var(--box_bg_notice)
	}

	100% {
		background-color: inherit
	}
}

@keyframes hilite_text {
	0% {
		color: var(--box_bg_att)
	}
}

span.switch {
	padding-right: 3px;
}

.switch {
	position: relative;
	display: inline-block;
	width: 32px;
	height: 18px;
	margin-left: 6px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--box_bg_negative);
	transition: .4s;
	border-radius: 18px;
}

.slider:before {
	position: absolute;
	content: "";
	height: 12px;
	width: 12px;
	left: 3px;
	bottom: 3px;
	background-color: var(--box_bg_clear);
	transition: .4s;
	border-radius: 50%;
}

input:checked+.slider {
	background-color: var(--signal_icon);
}

input:checked+.slider:before {
	transform: translateX(16px);
}

.switch span {
	padding-right: 0
}


/* --- Selection Box (The Library UI) --- */
.selection-area-box {
	position: absolute;
	background: rgba(59, 130, 246, 0.2);
	border: 1px solid rgba(59, 130, 246, 0.5);
	pointer-events: none;
	z-index: 9999;
	display: none;
}

.selecting-active {
	touch-action: none;
	overflow: hidden;
}

/* Drop Success Animation */
@keyframes bs-drop-pulse {
	0% {
		background-color: #dbeafe;
		transform: scale(0.95);
		border-color: #3b82f6;
	}

	50% {
		transform: scale(1.02);
		border-color: #60a5fa;
	}

	100% {
		background-color: inherit;
		transform: scale(1);
	}
}

.bs-drop-success {
	animation: bs-drop-pulse 0.5s ease-out;
	z-index: 2;
}

/* The drop indicator line */
.bs-drop-indicator {
	position: absolute;
	background-color: #3b82f6;
	width: 4px;
	z-index: 1000;
	pointer-events: none;
	display: none;
	border-radius: 2px;
	box-shadow: 0 0 8px rgba(59, 130, 246, 0.5);
}

/* disable other evenets on grid */
body.bs-active .gridcell {
	pointer-events: none !important;
}


/* annotate plugin */

.controls {
	background: var(--box_bg_clear);
	padding: 12px 16px;
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 15px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	flex-wrap: wrap;
}


.control-group {
	display: flex;
	align-items: center;
	gap: 8px;
	padding-right: 16px;
	border-right: 1px solid var(--box_border_macro);
}

.control-label {
	font-size: var(--medium_font);
	font-weight: 600;
	color: var(--mf_sub_txt);
	letter-spacing: 0.05em;
}

/* The wrapper is now created/managed by the library */
#annotate-container {
	display: flex;
	justify-content: center;
}

#annotate-wrapper {
	position: relative;
	line-height: 0;
	overflow: visible;
	/* Changed to visible for screen-boundary popups */
	touch-action: none;
}

#annotate-wrapper .previewimg {
	user-select: none;
	-webkit-user-drag: none;
}

/* Canvas is now absolute within the wrapper */
.annotate-canvas-overlay {
	position: absolute;
	top: 0;
	left: 0;
	cursor: crosshair;
	z-index: 10;
	pointer-events: auto;
}

#annotation-sidebar {
	margin: 8px 8px 6px;
	background: var(--box_bg_clear);
	border-radius: 3px;
	display: flex;
	flex-direction: column;
	max-height: calc(100vh - 250px);
	overflow-y: auto;
}

.sidebar-header {
	padding: 3px 6px 12px;
	border-bottom: 1px solid var(--box_border_macro);
	font-size: 12px;
	font-weight: 600;
	color: var(--mf_sub_txt);
	text-transform: uppercase;
}

#annotation-list {
	overflow-y: auto;
	flex: 1;
}

.annotation-row {
	display: grid;
	grid-template-columns: 40px 1fr;
	border-bottom: 1px solid var(--box_border_macro);
	padding: 8px;
	gap: 8px;
	transition: background 0.2s;
}

.annotation-row.clickable {
	cursor: pointer;
}

.annotation-row.clickable:hover {
	background: #f8fafc;
}

.annotation-row.active {
	background: #eff6ff;
	border-left: 4px solid var(--action_link);
}

.row-seq {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 12px;
	color: var(--mf_sub_txt);
	user-select: none;
}

.annotation-row:not(.clickable) .row-seq {
	cursor: pointer;
	border-radius: 4px;
}

.annotation-row:not(.clickable) .row-seq:hover {
	background: #e2e8f0;
	color: var(--action_link);
}

.row-content {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.row-content input,
.row-content textarea {
	width: 100%;
	border: 1px solid var(--box_border_lite);
	font-size: var(--medium_font);
	box-sizing: border-box;
	font-family: inherit;
}

.row-content input:focus,
.row-content textarea:focus {
	background: white;
	border-color: var(--box_border_medium);
	outline: none;
}

.row-content .headline {
	font-weight: 600;
}

.row-content .caption {
	font-size: 12px;
	color: var(--mf_sub_txt);
}

.annotate-popup {
	position: absolute;
	z-index: 1000;
	background: white;
	width: 260px;
	padding: 14px;
	border-radius: var(--box_radius);
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
	border: 1px solid var(--box_border_medium);
	display: none;
	line-height: normal;
}

.primary-flags {
	display: flex;
	justify-content: end;
}
.primary-flags input {
	width: auto;
}

/* ReadOnly Mode Compactness */
.readonly-mode.annotate-popup {
	width: 200px;
	padding: 10px 12px;
}

.readonly-mode .popup-header span {
	display: none;
}

.readonly-mode .popup-header {
	margin-bottom: 4px;
	justify-content: flex-end;
}

.readonly-mode .form-field label {
	display: none;
}

.readonly-mode .form-field {
	margin-bottom: 4px;
}

.readonly-mode .popup-footer {
	display: none;
}

.readonly-content {
	display: none;
}

.readonly-mode .edit-content {
	display: none;
}
.edit-content {
	text-align:left
}
.readonly-mode .readonly-content {
	display: block;
}

.readonly-mode #delete-btn,
.readonly-mode #color-section,
.readonly-mode #radius-section {
	display: none;
}

.popup-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}

.popup-header span {
	font-size: 10px;
	font-weight: 800;
	color: var(--mf_sub_txt);
	text-transform: uppercase;
}

.close-btn {
	background: none;
	border: none;
	font-size: 20px;
	color: #4b5563;
	/* Darker close icon */
	cursor: pointer;
	line-height: 1;
	padding: 0;
	font-weight: bold;
}

.close-btn:hover {
	color: var(--danger);
}

.form-field {
	margin-bottom: 10px;
}

.form-field label {
	display: block;
	font-size: 10px;
	font-weight: 700;
	color: var(--mf_sub_txt);
	margin-bottom: 4px;
	text-transform: uppercase;
}

.form-field input,
.form-field textarea {
	width: 100%;
	padding: 8px;
	border: 1px solid var(--box_border_medium);
	border-radius: 3px;
	box-sizing: border-box;
	font-size: 13px;
}

.form-field input[type="range"] {
	padding: 0;
	height: 12px;
	cursor: pointer;
}

.color-palette {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.color-swatch {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 2px solid transparent;
	cursor: pointer;
}

.popup-footer {
	display: flex;
	gap: 20px;
	margin-top: 15px;
}

.popup-footer button {
	flex: 1;
}

/* END annotate */


/* datepicker */

.mf-datepicker-popup {
	position: fixed;
	z-index: 9999;
	background: var(--box_bg_clear);
	border: 1px solid var(--box_border_medium);
	border-radius: var(--box_radius);
	box-shadow: var(--mfdp-shadow);
	width: 250px;
	padding: 10px;
	display: none;
	user-select: none;
	animation: mfdp-fade-in 0.15s ease-out;
}

@keyframes mfdp-fade-in {
	from {
		opacity: 0;
		transform: translateY(5px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.mf-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 6px;
}

.mf-nav-btn {
	background: none;
	border: none;
	cursor: pointer;
	font-size: 16px;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	color: var(--mfdp-text);
	transition: background 0.2s;
}

.mf-nav-btn:hover {
	background: var(--mfdp-hover);
}

.mf-selectors {
	display: flex;
	gap: 4px;
}

.mf-selectors select {
	border: none;
	background: var(--box_bg_medium);
	padding: 4px 8px;
	border-radius: 4px;
	font-weight: 600;
	cursor: pointer;
	outline: none;
	font-size: 13px;
	color: var(--txt_full);
	max-width: 110px;
}

.mf-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 2px;
}

.mf-day-label {
	text-align: center;
	font-size: 11px;
	font-weight: 700;
	color: var(--txt_color);
	padding: 5px 0;
	text-transform: uppercase;
}

.mf-day {
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	cursor: pointer;
	border-radius: 8px;
	transition: all 0.2s;
}

.mf-day:hover:not(.mf-empty) {
	background: var(--mfdp-hover);
}

/* Fix: ensure selected state always uses white text on blue background */
.mf-day.selected {
	background: var(--mfdp-primary) !important;
	color: white !important;
	font-weight: bold;
}

.mf-day.today {
	border: 1px solid var(--mfdp-primary);
	color: var(--mfdp-primary);
	font-weight: 600;
}

.mf-empty {
	cursor: default;
}

.mf-footer {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid var(--mfdp-border);
	gap: 8px;
}

.mf-footer-btn {
	flex: 1;
	padding: 6px;
	border-radius: var(--button_radius);
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.mf-btn-clear {
	background: var(--button_bg_lite);
	color: var(--button_lite);
}

.mfdp-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9998;
	display: none;
}

@media screen and (max-width: 880px) {

	.navstrout {
		padding-left: 3px !important;
	}

	#outer {
		min-width: 420px;
	}

	.formsearch {
		padding-top: 2px !important;
		padding-bottom: 2px;
	}

	.abitemflex {
		flex-wrap: wrap-reverse;
	}

	.abflexblind {
		display: none
	}

	.abflexcaption {
		flex-basis: 100% !important;
		padding-top: 3px;
		padding-left: 0 !important;
	}

	.thumbinset {
		padding-left: 170px;
	}

	.abflexmeta {
		flex-basis: unset !important;
	}

	.tupevsep {
		border-left: 0 none
	}

	.activepage .aicononly {
		display: inline-block
	}

	#wrap_right {
		max-width: none !important;
	}
}

@media screen and (max-width: 1100px) {
	.notat1100 {
		display: none
	}

	input.gsearchquery {
		width: 300px;
		line-height: 28px;
	}
}

@media screen and ((max-width: 660px) or ((max-height: 500px) and (max-width: 880px))) {
	.pageindex {
		padding-left: 0;
	}

	#outer {
		min-width: 290px;
	}

	input.gsearchquery {
		width: 220px;
	}

	.longsep {
		width: 1px;
	}

	#hmenutoggle {
		display: block !important;
		padding-right: 4px;
	}

	#showhmenu {
		max-height: 500px;
		overflow: hidden;
		max-height: 33px;
		transition: max-height 0.3s, right 0.3s ease-in-out;
	}

	.maplevel1,
	.sitemap {
		width: 100%;
	}

	.sitemapcol {
		padding-right: 3px;
		width: 100%;
	}

	.ssologinsep {
		border-top: 1px solid var(--box_border_dark);
		border-left: 0 none;
		padding-left: 0;
		padding-top: 15px;
	}

	.ssologinsep2 {
		border: 0 none;
		padding-left: 0;
	}

	.navheadernbr {
		display: none
	}
}

@media screen and (max-width: 500px) {

	.qeditflextop>*:first-child {
		padding-right: 0;
	}

	#griddiv {
		margin-left: -2px
	}

	#dslcleft,
	#dslcright,
	#dslcleftd,
	#dslcrightd {
		width: 150px;
	}

	#dslcleft,
	#dslcleftd {
		background-position: left 110px !important;
	}

	#dslcright,
	#dslcrightd {
		background-position: right 110px !important;
	}

}