/*!
Theme Name: PADDAP
Theme URI: http://underscores.me/
Author: PADDAP
Author URI: https://paddap.nl
Description: This is the boilerplate theme of PADDAP Digital Agency
Version: 1.0.0
Tested up to: 6.0.2
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: paddap
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

PADDAP is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--body-font: "Montserrat";
	--wit: #ffffff;
	--blauw: #24354B;
	--rood: #C11C23;
	--licht-grijs: #EDEDED;
	--grijs-2: #F1F3F5;
	--linkedin: #005AB6;

	--error: #C11C23;
	--warning: #D5742E;
	--success: #00671D;
}
body,
p, input, textarea {
	font-family: var(--body-font);
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: var(--blauw);
}
h1 {
	font-size: 1.5rem;
	font-weight: 600;
}
h3 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
}
a {
	font-weight: 400;
	color: var(--blauw);
}
a.small {
	font-size: 14px;
}
a.highlighted {
	text-decoration: underline;
}
.text-warning {
	color: var(--warning);
}
.text-error {
	color: var(--error);
}
.text-success {
	color: var(--success);
}
/* Table */
table th {
	font-weight: 600;
}
table tbody tr:last-child th, table tbody tr:last-child td {
	padding-bottom: 0;
}
/* End - Table */

body.popupOpen {
	overflow: hidden;
}

.fullScreen .bgOverlay {
	/*background: linear-gradient(287deg, rgba(36, 53, 75, 0.70) 0%, rgba(36, 53, 75, 0.00) 100%);*/
	/*background-blend-mode: multiply;*/
	background:#c11b23;
}
.flex {
	display: flex;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	width: 100%;
	border: 1px solid var(--blauw);
	border-radius: 5px;
	background-color: transparent;
	padding: 1.25rem 1rem 0.5rem;
	font-size: 14px;
	color: var(--blauw);
}
textarea {
	padding-top: 0.5rem;
}
textarea:focus, input:focus{
	outline: none;
}
.form-group label, form.wpv-form label {
	font-size: 10px;
	color: #9C9C9C;
	font-weight: 600;
	position: absolute;
	left: 1rem;
	top: 0.5rem;
}
form.wpv-form p {
	margin: 0;
}
form ul {
	margin-left: 0;
	padding-left: 0;
}
form .wpt-form-item label {
	display: flex;
	align-items: center;
}
form .js-wpt-field-items ul {
	display: flex;
	flex-flow: column;
	grid-gap: 1rem;
}
form .js-wpt-field-items ul .wpt-form-item label {
	cursor: pointer;
}
form .js-wpt-field-items ul .wpt-form-item input[type="radio"] {
	-webkit-appearance: none;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 9999px;
	border: 1px solid var(--blauw);
	margin-right: 0.5rem;
}
form .js-wpt-field-items ul .wpt-form-item input[type="radio"]:checked {
	background-color: var(--blauw);
}
form p {
	position: relative;
}
section.fullScreen .bg, .fullScreen .bgOverlay {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
section.fullScreen {
	height: 100vh;
	height: 100svh;
}
section .content {
	position: relative;
	z-index: 1;
}
section .content.alignCenter {
	height: 100%;
	display: flex;
	align-items: center;
}
/* .floatingInputContainer {
width: max-content;
background-color: white;
padding: 2rem 4rem;
border-radius: 20px;
margin-left: auto;
margin-right: 20%;
width: 500px;
text-align: center;
} */
.floatingInputContainer {
	width: max-content;
	background-color: white;
	padding: 5rem 7rem;
	border-radius: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	text-align: center;
}
.floatingInputContainer .highlighted {
	margin-top: 1rem;
	display: block;
}
p.login-submit {
	margin-bottom: 1rem;
}

.wysiwyg > :first-child, .content > :first-child {
	margin-top: 0;
}
.wysiwyg > :last-child, .content > :last-child {
	margin-bottom: 0;
}
.wysiwyg.center {
	text-align: center;
}
ul.checkmarkList {
	list-style-type: none;
	margin-left: 0;
	padding-left: 1rem;
}
ul.checkmarkList li {
	display: flex;
	align-items: flex-start;
}
ul.checkmarkList li img {
	margin-top: 4px;
	margin-right: 0.5rem;
}

/* Navbar */
#masthead .navbar {
	padding: 1rem 2.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0 0 20px rgb(36 53 75 / 10%);
}
#masthead .navbar .site-branding a img {
	height: 2rem;
	width: auto;
}
#masthead .navbar .profileMenuWrapper {
	position: relative;
	display: flex;
	flex-flow: column;
	align-items: flex-end;
}
#masthead .navbar .profileMenuWrapper img {
	width: 50px;
	height: 50px;
	object-fit: cover;
	border-radius: 9999px;
	cursor: pointer;
}
#masthead .navbar .profileMenuWrapper nav {
	position: absolute;
	top: 100%;
	padding-top: 1rem;
	width: 15rem;

	opacity: 0;
	transform: translateY(4px);
	pointer-events: none;
	transition: opacity 0.2s ease, transform 0.3s ease;;
}
.profileMenuOpen #masthead .navbar .profileMenuWrapper nav {
	opacity: 1;
	transform: translateY(0px);
	pointer-events: auto;
}
#masthead .navbar .profileMenuWrapper nav div {
	padding: 1rem;
	background-color: var(--wit);
	box-shadow: 0 0 20px rgb(36 53 75 / 10%);
	border-radius: 0.5rem;
}
#masthead .navbar .profileMenuWrapper nav ul {
	display: flex;
	flex-flow: column;
	grid-gap: 0.5rem;
}
#masthead .navbar .profileMenuWrapper nav ul li a {
	color: var(--blauw);
}
#masthead .navbar .profileMenuWrapper nav ul li a:hover, #masthead .navbar .profileMenuWrapper nav ul li.current-menu-item a {
	color: var(--rood);
}
.fullHeight {
	flex-grow: 1;
}
.bttnGroup {
	display: flex;
	flex-flow: row wrap;
	grid-gap: 1rem;
	margin-top: 2rem;
}
.bttnGroup.center {
	justify-content: center;
}
.bttnGroup.end {
	justify-content: flex-end;
}
.bttnGroup.bottomButtons form {
	width: max-content;
}
.bttn, input.bttn, input[type="submit"].button-primary {
	text-decoration: none;
	border: 2px solid var(--blauw);
	background: var(--blauw);
	border-radius: 9999px;
	color: white !important;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	cursor: pointer;
	padding: .5rem 2rem;
	transition: .3s ease;
}
.bttn:hover, input.bttn:hover, input[type="submit"].button-primary:hover {
	background-color: white;
	color: var(--blue) !important;
	border-color: var(--blauw);
}

.bttn.white, input.bttn.white, input[type="submit"].button-primary.white {
	background-color: var(--wit);
	color: var(--blauw) !important;
	border-color: var(--wit);
}
.bttn.white:hover, input.bttn.white:hover, input[type="submit"].button-primary.white:hover {
	background-color: transparent;
	color: var(--wit) !important;
	border-color: var(--wit);
}

.bttn.outline, input.bttn.outline, input[type="submit"].button-primary.outline {
	background-color: transparent;
	color: var(--blauw) !important;
	border-color: var(--blauw);
}
.bttn.outline a {
	font-weight: 600;
}
.bttn.outline:hover a {
	color: var(--white);
}
.bttn.outline:hover, input.bttn.outline:hover, input[type="submit"].button-primary.outline:hover {
	background-color: var(--blauw);
	color: var(--wit) !important;
	border-color: var(--blauw);
}

.bttn.outline.linkedin, input.bttn.outline.linkedin, input[type="submit"].button-primary.outline.linkedin {
	border-color: var(--linkedin);
}
.bttn.outline.linkedin:hover, input.bttn.outline.linkedin:hover, input[type="submit"].button-primary.outline.linkedin:hover {
	background-color: var(--linkedin);
}

.bttn.error, input.bttn.error, input[type="submit"].button-primary.error {
	background-color: var(--error);
	color: var(--wit) !important;
	border-color: var(--error);
}
.bttn.error:hover, input.bttn.error:hover, input[type="submit"].button-primary.error:hover {
	background-color: var(--wit);
	color: var(--error) !important;
	border-color: var(--error);
}

.bttn.disabled, input.bttn.disabled, input[type="submit"].button-primary.disabled {
	opacity: 0.5;
	pointer-events: none;
}
.bttn[disabled] {
	opacity: 0.7;
	pointer-events: none;
}

/* Onboarding */
.cornerVisual {
	position: fixed;
	bottom: 0;
	left: 0;
}
.onboardingContainer {
	height: 100%;
	width: 100%;
	max-width: 24rem;
	background-color: white;
	padding: 2rem 0;
	border-radius: 20px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-flow: column;
	align-items: center;
}
.onboardingContainer .paginationWrapper {
	margin-top: 1.25rem;
}
.paginationWrapper {
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
	grid-gap: 0.625rem;
}
.paginationWrapper .pagination {
	flex-grow: 1;
	height: 0.625rem;
	border-radius: 9999px;
	background-color: var(--grijs-2);
}
.paginationWrapper .pagination.active {
	background-color: var(--blauw);
}
.paginationWrapper span {
	width: 100%;
	text-align: center;
	font-size: 0.75rem;
	line-height: 1.2;
}
.block {
	display: flex;
	flex-flow: column;
}
.block .content { 
	margin-top: 3rem;
}
.block .content.moreMarginTop {
	margin-top: 6rem;
}
.block .block .content {
	margin-top: 2rem;
}
.block .innerPageScrollPadding {
	max-width: 100%;
	margin: 0;
	padding-bottom: 3rem;
}

.w-full {
	width: 100%;
}
form {
	width: 100%;
	display: flex;
	flex-flow: column;
	grid-gap: 1.25rem
}
form input[type="submit"].bttn {
	margin: 0 auto;
}
.form-group {
	position: relative;
}
.form-group > :first-child {
	margin-top: 0;
}
.form-group > :last-child {
	margin-bottom: 0;
}
.js-wpt-field-items {
	display: flex;
	flex-flow: column;
}
.js-wpt-field-items small {
	order: 2;
	font-size: 12px;
	margin-top: 0.25rem;
}
.bttnGroup.bottomButtons {
	padding-top: 2rem;
	margin-top: auto;
}
.linkedinFormWrapper {
	margin: 0 auto;
	background-color: var(--linkedin);
	padding: 2rem;
	border-radius: 20px;
	text-align: center;
	transition: width 0.5s ease, height 0.5s ease;
}
.linkedinFormWrapper input {
	border-color: var(--wit);
}
.linkedinFormWrapper .linkedinLock {
	margin: 0 auto 2rem;
}
.linkedinFormWrapper .linkedinLock #lockPath {
	transition: 0.5s ease;
}
.linkedinFormWrapper .helperLink {
	display: block;
	margin-top: 1rem;
	font-size: 0.875rem;
	color: var(--wit);
	font-style: italic;
}
.linkedinFormWrapper .alert.alert-success {
	display: none;
}
.linkedinFormWrapper form > div:empty {
	display: none;
}
.linkedinFormWrapper form, .linkedinFormWrapper .helperLink {
	transition: opacity 0.2s ease;
}
.linkedinEdit {
	opacity: 0;
	pointer-events: none;
	display: none;
	transition: opacity 0.2s ease;
}
.linkedinLocked .linkedinEdit {
	opacity: 1;
	pointer-events: auto;
	display: flex;
}
.linkedinLocked .linkedinFormWrapper {
	width: 110px;
	height: 110px;
}
.linkedinLocked .linkedinFormWrapper .linkedinLock {
	transform: translateX(5px);
}
.linkedinLocked .linkedinFormWrapper form, .linkedinLocked .linkedinFormWrapper .helperLink {
	opacity: 0;
	pointer-events: none;
}

.block .verticalCentered {
	margin-top: auto;
	margin-bottom: auto;
}
.loading-spinner {
	display: none;
}

.gridLayout {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 2rem;
}
.gridLayout .header {
	grid-column: 1/-1;
}
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header .bttnGroup {
	margin-top: 0;
}
.header ~ .header {
	margin-top: 3rem;
}
.box {
	padding: 2rem 3rem;
	background-color: var(--licht-grijs);
	border-radius: 1.25rem;
}
.noItemsFound {
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}
.noItemsFound p {
	font-weight: 600;
}
.createCampaignWrapper {
	max-width: 24rem;
	margin: 0 auto;
}

.status {
	display: flex;
	align-items: center;
	white-space: nowrap;
}
.status span {
	width: 10px;
	height: 10px;
	border-radius: 9999px;
	margin-left: 1.25rem;
	background-color: var(--wit);
}
.status.status-actief span, .status.status-success span {
	background-color: var(--success);
}
.status.status-pending span, .status.status-warning span {
	background-color: var(--warning);
}
.status.status-inactief span, .status.status-error span {
	background-color: var(--error);
}

.formMaxWidthWrapper {
	width: 100%;
	max-width: 24rem;
	margin-left: auto;
	margin-right: auto;
}
.ml-0 {
	margin-left: 0;
}
.mt-auto {
	margin-top: auto;
}

.grid-col-4 {
	grid-column: span 4;
}
.grid-col-6 {
	grid-column: span 6;
}
.grid-col-8 {
	grid-column: span 8;
}
.grid-col-full {
	grid-column: 1/-1;
}
hr {
	background-color: #666666;
}
input.skipStep {
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
	background: unset;
	border: unset;
	width: max-content;
	margin: 1rem auto;
	text-decoration: underline;
	cursor: pointer;
}
/* Select2 */
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: var(--blauw) !important;
}

.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}
.popup.visible {
	opacity: 1;
	pointer-events: auto;
}
.popup .popupOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(36 53 75 / 80%);
}
.popup h3 {
	font-weight: 600;
}
.popup .content {
	margin-top: 1rem;  
}
.popup .popupContent {
	position: relative;
	width: 100%;
	max-width: 34rem;
	max-height: 80%;
	opacity: 0;
	transform: translateY(1rem);
	pointer-events: none;
	transition: opacity 0.2s ease, transform 0.3s ease;
}
.popup .popupContent.big {
	max-width: 50rem;
}
.popup.visible .popupContent {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}
.popup .popupContent .reportProblemBox {
	background-color: var(--wit);
	padding: 1.5rem 4.5rem;
}
.popup .popupContent .box textarea {
	margin-top: 1rem;
}
.popup .popupContent .readProblemBox {
	background-color: var(--wit);
	padding: 4.5rem;
}
.withEye .eye {
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}
.withEye input[type="password"] {
	padding-right: 2.5rem;
}
.fa-eye-slash {
	display: none;	
}
.bttn.inactive {
	opacity: .5;
	pointer-events: none;
}
.popupContent form input[type="submit"].bttn {
	margin: unset;
}
form {
	transition: .2s ease;
}
.loading {
	opacity: .5;
	pointer-events: none;
}
.fa-triangle-exclamation {
	margin-left: .5rem;
}
input[name="wpv_post_search"] {
	border-radius: 100px;
	border: 2px solid var(--blauw);
	padding: 8px 30px;
	font-size: 18px;
	font-style: italic;
	font-weight: 400;
	color: var(--blauw);
	padding-right: 3rem;
}
.filtersWrapper {
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.searchBoxContainer {
	position: relative;
	margin-bottom: -10px;
	width: 50%;
}
.searchBoxContainer i.fa-light.fa-magnifying-glass {
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 21px;
}
.acceptCheckboxWrapper .js-wpt-field-items {
	flex-flow: row;
	justify-content: center;
}
.acceptCheckboxWrapper label, .acceptCheckboxWrapper input[type="checkbox"] {
	cursor: pointer;
}
i#profileMenuTrigger {
	font-size: 30px;
	cursor: pointer;
}
#primary .linkedinPasswordNotification {
	z-index: 2;
	text-decoration: none;
}
nav .text-warning {
	color: white;
}
.faultNotedNotification {
	display: flex;
	align-items: center;
	grid-gap: 1rem;
}
.faultNotedNotification p {
	margin-right: 2rem;
	color: var(--warning);
	font-style: italic;
	font-weight: 600;
}
.campagnesWrapper .heading {
	display: flex;
	justify-content: space-between;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid #666666;
}
.campagnesWrapper .heading p {
	margin: 0;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
}
table.statistieken {
	text-align: left;
}
table.statistieken th, table.statistieken td {
	padding-bottom: 1rem;
}

.windowSizeBlocker {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--wit);
	z-index: 50;
	display: none;
	justify-content: center;
	align-items: center;
}
.windowSizeBlocker .windowSizeBlockerContent {
	position: relative;
	width: 100%;
	max-width: 32rem;
	max-height: 80%;
}

@media only screen and (max-width: 1023px) {
	.windowSizeBlocker {
		display: flex;
	}
}
@media only screen and (max-width: 32rem) {
	.windowSizeBlocker .windowSizeBlockerContent {
		height: 100%;
		max-height: 100%;
	}
	.windowSizeBlocker .windowSizeBlockerContent .box {
		border-radius: 0px;
		height: 100%;
		display: flex;
		flex-flow: column;
		justify-content: center;
		padding: 1rem 2rem;
	}
}

html .select2-container--default .select2-selection--single {
	height: 44px;
	border: 2px solid var(--blauw);
	border-radius: 22px;
}
html .select2-container--default .select2-selection--single .select2-selection__rendered {
	height: 100%;
	padding-left: 1rem;
	align-items: center;
	display: flex;
}
html .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 44px;
}
html .select2-container--default .select2-selection--single .select2-selection__arrow {
	right: 10px;
}
.maxReadingSize {
	max-width: 35rem;
}
.whatsappChatIcon {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	z-index:10000000;
}
.whatsappChatIcon a {
	text-decoration: none;
	width: 3rem;
	height: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #128C7E;
	border-radius: 9999px;
	font-size: 1.5rem;
	color: var(--wit);
	z-index: 30;
	transition: 0.3s ease;
}
.whatsappChatIcon a:hover {
	box-shadow: 0 0 20px rgb(36 53 75 / 20%);
	transform: scale(1.05);
}
.whatsappChatIcon a:active {
	transform: scale(0.95);
}

.smallVideoWrapper {
	width: 100%;
	max-width: 34rem;
	margin-left: auto;
	margin-right: auto;
}
.campagneBttnGroup input {
	margin: 0 !important;
}
.bttn.bttnWithMb {
	margin-bottom: 2rem;
	display: block;
	width: max-content;
}
.form-group.formMaxWidthWrapper ul {
	padding-left: 1rem;
	padding-top: 1rem;
}
#customerSelect {
	margin-top: 1rem;  
}
form .amountPerDayRadioWrapper ul, .blocks {
	flex-flow: row;
	justify-content: center;
}
.blocks {
	grid-gap: 1rem;
	margin: 2rem 0;
}
.exportStep {
	display: none;
}
.blocks {
	display: flex;
}
.exportStep .blocks {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.exportStep1 {
	display: block;
}
form .amountPerDayRadioWrapper ul li {
	width: 100%;
	max-width: 10rem;
	aspect-ratio: 1;
}
.amountPerDayRadioWrapper ul li input {
	display: none !important;
}
.amountPerDayRadioWrapper ul li label, .clickableBlock {
	width: 100%;
	height: 100%;
	border-radius: 20px;
	background-color: transparent;
	border: 2px solid var(--blauw);
	display: flex;
	justify-content: center;
	align-items: center;
	transition: background 0.2s ease, color 0.2s ease;
	cursor: pointer;
}
form .amountPerDayRadioWrapper ul li input:checked + label, .clickableBlock.active {
	background-color: var(--blauw);
	color: var(--wit);
}
.clickableBlock p {
	transition: color 0.2s ease;
}
.clickableBlock.active p {
	color: var(--wit);
}
.amountPerDayRadioWrapper ul li {
	position: relative;
}
.amountPerDayRadioWrapper ul li small.wpt-form-error {
	position: absolute;
	top: 100%;
}
.bttnGroupColumn {
	flex-direction: column;
	align-items: end;
}
.exportStep .bttn {
	display: block;
	width: max-content;
	margin: 3rem auto auto auto;
}
.clickableBlock {
	padding: 4rem 2rem;
	background-color: white;
}
.exportStep.exportStep2 {
	margin-top: 3rem;
}
.exportBttn[data-type=""], .selectCampagneType[data-type=""] {
	pointer-events: none;
	opacity: .5;
}
#exportType {
	font-weight: normal;
}
.closePopup {
	width: 30px;
	cursor: pointer;
}
.popUpHeader {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.invitePullbackSection {
	margin-top: 0 !important;
}
.invitePullbackSection .bttn, .textLeftOfVideo .bttn {
	width: max-content;
}
.textLeftOfVideo {
	display: flex;
	flex-direction: column;
	grid-gap: 2rem;
	text-align: left;
}
.content.big.withVideo {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.clickableBlock.campagneSelectBlock {
	text-decoration: none;
	width: 100%;
	max-width: 16rem;
	padding: 2rem;
	aspect-ratio: 1;
	border-radius: 20px;
	background-color: transparent;
	border: 2px solid var(--blauw);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	text-align: center;
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-weight: 600;
	color: var(--blauw);
	transition: background 0.2s ease, color 0.2s ease;
}
.clickableBlock.campagneSelectBlock.active {
	background-color: var(--blauw);
	color: var(--wit);
}
.campagneSelectMaxWidthWrapper {
	max-width: 64rem;
	margin: auto;
}
.campagneSelectMaxWidthWrapper .content {
	margin-top: 0;
}
.makingCampangeType {
	text-align: center;
}
span.campagneIndexType {
	padding: 10px 20px;
	border-radius: 100px;
	display: block;
	background: #D9D9D9;
	width: max-content;
}
.campagneBlock {
	display: none;
}
.outreach.campagneBlock {
	display: block;
}
.linkPagination p {
	font-size: 18px;
	margin: 0;
	cursor: pointer;
	font-weight: 600;
	opacity: .5
}
.linkPagination p.active {
	opacity: 1;
}
.linkPagination {
	padding-bottom: 2rem;
	display: flex;
	grid-gap: 100px;
	margin-top: 45px;
	border-bottom: 2px solid var(--blauw);
}
.campagneBlock .content {
	margin-top: 2rem;
}
.connectieverzoekContainer.Eerstegraads, .arrowDownWrapper.Eerstegraads, .form-group.formMaxWidthWrapper.Eerstegraads {
	display: none !important;
}
ul.wpv-pagination-nav-links-container.js-wpv-pagination-nav-links-container.pagination {
	margin: auto;
	width: 100%;
	justify-content: center;
	margin-top: 2rem;
}
.wpv-filter-pagination-link {
	color: white !important;
	background-color: var(--blauw);
	border-radius: 100px;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
span.wpv-filter-pagination-link, .wpv-pagination-nav-links-container a.page-link:hover {
	background-color: var(--rood);
}
table th {
	font-weight: 600;
	text-align: left;
}
.lessMargin {
	margin-top: 1rem !important;
}
th, td {
	padding: 10px 0;
}
.readMoreConnectionsText {
	margin: auto;
	display: flex;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.1);
	padding: 10px;
	border-radius: 100px;
	font-weight: 500;
	cursor: pointer;
	align-items: center;
}
.readMoreConnectionsText svg {
	width: 24px;
	margin-right: .5rem;
}
.fileWrapper {
	padding: 1.75rem 1rem 0.5rem;
	border: 1px solid var(--blauw);
	border-radius: 5px;
}
.fileWrapper .js-wpt-field-items {
	flex-flow: row wrap;
}
.fileWrapper input[type="file"] {
	font-size: 14px;
}
.fileWrapper input[type="file"]::file-selector-button {
	font-size: 14px;
	padding: 0.25rem 0.5rem;
	border: 1px solid var(--blauw);
	border-radius: 5px;
	background-color: transparent;
}
.wpt-form-warning {
	display: none !important;
}
div#lbl_generic ul {
	margin-bottom: 0!important;
	padding-left: 1.5rem !important;
	margin-top: .25rem!important;
}
div#lbl_generic ul li {
	font-size: 14px;
}
.changeBttnContainer {
	display: none;
}
.status.status-in-aanmaak span {
    background-color: grey !important;
}