/* For W3C browsers: make sure the entire window is filled. */
html {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

a,img {
	outline:none;
	margin-top: 3px;
}

table.alt tbody tr.item_tags th.item_tag,table.alt tbody tr.item_tags td.item_tag {
	width:25%;
}

table.alt tbody tr.item_tags {
	height:25px;
}

table.alt tbody tr.item_tags th {
	line-height:25px;
	padding-left:10px;
	padding-right:10px;
}

table.alt th a img {
	margin-bottom:-2px;
}

table.alt tbody tr th span.item_tag {
	padding-left:10px;
}

@font-face {
	font-family:'Avenir85HeavyRegular';
	src:url(fonts/avenir-heavy-webfont.eot);
	src:local(☺),url(fonts/avenir-heavy-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/avenir-heavy-webfont.woff) format("woff"),url(fonts/avenir-heavy-webfont.ttf) format("truetype"),url(fonts/avenir-heavy-webfont.svg#Avenir85HeavyRegular) format("svg");
	font-weight:400;
	font-style:normal;
}

@font-face {
	font-family:'Avenir65Medium';
	src:url(fonts/avenir-medium-webfont.eot);
	src:local(☺),url(fonts/avenir-medium-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/avenir-medium-webfont.woff) format("woff"),url(fonts/avenir-medium-webfont.ttf) format("truetype"),url(fonts/avenir-medium-webfont.svg#Avenir65Medium) format("svg");
	font-weight:400;
	font-style:normal;
}

@font-face {
	font-family:'AvenirLTStd45Book';
	src:url(fonts/avenirltstd-book-webfont.eot);
	src:local(☺),url(fonts/avenirltstd-book-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/avenirltstd-book-webfont.woff) format("woff"),url(fonts/avenirltstd-book-webfont.ttf) format("truetype"),url(fonts/avenirltstd-book-webfont.svg#AvenirLTStd45Book) format("svg");
	font-weight:400;
	font-style:normal;
}

@font-face {
	font-family:'AuroraRegular';
	src:url(fonts/aurorbtbolcon-webfont.eot);
	src:local(☺),url(fonts/aurorbtbolcon-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/aurorbtbolcon-webfont.woff) format("woff"),url(fonts/aurorbtbolcon-webfont.ttf) format("truetype"),url(fonts/aurorbtbolcon-webfont.svg#AuroraRegular) format("svg");
	font-weight:400;
	font-style:normal;
}

/* Layout of the elements */
#top_menu {
	position:fixed;
	top:0;
	width:100%;
	height:39px;
	z-index:100;
}

#scroll_box {
	position:absolute;
	top:36px;
	bottom:20px;
	width:100%;
	overflow:scroll;
/*   overflow-x:hidden; */
}

#content {
	position:absolute;
	left:153px;
	right:0;
	padding:10px 5px 5px 12px;
}

#status {
	position:fixed;
	bottom:0;
	height:16px;
	padding:2px;
	z-index:100;
	width:100%;
}

/* Formatting the appearance of everything */
#time_text {
	background-color:#fff;
	border:2px solid red;
	color:red;
	display:none;
	font-size:15px;
	padding:4px;
	position:fixed;
	right:88px;
	text-align:center;
	top:4px;
	width:350px;
	z-index:1000;
}

#top_menu {
	background-color:#b1dceb;
	color:#29688c;
	padding:0;
	margin:0;
	overflow:hidden;
}

#top_menu a {
	font-size:13px;
	line-height:36px;
	color:#ccc;
	text-decoration:none;
	margin:0;
	background-color:#b1dceb;
}

#top_menu>a:first-child {
	margin-left:5px;
}

#top_menu>a#logo {
	display:block;
	width:75px;
	height:30px;
	margin:5px 6px 0 0;
	background:url(images/whizz_logo_blue.png) left top no-repeat;
	float:right;
	border:none;
}

#top_menu .dev_notification {
	position:absolute;
	font-size:20px;
	margin-left:5px;
	margin-top:7px;
}

#top_menu a:hover {
	background-color:#ddedf3;
}

#top_menu a.current {
	color:#fff;
}

#top_menu a img {
	vertical-align:middle;
	padding-left:7px;
	padding-right:7px;
}

#status {
	text-align:center;
	font-size:10px;
	background-color:#b1dceb;
	color:#29688c;
	z-index:100;
}

#status .left {
	position:absolute;
	left:20px;
}

#status .right {
	position:absolute;
	right:20px;
}

a {
	margin:0;
	color:#29688c;
}

select,body {
	font-size:13px;
	font-family:AvenirLTStd45Book;
	font-weight:400;
	background-color:transparent;
	color:#000;
}

select option {
	font-size:13px;
	font-family:AvenirLTStd45Book,Tahoma,Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}

p {
	color:#000;
}

h1 {
	font-family:AvenirLTStd45Book;
	font-size:20px;
	line-height:30px;
	margin:0;
}

h2 {
	font-size:13px;
	margin:0;
	padding:0;
}

h3 {
	font-size:13px;
	margin:0;
	padding:0;
}

li {
}

ol {
}

table {
}

th {
	font-size:11px;
	background-color:#b2ddec;
	text-align:center;
}

td {
	height:16px;
	font-size:13px;
/*overflow:hidden;*/
}

tr {
}

ul {
}

optgroup {
	font-style:normal;
	font-weight:700;
	color:#006;
}

option {
	font-weight:400;
	color:#000;
}

.NoteStyle {
	padding:5px;
	margin:0;
	color:#29688C;
	background-color:#ddedf3;
	border:solid 1px #29688C;
	border-top:solid 10px #29688C;
	font-size:12px;
}

.PopStyle {
	z-index:20;
	top:0;
	left:0;
	position:fixed;
	visibility:hidden;
	width:200px;
}

.normal {
	background-color:#FFF;
}

.alt {
	background-color:#deeef4;
}

.var {
	background-color:#ecf4f7;
}

.inv {
	background-color:#b2ddec;
}

.capt {
	background-color:#b2ddec;
}

.title {
	font-weight:700;
}

.subtitle {
	font-weight:700;
}

.error {
	color:red;
}

.newsitem {
	font-weight:400;
	color:#000;
	font-size:10px;
}

.cms_normal {
	background-color:#FFF;
}

.cms_rand {
	padding:4px;
	background-color:#FFF;
}

.info_line {
	font-size:9px;
}

.info_box {
	padding:5px;
	margin:5px;
	border:solid 1px #b2ddec;
	background-color:#ecf4f7;
}

.AjaxImagesDiv {
	overflow:auto;
	height:270px;
	border:solid 1px #000;
}

.AjaxImagesDiv .row1 {
	background-color:#ecf4f7;
	height:10px;
}

.AjaxImagesDiv .row2 {
	background-color:#deeef4;
	height:10px;
}

.AjaxImagesDiv tr td {
	padding-left:5px;
}

.AjaxImagesDiv .selected-row {
	background-color:#305;
}

.AjaxImagesDiv .selected-row a {
	color:#FFF;
}

/* mouse-overs for individual rows in a CMS catalog table (non IE6)... */
.cms_catalog_table {
	border:solid 2px #b1dceb;
	border-collapse:collapse;
	border-spacing:0;
}

.cms_catalog_table table tr:hover td {
	background-color:#FFF;
}

/* Page- and Paragraph-editor disable/fade-screen */
.disable_screen {
	position:fixed;
	width:100%;
	height:100%;
	display:none;
	z-index:125;
	-moz-opacity:.7;
	opacity:.7;
	filter:alpha(opacity=70);
	background-color:#FFF;
	background-image:url(/p-httpd/_cms/images/icons/wheel_big.gif);
	background-repeat:no-repeat;
	background-position:center center;
}

/* Left menu, top level */
#left_menu_bg {
	background-color:transparent;
	position:fixed;
	top:0;
	bottom:0;
	width:153px;
}

#left_menu {
	position:absolute;
	padding-left:6px;
	padding-top:2px;
	width:153px;
	z-index:10;
	padding-bottom:100px;
/* Some head-room for popup menu's */
}

.menu_contracted #left_menu_bg,.menu_contracted #left_menu {
	width:40px;
}

.menu_contracted #content {
	left:40px;
}

#toggle_menu {
	background:url(images/menu/left.png) no-repeat scroll center center transparent;
	clear:both;
	float:right;
	height:40px;
	margin:9px 5px 0;
	width:40px;
}

.menu_contracted #toggle_menu {
	background-image:url(images/menu/right.png);
}

#left_menu ul {
	list-style:none;
	margin:0;
	padding:0;
}

#left_menu .menu>li {
	background:#ddedf3 url(images/menu/default.png) no-repeat center center;
	clear:both;
	cursor:pointer;
	float:right;
	height:40px;
	margin:0 3px 0 5px;
	width:42px;
	height:40px;
	border:solid 2px #DDEDF3;
}

#left_menu .menu>li:hover {
	background:#ddedf3 url(images/menu/default.png) no-repeat center center;
}

/* Common maint home icons... */
#left_menu .menu>li#d-maint-home {
	background-image:url(/p-icon/home);
}

#left_menu .menu>li#x-system-menu {
	background-image:url(/p-icon/system);
}

#left_menu .menu>li#d-administration {
	background-image:url(/p-icon/administration);
}

#left_menu .menu>li#x-hosting {
	background-image:url(/p-icon/hosting);
}

#left_menu .menu>li#x-site-instellingen {
	background-image:url(/p-icon/settings);
}

#left_menu .menu>li#x-site-content {
	background-image:url(/p-icon/content);
}

#left_menu .menu>li#d-site-content {
	background-image:url(/p-icon/content);
}

#left_menu .menu>li#x-info {
	background-image:url(/p-icon/info);
}

#left_menu .menu>li#l-bekijk-de-site {
	background-image:url(/p-icon/view);
}

#left_menu .menu>li#d-logoff {
	background-image:url(/p-icon/logoff);
}

#left_menu .menu>li#d-login {
	background-image:url(/p-icon/logoff);
}

/* Specific custom icons (not always used) */
#left_menu .menu>li#x-config-webshop {
	background-image:url(/p-icon/webshop-settings);
}

#left_menu .menu>li#x-maint-webshop {
	background-image:url(/p-icon/webshop);
}

#left_menu .menu>li#x-klanten-beheer {
	background-image:url(/p-icon/system);
}

#left_menu .menu>li#x-fotoalbums {
	background-image:url(/p-icon/photos);
}

#left_menu .menu>li#x-portfolio {
	background-image:url(/p-icon/folder_open);
}

#left_menu .menu>li.expanded,#left_menu .menu>li.selected,#left_menu .menu>li.selected>a,#left_menu .menu>li.expanded>a {
	background-color:#b1dceb;
	border-color:#b1dceb;
}

#left_menu .menu>li>a {
	position:absolute;
	width:109px;
	height:40px;
	background:none repeat scroll 0 0 #DDEDF3;
	color:#29688C;
	font-size:13px;
	font-weight:400;
	line-height:40px;
	margin:-2px 0 0 -114px;
	outline:medium none;
	padding-right:5px;
	text-align:right;
	text-decoration:none;
	border-top:solid 2px #DDEDF3;
	border-bottom:solid 2px #DDEDF3;
}

#left_menu .menu>li:hover,#left_menu .menu>li:hover>a,#left_menu .menu>li>a:hover {
	background-color:#ECF4F7;
	border-top:solid 2px #B2DDEC;
	border-bottom:solid 2px #B2DDEC;
}

.menu_contracted #left_menu>.menu>li>a {
	display:none;
	left:155px;
	padding-right:10px;
	width:174px;
	height:40px;
	font-size:14px;
	font-weight:700;
	border-bottom:2px solid #B2DDEC;
	border-top:2px solid #B2DDEC;
	border-right:2px solid #B2DDEC;
	-moz-box-shadow:3px 3px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.2);
	box-shadow:3px 3px 5px rgba(0,0,0,0.2);
}

#left_menu>.menu>li>ul:before,#left_menu>.menu>li:hover>ul:before {
	background-color:#ECF4F7;
	color:#DDEDF3;
	content:" -- ";
	font-size:11px;
	height:40px;
	margin-left:-14px;
	position:absolute;
	top:-2px;
	width:14px;
	border-top:solid 2px #B2DDEC;
	border-bottom:solid 2px #B2DDEC;
}

#left_menu>.menu>li.selected:hover>ul:before,#left_menu>.menu>li.expanded:hover>ul:before {
	background-color:#ECF4F7;
	color:#B1DCEB;
}

.menu_contracted #left_menu>.menu>li:hover>ul:before {
	background-color:transparent;
	color:transparent;
	border:none;
}

/* Left menu, second level */
#left_menu .menu>li>ul {
	display:none;
	position:absolute;
	color:#29688C;
	background-color:#ECF4F7;
	border:solid 2px #B2DDEC;
	margin:-2px 0 0 54px;
	padding:2px 0 4px;
	-moz-box-shadow:3px 3px 5px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow:3px 3px 5px 0 rgba(0,0,0,0.2);
	box-shadow:3px 3px 5px 0 rgba(0,0,0,0.2);
}

#left_menu>.menu>li.selected>ul,#left_menu>.menu>li.expanded>ul {
	border:solid 2px #B2DDEC;
}

.menu_contracted #left_menu>.menu>li>ul {
	margin-top:40px;
	border-top:none;
}

#left_menu .menu li li {
	background:none;
	padding:0;
	margin:0;
	border:none;
}

#left_menu li li a {
	color:#29688C;
	font-weight:400;
	width:150px;
	text-decoration:none;
	display:block;
	padding:3px 10px;
}

#left_menu li li a:first {
	width:155px;
}

#left_menu li li a:hover {
	background-color:#FFF;
}

#left_menu .menu li li.selected {
	background:none;
	border:none;
}

#left_menu li li.selected a {
	color:#305;
	background-color:#B1DCEB;
	font-weight:400;
}

#left_menu li li li a {
	color:#29688C;
	font-weight:400;
	width:140px;
	text-decoration:none;
	display:block;
	margin-left:10px;
	margin-right:-10px;
	font-size:11px;
}

/* Upload controls */
.upload_doc_link {
	display:inline-block;
	width:200px;
}

.upload_doc_size {
	display:inline-block;
	width:70px;
}

.upload_doc_control {
}

div.fileupload-buttonbar {
/*margin-top: -15px;*/
}

div.fileupload-buttonbar div.fileupload-buttons {
	position:relative;
	margin-top:5px;
}

div.upload_img_row {
	width:100%;
	height:70px;
}

.upload_screen {
	position:fixed;
	display:none;
	background-color:rgba(0,0,0,0.2);
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:2000;
}

.upload_form {
	margin:10px;
}

.upload_static {
	display:block;
	z-index:1000;
}

.upload_window,.upload_static .upload_state {
	position:absolute;
	top:-10px;
	display:none;
	z-index:1000;
	background-color:#FFF;
	border:solid 1px #666;
	min-width:300px;
	-moz-box-shadow:3px 3px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.5);
	box-shadow:3px 3px 5px rgba(0,0,0,0.5);
	padding:20px 5px 0;
}

div.upload_window form div.fileupload-buttonbar i.upload_close {
	float:right;
	display:inline-block;
	right:-3px;
	top:-21px;
	cursor:pointer;
}

.upload_activate {
	cursor:pointer;
  margin-right: 10px;
}

div.upload_img_row.empty {
	height:0;
}

.fileinput-button {
	margin:2px 3px 5px 0;
}

.fileremove-button {
	margin:2px 0 5px 3px;
}

/* Spinning activity wheel, total size = 35 (including borders) */
.spinner {
	width:21px;
	height:21px;
	margin-top:-2px;
	margin-right:3px;
	border:7px solid #90c844;
	border-right-color:transparent;
	border-radius:50%;
	animation:spin 1s linear infinite;
	-moz-animation:spinning_wheel 1s linear infinite;
	-webkit-animation:spinning_wheel 1s linear infinite;
}

@keyframes spinning_wheel {
	from {
		transform:rotate(0deg);
		opacity:.2;
	}

	50% {
		transform:rotate(180deg);
		opacity:1;
	}

	to {
		transform:rotate(360deg);
		opacity:.2;
	}
}

@-webkit-keyframes spinning_wheel {
	from {
		-webkit-transform:rotate(0deg);
	}

	50% {
		-webkit-transform:rotate(180deg);
	}

	to {
		-webkit-transform:rotate(360deg);
	}
}

@-moz-keyframes spinning_wheel {
	from {
		-moz-transform:rotate(0deg);
	}

	50% {
		-moz-transform:rotate(180deg);
	}

	to {
		-moz-transform:rotate(360deg);
	}
}

/******************************************/
/*            form messages               */
/******************************************/

/* Status message */
div.form_status {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    border: solid 1px #999999;
    padding: 16px;
    padding-left: 80px;
    margin-top: -2px;
    margin-bottom: 9px;
    box-shadow: rgba(0,0,0,0.4) 2px 2px 6px;
}
/* The green square */
div.form_status::before {
    position: absolute;
    content: " ";
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    background-color: green;
    color: rgba(255,255,255,0.9);
}
/* The icon */
div.form_status::after {
    position: absolute;
    content: "\f058";
    font-family: "Font Awesome 6 Pro";
    font-weight: 500;
    font-size: 30px;
    color: rgba(255,255,255,0.75);
    top: calc(50% - 16px);
    left: 15px;
		top: 7px;
}

/* Error message */
div.form_error {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: red;
    border: solid 1px #999999;
    padding: 16px;
    padding-left: 80px;
		margin-top: -2px;
		margin-bottom: 9px;
    box-shadow: rgba(0,0,0,0.4) 2px 2px 6px;
}
/* The red square */
div.form_error::before {
    position: absolute;
    content: " ";
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    background-color: red;
    color: rgba(255,255,255,0.9);
}
/* The icon */
div.form_error::after {
    position: absolute;
    content: "\f071";
    font-family: "Font Awesome 6 Pro";
    font-weight: 500;
    font-size: 30px;
    color: rgba(255,255,255,0.75);
    top: calc(50% - 16px);
    left: 15px;
		top: 7px;
}

form .cmsUploadProgressIndicator {
	background-color:##b1dceb;
}

form .-cms-file-container .expl {
	border:solid 2px ##b1dceb;
	box-shadow:0 0 3px 1px ##b1dceb;
}

form .-cms-file-container .expl.cmsUploadDroppable {
	background-color:#deeef4;
}

form .-cms-file-container .expl.cmsUploadDropping {
	background-color:#b2ddec;
}

/* Tabsets for v2.7 mgmt */
.TabGroup {
	font-size:10px;
	width:100%;
	margin-top:7px;
}

.TabGroup > ul.TabPages {
	list-style-type:none;
}

.TabGroup > input[type=radio] {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

.TabGroup .Tabs {
	position:relative;
	white-space:nowrap;
}

.TabGroup .Tab {
	font-family:AvenirLTStd45Book;
	font-size:13px;
	display:inline-block;
	vertical-align:bottom;
	white-space:nowrap;
	margin-bottom:-1px;
	margin-left:-1px;
	padding:10px;
	padding-top:4px;
	padding-bottom:4px;
	background-color:#ecf4f7;
	color:#000;
	border:solid 1px #b1dceb;
	cursor:Pointer;
}

.TabGroup .Tab.disabled {
	color:#666;
	background-color:#CCC;
	border:solid 1px #b1dceb;
}

.TabGroup .Tab:first-child {
	margin-left:10px;
}

.TabGroup .Tab:hover {
	background-color:#deeef4;
}

.TabGroup input:nth-child(1):checked ~ .Tabs > :nth-child(1),.TabGroup input:nth-child(2):checked ~ .Tabs > :nth-child(2),.TabGroup input:nth-child(3):checked ~ .Tabs > :nth-child(3),.TabGroup input:nth-child(4):checked ~ .Tabs > :nth-child(4),.TabGroup input:nth-child(5):checked ~ .Tabs > :nth-child(5),.TabGroup input:nth-child(6):checked ~ .Tabs > :nth-child(6),.TabGroup input:nth-child(7):checked ~ .Tabs > :nth-child(7),.TabGroup input:nth-child(8):checked ~ .Tabs > :nth-child(8),.TabGroup input:nth-child(9):checked ~ .Tabs > :nth-child(9),.TabGroup input:nth-child(10):checked ~ .Tabs > :nth-child(10) {
/* Selected tab */
	background-color:#ddedf3;
	padding-top:5px;
	padding-bottom:5px;
	border:solid 1px #b1dceb;
	border-bottom:none;
}

.TabGroup .TabPages {
	margin:0;
	padding:0;
}

.TabGroup .TabPage {
	display:none;
	left:0;
	border:1px solid #b1dceb;
	background:#deeef4;
	font-size:13px;
	color:#000;
	padding:5px;
}

input:nth-child(1):checked ~ .TabPages > li:nth-child(1),input:nth-child(2):checked ~ .TabPages > li:nth-child(2),input:nth-child(3):checked ~ .TabPages > li:nth-child(3),input:nth-child(4):checked ~ .TabPages > li:nth-child(4),input:nth-child(5):checked ~ .TabPages > li:nth-child(5),input:nth-child(6):checked ~ .TabPages > li:nth-child(6),input:nth-child(7):checked ~ .TabPages > li:nth-child(7),input:nth-child(8):checked ~ .TabPages > li:nth-child(8),input:nth-child(9):checked ~ .TabPages > li:nth-child(9),input:nth-child(10):checked ~ .TabPages > li:nth-child(10) {
	display:block;
}

/* Tabsets for v2.6 mgmt */
.TabSet {
	float:none;
	font-family:AvenirLTStd45Book;
	font-size:13px;
	font-weight:400;
	margin:14px 0 4px 8px;
	padding:0;
	z-index:10;
}

.TabPage {
	border:1px solid #b1dceb;
	background:#deeef4;
	font-size:13px;
	color:#000;
	padding:5px;
	padding-top:15px;
	z-index:1;
}

.Tab,.Tab_sel,.Tab_disabled {
	padding:0;
	margin:0;
	text-decoration:none;
}

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

.Tab .tab_start {
	margin-right:-1px;
	padding:10px;
	white-space:nowrap;
	color:#000;
	border:solid 1px #b1dceb;
	background-color:#ecf4f7;
/*background-image:   url(images/glass_small.png);*/
	padding-top:4px;
	padding-bottom:4px;
}

.Tab .tab_end {
}

.Tab:hover .tab_start {
}

.Tab:hover .tab_end {
}

.Tab_sel .tab_start {
	margin-right:-1px;
	padding:10px;
	white-space:nowrap;
	color:#000;
	border-top:solid 1px #b1dceb;
	border-left:solid 1px #b1dceb;
	border-right:solid 1px #b1dceb;
	border-bottom:none;
	background-color:#ddedf3;
	padding-top:5px;
	padding-bottom:5px;
}

.Tab_sel .tab_end {
}

.Tab_disabled .tab_start {
	margin-right:-1px;
	padding:10px;
	white-space:nowrap;
	color:#666;
	border:solid 1px #b1dceb;
	background-color:#CCC;
/*background-image:   url(images/glass_small.png);*/
	padding:10px;
	padding-top:4px;
	padding-bottom:4px;
}

.Tab_disabled .tab_end {
}

/* Definitions for the page editor */
.page_edit {
	background-color:#FFF;
	width:100%;
}

/* Details of page / par editor */
.page_edit_right {
	position:relative;
	margin-left:220px;
	min-width:480px;
}

.page_edit_details {
	padding:5px;
}

.editor_strip table {
	margin:0;
	padding:0;
}

.editor_strip th {
	padding:0;
	padding-left:10px;
}

.editor_strip .page_title {
	font-size:13px;
}

/* Menu of the menu editor! */
.page_edit_pages {
	background-color:#ddedf3;
	border:solid 1px #b1dceb;
	width:200px;
	padding:5px;
	padding-left:10px;
	float:left;
}

.page_edit_paragraphs {
	background-color:#DDEDF3;
	border:1px solid #B1DCEB;
	margin:5px;
	padding:5px;
}

ul.menu_edit_menu,.menu_edit_menu ul {
	border-left:solid 1px #666;
	margin:0;
	padding:0;
	padding-top:5px;
	padding-bottom:10px;
}

.menu_edit_menu ul {
	margin-left:18px;
}

.menu_edit_menu li {
	list-style:none;
	list-style-position:inside;
	padding:5px;
	margin-left:-5px;
	background-position:0 10px;
	background-repeat:no-repeat;
	background-image:url(images/menu_edit/line.png);
	font-size:11px;
}

.menu_edit_menu li.parent {
	background-image:url(images/menu_edit/plus.png);
}

.menu_edit_menu li.expanded {
	background-image:url(images/menu_edit/minus.png);
}

.menu_edit_menu li a {
	background-position:-1px 0;
	background-repeat:no-repeat;
	padding-right:4px;
	padding-bottom:4px;
	padding-left:20px;
	margin-left:10px;
	font-size:11px;
}

.menu_edit_menu li.selected>a {
	background-color:#b2ddec;
	font-weight:700;
}

.menu_edit_menu li>a {
	background-image:url(images/menu_edit/page.png);
}

.menu_edit_menu li.link>a {
	background-image:url(images/menu_edit/link.png);
}

.menu_edit_menu li.folder>a {
	background-image:url(images/menu_edit/folder.png);
}

.menu_edit_menu li.page.active>a {
	background-image:url(images/menu_edit/page-act.png);
}

.menu_edit_menu li.link.active>a {
	background-image:url(images/menu_edit/link-act.png);
}

.menu_edit_menu li.page.forbidden>a {
	background-image:url(images/menu_edit/page-forbidden.png);
}

.menu_edit_menu li.link.forbidden>a {
	background-image:url(images/menu_edit/link-forbidden.png);
}

.menu_edit_menu li.folder.forbidden>a {
	background-image:url(images/menu_edit/folder-forbidden.png);
}

.page_edit_paragraphs .par_block {
	border-spacing:5px;
	table-layout:fixed;
}

.page_edit_paragraphs .par_block td {
	border:1px solid #B2DDEC;
	background:#ECF4F7;
	margin-left:3px;
	margin-right:3px;
	margin-top:3px;
	padding:4px 10px;
}

.page_edit_paragraphs .par_block .selectedpar {
	background-color:#fff;
	font-weight:700;
}

/* Logon screen settings... */
.logon_help {
	font-size:10px;
}

.logon_info {
	background-color:#FFF;
	font-size:10px;
}

.logon {
	border:solid 1px #b2ddec;
	background-color:#deeef4;
}

.logon tr td {
	padding:4px;
}

.logon .alt {
	background-color:#b2ddec;
}

h1.logon_header {
	font-size:15px;
	line-height:17px;
	font-family:AvenirLTStd45Book;
}

table.logon {
	font-family:Avenir65Medium;
	font-size:13px;
	margin-top:20px;
}

.logon_cell_left {
	width:40%;
	text-align:right;
	padding-bottom:5px;
	padding-left:10px;
	padding-top:5px;
}

.logon_cell_right {
	width:60%;
	text-align:left;
	font-family:Avenir65Medium;
	font-size:15px;
	padding-left:10px;
}

.logon_help {
	font-size:13px;
	line-height:18px;
	text-align:center;
}

.logon_help_td {
	text-align:center;
}

.tooltip {
	position:absolute;
	text-align:center;
	z-index:999;
	border:1px solid #1f86be;
	background-color:#ddedf3;
	padding:4px;
	opacity:.85;
  min-width: 150px;
  max-width: 350px;

}

.tooltip h3,.tooltip div {
	color:#1f86be;
	margin:0;
	font-size:13px;
}

/* Tooltips */
.ui-tooltip {
  font-size: 11px;
  border: solid 2px #B1DCEB;
  border-radius: 4px;
  background-color: #F9F9F9;
  color: black;
  padding:5px;
  position: absolute;
  z-index: 9999;
  /*max-width: 150px;*/
  max-width: 250px;
  -webkit-box-shadow: -2px 2px 10px #333333;
  box-shadow: -2px 2px 10px #333333;
}
.ui-tooltip::before {
  top: -14px;
  bottom: auto;
  left: 10px;
  right: auto;
  border-width: 0 6px 14px;
  content: "";
  position: absolute;
  border-style: solid;
  border-color: #B1DCEB transparent;
  display: block;
  width: 0;
}
.ui-tooltip::after {
  top: -9px;
  bottom: auto;
  left: 13px;
  right: auto;
  border-width: 0 3px 10px;
  content: "";
  position: absolute;
  border-style: solid;
  border-color: #FFFFCC transparent;
  display: block;
  width: 0;
}
.ui-tooltip.bottom::before {
  top: auto;
  bottom: -14px;
  border-width: 14px 6px 0 6px;
}
.ui-tooltip.bottom::after {
  top: auto;
  bottom: -9px;
  border-width: 10px 3px 0 3px;
}
.ui-tooltip.right::before {
  left: auto;
  right: 10px;
}
.ui-tooltip.right::after {
  left: auto;
  right: 13px;
}



#upload_iframe html,#upload_iframe body {
	overflow:hidden;
}

body.mceContentBody {
/* Ensure page-editor is graphical usable... */
	color:#000;
	background-color:#FFF;
	background-image:none;
	overflow:visible;
	font-size:13px;
}
.mce-branding-powered-by {
  display:none;
}

/*---------------------------------------- */
/* Accordions                              */
/*---------------------------------------- */
.accordionSet {
}

.accordionSet > div {
	margin-bottom:5px;
	border:1px solid #b2ddec;
}

.accordionSet > div > label {
	white-space:nowrap;
	padding:2px 30px;
	position:relative;
	display:block;
	height:30px;
	cursor:pointer;
	line-height:33px;
	font-weight:700;
	background-color:#b2ddec;
	position:relative;
}

.accordionSet > div > label:hover {
	background-color:#a1ccdb;
}

.accordionSet > div.disabled > label {
	opacity:.5;
	cursor:default;
}

.accordionSet > div > input {
	display:none;
}

.accordionSet > div > div > div {
	padding:10px;
}

.accordionSet > div > div {
	position:relative;
	background-color:#ecf4f7;
	overflow:hidden;
	max-height:0;
	-webkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
}

.accordionSet > div > input:checked ~ div {
	-webkit-transition:all 2s ease-in-out;
	-moz-transition:all 2s ease-in-out;
	-o-transition:all 2s ease-in-out;
	-ms-transition:all 2s ease-in-out;
	transition:all 2s ease-in-out;
	max-height:100%;
}

.accordionSet > div > label:before,.accordionSet > div > label:after {
	content:"";
	position:absolute;
	background-color:#000;
	width:3px;
	height:8px;
	left:10px;
	top:15px;
	transition:all .25s ease-in-out;
}

.accordionSet > div > label:before {
	transform:translate(-2px,0) rotate(45deg);
	-webkit-transform:translate(-2px,0) rotate(45deg);
}

.accordionSet > div > label:after {
	transform:translate(2px,0) rotate(-45deg);
	-webkit-transform:translate(2px,0) rotate(-45deg);
}

.accordionSet > div > input:checked ~ label:before {
	transform:translate(2px,0) rotate(45deg);
	-webkit-transform:translate(2px,0) rotate(45deg);
}

.accordionSet > div > input:checked ~ label:after {
	transform:translate(-2px,0) rotate(-45deg);
	-webkit-transform:translate(-2px,0) rotate(-45deg);
}

/* End accordions */

/* Start Dynamic Forms */

form div.TabGroup div div label:has(img) {
	margin-top: -6px;
}

.formFlexLayout,.formTable {
	width:100%;
}

.formBox {
	clear:both;
	margin:5px;
	padding:5px;
}

.formFlow {
	clear:none;
	float:left;
}

.formNewLine {
	clear:both;
}

.form_field,
.formField {
  margin-top: 7px;
  margin-bottom: 7px;
	display:table;
	width:100%;
}

.formFlexLayout .formField {
	float:left;
}

.form_field label,
.formField label {
	cursor: pointer;
	font-size: 13px;
	display: inline-block;
	width: 200px;
	text-align: left;
	margin-right: 3px;
	padding: 2px;
	padding-top: 0;
 	vertical-align: top;
 	margin-top: 6px;
}

.form_field fieldset label,.formField fieldset label,.form_field label.value,.formField label.value {
	width:auto;
	text-align:left;
	margin-right:0;
	margin-top: 2px;
}

.form_field input,.formField input {
	margin-right:1px;
}

.form_field input[type="checkbox"],.formField input[type="checkbox"],.form_field input[type="radio"],.formField input[type="radio"] {
	width:auto;
}

.form_field .half,.formField .half { width: 108px; margin-right: 2px; } /* Compensate 1 pixel rounding */
.form_field .third,.formField .third { width: 72px; }
.form_field .quarter,.formField .quarter { width: 54px; }
.form_field .twothird,.formField .twothird { width: 143px; }
.form_field .threequarter,.formField .threequarter { width: 161px; }

.form_field textarea,.formField textarea {
}

.form_field select,.formField select {
	max-width:220px;
}

.form_field ul,.formField ul {
	list-style-type:square;
}

.form_field fieldset,.formField fieldset {
	border:solid 1px #29688c;
	display:inline-block;
	min-width:150px;
	vertical-align:top;
}

.formHeader {
	background-color:#b2ddec;
	display:inline-block;
	font-size:10px;
	text-align:center;
	font-weight:700;
	margin-bottom:10px;
/*   margin-left: 30%; */
	width:100%;
}

.form_colheader {
	background-color:#b2ddec;
	font-size:10px;
	text-align:center;
	font-weight:700;
	display:inline-block;
	text-align:center;
	width:20%;
	vertical-align:middle;
}

/* EdM: Add Arnoud's beautiful onOffLinks buttons */
.onOffLinks a.checkboxesAllOn, .onOffLinks a.checkboxesAllOff {
  background-color: white;
  box-sizing: border-box;
  border: 1px solid #777777;
  padding: 3px 5px 3px 5px;
  margin: 2px;
  border-radius: 5px;
  color: #777777;
  font-size: 85%;
  cursor: pointer;
  appearance: button;
  -webkit-appearance: button;
  -moz-appearance: button;
  -ms-appearance: button;
  -o-appearance: button;
}
div.onOffLinks {
  margin-bottom: 7px;
}


@media only screen and (min-width: 640px) {
	.form_field label,.formField label {
		width:30%;
		text-align:right;
	}

	.formField textarea {
		width:60%;
	}
}

div.form_field .description {
	display:inline-block;
	padding-bottom:5px;
	width:60%;
}

div.config {
	display:table;
	width:100%;
}

.cms_catalog_table th {
	text-align:left;
}

/* End Dynamic Forms */
div.sliding_section {
	display:none;
	border:3px solid #B2DDEC;
	border-top:none;
	margin:-6px -2px -2px;
	padding:5px;
}

div.slider_but {
	cursor:hand;
	cursor:pointer;
	position:absolute;
	left:20px;
	margin-top:-13px;
	width:40px;
	height:40px;
}

div.is_closed {
	background-image:url(/p-icon/slide_down);
}

div.is_opened {
	background-image:url(/p-icon/slide_up);
}

a.icon_tip {
	margin-top:-2px;
}

.page_editor_versions_container {
	border:1px solid #666;
	background:#B2DDEC;
	padding:3px;
}

ul.menu_edit_menu li {
	display:block;
	opacity:1;
	transition:all .5s ease-in-out 0;
}

ul.menu_edit_menu li.dimmed {
	opacity:.4;
/*
  height:0;
  padding: 0;
  margin: 0;
*/
}

/* Overlay Alert */
#simplemodal-overlay {
	background-color:#B2DDEC;
}

#simplemodal-container a.modalCloseImg {
	background:url(/images/x.png) no-repeat;
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-12px;
	right:-12px;
	cursor:pointer;
}

.overlay_alert {
	background-color:#B2DDEC;
	text-align:center;
	display:none;
	width:350px;
	padding:15px;
	text-align:left;
	border:2px solid #546E7A;
	opacity:.9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow:0 0 50px #ccc;
	-webkit-box-shadow:0 0 50px #ccc;
}

.overlay_alert .par_title {
	font-family:AvenirLTStd45Book;
	text-align:center;
	margin:0;
	padding:0;
	padding-bottom:10px;
	border-bottom:2px solid #546E7A;
	font-size:17px;
}

.overlay_alert p {
	text-align:center;
}

/* Popups */
.popupScreen {
	position:fixed;
	z-index:2000;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	display:none;
}

.popupScreen #popup {
	position:relative;
	top:10%;
	background-color:#FFF;
	padding:20px;
	margin:auto;
	max-width:900px;
	min-width:308px;
	max-height:85%;
	border:solid 2px #000;
	overflow:auto;
	overflow-x:hidden;
}

.popupScreen #close_box {
	position:relative;
	z-index:100;
	top:10%;
	padding:0;
	margin:auto;
	max-width:900px;
	min-width:308px;
	overflow:visible;
}

.popupScreen #close {
	position:absolute;
	right:-14px;
	top:10px;
	cursor:pointer;
	font-family:FontAwesome, "Font Awesome 5 Pro";
	font-style:normal;
	font-size:29px;
	text-rendering:auto;
	transform:translate(0,0);
	line-height:.75em;
	vertical-align:-15%;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.popupScreen #close:before {
	content:"\f057";
/* code of fa-times-circle */
}

/* Datatables/catalogs */
.fieldHeader {
  background-color: #62b7d6;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 5px;
  margin-top: 10px;
  padding: 0;
  text-align: center;
}

.catEditButtons .fa {
  font-size: 22px;
  line-height: 10px;
	color:#30a2cc;
}

.dataTables_wrapper .dataTables_info {
  padding-bottom: 10px;
  padding-top: 10px;
}

div.dataTables_wrapper button.dateTables_reset {
  line-height: 11px;
  margin: 5px 10px 10px;
  padding-bottom: 5px;
  padding-top: 5px;
}

/*---------------------------------------- */
/*         Datatables / Catalogs           */
/*---------------------------------------- */

div.dataTable th {
	font-size:13px;
	text-align:left;
}
.popupScreen {
  display:block;
}
#loading-wheel {
  display:none;
  min-height:450px;
}
.popupScreen #popup {
  background-image: none;
  background-color: white;
  /*min-height: 250px;*/
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  transition: width 1s;
  padding:20px;
}

div.popupScreen div#popup div.page div section div.container {
  background: white;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}

.fieldHeader {
  background-color: transparent;
  border-top: 2px solid #62b7d6;
  color: #62b7d6;
  font-size: 16px;
  /* 	background-color:#62b7d6; */
  /* 	color:#fff; */
  /* 	font-size:14px; */
	font-weight:400;
	margin-bottom:5px;
	margin-top:10px;
	padding:0;
	text-align:center;
}

.catEditButtons .fa {
	font-size:22px;
	line-height:10px;
}

.dataTables_wrapper .dataTables_info {
	padding-bottom:10px;
	padding-top:10px;
}

div.popupScreen input.form_field_button,
div.popupScreen button.form_field_button,
div.dataTables_wrapper button.dateTables_reset {
  -webkit-appearance: button;
	line-height:15px;
	padding-bottom:5px;
	padding-top:5px;
	margin-top: -5px;
}

div.TabGroup div input.form_field_button.btn_prev {
  padding:5px;
  float:left;
  display:block;
}
div.TabGroup div input.form_field_button.btn_next {
  padding:5px;
  float:right;
  display:block;
}

div.dataTables_wrapper button.dateTables_reset {
	float:right;
}

div.popupScreen div.form_field input.form_field_button,
div.popupScreen div.form_field button.form_field_button {
	margin-left:3px;
	margin-right:3px;
	width:auto;
}

div.popupScreen div div.page div section.index0 {
	padding:0;
	margin:0;
}

div.popupScreen div.form_field span.SendLabel {
	font-style:italic;
	font-size:small;
	color:gray;
	padding-bottom: 10px;
  display: inline-block;
}

div.popupScreen div.page div section div.container {
	width:auto;
}

div.popupScreen div.form_field label {
	width:30%;
}

div.popupScreen div.form_field_input {
  display: inline-block;
  margin-bottom: -8px;
}

div.input-group span.input-group-btn button {
  background-color: whitesmoke;
}
/*
div div.form_field div.form_field_input div.input-group button.btn {
  font-weight: 900;
  font-size: 12px;
  padding: 4px 8px;
  color: #62b7d6;
}
*/

div.catEditButtons {
	float:right;
	width:42px;
}

.dataTables_wrapper .dataTables_length {
  padding-top:.55em;
}
div.dataTable div.dataTables_wrapper div.row div.dataTables_paginate {
  text-align: center;
  width:100%;
}

div.dataTables_wrapper div.dataTables_length label {
	font-weight:400;
}

div.dataTables_wrapper table.dataTable {
	border:1px solid;
}

div.dataTables_wrapper div.dataTables_info {
	padding-top:.4em;
}

div.dataTables_paginate a.paginate_button i.fa {
	font-size:17px;
}

div.catControlBar {
  margin-top: 10px;
}

.MgmtButton,
div.catControlBar a.catInsertButton {
	background:rgba(0,0,0,0) linear-gradient(to bottom,white 0%,#dcdcdc 100%) repeat scroll 0 0;
	border:1px solid #979797;
	color:#333;
	line-height:25px;
	margin-bottom:5px;
	margin-top:-5px;
	text-decoration: none;
}

div.catControlBar a.catInsertButton:hover,
div.catControlBar a.catInsertButton:focus,
div.catControlBar a.catInsertButton:active {
  color:#FFFFFF;
  background: #095E85;
  display: block;
	text-decoration:none;
}

div.dataTable div.dataTables_wrapper div.dataTables_info {
  /* color:#ccc; */
	padding-top:.55em;
	text-align:right;
	width:100%;
}

div.dataTable div.dataTables_wrapper input.yadcf-filter {
  color: #aaa;
  border: 1px solid #ddd;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: normal;
  margin-left: -3px;
  padding-left: 2px;
  margin-top: 1px;
}

div.dataTable table.dataTable tr.catFilters th {
  padding: 5px 22px 5px 5px;
}

div.dataTable div.dataTables_wrapper input.yadcf-filter.inuse {
  color:#000;
  background: #eee none repeat scroll 0 0;
}

button.yadcf-filter-reset-button {
  border: medium none;
  color: #aaa;
  display: inline-block;
  padding-bottom: 2px;
	margin-left: 5px;
}

div#catFilters0 {
	padding: 2px;
	margin-bottom: 4px;
	margin-top: 4px;
}

.select2-container {
  text-align: left;
}

table.dataTable thead th, table.dataTable thead td {
  padding: 10px 15px;
}

/*---------------------------------------------------------------------------------- */
/*   Datatables added 26-04-2021 AvD for layout of columns in un-collapsed row-view  */
/*---------------------------------------------------------------------------------- */

table.display.dataTable.dtr-inline.collapsed tbody tr.child td.child ul.dtr-details li {
  display: table;
}

table.display.dataTable.dtr-inline.collapsed tbody tr.child td.child ul.dtr-details li span.dtr-data {
  display: table-cell;
  width: 100%;
}

/*---------------------------------------- */
/*   Datatables / Column arrows sorting    */
/*---------------------------------------- */

/* Color of header */
table.dataTable thead th { white-space: nowrap;  border-left: solid 1px #CCCCCC; font-size: 12px; padding-right:30px; }
/* Color of sort-arrows */
div table.dataTable th.sorting::before,div table.dataTable th.sorting_asc::before,div table.dataTable th.sorting_desc::before{color:black;}
div table.dataTable th.sorting::after,div table.dataTable th.sorting_asc::after,div table.dataTable th.sorting_desc::after{color:black;}
/* Color of row-collapse-arrows */
body div table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before{}

body .mgmt-tooltip {
	font-size:11px;
	border:none;
	border-radius:8px;
	background:#000;
	color:#FFF;
	padding:4px;
	position:absolute;
	z-index:10000;
	max-width:150px;
	opacity:1;
	text-align:center;
	line-height:1.3;
}

body .mgmt-tooltip::before {
	top:auto;
	left:65px;
	right:auto;
	content:"";
	position:absolute;
	border-style:solid;
	border-color:#000 transparent;
	display:block;
	width:0;
}

body .mgmt-tooltip::before {
	top:-9px;
	border-width:0 10px 10px;
}


/* Pretty Checkboxes... */
.checkbox {
	padding-left:20px;
}

.checkbox label {
	display:inline-block;
	position:relative;
	padding-left:5px;
}

.checkbox label::before {
	content:"";
	display:inline-block;
	position:absolute;
	width:17px;
	height:17px;
	left:0;
	margin-left:-20px;
	border:1px solid #ccc;
	border-radius:3px;
	background-color:#fff;
	-webkit-transition:border .15s ease-in-out,color .15s ease-in-out;
	-o-transition:border .15s ease-in-out,color .15s ease-in-out;
	transition:border .15s ease-in-out,color .15s ease-in-out;
}

.checkbox label::after {
	display:inline-block;
	position:absolute;
	width:16px;
	height:16px;
	left:0;
	top:0;
	margin-left:-20px;
	padding-left:3px;
	padding-top:1px;
	font-size:11px;
	color:#555;
}

.checkbox input[type="checkbox"] {
	opacity:0;
}

.checkbox input[type="checkbox"]:focus + label::before {
	outline:thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px;
}

.checkbox input[type="checkbox"]:checked + label::after {
	font-family:FontAwesome, "Font Awesome 5 Pro";
	content:"\f00c";
}

.checkbox input[type="checkbox"]:disabled + label {
	opacity:.65;
}

.checkbox input[type="checkbox"]:disabled + label::before {
	background-color:#eee;
	cursor:not-allowed;
}

.checkbox.checkbox-circle label::before {
	border-radius:50%;
}

.checkbox.checkbox-inline {
	margin-top:0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before {
	background-color:#428bca;
	border-color:#428bca;
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
	color:#fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before {
	background-color:#d9534f;
	border-color:#d9534f;
}

.checkbox-danger input[type="checkbox"]:checked + label::after {
	color:#fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before {
	background-color:#5bc0de;
	border-color:#5bc0de;
}

.checkbox-info input[type="checkbox"]:checked + label::after {
	color:#fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before {
	background-color:#f0ad4e;
	border-color:#f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked + label::after {
	color:#fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before {
	background-color:#5cb85c;
	border-color:#5cb85c;
}

.checkbox-success input[type="checkbox"]:checked + label::after {
	color:#fff;
}

.TabGroup .TabPage {
  padding: 15px 5px;
}

/*! Fields tweaking */
/* Defs for iPhone etc. portrait mode min-width: 308px */
.input-group .form-control,
.input-group-addon,
.input-group-btn {
    margin-top: 1px;
}
form div.input-group {
  padding-bottom: 5px;
}
form div.field-group {
  border:1px solid #62b7d6;
  padding:0;
  border-radius: 5px;
  margin:0;
  margin-top:-1px;
}
form div.field-group div.form_field_input,
form div.field-group .select2-container {
  width: 237px;
}
form div.field-group .select2-container {
  margin: 0;
  padding-bottom: 15px;
  padding-top: 10px;
}
div.field-hdr.left-col {
  padding-right: 60px;
}
div.field-hdr.right-col {
  padding-left: 60px;
}
div.left-col {
  text-align: center;
  line-height: 36px;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: -7px;
  margin-top: -5px;
}
div div div.row div.left-col.icon-option {
 margin-top:7px;
}
div.right-col {
  text-align:center;
  line-height: 36px;
  padding-left: 5px;
  padding-right: 5px;
}

/* iPhone etc. landscape mode */
/* Bootstrap4 future: @media only screen and (min-width: 576px) { */
@media only screen and (min-width: 464px) {
  .form_field input,
  .form_field_input,
  .form_field textarea,
  .select2-container,
  form .response_form_button {
    width: 315px;
  }
  form div.form_field_input {
    width: 237px;
  }
  form div.field-group {
    margin: -1px 50px 0;
  }
}

/* iPad etc. portrait mode */
/* Bootstrap4 future: @media only screen and (min-width: 768px) {*/
@media only screen and (min-width: 744px) {
  div.left-col {
    text-align:right;
    margin:0;
  }
  div.right-col {
    text-align:left;
  }
  form div.field-group {
    border:none;
    margin:0px;
  }
  form div.field-group .select2-container,
  form div.input-group {
    padding:0;
  }
}



.radio {
	padding-left:20px;
}

.radio label {
	display:inline-block;
	position:relative;
	padding-left:5px;
}

.radio label::before {
	content:"";
	display:inline-block;
	position:absolute;
	width:17px;
	height:17px;
	left:0;
	margin-left:-20px;
	border:1px solid #ccc;
	border-radius:50%;
	background-color:#fff;
	-webkit-transition:border .15s ease-in-out;
	-o-transition:border .15s ease-in-out;
	transition:border .15s ease-in-out;
}

.radio label::after {
	display:inline-block;
	position:absolute;
	content:" ";
	width:11px;
	height:11px;
	left:3px;
	top:3px;
	margin-left:-20px;
	border-radius:50%;
	background-color:#555;
	-webkit-transform:scale(0,0);
	-ms-transform:scale(0,0);
	-o-transform:scale(0,0);
	transform:scale(0,0);
	-webkit-transition:-webkit-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);
	-moz-transition:-moz-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);
	-o-transition:-o-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);
	transition:transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);
}

.radio input[type="radio"] {
	opacity:0;
}

.radio input[type="radio"]:focus + label::before {
	outline:thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px;
}

.radio input[type="radio"]:checked + label::after {
	-webkit-transform:scale(1,1);
	-ms-transform:scale(1,1);
	-o-transform:scale(1,1);
	transform:scale(1,1);
}

.radio input[type="radio"]:disabled + label {
	opacity:.65;
}

.radio input[type="radio"]:disabled + label::before {
	cursor:not-allowed;
}

.radio.radio-inline {
	margin-top:0;
}

.radio-primary input[type="radio"] + label::after {
	background-color:#428bca;
}

.radio-primary input[type="radio"]:checked + label::before {
	border-color:#428bca;
}

.radio-primary input[type="radio"]:checked + label::after {
	background-color:#428bca;
}

.radio-danger input[type="radio"] + label::after {
	background-color:#d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
	border-color:#d9534f;
}

.radio-danger input[type="radio"]:checked + label::after {
	background-color:#d9534f;
}

.radio-info input[type="radio"] + label::after {
	background-color:#5bc0de;
}

.radio-info input[type="radio"]:checked + label::before {
	border-color:#5bc0de;
}

.radio-info input[type="radio"]:checked + label::after {
	background-color:#5bc0de;
}

.radio-warning input[type="radio"] + label::after {
	background-color:#f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::before {
	border-color:#f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::after {
	background-color:#f0ad4e;
}

.radio-success input[type="radio"] + label::after {
	background-color:#5cb85c;
}

.radio-success input[type="radio"]:checked + label::before {
	border-color:#5cb85c;
}

.radio-success input[type="radio"]:checked + label::after {
	background-color:#5cb85c;
}


/*---------------------------------------- */
/*     Minimal Bootstrap grid system       */
/*---------------------------------------- */

.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
  position: relative;
  min-height: 1px;
}

.col-xs-1 {
  float: left;
  width: 8.333333%;
}

.col-xs-2 {
  float: left;
  width: 16.666667%;
}

.col-xs-3 {
  float: left;
  width: 25%;
}

.col-xs-4 {
  float: left;
  width: 33.333333%;
}

.col-xs-5 {
  float: left;
  width: 41.666667%;
}

.col-xs-6 {
  float: left;
  width: 50%;
}

.col-xs-7 {
  float: left;
  width: 58.333333%;
}

.col-xs-8 {
  float: left;
  width: 66.666667%;
}

.col-xs-9 {
  float: left;
  width: 75%;
}

.col-xs-10 {
  float: left;
  width: 83.333333%;
}

.col-xs-11 {
  float: left;
  width: 91.666667%;
}

.col-xs-12 {
  float: left;
  width: 100%;
}

@media (min-width: 576px) {
  .col-sm-1 {
    float: left;
    width: 8.333333%;
  }
  .col-sm-2 {
    float: left;
    width: 16.666667%;
  }
  .col-sm-3 {
    float: left;
    width: 25%;
  }
  .col-sm-4 {
    float: left;
    width: 33.333333%;
  }
  .col-sm-5 {
    float: left;
    width: 41.666667%;
  }
  .col-sm-6 {
    float: left;
    width: 50%;
  }
  .col-sm-7 {
    float: left;
    width: 58.333333%;
  }
  .col-sm-8 {
    float: left;
    width: 66.666667%;
  }
  .col-sm-9 {
    float: left;
    width: 75%;
  }
  .col-sm-10 {
    float: left;
    width: 83.333333%;
  }
  .col-sm-11 {
    float: left;
    width: 91.666667%;
  }
  .col-sm-12 {
    float: left;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .col-md-1 {
    float: left;
    width: 8.333333%;
  }
  .col-md-2 {
    float: left;
    width: 16.666667%;
  }
  .col-md-3 {
    float: left;
    width: 25%;
  }
  .col-md-4 {
    float: left;
    width: 33.333333%;
  }
  .col-md-5 {
    float: left;
    width: 41.666667%;
  }
  .col-md-6 {
    float: left;
    width: 50%;
  }
  .col-md-7 {
    float: left;
    width: 58.333333%;
  }
  .col-md-8 {
    float: left;
    width: 66.666667%;
  }
  .col-md-9 {
    float: left;
    width: 75%;
  }
  .col-md-10 {
    float: left;
    width: 83.333333%;
  }
  .col-md-11 {
    float: left;
    width: 91.666667%;
  }
  .col-md-12 {
    float: left;
    width: 100%;
  }
}

@media (min-width: 992px) {
  .col-lg-1 {
    float: left;
    width: 8.333333%;
  }
  .col-lg-2 {
    float: left;
    width: 16.666667%;
  }
  .col-lg-3 {
    float: left;
    width: 25%;
  }
  .col-lg-4 {
    float: left;
    width: 33.333333%;
  }
  .col-lg-5 {
    float: left;
    width: 41.666667%;
  }
  .col-lg-6 {
    float: left;
    width: 50%;
  }
  .col-lg-7 {
    float: left;
    width: 58.333333%;
  }
  .col-lg-8 {
    float: left;
    width: 66.666667%;
  }
  .col-lg-9 {
    float: left;
    width: 75%;
  }
  .col-lg-10 {
    float: left;
    width: 83.333333%;
  }
  .col-lg-11 {
    float: left;
    width: 91.666667%;
  }
  .col-lg-12 {
    float: left;
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .col-xl-1 {
    float: left;
    width: 8.333333%;
  }
  .col-xl-2 {
    float: left;
    width: 16.666667%;
  }
  .col-xl-3 {
    float: left;
    width: 25%;
  }
  .col-xl-4 {
    float: left;
    width: 33.333333%;
  }
  .col-xl-5 {
    float: left;
    width: 41.666667%;
  }
  .col-xl-6 {
    float: left;
    width: 50%;
  }
  .col-xl-7 {
    float: left;
    width: 58.333333%;
  }
  .col-xl-8 {
    float: left;
    width: 66.666667%;
  }
  .col-xl-9 {
    float: left;
    width: 75%;
  }
  .col-xl-10 {
    float: left;
    width: 83.333333%;
  }
  .col-xl-11 {
    float: left;
    width: 91.666667%;
  }
  .col-xl-12 {
    float: left;
    width: 100%;
  }
}

/* Page editor */

div.device_icon a i.fas {
  font-size: 33px;
}

/* Remove arrow buttons in number-fields */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


/*---------------------------------------- */
/* FancyForms                              */
/* Newer system of forms                   */
/*---------------------------------------- */
/* FancyForms Material style               */
/*---------------------------------------- */
/* This part copied 20-02-2023 from www.web-op-maat.nl/HTML/beheer/mgmt_portalv3/_style */
.fancyForm {
	margin:auto;
	// background-color:#EEEEEE;
	width: 308px;
	padding-left:0px;
}
.fancyForm .fancyField {
	clear: both;
	max-width: 100%;
	margin: 3px;
	margin-top: 6px;
}
.fancyForm .fancyField > div {
	width: 265px;
	margin-right: 3px;
	display: inline-block;
	position:relative;
	vertical-align: top;
}
.fancyForm .fancyField > div.half { width: 131px; }
.fancyForm .fancyField > div.third { width: 88px; }
.fancyForm .fancyField > div.quarter { width: 65px; }
.fancyForm .fancyField > div.twothird { width: 174px; }
.fancyForm .fancyField > div.threequarter { width: 197px; }
.fancyForm .formFlow {
	clear:none;
	float:left;
}
.fancyForm .fancyField > div > div.upload,
.fancyForm .fancyField > div > textarea,
.fancyForm .fancyField > div > fieldset {
	margin: 0;
	margin-top: 15px;
	width: 100%;
}
.fancyForm .fancyField > div > fieldset ~ label.error,
.fancyForm .fancyField > div > textarea ~ label.error {
	position: relative;
	left: 0;
	padding-left: 5px;
	background-color:transparent;
	color: red;
	width: 100%;
	height: 16px;
	z-index: 5;
	font-size: 12px;
	line-height: 16px;
}
.fancyForm .fancyField > div > input ~ label.error::before,
.fancyForm .fancyField > div > .passStrengthify > input ~ label.error::before,
.fancyForm .fancyField > div > textarea ~ label.error::before {
	content: "\f06a";
	font-family: "Font Awesome 5 Pro";
	padding-right: 5px;
	font-size: 11px;
}
.fancyForm .fancyField.invalid,
.fancyForm .fancyField .invalid {
	background-color: #FFCCCC;
}
.fancyForm .fancyField {
	margin-top: 16px;
}
.fancyForm .fancyField > div {
	width: 265px;
	margin-right: 3px;
	display: inline-block;
	position:relative;
	vertical-align: top;
}
.fancyForm .fancyField > div select,
.fancyForm .fancyField > div > input,
.fancyForm .fancyField > div > input.empty:invalid,
.fancyForm .fancyField > div > input.empty.error,
.fancyForm .fancyField > div > .passStrengthify > input,
.fancyForm .fancyField > div > .passStrengthify > input.empty:invalid,
.fancyForm .fancyField > div > .passStrengthify > input.empty.error {
	border: 0;
	border-radius: 0px;
	width: 100%;
	height: 26px;
	line-height: 20px;
	border-bottom: solid 2px #888888;
	background-color: transparent;
	outline: none;
	padding: 0px;
	padding-left: 8px;
}
.fancyForm .fancyField > div > input.empty,
.fancyForm .fancyField > div > .passStrengthify > input.empty {
	border-bottom: solid 2px #888888;
}
.fancyForm .fancyField > div > input:hover,
.fancyForm .fancyField > div > input.empty:hover,
.fancyForm .fancyField > div > .passStrengthify > input:hover,
.fancyForm .fancyField > div > .passStrengthify > input.empty:hover {
	border-bottom-color: #000000;
}
.fancyForm .fancyField > div > input.empty:focus,
.fancyForm .fancyField > div > input:focus,
.fancyForm .fancyField > div > .passStrengthify > input.empty:focus,
.fancyForm .fancyField > div > .passStrengthify > input:focus {
	border-bottom-color: #367A99;
}
.fancyForm .fancyField > div > input.error:focus,
.fancyForm .fancyField > div > input.empty.error,
.fancyForm .fancyField > div > input:invalid:hover,
.fancyForm .fancyField > div > input.empty.error:focus,
.fancyForm .fancyField > div > input.error,
.fancyForm .fancyField > div > .passStrengthify > input.error:focus,
.fancyForm .fancyField > div > .passStrengthify > input.empty.error,
.fancyForm .fancyField > div > .passStrengthify > input:invalid:hover,
.fancyForm .fancyField > div > .passStrengthify > input.empty.error:focus,
.fancyForm .fancyField > div > .passStrengthify > input.error {
	border-bottom-color: red;
	color: #000000;
}
.fancyForm .fancyField > div > input.empty:invalid ~ label,
.fancyForm .fancyField > div > input.empty.error ~ label,
.fancyForm .fancyField > div > input.empty ~ label,
.fancyForm .fancyField > div > input.empty:focus ~ label,
.fancyForm .fancyField > div > input ~ label,
.fancyForm .fancyField > div > .passStrengthify > input.empty:invalid ~ label,
.fancyForm .fancyField > div > .passStrengthify > input.empty.error ~ label,
.fancyForm .fancyField > div > .passStrengthify > input.empty ~ label,
.fancyForm .fancyField > div > .passStrengthify > input.empty:focus ~ label,
.fancyForm .fancyField > div > .passStrengthify > input ~ label {
	white-space: nowrap;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-o-transition: all 0.25s;
	-ms-transition: all 0.25s;
	transition: all 0.25s;
	position: absolute;
	width: 100%;
	height: 16px;
	top: -10px;
	left: 0;
	color: #888888;
	line-height: 16px;
	font-family: helvetica, arial;
	font-size: 11px;
	padding-left: 5px;
}
.fancyForm .fancyField > div > input.empty ~ label,
.fancyForm .fancyField > div > .passStrengthify > input.empty ~ label {
	top: 0px;
	padding-left: 5px;
	left: 0;
	font-size: 14px;
	font-weight: normal;
	color: #999999;
}
.fancyForm .fancyField > div > input.empty:focus ~ label,
.fancyForm .fancyField > div > input:focus ~ label,
.fancyForm .fancyField > div > .passStrengthify > input.empty:focus ~ label,
.fancyForm .fancyField > div > .passStrengthify > input:focus ~ label {
	color: #367A99;
}
.fancyForm .fancyField > div > input.empty:invalid ~ label.error,
.fancyForm .fancyField > div > input.empty.error ~ label.error,
.fancyForm .fancyField > div > input.empty:focus ~ label.error,
.fancyForm .fancyField > div > input ~ label.error,
.fancyForm .fancyField > div > .passStrengthify > input.empty:invalid ~ label.error,
.fancyForm .fancyField > div > .passStrengthify > input.empty.error ~ label.error,
.fancyForm .fancyField > div > .passStrengthify > input.empty:focus ~ label.error,
.fancyForm .fancyField > div > .passStrengthify > input ~ label.error {
	white-space: nowrap;
	position: relative;
	display: block;
	top: 0px;
	z-index: 5;
	background-color: transparent;
	color: red;
	margin-bottom: 5px;
	width: auto;
	min-width: 100%;
	font-size: 12px;
}
.fancyForm .fancyField > div > input ~ label.error::before,
.fancyForm .fancyField > div > .passStrengthify > input ~ label.error::before {
	content: "\f06a";
	font-family: "Font Awesome 5 Pro";
	padding-right: 5px;
	font-size: 11px;
}
.fancyForm .fancyField > i {
	display:inline-block;
	width: 32px;
	height: 36px;
	font-size: 18px;
	line-height: 32px;
	text-align: right;
	vertical-align: top;
	padding-left: 3px;
	padding-top: 3px;
	color: #367A99;
}
.fancyForm .fancyField > div > div.upload input[type="file"] {
	width: 250px;
}
.fancyForm .fancyField > div > textarea {
	outline: none;
}
.fancyForm .fancyField > div > div.upload,
.fancyForm .fancyField > div > textarea,
.fancyForm .fancyField > div > fieldset{
	padding-top: 5px;
	margin-top: 15px;
	border: solid 2px #888888;
	resize: vertical;
}
.fancyForm .fancyField > div > div.upload ~ label,
.fancyForm .fancyField > div > textarea ~ label,
.fancyForm .fancyField > div > fieldset ~ label {
	white-space: nowrap;
	width: auto;
	height: 16px;
	position: absolute;
	top: -5px;
	left:2px;
	color: #888888;
	background-color: #FFFFFF;
	line-height: 16px;
	font-size: 12px;
	padding-left:5px;
	border-top-right-radius: 6px;
}
.fancyForm .fancyField > div > textarea:hover ~ label,
.fancyForm .fancyField > div > fieldset:hover ~ label {
	color: #000000;
}
.fancyForm .fancyField > div > div.upload:focus,
.fancyForm .fancyField > div > textarea:focus,
.fancyForm .fancyField > div > fieldset:focus {
	border-color: #367A99
}
.fancyForm .fancyField > div > div.upload ~ label.error,
.fancyForm .fancyField > div > textarea ~ label.error,
.fancyForm .fancyField > div > fieldset ~ label.error {
	position: relative;
	color: red;
}
.fancyForm .-cms-file-container {
	padding-left: 10px;
	padding-right: 10px;
}
.fancyForm .upload .expl {
	width: 240px;
}
.fancyForm input[type=submit],
.fancyForm input[type=button],
.fancyForm input[type=checkbox],
.fancyForm input[type=radio] {
	width: auto;
	background-color: #367A99;
	color: #CCCCCC;
	border-radius: 6px;
	border: 1px solid #367A99;
	-webkit-appearance: none;
	appearance: none;
}
.fancyForm .fancySubmit {
	margin-left: 1px;
	margin-top: 8px;
	margin-bottom: 8px;
}
.fancyForm .fancySubmit > input[type=submit] {
	float: right;
}
.fancyForm .fancyField .select2-container {
	width: 100%;
	height: 36px;
}
.fancyForm .fancyField .select2-choice{
	height: 36px;
}
.fancyField .passStrengthify a {
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 6px;
}