html {
	background-color:var(--white)!important;
}
body {
	--blue:#003F67;
	--blue-dark:#0F1429;
	--yellow:#F5BF00;
	--green:#2ECC40;
	--red:#E40424;
	--grey:#F1F4F9;
	--grey-dark:#C5D4E8;
	--link-radius:0px;
	font-family: 'Frank New';
	background-color:transparent;
	color:var(--black);
}
body::after {
	content:''; display:block; position: fixed; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%;
	background:#fff url('../images/pattern-surfshop-light.svg') repeat center top / 1600px; z-index: -1; opacity: 0.5;
}

body > header { position:relative; z-index: 1; top:0px; left:0px; right:0px; width:100%; background-color:transparent; padding-top:24px; padding-bottom: 24px; display:flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: nowrap; min-height:calc(80px + 24px + 24px)}
body > header > figure { width: 128px!important;}
body > header > nav {position:relative; z-index: 0; flex-basis: 50%; text-align: left;}
body > header > nav > ul { text-align: left; display:none;}
body > header > nav > ul > li { display:inline-block; }
body > header > nav > ul > li > a { padding:0px!important;}
body > header > nav > ul > li > a > i {}
body > header > nav > ul > li > a > span { font-size:16px; }
body > header > nav > ul > li.dashboard { }
body > header > nav > ul > li.dashboard > a { flex-basis: 96px; margin:0px!important; padding: 0px!important;}
body > header > nav > ul > li.dashboard > a > i { display:inline-block; width:48px; height:48px; text-align: center; border-radius:0%!important; background:var(--ghost); font-style: normal!important; font-weight: 700!important; font-size: 16px; line-height: 22px;  }
body > header > nav > ul > li.dashboard > a > span { display: none!important;}
body > header > nav > ul > li.group > a { background:var(--ghost); }
body > header > nav:last-of-type {text-align: right;}
body > header > nav:last-of-type > ul > li.logout > a { background-color: var(--red); color:var(--white);}
body > header > nav:last-of-type > ul > li.logout > a > span { display:none!important;}

@media only screen and (min-width: 768px) {
	
}

body > footer { padding-top:24px; padding-bottom: 24px;}

body > header + main { position:relative; z-index: 0; }
body > header.-has-form + main {}

body.signupkit-loaded > main { opacity:1!important; transform:none!important; max-height: none!important; }
body.single-signupkit-entry {}
body.single-signupkit-entry > header + main {}

#access {display:block; text-align: center; overflow: hidden; position:relative;}
#access > section.main { max-width:320px; margin:0 auto; }
#access > section.main > form {}
#access > section.main > a { display:inline-block; width:100%; font-size:1rem; line-height: 1rem; font-weight: 400; text-align: center; opacity: 0.6;}
#access > section.footer { position: absolute; left:0px; bottom:0px; right:0px; width:100%; max-width: 100%; background-color: var(--white); padding-top:24px; padding-bottom:24px;}
#access > section.footer > svg { display: inline-block; height:56px; vertical-align: bottom;}

#group {  padding:16px 6vw 114px 6vw; }
#group > form { padding:0px;}
#group > nav {}
#group > nav:not(.signupkit-pagination) > ul { width:100%; text-align:center;}
#group > nav > ul > li > a { font-size: 1rem!important;}
.activities.-repeater { display:flex; gap:6px; flex-wrap: nowrap;}
.activities.-repeater > label + label { min-width:96px; flex-basis:96px;}
.activities.-repeater > label + label + label { min-width:96px; flex-basis:96px;}
.activities.-repeater > section {min-width:56px; flex-basis:56px; padding-top:calc(22px + 3px);}
.activities.-repeater > section > button { margin:0px; padding:0px; display:none; }
.activities.-repeater > section > button > span { display:none;}
.activities.-repeater + button { width:100%; background-color: var(--ghost); margin:6px 0px; text-align: center;}
.activities.-repeater +  .-repeater > section > button { display:block;}
#group form button.update { padding:0px;}
#group form button.update > i { width:42px; height:42px; overflow: hidden;}
#group form button.update > i > svg { width:22px; height:22px; transform:translateY(-22px); transition:transform 125ms linear;}
#group form button.update > i > svg:nth-child(1) {opacity:0;}
#group form button.update > i > svg:nth-child(2) {opacity:1;}
#group form button.update > i > svg:nth-child(3) {opacity:0;}
#group form.--sent button.update { background-color: var(--green);}
#group form.--sent button.update > i > svg {transform:translateY(-44px);}
#group form.--sent button.update > i > svg:nth-child(1) {opacity:0;}
#group form.--sent button.update > i > svg:nth-child(2) {opacity:0;}
#group form.--sent button.update > i > svg:nth-child(3) {opacity:1;}


form#login {}
form#login p.login-remember { display:none;font-size:1rem; line-height: 1rem;}

form#start { background-color:transparent; text-align: left; margin:0 auto;}
form#start fieldset { margin:0 auto; max-width: none!important;}
form#start fieldset section { --grid-row-gap:0px; --grid-column-gap:0px; max-width: none!important; }
form#start fieldset > section {background: transparent url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 4 4" style="enable-background:new 0 0 4 4;" xml:space="preserve" opacity="0.5" stroke-width="0.5px"> <line stroke="grey" class="st0" x1="0" y1="0" x2="4" y2="4"/> <line stroke="grey" x1="-0.4" y1="3.6" x2="0.4" y2="4.4"/> <line stroke="grey" x1="3.6" y1="-0.4" x2="4.4" y2="0.4"/> </svg>') repeat center center / 8px;}
form#start fieldset section section { background-color: #fff; padding:3vw 6vw; }
form#start fieldset section section figure { width:192px; height:192px; display:inline-block; }
form#start fieldset section section figure picture { width:192px; height:192px; border-radius:0%; overflow: hidden; box-shadow: inset 0 0 0 2px #efefef;}
form#start fieldset section section figure picture img {width:192px; height:192px; object-fit: cover; }
form#start fieldset section section p { font-size: 18px; line-height: 26px; }
form#start fieldset section section p.date { display:inline-block; padding:6px 12px; background-color: var(--magenta); color:#fff; margin:0px; font-weight: 700;}
form#start fieldset section label { display:block; position:relative!important; margin:0px!important; background-color: var(--black);}
form#start fieldset section label input { display:none;}
form#start fieldset section label span { font-family: 'Frank New'; text-transform: uppercase; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index: 2!important; color: #fff; font-size:18px; padding:16px; border:#fff 3px solid; text-align: center; margin:0px!important;}
form#start fieldset section label span::after { display:none!important;}
form#start fieldset section label img { position:relative; z-index: 0!important; width: 100%; max-width: 100%; height:100%!important; aspect-ratio:1/1; vertical-align:bottom; opacity:0.8;}
form#start fieldset section label small { position:absolute; right:12px; top:12px; z-index: 3; background-color: #fff; color:#000; border-radius:0px; padding:12px 12px; font-size: 16px; line-height: 16px;}
form#start fieldset section label i { position:absolute; left:50%; top:calc(100% - 12px); transform:translateX(-50%); z-index: 3; background-color: #fff; color:#000; border-radius:0px; padding:8px 12px; font-size: 14px; line-height: 14px;}
form#start fieldset section label::after{
	content:''; position:absolute; left:0px; bottom:0px; width:100%; height:35%; z-index: 1!important; opacity: 0.5;
	transition:all 175ms ease-in-out;
	background: rgb(2,0,36);
	background: linear-gradient(0deg, rgba(2,0,36,0.5) 0%, rgba(2,0,36,0.5) 50%, rgba(2,0,36,0) 100%);
}
form#start fieldset section label:hover { cursor: pointer;}
form#start fieldset section label:hover::after { opacity:0.8; height:45%;}

form#start fieldset section label input[disabled] ~ img { opacity:0.2;}
form#start fieldset section label input[disabled] ~ span {opacity:1;}
form#start fieldset section label input[disabled] ~ small {opacity:1;}
form#start fieldset section label input[disabled] ~ span u { position: absolute; right:-12px; top:-12px; background: var(--magenta); color:var(--white); padding:6px; font-size: 16px; line-height: 16px; }


form#start label { display:none;}
form#start input[name="Kenteken"] { display:inline-block; height:75px; background: var(--yellow) url('../images/licenseplate.svg') no-repeat left center/54px; padding-left:64px; padding-bottom:8px; font-size: 32px; line-height: 32px; text-transform: uppercase; font-weight: 700; color: var(--blue); border-radius: 8px; text-align: left; border:none; }
form#start input[name="Kenteken"]::placeholder{ color: var(--blue); opacity:1!important;}
form#start button { display: inline-block; background: var(--blue); color:var(--white); border-radius:8px; padding: 0 64px 0 24px; margin:0px; margin-top:16px; height:56px; background: var(--blue) url('../images/icon-check-white.svg') no-repeat calc(100% - 24px) center/30px; letter-spacing: -1px;}

@media only screen and (max-width: 768px) {
	form#start fieldset section section { text-align: center;}
	form#start fieldset section label:only-of-type { grid-column-end: span 12!important;}
}

form#group { display:block; }
form#group > section { display:block; position:relative; max-width:520px;  margin:0 auto;  background-color:var(--white); border-radius:0px;  }
form#group > section > fieldset {padding:12px; border:var(--grey-dark) 1px solid;}
form#group > section > nav { position: absolute; top:100%; left:0px; width:100%; padding-top:24px; padding-bottom: 24px; padding-right:12px; padding-left: 12px;}
form#group > section > nav > ul { display:flex; flex-direction: row; justify-content: space-between; }
form#group > section > nav > ul > li {}
form#group > section > nav > ul > li > button { margin:0px; padding:8px 16px 12px 16px; background-color: var(--blue); color:var(--white);}
form#group > section > nav > ul > li > button > b { margin:0px; right:8px;}
form#group > section > nav > ul > li > button > b > svg { width:24px; height:24px;}
form#group > section > nav > ul > li > button.back { background-color: var(--white); padding:4px;}
form#group > section > nav > ul > li > button.back > span { display:none;}
form#group > section > nav > ul > li > button.next { background-color: var(--blue); color:var(--white);}
form#group > section > nav > ul > li > button.complete { background-color:var(--blue); color:var(--white);}

form#group > section > section {
	background-color: var(--grey-dark); margin-top:8px;
}
form#group > section > section span.instruction { 
	display: block; text-align: center;
	position: relative;
	max-width: 520px;
	margin: 0 auto;
	/* background-color: var(--white); */
	border-radius: 0px;
	padding: 12px;
	border: var(--grey-dark) 1px solid;
}

form#entry { display:block; padding:16px 6vw 114px 6vw;  }
form#entry > section { display:block; position:relative; max-width:520px;  margin:0 auto;  background-color:var(--white); border-radius:0px; padding:12px; border:var(--grey-dark) 1px solid; }
form#entry > section > object {
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	display:block; margin:0px; padding:0px; border:none; position:relative; vertical-align: bottom;
	margin-left:-12px; margin-top:-12px; width:calc(100% + 24px); overflow:hidden;
}
form#entry > section > object > button { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index: 2; background-color:var(--white); transition: opacity 125ms linear;}
form#entry > section > object > button > span { display:none;}
form#entry > section > object > figure {
	display:block; margin:0px; width:100%; min-height:196px; overflow:hidden; position:relative; z-index: 1; transition: opacity 125ms linear;

}
form#entry > section > object > figure > picture { display:block; width:100%; height:100%;}
form#entry > section > object > figure > picture > img { width:100%; min-width:100%; max-width:100%; height:auto; max-height:196px; min-height:196px; object-fit:cover; vertical-align: bottom;}
form#entry > section > object > figure > picture:after{
		content: '';
		background-color: #fff;
		display: block;
		width: 120%;
		height: 109px;
		left: 0; top: 100%;
		position: absolute;
		transform: rotate(-3deg); transform-origin: left top;
}
form#entry > section > object > video {
	display:inline-block; position:relative; z-index: 0; width:100%; min-width:100%; max-width:100%; height:auto; min-height:196px; overflow:hidden; object-fit:contain; vertical-align: top;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
form#entry > section > object > video ~ figure { position:absolute; left:0px; top:0px; right:0px; bottom:0px;}
form#entry > section > object > video ~ figure > picture > img {height:100%; max-height:100%;}

form#entry > section > object.--paused {}
form#entry > section > object.--paused ~ fieldset,
form#entry > section > object.--paused ~ nav { height:0px; opacity:0; pointer-events: none;}
form#entry > section > object.--playing {}
form#entry > section > object.--playing > button,
form#entry > section > object.--playing > figure { opacity:0; pointer-events:none;}
form#entry > section > object.--playing ~ fieldset,
form#entry > section > object.--playing ~ nav { height:0px; opacity:0; pointer-events: none;}
form#entry > section > object.--stopped {}
form#entry > section > object.--stopped ~ fieldset,
form#entry > section > object.--stopped ~ nav { opacity:1; pointer-events: all;}

form#entry > section > h6 { position:relative; font-size: 1rem; text-transform: uppercase;}
form#entry > section > h6::after { content:''; display:block; width:32px; height:3px; background: currentColor; position:absolute; left:0px; top:calc(100% + 8px);}
form#entry > section > h3 { font-size:1.8em; padding-right:80px;}
form#entry > section > details { position: relative; overflow: visible;}
form#entry > section > details > summary { position: absolute; right:0px; bottom:calc(100% + 8px); padding-right:0px;}
form#entry > section > details > summary > button { pointer-events:none; background-color:var(--grey); border-radius:50%; margin:0px; padding:0px;}
form#entry > section > details > summary > button > span { display:none;}
form#entry > section > details[open] > summary > button {background-color:var(--blue); color:var(--white);}
form#entry > section > fieldset > section { margin-bottom:8px;}
form#entry > section > nav { position: absolute; top:100%; left:0px; width:100%; padding-top:24px; padding-bottom: 24px; padding-right:12px; padding-left: 12px;}
form#entry > section > nav > ul { display:flex; flex-direction: row; justify-content: space-between; }
form#entry > section > nav > ul > li {}
form#entry > section > nav > ul > li > button { margin:0px; padding:8px 16px 12px 16px;}
form#entry > section > nav > ul > li > button > b { margin:0px; right:8px;}
form#entry > section > nav > ul > li > button > b > svg { width:24px; height:24px;}
form#entry > section > nav > ul > li > button.back { background-color: var(--white); padding:4px;}
form#entry > section > nav > ul > li > button.back > span { display:none;}
form#entry > section > nav > ul > li > button.next { background-color: var(--blue); color:var(--white);}
form#entry > section > nav > ul > li > button.complete { background-color:var(--green); color:var(--white);}

form#entry > section.complete { background-color:var(--blue); color:var(--white); min-height:256px; text-align: center; position:relative;}
form#entry > section.complete > img { margin-left:-12px; margin-top:-12px; width: calc(100% + 24px);}
form#entry > section.complete > p { font-size: 18px; line-height: 26px;}


section.entries,
section.users { text-align: center; padding-top:24px; padding-bottom:24px; --grid-row-gap:0px;}
section.signupkit-form { padding-top:12px;}

ul.entries { display:block; padding-bottom:48px; }
ul.entries > li { display: block; margin-bottom: 4px;}
ul.entries > li > a { display: block; background: var(--white) url('../images/icon-right.svg') no-repeat calc(100% - 24px) center/30px; padding:12px 72px 12px 16px; border-radius: 8px; text-align: left; border:var(--grey-dark) 1px solid; transition: border 100ms linear;}
ul.entries > li > a > span { display:block; }
ul.entries > li > a > span.title { padding-bottom: 4px; text-transform: capitalize;}
ul.entries > li > a > span.license { display: inline-block; font-size: 16px; line-height:24px; background:var(--yellow) url('../images/licenseplate.svg') no-repeat left center/24px; padding:4px 12px 4px 32px; border-radius: 4px; text-transform: uppercase;}
ul.entries > li > a > span.author { display: inline-block; margin-left:8px; font-size:13px; font-weight:400; line-height: 16px;}
ul.entries > li > a > span.date { display: inline-block; margin-left:8px; font-size:13px; font-weight:400; line-height: 16px;  float:right; min-width:256px; margin-top:4px; white-space: nowrap;}
ul.entries > li > a > span.date > strong { text-transform: capitalize;}

ul.entries > li.private > a { background: var(--white) url('../images/icon-edit.svg') no-repeat calc(100% - 24px) center/24px;}
ul.entries > li.publish > a { background: var(--white) url('../images/icon-check.svg') no-repeat calc(100% - 24px) center/24px;}

ul.entries > li > a:hover { border-color:var(--blue-dark);}

section.entry { display:block; position:relative; max-width:480px;  margin:0 auto; padding-bottom:48px; padding-top:12px;  }
section.entry > article {display:block; position:relative; max-width:480px; margin:0 auto;  background-color:var(--white); border-radius:8px; padding:12px 24px; }

a.back { display:block; text-align: center; background-color:var(--white); max-width:520px;  margin:0 auto; margin-top:24px;}

section.signupkit-misc { text-align: center; opacity:0.4;}
section.signupkit-misc > small { font-size:12px;}


@media only screen and (max-width: 1080px) {
	body > header > nav > ul > li > a > span { display:none!important;}
}
@media only screen and (max-width: 720px) {
	body > header > nav > ul > li:not(:last-child) { display:none!important;}
	ul.entries > li > a > span.date { float: none; margin:0px; margin-top:8px; padding-top:4px; display: block; border-top:var(--grey-dark) 1px solid;}
	ul.entries > li > a > span.date > br { display: none;}
	ul.entries > li > a > span.date > strong { display:inline-block; margin-left: 6px;}
}
@media only screen and (min-width: 520px) {
	form#start fieldset {max-width: 480px; min-width:480px;}
	form#start input[name="Kenteken"] { max-width: 480px;}
	section.license > span {max-width: 480px;}
}


ul.signupkit-uploads { display:block; margin:0px; margin:0px; list-style: none;}
ul.signupkit-uploads > li { display:inline-block; vertical-align: top; margin: 4px 4px 0 0; position:relative;}
figure.signupkit-upload {display:block; position:relative; vertical-align:top; width:128px; height:128px; min-width:128px; min-height:128px;}
figure.signupkit-upload > a { position:absolute; z-index:1; top:auto; left:auto; right:4px; bottom:4px; width:24px; height:24px; margin:0px; padding:0px; background-color:#fff; line-height:16px;}
figure.signupkit-upload > a * { display:inline-block;}
figure.signupkit-upload > a > i {width:24px; height:24px; margin:0px; padding:4px;}
figure.signupkit-upload > a > i > svg { width:16px; height:16px;}
figure.signupkit-upload > a > span { display:none;}
figure.signupkit-upload > picture {display:block; position:relative; z-index:0; vertical-align:bottom; width:100%; height:100%;}
figure.signupkit-upload > picture > img {display:block; vertical-align:bottom; width:100%; height:100%; object-fit:contain; background-color:#000; border-radius:4px; overflow:hidden;}
figure.signupkit-upload > figcaption { display:none!important;}
button.signupkit-remove { background-color:var(--red); color:var(--white); padding:0px; margin:0px; margin-top:4px;}

/* Data */
article.signupkit-data {font-size: 1rem; line-height: 24px; }
article.signupkit-data > h6 { font-size:1.2rem; line-height:1em;}
article.signupkit-data > ul { margin:0px; padding:0px;}
article.signupkit-data > ul > li:not(:last-child){ margin-bottom:6px;}
article.signupkit-data > h6 + ul { border-left:var(--blue) 1px solid; padding-left:16px;}
article.signupkit-data > ul > li > figure { display:inline-block; position:relative; vertical-align:top; width:128px; height:128px; margin-right:4px; margin-top: 4px;}
article.signupkit-data > nav {}
article.signupkit-data > nav a { background-color: var(--ghost); color:var(--blue); padding:0px;}

/* Filter */
details.signupkit-filter {background-color:var(--white)!important; border:var(--grey-dark) 1px solid; box-shadow: none; width:100%; border-radius:0px; padding:12px; margin-bottom:12px;}
details.signupkit-filter > summary { text-align: left; font-size: 18px; line-height: 24px; padding:12px 0;  min-height:48px;}
details.signupkit-filter > summary > b { line-height: 16px;}
details.signupkit-filter > summary > sup { font-size: 0px; display:inline-block; width:6px; height:6px; border-radius: 50%; background-color: var(--red);}
details.signupkit-filter[open] > summary {border-bottom:var(--grey-dark) 1px solid;}

/* Filter */
form.signupkit-filter { position: relative; margin-top:24px; background-color:transparent; border-radius:0px;}
form.signupkit-filter > fieldset { vertical-align: bottom; text-align: left;}
form.signupkit-filter > fieldset > section { display:inline-block; vertical-align: bottom; margin-bottom:8px; width:100%; }
form.signupkit-filter > fieldset > section > label { display:none;}
form.signupkit-filter > fieldset > section > select { background-color:var(--white)!important;  width:100%;}
form.signupkit-filter > section { padding-bottom:8px;}
form.signupkit-filter > section > ul { display:flex; flex-direction: row; flex-wrap:nowrap; justify-content: space-between; align-items: center;}
form.signupkit-filter > section > ul > li > input {background-color:var(--white)!important; border:var(--grey-dark) 1px solid; max-width:96px!important;}
form.signupkit-filter > section > ul > li > a { margin:0px; background-color:transparent;  padding:0px;}
form.signupkit-filter > section > ul > li > a > span { display:none}
form.signupkit-filter > section > ul > li > button { background-color:var(--blue); color:var(--white); margin:0px; padding:0px;}
form.signupkit-filter > fieldset > section.signupkit-daterange > input {display:inline-block!important; vertical-align:top!important; width:48%!important; background-color:var(--white); color:var(--blue); line-height: 56px;}
form.signupkit-filter > fieldset > section.signupkit-daterange > input:last-of-type { float: right;}
form.signupkit-filter > fieldset > section.signupkit-timerange > input {display:inline-block!important; vertical-align:top!important; width:48%!important; background-color:var(--white); color:var(--blue); line-height: 56px;}
form.signupkit-filter > fieldset > section.signupkit-timerange > input:last-of-type { float: right;}

/* RAPPORT */
section.signupkit-rapport { font-size: 1rem; line-height: 24px; text-align: left; background-color:var(--blue-light); color:var(--white); border:var(--blue) 1px solid; border-radius:4px; padding:12px; margin-bottom:12px;}
section.signupkit-rapport > h6 { margin-top: 0px;}
section.signupkit-rapport > ul { display:flex; flex-direction: row; flex-wrap: wrap; width:100%; list-style: none; padding:0px; margin:0px; gap: 6px;}
section.signupkit-rapport > ul > li { flex-basis: 160px; padding:12px; flex-grow: 1; flex-shrink: 1; border:var(--grey-dark) 1px solid; position: relative;}
section.signupkit-rapport > ul > li > a { position: absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%;}
section.signupkit-rapport > ul > li > a > * { display:none;}
section.signupkit-rapport > a { background-color: var(--blue); color:var(--white); padding:0px; margin:0px; margin-top:16px;}
section.signupkit-rapport > p { font-size: 18px; line-height: 24px;}
section.signupkit-rapport > p i { font-size: 24px; font-style: normal;}

/* TABLE */
table.signupkit-table {
	display:flex; flex-direction: column; flex-wrap: nowrap; justify-items: flex-start; align-items:flex-start; gap:6px; width:100%; position:relative; table-layout: fixed; border-collapse: collapse; overflow: hidden; overflow-x: auto;
	font-size: 1rem; line-height: 24px; text-align: left; background-color:var(--white); border:var(--grey-dark) 1px solid; border-radius:0px; padding:12px;
}
table.signupkit-table > thead{ display:flex; flex-direction: column; flex-wrap: nowrap; justify-items: flex-start; align-items:flex-start; gap:6px; width:100%; border-bottom:var(--grey-dark) 1px solid;}
table.signupkit-table > thead > tr {display:flex; flex-direction: row; flex-wrap: nowrap; justify-items: flex-start; align-items:flex-start; align-content: stretch; gap:1px; width:100%; position: relative;}
table.signupkit-table > thead > tr > th { display:inline-block; padding:0px; margin:0px; flex-grow:1; flex-shrink: 0; align-self: stretch; padding-bottom:12px!important; padding-top:12px!important; font-size: 18px; line-height: 24px; }
table.signupkit-table > tbody{display:flex; flex-direction: column; flex-wrap: nowrap; justify-items: flex-start; align-items:flex-start; gap:1px; width:100%;  overflow: hidden; overflow-y:auto; }
table.signupkit-table > tbody > tr { display:flex; flex-direction: row; flex-wrap: nowrap; justify-items: flex-start; align-items:flex-start; align-content: center; gap:1px; width:100%; position: relative;}
table.signupkit-table > tbody > tr:not(:first-of-type) { border-top:var(--grey) 1px solid;}
table.signupkit-table > tbody > tr > td { display:inline-block; padding:0px; margin:0px; flex-grow:1; flex-shrink: 0; align-self: stretch; background-color: var(--white);}
table.signupkit-table > tfoot{display:flex; flex-direction: column; flex-wrap: nowrap; justify-items: flex-start; align-items:flex-start; gap:6px;  width:100%;}
table.signupkit-table > tfoot > tr {display:flex; flex-direction: row; flex-wrap: nowrap; justify-items: flex-start; align-items:flex-start; align-content: stretch; gap:1px; position: relative;}
table.signupkit-table > tfoot > tr > td { display:inline-block; padding:0px; margin:0px;  flex-grow:1; flex-shrink: 0; align-self: stretch;}

table.signupkit-table *[data-name] { flex-basis:192px; min-height:36px; padding:6px; }
table.signupkit-table *[data-name="id"] { flex-basis:48px; flex-grow: 0!important; position: absolute; left:-12px; top:6px; bottom:0px; width:48px; min-height:36px; padding-left:12px!important; line-height:24px; z-index: 10; background-color:var(--white);}
table.signupkit-table *[data-name="id"] + * { margin-left:37px!important;}
table.signupkit-table *[data-name="id"] input[type="checkbox"] {
	-webkit-appearance: none; -moz-appearance: none; appearance: none; padding:0px; margin:0px; vertical-align: top;
	display:inline-block; width:24px; height:24px; border:var(--grey-dark) 1px solid; border-radius:4px;
}
table.signupkit-table *[data-name="id"] input[type="checkbox"]:hover { cursor:pointer;}
table.signupkit-table *[data-name="id"] input[type="checkbox"]:checked {
	background: var(--blue) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>') no-repeat center center / 16px; border-color:var(--blue);
}
table.signupkit-table *[data-name="status"]{flex-basis:36px; flex-grow: 0!important; padding-top:12px!important; }
table.signupkit-table *[data-name="status"] > i {display:inline-block; padding:0px!important; width:24px!important; height:24px!important; line-height:24px;}
table.signupkit-table *[data-name="status"] > i > svg {width:24px!important; height:24px!important;}
table.signupkit-table *[data-name="title"] > details { vertical-align: top; min-height:40px;}
table.signupkit-table *[data-name="title"] > details > summary { min-height:40px;}
table.signupkit-table *[data-name="title"] > details > summary > span {
	display: inline-block; font-size: 15px; height:34px; padding:4px 8px 4px 4px; margin: 0 4px 4px 16px; border-radius: 0px; position:relative;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
table.signupkit-table *[data-name="title"] > details > summary > span::after {
		position: absolute; top: 50%; left: -10px; transform: translateY(-50%);
		content: ''; width: 0; height: 0;
		border-right: solid 8px rgba(0,0,0,.8);
		border-bottom: solid 16px transparent;
		border-top: solid 16px transparent;
		z-index: 0;
}
table.signupkit-table *[data-name="title"] > details > summary > span::before {
		position: absolute;
		top: 50%; left: -8px; transform: translateY(-50%) scale(0.95); transform-origin: center right;
		content: '';
		width: 0;
		height: 0;
		border-right: solid 8px rgba(255,255,255,1);
		border-bottom: solid 16px transparent;
		border-top: solid 16px transparent;
		z-index: 1;
}
table.signupkit-table *[data-name="title"] > details > summary > span.title { margin-left: 0px; padding-left: 0px;}

table.signupkit-table *[data-name="title"] > details > summary > span.activity {
	display: inline-block; font-size: 12px; height:34px; text-transform: uppercase; font-weight:700;
	background:var(--yellow); color:var(--white); border:var(--yellow) 2px solid;
}
table.signupkit-table *[data-name="title"] > details > summary > span.activity::before {border-right-color:var(--yellow);}
table.signupkit-table *[data-name="title"] > details > summary > span.activity::after { border-right-color:var(--yellow);}

table.signupkit-table *[data-name="title"] > details > summary > span.group {
	display: inline-block; font-size: 12px; height:34px; text-transform: uppercase; font-weight:700;
	background:var(--white); color:var(--blue-light); border:var(--blue-light) 2px solid;
}
table.signupkit-table *[data-name="title"] > details > summary > span.group::after { border-right-color:var(--blue-light);}

table.signupkit-table *[data-name="title"] > details > summary > span.booking {display: inline-block; font-size: 12px; background:var(--ghost); color:var(--blue); text-transform: uppercase; font-weight:700;}
table.signupkit-table *[data-name="title"] > details > summary > span.booking::before { border-right-color:var(--ghost);}
table.signupkit-table *[data-name="title"] > details > summary > span.booking::after { border-right-color:var(--ghost);}

table.signupkit-table *[data-name="title"] > details > summary > hr { display:block; margin: 0 0 4px 0; border:0px;}
table.signupkit-table *[data-name="title"] > details > summary > span.formalert {display: inline-block; font-size: 12px; line-height:16px; font-weight:600; padding:4px 8px; margin-right:4px; background-color:var(--red); color:var(--white); border-radius:3px;}
table.signupkit-table *[data-name="title"] > details > summary > span.formalert > svg { width:16px; height:16px; display:inline-block; vertical-align: middle; margin-right:4px; transform:translateY(-1px);}
table.signupkit-table *[data-name="title"] > details > summary > span.formalert.aanhanger { background-color: var(--green);}
table.signupkit-table *[data-name="title"] > details > summary > b { width:24px; height:24px; line-height: 24px;}
table.signupkit-table *[data-name="title"] > small { display:block; border-top:var(--grey) 0px solid; margin-top:6px; font-weight:700;}
table.signupkit-table *[data-name="title"] > small > span { font-weight:400;}
table.signupkit-table *[data-name="title"] > small > span.date { }
table.signupkit-table *[data-name="title"] > small > span.updated { }
table.signupkit-table *[data-name="user"] {flex-basis:256px; flex-grow: 0!important;}
table.signupkit-table *[data-name="date"] {flex-basis:192px; flex-grow: 0!important;}
table.signupkit-table *[data-name="actions"] { flex-basis:144px; flex-grow: 0!important; justify-self: flex-end!important; text-align: left; min-height:52px;}
table.signupkit-table *[data-name="actions"] a { margin-top:0px;line-height: 1em; background-color:var(--grey); display:block; text-align: center!important;}
table.signupkit-table *[data-name="actions"] a > i { padding:0px!important; width:16px!important; height:16px!important;}
table.signupkit-table *[data-name="actions"] a > i > svg { width:16px!important; height:16px!important;}
table.signupkit-table *[data-name="actions"] a:hover { background-color:var(--grey-dark);}
table.signupkit-table *[data-name="actions"] button {margin:0px;line-height: 1em; background-color:var(--grey); display:block; text-align: left!important; width:100%;}
table.signupkit-table *[data-name="actions"] button > i { padding:0px!important; width:16px!important; height:16px!important;}
table.signupkit-table *[data-name="actions"] button > i > svg { width:16px!important; height:16px!important;}
table.signupkit-table *[data-name="actions"] button:hover { background-color:var(--grey-dark);}
table.signupkit-table *[data-name="actions"] button[data-update] {}
table.signupkit-table *[data-name="actions"] button[data-update="subscriber"] { background-color:var(--green);}
table.signupkit-table *[data-name="actions"] button[data-update="subscriber"] > i {background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-unlock"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 9.9-1"></path></svg>') no-repeat center center / 16px;}
table.signupkit-table *[data-name="actions"] button[data-update="subscriber"] > span { line-height: 24px;}
table.signupkit-table *[data-name="actions"] button[data-update="subscriber"] > span::after { content:'Ja'; display:inline; color:var(--white);}
table.signupkit-table *[data-name="actions"] button[data-update="author"] { background-color:var(--red);}
table.signupkit-table *[data-name="actions"] button[data-update="author"] > i {background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-lock"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>') no-repeat center center / 16px;}
table.signupkit-table *[data-name="actions"] button[data-update="author"] > span { line-height: 24px;}
table.signupkit-table *[data-name="actions"] button[data-update="author"] > span::after { content:'Nee'; display:inline; color:var(--white);}
table.signupkit-table tfoot span.resultcount { display:block;}
table.signupkit-table tfoot button {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
		-khtml-user-select: none; /* Konqueror HTML */
				-moz-user-select: none; /* Old versions of Firefox */
					-ms-user-select: none; /* Internet Explorer/Edge */
									user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
									background-color: var(--red);
									color:var(--white); padding:0px;
}
table.signupkit-table button > * { pointer-events:none;}
table.signupkit-table button > time { position:absolute; left:0px; bottom:0px; width:0%; height:3px; background-color:var(--white);}

/* Pagination */
nav.signupkit-pagination {
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-top:12px; text-align: center;
}
ul.signupkit-pagination { display:block; text-align: center; padding-top:12px;}
ul.signupkit-pagination > li { display:inline-block; vertical-align: top; margin:0px 4px 4px 0; padding:0px;}
ul.signupkit-pagination > li > * { display:block; background-color:var(--white); border:var(--grey-dark) 1px solid; margin:0; padding:0px; line-height: 42px; width:48px; height:48px; text-align: center; font-weight:400; font-size:16px; border-radius:0px;}
ul.signupkit-pagination > li > span { background-color:var(--blue); color:var(--white); border-color:var(--blue);}
ul.signupkit-pagination > li > a.next {background-color:transparent;}
ul.signupkit-pagination > li > a.prev {background-color:transparent;}

button.signupkit-export { height:48px; padding:0px; margin:0px; font-size:14px; line-height:14px; font-weight: 400;}

@media only screen and (max-width: 720px) {
	nav.signupkit-pagination {
		justify-content: center;
	}
	ul.signupkit-pagination {
		flex-basis:100%;
	}
}

/* FORM */
form {display:block; padding:0px; margin:0px; font-size: 1rem;}
form fieldset {
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	display:block; margin:0px; padding:0px; border:none;
}
form label {
	display:block!important; width:100%; max-width:100%; margin-bottom:2px; position:relative; font-weight:700; line-height: 1.4em;
}
form label > * {position: relative; z-index: 1!important;}
form label > span { display:inline-block;}
form label > b { display:inline-block; vertical-align: middle; padding:2px 6px; font-size:10px; font-weight:400; line-height: 16px; background-color:var(--red); color:var(--white); border-radius:24px; margin-left:6px;}

form input {
	-webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; z-index: 1!important;
	 display:inline-block; width:100%; max-width:100%; height:56px; min-height:56px; padding: 0 12px; border:none; border-radius:0px; letter-spacing: -1px;
	 background-color:var(--grey); border:var(--grey-dark) 1px solid; color:var(--blue); font-weight: 400;
 }
form input::placeholder { color:var(--grey-dark);}
form input[type="text"] {}
form input[type="number"] {}
form input[type="email"] {}
form input[type="password"] {}
form input[type="date"]{}
form input[type="date"]::-webkit-datetime-edit { }
form input[type="date"]::-webkit-datetime-edit-fields-wrapper { background: transparent; color:var(--blue)!important; }
form input[type="date"]::-webkit-datetime-edit-text { color: var(--blue); padding: 0 0.3em; line-height: 48px;  }
form input[type="date"]::-webkit-datetime-edit-month-field { color: var(--blue); }
form input[type="date"]::-webkit-datetime-edit-day-field { color: var(--blue); }
form input[type="date"]::-webkit-datetime-edit-year-field { color: var(--blue); }
form input[type="date"]::-webkit-inner-spin-button { display: none; }
form input[type="date"]::-webkit-calendar-picker-indicator {  }
form input[type="file"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; display:block; width:100%; padding-top:16px;}
form input[type="file"] + span.info { display:block;}

.drop-container {
	position: relative;
	display: flex;
	gap: 10px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px;
	border-radius: 4px;
	border: 2px dashed var(--grey-dark);
	color: var(--blue);
	cursor: pointer;
	text-align: center; font-size: 1rem; line-height: 1.4em;
	transition: background .2s ease-in-out, border .2s ease-in-out;
}

.drop-container:hover {
	background: #eee;
	border-color: #111;
	cursor: pointer;
}

.drop-container:hover .drop-title {

}

.drop-container .drop-title {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	transition: color .2s ease-in-out;
}
.drop-container .drop-description {
	font-size: 14px; font-weight:400;
}

.drop-container input[type=file] {
	/* position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	display: block; */

	color: #444;
	padding: 5px;
	background: #fff;
	border-radius: 2px;
	border: 1px solid #555;
}

.drop-container input[type=file]:hover { cursor:pointer;}

.drop-container input[type=file]::file-selector-button {
	margin-right: 20px;
	border: none;
	background: #084cdf;
	padding: 10px 20px;
	border-radius: 10px;
	color: #fff;
	cursor: pointer;
	transition: background .2s ease-in-out;
}

.drop-container input[type=file]::file-selector-button:hover {
	background: #0d45a5;
}

form input[type="radio"] { display:inline-block; margin:0px; padding:0px; margin:16px; vertical-align: top; width:24px; max-width:24px; min-width:24px; height:24px; max-height:24px; min-height:24px; border-radius:50%; transition:all 125ms ease-in-out; }
form input[type="radio"] + span { display:inline-block; vertical-align: top; position:static; margin:16px; margin-left:0px;}
form input[type="radio"] + span::after { content:''; display: block; position:absolute; z-index: 0;  width: 100%; height:100%; top:0px; left:0px; bottom:0px; right:0px; background-color:transparent; border-radius:4px;}
form input[type="radio"]:hover {}
form input[type="radio"]:hover + span { z-index: 0;}
form input[type="radio"]:hover + span::after {border:var(--grey) 1px solid;}
form input[type="radio"]:checked { background-color: var(--blue); background: var(--blue) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>') no-repeat center center / 16px; border:none;}
form input[type="radio"]:checked + span { z-index: 0;}
form input[type="radio"]:checked + span::after {border:var(--grey) 1px solid;}

form input[type="checkbox"] { display:inline-block; margin:0px; padding:0px; margin:16px; vertical-align: top; width:24px; max-width:24px; min-width:24px; height:24px; max-height:24px; min-height:24px; transition:all 125ms ease-in-out; }
form input[type="checkbox"] + span { display:inline-block; vertical-align: top; position:static; margin:16px; margin-left:0px; max-width:calc(100% - 96px);}
form input[type="checkbox"] + span b {display:inline-block; vertical-align: middle; padding:2px 6px; font-size:10px; font-weight:400; line-height: 16px; background-color:var(--red); color:var(--white); border-radius:24px; margin-left:6px; font-weight:700;}
form input[type="checkbox"] + span::after { content:''; display: block; position:absolute; z-index: 0;  width: 100%; height:100%; top:0px; left:0px; bottom:0px; right:0px; background-color:transparent; border-radius:4px;}
form input[type="checkbox"]:hover { }
form input[type="checkbox"]:hover + span { z-index: 0;}
form input[type="checkbox"]:hover + span::after {border:var(--grey) 1px solid; cursor: pointer;}
form input[type="checkbox"]:checked { background-color: var(--blue); background: var(--blue) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>') no-repeat center center / 16px; border:none;}
form input[type="checkbox"]:checked + span { z-index: 0;}
form input[type="checkbox"]:checked + span::after {border:var(--grey) 1px solid;}

form select {background: var(--grey) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>') no-repeat calc(100% - 16px) center  / 24px!important; letter-spacing: -1px; border:none; box-shadow: inset 0 0 0 1px var(--grey-dark, currentColor)!important; width:100%; height:56px!important; border-radius:0px!important;}

form textarea { display:inline-block; width:100%; max-width:100%; min-height:56px; padding: 12px; border:var(--grey-dark) 1px solid; background-color:var(--grey); color:var(--blue); border-radius:4px; line-height: 1.4rem!important; resize: none!important; letter-spacing: -1px; font-weight: 400;}
form textarea::-webkit-resizer { display: none; }


form:not(#acf-form)  input[type="submit"]{background: var(--blue-dark) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right-circle"><circle cx="12" cy="12" r="10"></circle><polyline points="12 16 16 12 12 8"></polyline><line x1="8" y1="12" x2="16" y2="12"></line></svg>') no-repeat calc(100% - 24px) center/24px; color:var(--white); font-weight: 700;  }
form:not(#acf-form)  input[type="submit"]:hover { cursor: pointer;}

form:not(#acf-form)  input ~ .message, form textarea ~ .message { display:none;}
form:not(#acf-form)  *.--error { border-color:var(--red);}
form:not(#acf-form)  *.--error ~ .message {display:block; }
form:not(#acf-form)  *.--error ~ .message { background-color:var(--red); color:var(--white); padding:12px; border-radius:4px; margin-top:4px;}

.signupkit-field { border:var(--grey-dark) 1px solid; padding:8px; border-radius:0px; background-color:var(--white);}
.signupkit-field .signupkit-label { margin-bottom:8px;}
.signupkit-field.signupkit-check > label:not(.signupkit-label):hover { cursor:pointer;}
.signupkit-field.signupkit-radio > label:not(.signupkit-label):hover { cursor:pointer;}
.signupkit-field.signupkit-disclaimer > article { max-height:320px; overflow: hidden; overflow-y: auto; font-size: 16px; line-height: 21px;}
.signupkit-field.signupkit-disclaimer > article ul { list-style: circle!important; list-style-type: square!important; list-style-position: outside!important; padding-left:24px!important;}
.signupkit-field.signupkit-disclaimer > article ul li { margin-bottom: 8px;}

/* ACF */
form#acf-form { font-size: 1rem;}

#message { font-size: 1rem; margin-bottom: 8px; margin-top:8px;}
#message.updated { background-color:var(--green); color:var(--white); padding:16px;}
#message.error {background-color:var(--red); color:var(--white); padding:16px;}
#message > p { margin:0px;}

.acf-icon { padding:0px!important; text-align: center!important; width:20px!important; height:20px!important; line-height: 16px!important;}
.acf-tooltip { font-size: 14px!important; line-height: 16px!important; border-radius:4px!important;}
.acf-tooltip a {margin:0px; padding:0px;}
.acf-tooltip.acf-fc-popup { padding:0px;}
.acf-tooltip.acf-fc-popup > ul {display:block;}
.acf-tooltip.acf-fc-popup > ul > li {display:block;}
.acf-tooltip.acf-fc-popup > ul > li > a { display:block; margin:0px; padding:8px;}

.acf-button { display:inline-block; border:var(--blue) 1px solid!important; border-radius:0px!important; font-size: 1rem!important; line-height: 1.2em!important; padding:8px 16px!important; text-decoration: none!important; font-weight:700!important; float: none!important; white-space: nowrap!important; }
.acf-button::after { content: '+'; display:inline-block; margin-left:8px;}
.acf-button:hover { cursor: pointer;}
.acf-button[data-name="add"] { display: inline-block;}
.acf-button[data-event="add-row"] {}
.acf-button[data-event="add-layout"] {}
.acf-button[type="submit"] { background-color:var(--blue)!important; color:var(--white)!important; padding:16px 32px!important;}
.acf-icon[data-name="edit"] { display:none;}

.acf-actions { float:none!important; clear: both!important; text-align: right!important;}
.acf-form-submit { padding:16px!important; text-align: left; background-color:var(--white);}

.acf-form { }
.acf-form .acf-label { margin-bottom: 0px!important;}
.acf-form .acf-input input[type="text"] { }
.acf-form-fields {}
.acf-form-fields > .acf-field { background-color:var(--white)!important; border:none!important; margin-bottom:8px!important; border-radius:0px!important;}
.acf-fields > .acf-field {border-color:var(--grey)!important;}

.acf-repeater {}
.acf-repeater > table.acf-table { border:none!important; border-bottom:var(--grey) 1px solid!important; background:var(--grey)!important; table-layout: auto!important;}
.acf-repeater > table.acf-table > thead {}
.acf-repeater > table.acf-table > thead > tr > th { border-color:var(--grey)!important;}
.acf-repeater > table.acf-table > tbody {}
.acf-repeater > table.acf-table > tbody > tr.acf-row { background-color:var(--grey)!important; }
.acf-repeater > table.acf-table > tbody > tr.acf-row > td.acf-row-handle { }
.acf-repeater > table.acf-table > tbody > tr.acf-row > td.acf-row-handle.order { background-color:var(--blue); color:var(--white); border:none; width:32px!important; max-width:32px!important; min-width:32px!important; font-size:14px!important;}
.acf-repeater > table.acf-table > tbody > tr.acf-row > td.acf-row-handle.order > .acf-icon { top:16px!important;}
.acf-repeater > table.acf-table > tbody > tr.acf-row > td.acf-row-handle.remove {background-color:var(--white); border:var(--grey) 1px solid; border-bottom:0px; width:32px!important; max-width:32px!important; min-width:32px!important;}
.acf-repeater > table.acf-table > tbody > tr.acf-row > td.acf-row-handle.remove > .acf-icon.-plus {top:16px!important;}
.acf-repeater > table.acf-table > tbody > tr.acf-row > td.acf-fields {border:none!important;}
.acf-repeater > table.acf-table > tbody > tr.acf-row.-collapsed > td.acf-row-handle.order { background-color:var(--grey); color:var(--blue); }

.media-modal-close { position:absolute!important;}
.media-attachments-filter-heading { display:none!important;}
.media-frame-title { height:56px;}
.media-frame-title h1 { font-size:21px!important; font-weight:600!important;}
.media-frame-content { top:56px!important;}
.attachments-browser .media-toolbar { display:none!important;}
.attachments-browser .uploader-inline, .attachments-browser.has-load-more .attachments-wrapper, .attachments-browser:not(.has-load-more) .attachments { top:0px!important; right:0px!important;}
.media-sidebar { display:none!important;}
.media-modal-content .media-frame select.attachment-filters { margin-top:32px!important; border:none!important; height:auto!important; box-shadow: none!important; background:var(--grey)!important;}
.media-router .media-menu-item { line-height:18px!important; height:auto!important;}
.wp-core-ui .attachments { display:block!important;}
.wp-core-ui .attachment { width:10%!important; max-width:calc(100% / 2)!important; min-width:128px!important;}
.media-modal .acf-expand-details { display:none!important;}
.media-router { display:none!important;}

.signupkit-translate { display:inline-block; text-align: center;}
.signupkit-translate > select {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="18 15 12 9 6 15"></polyline></svg>'), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');
	background-color:transparent; background-repeat: no-repeat; background-position: calc(100% - 12px) calc(50% - 6px), calc(100% - 12px) calc(50% + 6px); background-size: 16px;
	height:50px; line-height: unset; font-size: 16px; font-weight: 300; padding-right: 32px;

}