@import url('styles/boots-bones.css');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;900&family=Patua+One&display=swap');
/*
Theme Name: Naked Wordpress PADDAP
Author: PADDAP
Description: PADDAP Naked Wordpress theme

-------------------------------------------------------------- */
/* Reset
-------------------------------------------------------------- */

:root {
	--achtergrond-kleur: rgba(255, 255, 255, 0.05);
	/* 	--achtergrond-kleur: #13252C; */
	--achtergrond-kleur-2: rgba(255, 255, 255, 0.1);
	--hoofd-kleur: #28ABE2;
}
*:focus {
	outline: 0px dashed white;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font: inherit;
	font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}
html {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
code,
kbd,
tt,
var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	vertical-align: middle;
}
button,
input {
	line-height: normal;
	overflow: visible;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	border-radius: 10px;
	background: #ccc;
	color: rgba(0, 0, 0, 0.8);
	cursor: pointer;
	-webkit-appearance: button;
	font-size: 12px;
	font-size: 1.4rem;
	line-height: 1;
	padding: 1.12em 1.5em 1em;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input[type=text],
input[type=email],
textarea {
	color: #888888;
	border: 1px solid #dddddd;
	border-radius: 5px;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
	color: #101010;
}
input[type=text],
input[type=email] {
	padding: 3px;
}
textarea {
	overflow: auto;
	padding: 10px;
	vertical-align: top;
	width: 98%;
}
/* styles
-------------------------------------------------------------- */
body,
button,
input,
select {
	padding: 0;
	margin: 0;
	background: #ffffff;
	font-family: "Karla", Helvetica, sans-serif;
	line-height: 26.64px;
	font-size: 18px;
	font-size: 1.8rem;
}
/* typography
-------------------------------------------------------------- */
/* Headings */
article.post {
	margin-bottom: 0px !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	color: white !important;
	font-family: 'Patua One', cursive;
}
h1 {
	line-height: 71px;
	font-size: 50px;
	font-size: 5.0rem;
	margin-bottom: 4rem;
}
h2 {
	line-height: 46px;
	font-size: 30px;
	font-size: 3rem;
}
h3 {
	line-height: 41px;
	font-size: 28px;
	font-size: 2.8rem;
}
h4 {
	line-height: 26px;
	font-size: 18px;
	font-size: 1.8rem;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
/* Text elements */
p {
	margin-bottom: 1.5em;
	font-size: 20px !important;
	line-height: 30px !important;
}
p, li, span, input, textarea {
	font-family: 'Lato', sans-serif !important;
	font-weight: 400 !important;
}
.userBlock p {
	font-family: 'Lato';
	font-weight: 900 !important;
}
ul,
ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b,
strong {
	font-weight: 900 !important;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 0.7em;
	line-height: 1.5em;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
	box-shadow: 0 3px 5px #ddd inset;
}
/* Links */
a {
	color: white;
	-webkit-transition: color 0.25s ease-in-out;
	-moz-transition: color 0.25s ease-in-out;
	-o-transition: color 0.25s ease-in-out;
	-ms-transition: color 0.25s ease-in-out;
	transition: color 0.25s ease-in-out;
	text-decoration: none;
	font-size: 20px !important;
	line-height: 30px !important;
}
a:hover,
a:focus,
a:active {
	/* 	color: rgba(0, 121, 152, 0.5); */
	color: white;
}
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
.center {
	text-align: center;
}
/* Header
-------------------------------------------------------------- */
.site-title a{
	text-transform: uppercase;
	font-size: 4em;
	text-align: center;
}
.site-title a:hover{
}
.site-description{
	font-style: italic;
}
header {
	padding: 20px 0;
	background: transparent;
	margin: 20px auto;
}
header .gravatar {
	overflow: hidden;
	width: 100px;
	height: 100px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 0;
	float: right;
}
header ul {
	margin-left: 0px !important;
}
header #brand {
	margin:1em 0;
}
header #brand h1 {
	font-weight: 900;
	color: #565656;
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.45em;
}
header #brand h1 a {
	color: #565656;
	text-decoration: none;
}
header #brand h1 span {
	font-weight: 200;
	color: #888888;
	text-transform: lowercase;
}
header nav {
	font-family: "Quicksand", Helvetica, sans-serif;
}
.menu-main-nav-container, .menu-main-container {
	float: right;
}
header nav ul {
	list-style: none;
	margin: 0;
}
header nav ul li {
	float: left;
	margin: 2px 10px 0 0;
}
header nav ul li a {
	color: #888888;
	font-size: 14px;
}
/* Posts/Articles
-------------------------------------------------------------- */
article {
	background: transparent;
	padding: 0;
	margin-bottom: 80px;
}
article .title {
	color: #404040;
	line-height: 56.24px;
	font-size: 38px;
	font-size: 3.8rem;
	font-weight: 400;
	text-align: center;
	letter-spacing: 0.1em;
}
article .title a {
	text-decoration: none;
	color: #404040;
}
article .title a:hover {
	color: #007998;
}
article .post-meta {
	margin-bottom: 40px;
	font-size: 14px;
	text-align: center;
	font-family: "Karla", Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: 500;
}
article .post-meta a {
	color: #888888;
	text-decoration: none;
}
article .post-meta a:hover {
	color: rgba(136, 136, 136, 0.5);
}
article .the-content a {
	font-weight: 900;
	text-decoration: none;
}
article .the-content p {
	color: white;
	text-align: left;
}
article .the-content img {
	width: 100%;
	height: auto;
}
article .meta {
	line-height: 14.8px;
	font-size: 10px;
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: .9px;
}
article .meta div {
	margin:1px auto;
}
article .meta .post-categories {
	list-style: none;
	margin: 0 0 10px 0;
}
article .meta .post-categories li {
	display: inline-block;
	margin-right: 10px;
}
/* Page loop styling */
.page article {
	border-bottom: none;
}
.page article .title {
	margin-bottom: 40px;
}
/* Pagination */
#pagination {
	margin-bottom: 40px;
	width: 100%;
}
#pagination .past-page {
	float: right;
	width: 49%;
	text-align:right;
}
#pagination .next-page {
	float: left;
	width: 50%;
	border-right: 1px solid #ccc;
	height: 200px;
}
.next-page a, .past-page a {
	font-size: 2em;
	font-family: "Quicksand", Helvetica, sans-serif;
	font-weight: 400;
	font-style: italic;
	padding: 10%;
}
/* Comments */
h3#comments {
	margin-bottom: 80px;
	font-size: 16px;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist .comment {
	margin: 0 0 40px 50px;
	padding: 20px;
	position: relative;
	list-style: none;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.commentlist .comment .children {
	margin-top: 40px;
}
.commentlist .comment-author {
	float: left;
	margin-right: 10px;
}
.commentlist .comment-author img {
	position: absolute;
	left: -50px;
	top: 5px;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.commentlist .comment-author .says {
	display: none;
}
.comment-meta {
	font-size: 12px;
	margin-bottom: 10px;
}
.comment-subscription-form,
.comment-subscription-form {
	margin-bottom: 0;
	font-size: 14px;
}
#respond {
	margin-bottom: 80px;
}
#respond > h3 {
	font-size: 16px;
	margin-bottom: 20px;
}
#respond form label {
	color: #888888;
}
footer {
	text-align: center;
	/* 	padding-bottom: 40px; */
	font-size: 12px;
}
/* Misc & mixens
-------------------------------------------------------------- */
.site-footer{
}
.hide-text {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.clear {
	clear: both;
}
/* clear floats */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

/* Start main css */
body {
	background-color: #061921 !important;
}
.mobileMenu {
	display: none;
}
header#masthead {
	width: 18%;
	position: fixed;
	left: 0;
	height: 100%;
	background-size: cover;
	top: 0 !important;
	margin-top: 0px !important;
	z-index: 1000 !important;
}
.contentBlock, .contentSidebar, header#masthead {
	background-color: var(--achtergrond-kleur);
}
main.main-fluid {
	width: 80%;
	position: relative;
	margin-left: 20%;
	max-width: 9999px;
	padding: 0px !important;
	padding-top: 4rem !important;
}
.container.center {
	width: 100%;
}
.menu {
	display: flex;
	flex-direction: column;
	align-items: baseline;
}
.menu li {
	margin-bottom: 2rem;
	padding-left: 10%;
}
.menu li a {
	color: white;
	font-size: 20px;
}
.userBlock p {
	color: white;
	font-size: 64%;
	margin-left: 2rem;
	font-weight: bold;
	margin-bottom: 0px !important;
}
.userBlock div {
	/* 	height: 79px; */
	display: flex;
	align-items: center;
}
.userBlock .userInfo {
	flex-flow: column;
	align-items: flex-start;
}
.userBlock .userInfo .name {
	margin-bottom: 10px !important;
	text-align: left;
}
.userBlock .userInfo .city {
	color: #BBBBBB;
	font-size: 20px !important;
	line-height: 27px !important;
	font-family: 'Lato', sans-serif !important;
	font-weight: 400 !important;
}
li#menu-item-48 {
	margin-bottom: 8rem;
}
.sollicitant .sollicitantRow:nth-child(3) {
	width: 10% !important;
}
.sollicitant .sollicitantRow:nth-child(2) {
	width: 19% !important;
}
.sollicitant .sollicitantRow:nth-child(1) {
	width: 60% !important;
}
li#menu-item-47 {
	position: fixed;
	bottom: 5rem;
	padding-left: 2% !important;
	width: 15.7%;
	text-align: left;
}
li#menu-item-57 {
	margin-bottom: 8rem;
}
li#menu-item-1035 {
	position: fixed;
	bottom: 5rem;
	padding-left: 2% !important;
	width: 15.7%;
	text-align: left;
}
li#menu-item-69, li#menu-item-70, li#menu-item-837 {
	position: fixed;
	bottom: 0;
	padding-left: 2% !important;
}
html {
	scroll-behavior: smooth;
}
.userBlock {
	display: flex;
	padding-left: 10%;
	margin-bottom: 2rem;
	margin-top: 1rem;
	align-items: center;
	transition: 0.25s;
	/* 	border-radius: 100px 0px 0px 100px; */
	padding: 10px 0 10px 0px;
	/* 	margin-left: 10%; */
}
.topContentVlak p {
	font-family: 'Patua One' !important;
	margin-bottom: 0px !important;
	font-size: 30px !important;
}
.menu-item.menu-item-type-post_type {
	transition: 0.25s;
}
.current-menu-item, .menu-item.menu-item-type-post_type:hover  {
	border-right: 6px solid var(--hoofd-kleur);
	text-align: initial;
	background-color: var(--achtergrond-kleur);
	width: 88%;
}
.userBlock img {
	/* 	border-radius: 10px; */
	width: 60px;
	height: auto;
	object-fit: cover;
	object-position: center;
}
.userBlock a {
	margin-left: 10%;
}
div#content {
	margin-left: 2%;
	width: 95%;
	padding-bottom: 20px;
}
/* .homeLayout .contentBlock:nth-child(1) {
margin-bottom: 8%;
} */
.contentBlock {
	/* 	width: 100%; */
	padding: 20px 40px;
	/* 	height: 46%; */
	overflow: scroll;
	border-radius: 10px;
	box-sizing: border-box;
}
.contentContainer.contentContainerHome, .contentContainerOpdracht {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.contentContainerOpdracht .contentBlock {
	height: auto !important;
	width: 49% !important;
}
.activeCatItem {
	border: 2px solid var(--hoofd-kleur) !important;
}
.contentVlakWhole {
	border-radius: 10px;
	position: relative;
	padding: 20px 40px;
	margin-bottom: 4rem;
	background-color: var(--achtergrond-kleur);
}
.contentVlak.tagsBedrijf {
	padding: 20px 40px;
}
.contentVlak.projectIntro, .contentVlak.tagsBedrijf {
	background-color: var(--achtergrond-kleur);
}
.contentVlakWhole h2 {
	margin-bottom: 2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.contentVlakWhole h2 i {
	font-size: 18px;
}
.contentVlakWhole h2 i:hover {
	cursor: pointer;
}
.contentVlakWhole span {
	color: #BBBBBB;
	font-size: 20px;
	line-height: 27px;
}
.contentVlak {
	border-radius: 20px;
}
.tagsBedrijf {
	margin-top: 2.5rem;
}
.projectBannerIntro {
	width: 30%;
	border-radius: 0px 20px 20px 0px;
	background-size: cover;
	background-position: center;
}
.homeLayout {
	width: 48%;
	height: calc(93vh - 111px);
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
.contentSidebar {
	border-radius: 10px;
	width: 48%;
	padding: 20px 40px;
	height: calc(93vh - 111px);
	box-sizing: border-box;
}
button {
	background-color: transparent;
	margin-top: 2rem;
}
i.fas.fa-trash {
	float: right;
	color: white;
	font-size: 18px;
	z-index: 3;
}
.userInfoTop {
	display: flex;
	align-items: flex-start;
	width: fit-content;
	justify-content: space-between;
	width: 100%;
	margin-left: 6% !important;
}
a.chosen-single {
	background: transparent !important;
	font-family: 'Lato' !important;
	font-weight: 900 !important;
	border: 0px !important;
	box-shadow: none !important;
}
.contentVlakUser .chosen-container.chosen-container-single span, .contentVlakUser .chosen-container a, .contentVlakUser .chosen-container li {
	font-family: 'Lato';
	font-weight: 900 !important;
	color: white !important;
	text-transform: uppercase;
}
.contentVlakWhole.contentVlakUser img {
	border-radius: 10px;
}
.userInfoTop h2 i {
	position: absolute !important;
	top: 20px;
	right: 40px;
	height: fit-content;
}
.chosen-drop {
	min-width: 180px !important;
	background: #13252C !important;
	border: 0px !important;
}
span.primaryButton.mobileButton.mobileOnly ion-icon {
	width: 18px !important;
	height: 18px !important;
}
.chosen-drop ul {
	margin-left: 0px !important;
	padding: 10px !important;
	width: auto !important;
}
.contentVlakWhole.contentVlakUser .userInfoTop {
	margin-left: 0px !important; 
}
.ervaring.mijnMonteur .primaryButton {
	position: absolute;
	right: 40px;
	bottom: 20px;
}
.contentVlakWhole.contentVlakUser .userInfoTop .profileContentContainer {
	display: flex;
}
.infoContainerUser {
	margin-left: 1rem;
}
.userInfoBlock img {
	width: 80px !important;
	height: 80px !important;
}
.userInfoBlock {
	display: flex;
	justify-content: space-between;
}
.userInfoContainer {
	width: 74%;
}
#primary .primaryButton, .primaryButton, .sollicitatieBekijken {
	border: 2px solid var(--hoofd-kleur);
	border-radius: 100px;
	padding: 10px;
	font-size: 16px!important;
	padding: 4px 40px !important;
	color: white !important;
	transition: background-color 0.5s;
	width: fit-content !important;
	font-family: 'Lato' !important;
	line-height: 30px !important;
	font-weight: 900 !important;
	display: inline-block;
}
.configControllerContainers span.primaryButton {
	display: inline-block;
}
.primaryButton:hover {
	cursor: pointer;
}
.opdrachtDetailControl {
	display: flex;
	margin-bottom: 2rem;
}
.opdrachtDetailControl .opdrachtControlItem:nth-child(1) {
	margin-right: 2rem;
}
.opdrachtControlItem {
	transition: 0.5s;
	color: white;
	background-color: var(--achtergrond-kleur);
	font-size: 20px;
	padding: 15px 80px;
	border-radius: 10px;
}
.opdrachtControlItem.active {
	background-color: var(--achtergrond-kleur-2);
}
span.mobileOnly.contactAanvraagResponse {
	color: white;
	font-family: 'Lato' !important;
	font-weight: 100 !important;
	font-size: 10px !important;
	position: absolute;
	right: 10px;
	top: 0;
}
.opdrachtControlItem:hover {
	background-color: var(--achtergrond-kleur-2);
	cursor: pointer;
}
.slide .slideOverlay {
	transform: translateX(calc(-100% - 2rem));
}
.contentBlock.mijnMonteursGrid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
}
.contentBlock.mijnMonteursGrid .uitzendMonteur {
	margin-bottom: 0px !important;
}
.sollicitant .sollicitantRow h3 {
	margin-bottom: 1rem;
}
h2.popSecondH2 {
	margin-top: 10rem;
}
.popUp {
	background-color: var(--achtergrond-kleur-2);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: none;
}
.popUpContent, .popUpReageerContent, .popUpContentReactieAcceptatie {
	padding: 40px;
	position: fixed;
	background-color: #061921;
	left: 50%;
	top: 50%;
	display: none;
	border-radius: 10px;
	transform: translate(-50%, -50%);
	min-width: 50% !important;
	z-index: 2;
}
.primaryButton.wpt-form-submit.form-submit.submit, .bedrijf .primaryButton {
	background-color: var(--hoofd-kleur) !important;
	transition: 0.5s;
}
.buttonContainer {
	text-align: end;
}
.primaryButton.wpt-form-submit.form-submit.submit:hover, .bedrijf .primaryButton:hover, .contentSidebar .primaryButton:hover {
	background-color: transparent !important;
}
.popUpContent h2, .popUpReageerContent h2 {
	margin-bottom: 2rem;
}
.opdrachtGroot .buttonContainerSollicitatie {
	position: absolute;
	bottom: 5rem;
	right: 0;
}
.popUp.show {
	height: 100%;
}
.mainInfo, .contentContainer.contentContainerOpdrachtActiviteit {
	width: 100%;
	flex-shrink: 0;
}
.mainInfo {
	margin-right: 2rem;
}
.projectSlideContainer {
	overflow: hidden;
}
.slideOverlay {
	display: flex;
	transition: 0.5s;
}
.infoContainerUser {
	margin-left: 8rem;
}
.activeControlItem {
	background-color: var(--achtergrond-kleur-2);
}
.userInfoBottom span {
	color: #BBBBBB;
	font-size: 20px !important;
	line-height: 27px;
	display: block;
	margin-bottom: 1rem;
}
.primaryButton:hover {
	background-color: var(--hoofd-kleur) !important;
}
.contentVlakWhole img {
	width: 140px !important;
	height: 140px !important;
	object-fit: cover;
}
.closed {
	opacity: 0.75;
}
select[name="project"] {
	width: 420px;
	background-color: var(--achtergrond-kleur);
	border: 0;
	padding: 20px 120px 20px 60px;
	border-radius: 5px;
	color: #ffffff;
	font-family: "Lato";
	text-transform: uppercase;
	font-weight: 300;
	outline: none;
	-webkit-appearance: none;
}
.mobileButton.inActive {
	opacity: 0.6;
	pointer-events: none;
}
.ervaringInfo, .certificaatInfo {
	width: calc(100% - 165px);
	margin-left: auto;
}
input#textareaBericht {
	margin-bottom: 4rem;
	font-size: 18px !important;
	font-weight: 100 !important;
	color: white;
}
.landingLinks a.thin {
	margin-left: 30px;
	margin-right: 30px;
}
.landingLinks .primaryButton {
	margin-left: 30px;
}
.ervaringInfo p, .certificaatInfo p {
	font-size: 18px !important;
	line-height: 21px !important;
	margin-bottom: 1rem;
}
.ervaring img, .certificaat img {
	width: 165px !important;
	height: 165px !important;
	object-fit: cover;
	position: absolute;
	left: -1%;
	top: 0;
	border-radius: 10px;
}
.page-id-76 .userInfoTop {
	flex-direction: column;
	margin-left: 4rem;
}
.userInfoTop i {
	position: relative !important;
}
.contentVlakWhole.contentVlakUser {
	display: flex;
}
p.beschikbaarheid {
	position: absolute;
	right: 40px;
	margin-bottom: 20px;
	bottom: 0px;
}
p.beschikbaarheid strong {
	text-transform: uppercase;
}
.ervaring, .certificaat {
	display: flex;
	background-color: var(--achtergrond-kleur);
	position: relative;
	padding: 20px 40px;
	margin-left: 2%;
	margin-top: 4rem;
	border-radius: 100px 20px 20px 100px;
	height: calc(165px - 40px);
}
.grey, .grey p {
	color: #BBBBBB !important;
	font-weight: 300 !important;
}
.taal p:nth-child(1) {
	margin-bottom: 1rem;
}
.taal p:nth-child(2) {
	margin-bottom: 0px;
}
.configPaginationContainer p {
	transition: .3s;
}
p.activePagination {
	border-bottom: 2px solid var(--hoofd-kleur);
	width: fit-content;
	font-weight: 900 !important;
}
.taal {
	background-color: var(--achtergrond-kleur);
	padding: 20px 40px;
	margin-top: 4rem;
	border-radius: 10px;
}
.contentVlak h2 {
	margin-bottom: 2rem;
}
.contentVlakWhole.contentVlakBedrijf {
	padding: 0px 0px !important;
	border-radius: 0px !important;
}
.userBlock:hover, .activeUserBlock {
	cursor: pointer;
	background-color: var(--achtergrond-kleur);
	border-right: 6px solid var(--hoofd-kleur);
}
input[type=text], input[type=email], textarea, input#user_pass, input[type=password] {
	background-color: var(--achtergrond-kleur);
	color: #BBBBBB;
	font-size: 20px !important;
	border: 0px !important;
	padding: 10px 20px;
	width: calc(100% - 40px);
	margin-top: 2rem;
}
input[type=text]:focus, input[type=email]:focus, textarea:focus {
	color: #BBBBBB !important;
}
.editInfo img {
	width: 165px !important;
	height: 165px !important;
	object-fit: cover;
	border-radius: 100px;
}
span.primaryButton.inActive {
	background-color: var(--hoofd-kleur);
	opacity: 0.75;
	pointer-events: none;
}
.editInfo {
	display: none;
}
span.opdrachtBijwerken.primaryButton {
	position: relative;
	margin-left: auto;
	height: 100%;
}
textarea {
	margin-bottom: 2rem;
}
.popUpAccepteer select {
	display: none !important;
}
.contentVlakWhole.contentVlakUser .bedrijfInfoTop {
	margin-left: 2rem !important;
}
span.bedrijfTitel {
	color: white;
	margin-bottom: 1rem;
}
.bedrijfInfoTop p {
	margin-bottom: 1rem;
}
.fa-spinner {
	animation-name: spin;
	animation-duration: 2500ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear; 
}
.contentVlakUser i {
	position: absolute;
	right: 10px;
	margin-bottom: 30px;
	bottom: 0px;
}
.profileContentContainer {
	color: #BBBBBB;
	font-size: 20px;
	line-height: 27px;
}
.contentVlakUser .editInfo {
	position: absolute;
	bottom: 0;
	margin-bottom: 16px;
	right: 40px;
}
ul.chosen-choices {
	background-image: linear-gradient(yellow 1%, yellow 15%) !important;
	background-image: none !important;
	background-color: var(--achtergrond-kleur) !important;
	border: 0px !important;
	padding: 20px 40px !important;
}
.chosen-container {
	width: 100% !important;
}
li.search-choice {
	background-color: var(--achtergrond-kleur) !important;
	background-image: none !important;
	border: 0px !important;
}
.userInfoBlock img {
	width: 140px !important;
	height: 140px !important;
	border-radius: 10px;
	object-fit: cover;
}
@keyframes spin {
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
	}
}
/* Bedrijfs overzicht */
.bedrijfBanner img, .opdrachtBanner img {
	border-radius: 0px 200px 200px 0px;
	object-fit: cover;
	height: 100% !important;
}
.bedrijfInformatie a, .opdrachtInformatie a {
	position: absolute;
	padding: 4px 60px;
	right: 0;
	bottom: 20px;
	/* 	float: right; */
}
.bedrijfInformatie h2, .opdrachtInformatie h2, .tagsBedrijf h2 {
	margin-bottom: 2rem;
}
.bedrijfBanner, .opdrachtBanner {
	width: 292.5px;
	background-size: cover;
	background-position: center;
	border-radius: 10px;
}
.topContentVlak {
	padding: 20px 40px;
	background-color: var(--achtergrond-kleur);
	margin-bottom: 4rem;
	border-radius: 10px;
}
.bedrijf, .opdracht {
	background-color: var(--achtergrond-kleur);
	padding: 0px 40px 0px 0px;
	display: flex;
	justify-content: flex-start;
	margin-bottom: 4rem;
	border-radius: 0px 10px 10px 0px;
	min-height: 292.5px;
}
.single-monteur .userInfoTop {
	flex-direction: column;
}
.bedrijfInformatie, .opdrachtInformatie {
	padding-top: 20px;
	width: 63%;
	padding-bottom: 20px;
	position: relative !important;
	flex-grow: 1;
	margin-left: 50px;
} 
.tag {
	display: inline-block;
	background-color: var(--achtergrond-kleur);
	color: white !important;
	width: 23%;
	padding: 4px 20px 4px 0px;
	border-radius: 100px;
	margin-bottom: 2rem;
	margin-right: 2%;
	font-size: 20px;
	position: relative;
	text-align: center;
}
.tag input {
	display: none;
}
span.selector {
	background-color: white;
	border-radius: 100px;
	width: 38px;
	height: 84%;
	position: absolute;
	left: 0;
	transition: 0.5s;
}
ul li {
	color: #BBBBBB;
	font-size: 18px !important;
}
ul {
	margin-left: 3rem !important;
}
.wpt-hierarchical-taxonomy-add-new-show-hide.dashicons-dismiss, .wpt-taxonomy-popular-show-hide.dashicons-dismiss, .wpt-credfile-delete:before, .wpt-date-clear:before, .wpt-repdelete:before {
	color: white;
}
a.js-wpt-repadd.wpt-repadd.dashicons-before.dashicons-plus-alt::before {
	margin-right: .5rem;
	font-size: 18px;
}
a.js-wpt-repadd.wpt-repadd.dashicons-before.dashicons-plus-alt {
	font-weight: 100;
	font-size: 18px !important;
	line-height: 21px !important;
	margin-left: 0rem;
	padding-left: 0rem;
}
p.status {
	position: absolute;
	bottom: 0;
	right: 40px;
}
span.projectTitle {
	color: white;
	font-weight: 100 !important;
	font-size: 16px;
	position: absolute;
	right: 40px;
	top: 20px;
	line-height: 16px;
}
.projectTitle {
	text-transform: uppercase !important;  
}
span.projectTitle.projectType {
	top: 40px;
}
.contentVlak.projectIntro {
	display: flex;
	position: relative;
	justify-content: space-between;
	margin-bottom: 2.5rem;
}
.projectIntroContent {
	width: 68%;
	padding: 20px 0px;
	min-height: 300px !important;
	flex-direction: column;
	justify-content: center;
}
.single-opdracht main .primaryButton {
	padding: 12px 40px !important;
	line-height: 20px;
	white-space: nowrap;
}
.single-opdracht main .primaryButton.bedrijfBekijken {
	position: absolute;
	top: 20px;
	right: 20px;
	line-height: 20px !important;
}
.opdrachtSollicitantControl {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr;
	gap: 0px 20px;
	grid-template-areas: ". . . .";
}
.sollicitant {
	display: flex;
	justify-content: space-between;
	margin-bottom: 2rem;
	background-color: var(--achtergrond-kleur);
	padding: 20px 40px;
	border-radius: 10px;
}
.accepteerSollicitatie {
	border: 2px solid #6DD400;
	border-radius: 100px;
	width: 40px;
	height: 40px;
}
.accepteerSollicitatie, .weigerSollicitatie, .accepteerAanvraag, .weigerAanvraag {
	position: relative;
}
.accepteerSollicitatie svg, .weigerSollicitatie svg, .accepteerAanvraag svg, .weigerAanvraag svg {
	position: absolute;
	right: 17px;
	top: 50%;
	transform: translate(50%, -50%);
}
html .buttonContainerSollicitatie span {
	padding: 0px 8px 0px 10px !important;
	font-size: 14px !important;
}
.accepteerSollicitatie svg pth {
	fill: #6DD400;
}
.weigerSollicitatie {
	border: 2px solid #E02020;
	border-radius: 100px;
	width: 40px;
	height: 40px;
}
#primary .buttonContainerSollicitatie {
	text-align: end;
	margin-bottom: 0;
	position: relative;
	bottom: 52px;
	display: flex !important;
	justify-content: flex-end;
}
span.inklapSpan {
	padding: 0px !important; 
	color: transparent !important;
}
.buttonContainerSollicitatie img {
	width: 16px !important;
	height: 14px !important;
	margin-left: -14px;
}
.buttonContainerSollicitatie span {
	font-family: 'Lato';
	font-weight: 100 !important;
	font-size: 18px !important;
	padding: 0px 14px 0px 14px;
	overflow: hidden !important;
	align-items: flex-start;
	width: 16px;
	transition: 0.5s;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
span.inklapSpan {
	padding: 0px !important;
	width: 100% !important;
	display: block !important;
	text-align: left;
}
.buttonContainerSollicitatie span:hover {
	max-width: 100% !important;  
	cursor: pointer;
}
.buttonContainerSollicitatie span:hover span.inklapSpan {
	color: white !important;  
	margin-right: 2rem !important;
}
.buttonContainerSollicitatie span svg {
	transition: 0.5s;
}
.buttonContainerSollicitatie span:hover svg {
	right: 17px;
}
.buttonContainerSollicitatie img {
	width: 16px !important;
	padding: -2px;
	height: 14px !important;
}
span.weigerSollicitatie {
	margin-left: 1rem;
}
.opdracht.mijnOpdracht {
	position: relative;
}
.opdracht.mijnOpdracht .buttonContainerSollicitatie span {
	padding: 0px 8px 0px 10px !important;
}
.opdracht.mijnOpdracht .buttonContainerSollicitatie img {
	width: 16px !important;
	height: 8px !important;
}
.opdracht.mijnOpdracht .buttonContainerSollicitatie {
	position: absolute;
	right: 40px;
	bottom: 18px;
	margin-bottom: 0px;
}
.opdracht.mijnOpdracht span.inklapSpan {
	font-size: 14px !important;
	margin-right: -2rem !important;
}
.accepteerSollicitatie, span.weigerSollicitatie, .accepteerAanvraag, .weigerAanvraag {
	height: 34px !important;
	width: auto !important;
	max-width: 16px;
	background-color: #2a3b41;
}
.sollicitant p {
	margin-bottom: 0rem;
}
.sollicitantRow span {
	color: white;
}
.opdrachtSollicitantControl .opdrachtControlItem {
	width: calc(32.5% - 160px);
	padding: 10px 0;
	text-align: center;
	margin-bottom: 2rem;
}
/* .activiteitItem.activeControlItem + .opdrachtBijwerken {
opacity: 0;
pointer-events: none;
} */
.status strong {
	text-transform: uppercase !important;
}
.projectIntroContent h2 {
	margin-bottom: 2rem;
}
.activeTag {
	background-color: var(--hoofd-kleur) !important;
}
.projectIntro h2 {
	position: absolute;
	right: 12px;
	bottom: 2px;
	font-size: 18px;
}
.projectIntro .editInfo {
	position: absolute;
	bottom: 0;
	margin-bottom: 28px;
	right: 40px;
}
.popUp .js-wpt-field-items {
	margin-bottom: 2rem;
}
.group-form {
	display: none !important;  
}
i.fas.fa-pencil-alt.opdrachtBijwerken {
	color: white;
	width: 100%;
	text-align: right;
	margin-bottom: 2rem;
}
.userInfoTop .editInfo {
	position: relative;
}
.userInfoTop form  {
	margin-left: 10%;
}
/* Config */
.configContentContainer {
	width: 82%;
	background-color: var(--achtergrond-kleur);
	padding: 60px 40px;
	border-radius: 10px;
	overflow: hidden;
}
.configPaginationContainer {
	width: 18%;
}
.config {
	display: flex;
	position: relative;
	background-color: var(--achtergrond-kleur);
	padding: 60px 40px 140px 40px;
	justify-content: space-between;
	border-radius: 10px;
	margin-bottom: 60px;
	/* 	height: calc(70vh - 60px - 120px); */
}
img.dropdown {
	width: 18px !important;
	height: 18px !important;
	position: absolute;
	right: 40px;
	bottom: 27px;
	filter: invert(1);
}
.contentVlakWhole.talenContainer form {
	margin-bottom: 4rem;
	border-radius: 10px;
}
body .beschikbaarheidContainerH2 i {
	display: none !important;
}
a.chosen-single span {
	text-align: right !important;
	margin-right: 0px !important;
}
a.chosen-single div {
	display: none !important;
}
.page-id-13 a.primaryButton {
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.catItem, .regioItem {
	/* 	background-color: center; Sick code Sander ;p*/
	background-color: var(--achtergrond-kleur);
	border: 2px solid rgba(255,255,255,0);
	width: 100%;
	padding: 10px 20px;
	border-radius: 10px;
	display: inline-block;
	box-sizing: border-box;
	transition: 0.5s;
}
.configContent1 {
	grid-template-areas: ". . ." "range . ." !important;
}
#slider-range, #slider-range2 {
	grid-area: range;
	width: 95%;
	margin-left: 5%;
}
.regioItem p {
	margin-bottom: 0px !important;
}
.catItem:hover, .regioItem:hover {
	cursor: pointer;
	background-color: var(--achtergrond-kleur-2);
}
.configSlideOverlay, .opdrachtVindenOverlay {
	display: flex;
	transition: 0.5s;
}
.contentContainer.contentContainerHome .userInfoTop {
	width: 100% !important;
	max-width: 100%;
	margin-left: 0px !important;
}
.contentContainer.contentContainerHome .userInfoContainer {
	margin-left: 2rem;
}
.configContent {
	position: relative;
	/* 	padding-bottom: 8rem; */
}
.contentVlak.opdrachtVindenContainer {
	overflow: hidden;
}
.configContainer, .opdrachten, .configContent, .monteurs {
	width: 100%;
	margin-right: 10%;
	flex-shrink: 0;
}
.configContent {
	display: grid; 
	grid-auto-rows: 1fr; 
	grid-template-columns: 1fr 1fr 1fr; 
	grid-template-rows: 1fr; 
	gap: 20px 20px; 
	grid-template-areas: 
		". . ."
		". . ."
		". . ."; 
	height: 292px;
	/* 	overflow: hidden;
	overflow-y: scroll; */
}
.configLeftOver p strong {
	font-size: 23px !important;
	line-height: 30px !important;
}
.configLeftOver p {
	font-size: 18px !important;
	line-height: 30px !important;
}
.ui-widget-content {
	background: var(--achtergrond-kleur) !important;
	border: 0px !important;
}
.ui-slider-range.ui-corner-all.ui-widget-header {
	background-color: var(--achtergrond-kleur-2) !important;
}
span.ui-slider-handle.ui-corner-all.ui-state-default {
	border-radius: 100px !important;
	width: 25px !important;
	height: 25px !important;
	top: 50% !important;
	transform: translateY(-50%);
}
.configLeftOver {
	margin-top: 1rem;
}
.opdrachtInformatie h2 {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.popUpContent p {
	font-weight: 100 !important;
	font-size: 18px !important;
	line-height: 21px !important;
}
.opdrachtInformatie h2 span {
	font-size: 16px;
	line-height: 21px;
	font-weight: 100;
}
span.ui-slider-handle.ui-corner-all.ui-state-default:focus-visible {
	outline-width: 0px !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border: 1px solid var(--hoofd-kleur) !important;
	background-color: var(--hoofd-kleur) !important;
}
.catItem p {
	margin-bottom: 0px !important;
}
.progressieBackground {
	height: 100%;
	background-color: var(--hoofd-kleur);
	border-radius: 100px;
	text-align: right;
	padding-right: 2rem;
	color: white;
	font-size: 18px;
	line-height: 40px;
	transition: 0.5s;
	box-sizing: border-box;
}
.progressie {
	width: 100%;
	height: 40px;
	background-color: var(--achtergrond-kleur-2);
	border-radius: 100px;
}
p.progressieTitle {
	font-weight: 900 !important;
	margin-top: 2rem;
	margin-bottom: 1rem;
}
span.locationUserInfo {
	font-weight: 900 !important;
	margin-bottom: 2rem;
}
.userInfoTop p {
	font-family: 'Patua One' !important;
	margin-bottom: 2rem;
	font-size: 24px !important;
}
.popUp textarea, .popUpReageer textarea {
	width: 100% !important;
	box-sizing: border-box;
	font-size: 16px !important;
	padding: 20px;
}
span.primaryButton.sluitPopUp {
	padding: 8px 60px;
}
html body input[type="submit"] {
	border: 2px solid var(--hoofd-kleur);
	border-radius: 100px;
	padding: 10px;
	font-size: 16px !important;
	background-color: transparent;
	line-height: 21px;
	padding: 7px 60px;
	min-width: 200px !important;
	color: white !important;
	transition: 0.5s;
	width: fit-content !important;
	font-family: 'Lato' !important;
	font-weight: 900 !important;
}
span.primaryButton.sluitPopUp {
	/* 	min-width: 200px !important; */
	padding: 8px 60px !important;
	margin-right: 4rem !important;
}
.menu-bedrijf-container {
	margin-top: 6rem !important;
}
.opdrachtenWrapper {
	height: calc(100% - 50px - 66px - 20px);
	margin-bottom: 20px;
	overflow: hidden;
	overflow-y: scroll;
}
.berichtenWrapper {
	height: calc(100% - 66px - 20px - 42px);
	margin-bottom: 20px;
	overflow: hidden;
	overflow-y: scroll;
}
.opdrachtInformatie a.primaryButton, .projectIntroContent .primaryButton {
	background-color: var(--hoofd-kleur);
}
.opdrachtInformatie a.primaryButton:hover, .projectIntroContent .primaryButton:hover {
	background-color: transparent !important;
} 
.opdracht.mijnOpdracht {
	border-radius: 10px; 
}
.opdracht.mijnOpdracht .opdrachtBanner {
	border-radius: 10px 0px 0px 10px;
}
.opdracht.mijnOpdracht h2 {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 1rem !important;
}
.opdracht.mijnOpdracht ul {
	margin-bottom: 0px !important;
}
.opdracht.mijnOpdracht li {
	font-size: 15px !important;
	line-height: 18px !important;
}
.topContentVlak.opdrachtAanmaakBttn {
	margin-bottom: 2rem;
}
.opdrachtSollicitantControl.mijnOpdrachtControlContainer {
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-areas: ". . .";
	margin-bottom: 2rem;
}
.opdracht.mijnOpdracht {
	margin-bottom: 2rem !important;
}
/* .opdracht.mijnOpdracht:last-child {
margin-bottom: 0 !important;
} */
.contentSidebar h2 {
	margin-bottom: 2rem;
}
.opdracht.mijnOpdracht .bedrijfInformatie, .opdrachtInformatie {
	padding-top: 18px;
	padding-bottom: 18px;
}
.opdracht.mijnOpdracht .bedrijfInformatie, .opdrachtInformatie ul li:nth-child(1n+4) {
	display: none;
}
.opdracht.mijnOpdracht:hover {
	cursor: pointer;
}
.contentSidebar .primaryButton {
	padding: 8px 40px;
	background-color: var(--hoofd-kleur);
	margin-right: auto;
	margin-left: auto;
	display: block;
}
span.thin {
	font-weight: 100 !important;
}
.projectIntroContent .matchPer {
	color: white;
	font-size: 18px !important;
	line-height: 21px;
}
.ervaring.mijnMonteur.monteurMatch .ervaringInfo {
	width: 100%;
}
.ervaring.mijnMonteur.monteurMatch p.monteurMatchTitel {
	display: flex;
	justify-content: space-between;
}
.monteurMatch .buttonContainerSollicitatie img {
	position: relative !important;
	border-radius: 0px !important;
	left: auto !important;
	top: auto !important;
}
.buttonContainer .primaryButton {
	display: inline-block;
}
.ervaring.mijnMonteur.monteurMatch .ervaringInfo .primaryButton {
	padding: 4px 40px !important;
}
.ervaring.mijnMonteur.monteurMatch .ervaringInfo {
	margin-left: 185px !important;
}
.ervaring.mijnMonteur.monteurMatch {
	height: calc(185px - 40px);
}
.ervaring.mijnMonteur.monteurMatch .monteurMatchFoto {
	width: 185px !important;
	height: 185px !important;
}
.ervaring.mijnMonteur.monteurMatch .buttonContainerSollicitatie {
	position: absolute;
	right: 0;
	bottom: 5rem;
}
.views-template-dashboard .bedrijf, .views-template-dashboard .opdracht {
	min-height: 121px;
}
.views-template-dashboard .bedrijfBanner, .views-template-dashboard .opdrachtBanner {
	width: 121px;
}
.views-template-dashboard .opdracht.mijnOpdracht .buttonContainerSollicitatie {
	position: absolute !important;
	bottom: 20px !important;
}
.single-opdracht #primary .buttonContainerSollicitatie {
	bottom: 88px;
}
.step p {
	margin-bottom: 0rem !important;
	margin-top: 1rem !important;
}
span.overslaanButton {
	color: white;
	font-size: 16px;
	margin-top: 1rem;
}
.progressieButtons {
	position: absolute;
	right: 40px;
	bottom: 2rem;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
span.overslaanButton {
	color: white;
	font-size: 16px;
	margin-top: 1rem;
}
span.overslaanButton:hover {
	cursor: pointer;
}
.step .progressie {
	margin-bottom: 4rem;
}
.homeLayoutUitzend {
	grid-template-areas: 
		"One Three" 
		"One Three" !important;
}
.uitzendMonteur li {
	font-size: 15px !important;
	line-height: 18px !important;
}
.uitzendMonteur ul {
	margin-bottom: 0px !important;
}
.uitzendMonteur .ervaringInfo {
	width: 63% !important;
	padding-top: 18px;
	padding-bottom: 18px;
}
.uitzendMonteur img {
	width: 33% !important;
	height: 100% !important;
	object-fit: cover;
	border-radius: 10px 0px 0px 10px;
	position: relative;
	left: 0;
}
.ervaring.mijnMonteur.uitzendMonteur {
	padding: 0px 40px 0px 0px !important;
	justify-content: space-between !important;
	margin-left: 0px !important;
	border-radius: 10px !important;
	margin-top: 0px !important;
	margin-bottom: 2rem;
}
.counterPlaceholder {
	display: none;
}
.opdrachtControlItem {
	position: relative;
}
span.counter {
	/* 	position: absolute;
	right: 2rem; */
	margin-left: 10px;
}
.ervaring.mijnMonteur.uitzendMonteur:hover {
	cursor: pointer;
}
/* #Media Queries
================================================== */

/* Those wide screens above 1280px */
@media only screen and (min-width: 1281px) {
	body{
		font-size: 2.5em;
		line-height: 1.5em;
	}
	article .title{
		font-size: 1.8em;
		line-height: 1.5em;
	}
	article .post-meta{
		font-size: 0.7em;
		line-height: 1em;
	}
	.menu-main-nav-container a, .side-title, .menu-main-container a{
		font-size: 1em;
		line-height: 1.5em;
	}
	#sidebar{
		font-size: 0.7em;
		line-height: 1.5em;
	}
	#sidebar h3{
		font-size: 1.5em;
		line-height: 1.5em;
	}
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	.side-title{
		font-size: 1em;
		line-height: 1.5em;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.side-title{
		font-size: 1em;
		line-height: 1.5em;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.side-title{
		font-size: 1em;
		line-height: 1.5em;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body, article .post-meta{
		font-size: 1.2em;
		line-height: 1.5em;
	}
	article .title{
		font-size: 2em;
		line-height: 1.5em;
	}
	.site-title{
		font-size: 10px !important;
		line-height: 50px;
	}
	.menu-main-nav-container a, .side-title, .menu-main-container a{
		font-size: 1em;
		line-height: 1.5em;
	}
}
.navbarToggleContainer {
	display: none;
}
.homeLayout {
	width: 100% !important;
	display: grid; 
	grid-template-columns: 1fr 1fr; 
	grid-template-rows: 1fr 1fr; 
	gap: 20px 20px; 
	grid-template-areas: 
		"One Three"
		"Two Three"; 
}
.One { grid-area: One; }
.Two { grid-area: Two; }
.Three { grid-area: Three; }
.userInfoContainer {
	width: calc(100% - 80px);
}
.mobileBottomBar {
	display: none;
}
.single-opdracht .sollicitantRow span.projectTitle span {
	font-weight: 100 !important;
}
.single-opdracht .sollicitantRow span.projectTitle {
	position: relative;
	display: flex;
	right: 0;
	top: 0px !important;
}
.accepteerAanvraag {
	border: 2px solid #6DD400;
	border-radius: 100px;
	width: 40px;
	height: 40px;
}
.weigerAanvraag {
	border: 2px solid #E02020;
	border-radius: 100px;
	width: 40px;
	height: 40px;
}
.buttonContainerSollicitatie {
	text-align: end;
	margin-bottom: 3rem;
	display: flex;
	justify-content: flex-end;
}
span.inklapSpan {
	padding: 0px !important; 
	color: transparent !important;
}
.buttonContainerSollicitatie img {
	width: 16px !important;
	height: 14px !important;
	margin-left: -14px;
}
.buttonContainerSollicitatie span {
	font-family: 'Lato';
	font-weight: 100 !important;
	font-size: 18px !important;
	padding: 0px 14px 0px 14px;
	overflow: hidden !important;
	align-items: flex-start;
	width: 16px;
	transition: 0.5s;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#primary .bedrijfContainerLeft img {
	border-radius: 10px;
	height: 100% !important;
}
span.inklapSpan {
	padding: 0px !important;
	width: 100% !important;
	display: block !important;
	text-align: left;
}
.buttonContainerSollicitatie span:hover {
	width: 62%;  
	cursor: pointer;
}
.buttonContainerSollicitatie span:hover span.inklapSpan {
	color: white !important;  
}
.buttonContainerSollicitatie img {
	width: 16px !important;
	padding: -2px;
	height: 14px !important;
}
span.weigerAanvraag {
	margin-left: 1rem;
}
.serviceItem {
	width: 100%;
	height: 41vh;
	background-color: var(--achtergrond-kleur-2);
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
}
.serviceItem:hover {
	cursor: pointer;
}
.uploadTrigger.desktopOnly:before {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.servicesGrid {
	display: grid;
	grid-template-columns: auto auto;
	gap: 40px;
}
.mainCasesPopup {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 50px;
	height: 50px;
	background-color: var(--hoofd-kleur);
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.views-template-helpdesk .mainCasesPopup {
	display: none;
}
.mainCasesPopup i {
	color: #ffffff;
	font-size: 20px;
}
.mainCasesPopup .number {
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(50%, -50%);
	background-color: #ffffff;
	font-size: 10px;
	line-height: 10px;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.adminChatContainer {
	display: flex;
	justify-content: space-between;
	height: calc(100vh - 110px);
	overflow: hidden;
}
.adminChatContainer .availableChats {
	width: 30%;
	overflow-y: scroll;
}
.adminChatContainer .availableChats .caseSelector {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	padding: 20px 40px;
	overflow: scroll;
	border-radius: 10px;
	box-sizing: border-box;
	background-color: var(--achtergrond-kleur);
}
.caseSelector.unopened:after {
	content: "";
	position: absolute;
	top: 5px;
	right: 5px;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: var(--hoofd-kleur);
}
.adminChatContainer .availableChats .caseSelector .userInformationWrapper {
	margin-left: 20px;
}
.adminChatContainer .availableChats .caseSelector:not(:last-child) {
	margin-bottom: 20px;
}
.adminChatContainer .availableChats .caseSelector img {
	width: 60px;
	height: auto;
	border-radius: 10px;
}
.adminChatContainer .availableChats .caseSelector p {
	margin: 0 !important;
}
.adminChatContainer #chatBot {
	width: 65%;
	display: flex;
	flex-flow: column;
}
.botui-container {
	flex-grow: 1;
}
.botui-app-container {
	height: 100% !important;
}
.botui-container {
	height: calc(100% - 75px - 34px) !important;
}
div#chatBot {
	height: calc(100vh - 110px) !important;
}
.closeChat {
	position: absolute;
	right: 1rem;
	color: var(--hoofd-kleur);
}
.error {
	border-bottom: 2px solid red;
}
.verplichteTaal, .customSelect {
	background-color: var(--achtergrond-kleur);
	border-radius: 6px;
	padding: 13px 20px;
}
a.chosen-single {
	padding: 0px !important;
	color: white !important;
	font-family: 'Lato';
	font-weight: 400 !important;
	margin-top: -5px;
}
.chosen-container.chosen-container-single {
	display: flex;
	padding-bottom: 0px;
	align-items: initial;
}
.opdrachtAanmaakBttn {
	transition: 0.3s ease-out;
}
.opdrachtAanmaakBttn:hover {
	background-color: var(--achtergrond-kleur-2);
}
.gaNaarAlleOpdrachten {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.bedrijfLocatie iframe {
	border-radius: 10px;
}
.noItemsFound, .noActivityBlock {
	color: #ffffff;
	font-size: 20px;
	font-family: "Lato";
	font-weight: 400 !important;
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	body, article .post-meta{
		font-size: 1.2em;
		line-height: 1.5em;
	}
	article .title{
		font-size: 2em;
		line-height: 1.5em;
	}
	.site-title{
		font-size: 6px !important;
		line-height: 30px;
	}
	.menu-main-nav-container a, .side-title, .menu-main-container a{
		font-size: 1em;
		line-height: 1.5em;
	}
}
@media only screen and (max-width: 1700px) {
	/* 	.userInfoTop .primaryButton {
	position: absolute;
	left: 40px;
	bottom: 20px; 
}*/
	.contentBlock {
		position: relative;
	}
	.userInfoTop a {
		margin-bottom: 10px;
	}
	.configContent {
		grid-template-columns: 1fr 1fr;
		grid-template-areas: ". ." ". ." ". .";
	}
	.homeLayout {
		grid-template-columns: 1.3fr 1fr;
	}
}
@media only screen and (max-width: 1440px) {
	.opdrachtGroot .buttonContainerSollicitatie {
		margin-bottom: 66px !important;
	}
	.opdracht.mijnOpdracht .bedrijfInformatie, .opdrachtInformatie {
		padding-bottom: 66px;
	}
	.closedMenu .menu-item {
		display: none;
	}
	.homeLayout {
		height: calc(93vh - 71px - 40px) !important;
	}
	.userInfoTop {
		flex-flow: unset;
	}
	.userInfoTop a {
		margin-bottom: 0px;
	}
	.navbarToggleContainer {
		position: absolute;
		right: -20px;
		top: 50%;
		transform: translate(0%, -50%);
		background-color: #ffffff;
		width: 40px;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 10px;
		z-index: 1;
		cursor: pointer;
	}
	header#masthead {
		background-color: #13252C;
		transition: 0.5s cubic-bezier(0.7, 0.08, 0.5, 1);
	}
	header#masthead .navbarToggleContainer i {
		transition: 0.5s;
	}
	.closedMenu header#masthead .navbarToggleContainer i {
		transform: rotate(-180deg);
	}
	.closedMenu header#masthead ul.desktopMenu {
		left: 100%;
		opacity: 0;
	}
	header#masthead nav {
		overflow: hidden;
	}
	header#masthead nav .menu li a {
		white-space: nowrap;
	}
	.closedMenu header#masthead {
		width: 5%;
		z-index: 1000;
	}
	main.main-fluid {
		width: 95%;
		margin-left: 5%;
	}
	header#masthead ul {
		position: relative;
		left: 0;
		transition: 0.5s cubic-bezier(0.7, 0.08, 0.5, 1);
		opacity: 1;
	}
	.closedMenu .userBlock {
		width: 90%;
		flex-flow: column;
	}
	.closedMenu .userBlock div {
		width: 100%;
		justify-content: center;
	}
	.closedMenu .userBlock div:nth-child(2) {
		height: auto;
		display: none;
	}
	.closedMenu .userBlock div:nth-child(2) p {
		margin-left: 0;
	}
	.closedMenu .userBlock img {
		width: 50px;
		height: 50px;
	}
	.contentContainer.contentContainerHome, .contentContainerOpdracht {
		flex-flow: wrap;
	}
	.homeLayout {
		height: auto;
		margin-bottom: 40px;
		width: 100%;
	}
	/* 	.homeLayout .contentBlock:nth-child(1) {
	margin-bottom: 2rem !important;
} */
	.homeLayout .contentBlock {
		width: 100%;
		height: auto;
	}
	.contentSidebar {
		width: 100%;
		height: auto;
	}
}
@media only screen and (max-width: 1280px) {
	.homeLayout {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr 1fr;
		grid-template-areas:
			"One"
			"Two"
			"Three";
	}
	.homeLayout .contentBlock {
		overflow: unset;
	}
	.userInfoTop .primaryButton {
		position: unset;
	}
	.projectIntroContent {
		width: 60% !important;
	} 
}
@media only screen and (max-width: 1240px) {
	header#masthead {
		width: 30%;
	}
	.closedMenu .userBlock img {
		width: 40px;
		height: 40px;
	}
}
@media only screen and (max-width: 1040px) {
	.configContent {
		grid-template-columns: 1fr;
		grid-template-areas: ".";	
	}
	.configContent1 {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-template-areas:
			"."
			"range" !important;
	}
}
@media only screen and (max-width: 1024px) {
	.sollicitant .sollicitantRow:nth-child(2) {
		width: auto !important;
	}
	.sollicitant .sollicitantRow:nth-child(3) {
		display: none !important;
	}
	.opdrachtSollicitantControl {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		gap: 0px 20px;
		grid-template-areas:
			". ."
			". .";
	}
	.landingContainer {
		flex-flow: column;
	}
	.landingItem {
		width: 100% !important;
	}
	.langContainer {
		position: relative !important;
		bottom: unset !important;
	}
	.landingContent h1 {
		font-size: 30px !important;
		line-height: 40px !important;
	}
	#masthead .landingNav .landingLogo img {
		max-width: 60px;
		height: auto;
	}
	#masthead .landingNav .landingLinks a:not(.primaryButton) {
		margin: 0 10px;
	}
	.home header#masthead {
		position: relative !important;
		width: 90% !important;
		margin: 0 auto;
		padding: 10px 5%;
		background-color: rgba(6, 25, 33, 0.7);
	}
}
.desktopOnly {
	display: block !important;
}
.mobileOnly {
	display: none !important;
}
.opdrachten .gaNaarAlleOpdrachten {
	margin-bottom: 4rem;
}
.monteurs .topContentVlak p {
	order: 2;
}
@media only screen and (max-width: 600px) {
	.sollicitant .sollicitantRow:nth-child(1) {
		flex-grow: 1;
		padding-right: 20px;
	}
	.single-monteur .userInfoContainer {
		width: calc(100% - 100px) !important;
		margin-bottom: 20px;
	}
	#primary .opdrachtSwiper .buttonContainerSollicitatie {
		display: flex !important;
	}
	.opdrachtSwiper .opdrachtGroot .buttonContainerSollicitatie {
		margin-bottom: unset !important;
	}
	.opdrachtSwiper .opdrachtInformatie {
		margin-left: 0 !important;
	}
	.opdrachtSwiper .buttonContainerSollicitatie a {
		position: relative;
		top: 0 !important;
	}
	.bedrijfInformatie, .opdrachtInformatie {
		margin-left: 20px;
	}
	.bedrijfInformatie a, .opdrachtInformatie a {
		top: 20px !important;
		bottom: unset !important;
	}
	#primary .buttonContainerSollicitatie {
		display: none !important;
	}
	.views-template-opdracht-bijwerken h1 {
		display: none;
	}
	.views-template-opdracht-bijwerken .contentVlak.projectIntro i {
		font-size: 20px !important;
		border-radius: 0 10px 0 0;
	}
	.views-template-opdracht-bijwerken .projectBannerIntro {
		width: 50px;
		height: 50px !important;
	}
	.views-template-opdracht-bijwerken .mainInfo, .views-template-opdracht-bijwerken .contentContainer.contentContainerOpdrachtActiviteit {
		padding: 0 5%;
		box-sizing: border-box;
	}
	.views-template-opdracht-bijwerken .contentVlak.projectIntro {
		padding: 0 10px 20px 10px !important;
	}
	.views-template-opdracht-bijwerken .projectIntroContent {
		width: 100% !important;
	}
	.views-template-opdracht-aanmaken #primary .projectBannerIntro {
		border-radius: 10px 10px 0 0 !important;
		bottom: 0;
		margin-top: 10px;
		margin-bottom: 0 !important;
	}
	.views-template-opdracht-aanmaken .contentVlak.projectIntro .mobileOnly.uploadImage.uploadTrigger {
		width: 50px !important;
		padding-bottom: 50px;
		flex-shrink: 0;
		border-radius: 10px;
	}
	.views-template-opdracht-aanmaken .contentVlak.projectIntro {
		padding: 0 10px 20px 10px;
	}
	.projectIntro .projectIntroContent .js-wpt-field-items {
		width: 100%;
	}
	#masthead nav.landingNav {
		display: none !important;
	}
	.home #masthead, .views-template-login #masthead, .views-template-ik-ben-een-werkgever #masthead, .views-template-ik-zoek-een-opdracht #masthead {
		display: flex;
		justify-content: center;
		flex-flow: row wrap;
	}
	.home #masthead .mobileMenu, .views-template-login #masthead .mobileMenu, .views-template-ik-ben-een-werkgever #masthead .mobileMenu, .views-template-ik-zoek-een-opdracht #masthead .mobileMenu {
		flex-grow: 1;
		width: 100%;
	}
	.home #masthead .mobileMenu .profileAndMenuToggle, .views-template-login #masthead .mobileMenu .profileAndMenuToggle {
		width: 100%;
		margin: 0 auto;
	}
	.home #masthead .hiddenMenu .langContainer, .views-template-login #masthead .hiddenMenu .langContainer {
		display: flex;
		margin-top: 40px;
	}
	.ervaring.mijnMonteur.monteurMatch {
		height: 80px !important;
		box-sizing: border-box !important;
		padding: 5px 20px 5px 0;
	}
	.ervaring.mijnMonteur.monteurMatch ul {
		display: none !important;
	}
	.ervaring.mijnMonteur.monteurMatch .monteurMatchFoto {
		height: 80px !important;
		width: 80px !important;
	}
	.ervaring.mijnMonteur.monteurMatch .monteurMatchTitel {
		width: 100% !important;
	}
	.ervaring.mijnMonteur.monteurMatch .monteurMatchTitel span {
		margin-left: auto !important;
	}
	.ervaring.mijnMonteur.monteurMatch .buttonContainerSollicitatie {
		display: flex !important;
		position: relative;
		right: unset;
		bottom: unset !important;
		flex-flow: row;
		margin-left: auto;
		margin-bottom: 0 !important;
	}
	.ervaring.mijnMonteur.monteurMatch .buttonContainerSollicitatie span {
		margin-bottom: 0 !important;
	}
	.ervaring.mijnMonteur.monteurMatch .buttonContainerSollicitatie span:first-child {
		margin-right: 20px;
	}
	.ervaring.mijnMonteur.monteurMatch .ervaringInfo {
		margin-left: 20px !important;
	}
	.ervaring.mijnMonteur.monteurMatch .primaryButton {
		display: none !important;
	}
	.home header#masthead {
		box-sizing: border-box;
	}
	.opdrachten .gaNaarAlleOpdrachten {
		margin-bottom: 0;
	}
	#primary .gaNaarAlleOpdrachten {
		width: 95% !important;
		box-sizing: border-box;
		text-align: center;
		margin-top: 10px;
	}
	i.fas.fa-pencil-alt.opdrachtBijwerken {
		right: 28px !important;
		bottom: 0px;
		top: auto !important;
		font-size: 18px !important;
	}
	#primary .configControllerContainers .primaryButton {
		flex-basis: 45%;
		padding: 4px 20px !important;
	}
	#primary .projectIntroContent .primaryButton {
		padding: 4px 20px !important;
		width: 100% !important;
		font-size: 14px !important;
	}
	.overlay h1 {
		font-size: 24px !important;
		line-height: 30px !important;
	}
	#primary .landingItem h2 a {
		font-size: 20px !important;
	}
	#primary .landingItem h2 a span {
		/* 		display: inline-block; */
		font-size: 20px !important;
		line-height: 20px !important;
	}
	.contentContainer.contentContainerHome .userInfoContainer {
		flex-grow: 1;
	}
	.ervaring.mijnMonteur .ervaringInfo ul {
		display: none !important;
	}
	.popShow h2 {
		margin: 0 !important;
	}
	.popShow p {
		font-size: 16px !important;
		line-height: 19px !important;
		margin-bottom: 20px !important;
	}
	.views-template-login #masthead .primaryButton.mobileOnly {
		display: none !important;
	}
	#masthead .landingNav .landingLinks {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	.langContainer {
		display: flex;
		position: absolute;
		bottom: 10vh;
		width: 100%;
		justify-content: center;
		left: 0;
	}
	.langContainer a:not(:last-child) {
		margin-right: 40px;
	}
	.views-template-login header#masthead {
		background-color: transparent;
		padding: 10px 5%;
		box-sizing: border-box;
	}
	#masthead .landingNav {
		flex-flow: column;
	}
	#masthead .landingNav .landingLinks {
		margin-top: 20px;
	}
	#masthead .landingNav .landingLinks a {
		flex-basis: 33.333%;
		margin: 0;
		text-align: center;
		box-sizing: border-box;
		font-size: 14px !important;
		margin: 0;
	}
	#masthead .landingNav .landingLinks a:nth-child(1) {
		order: 1;
	}
	#masthead .landingNav .landingLinks a:nth-child(2) {
		order: 3;
	}
	#masthead .landingNav .landingLinks a:nth-child(3) {
		order: 2;
	}
	.landingContent {
		width: 90% !important;
	}
	.home .overlay {
		/* 		padding-top: 143px; */
		position: relative;
		justify-content: flex-start;
		padding: 30px 0;
	}
	.home main.main-fluid {
		padding-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.home div#content {
		padding-bottom: 0;
	}
	.ervaring .ervaringInfo ul, .certificaat .certificaatInfo ul {
		display: none;
	}
	.ervaring .ervaringInfo .projectTitle {
		display: none;
	}
	.ervaring .primaryButton {
		position: unset !important;
	}
	.servicesGrid {
		padding: 20px;
	}
	html body .uploadImage.mobileOnly {
		position: relative;
		width: 15% !important;
		height: 0;
		padding-bottom: 15%;
		border-radius: 100%;
		background-color: rgba(255,255,255,0.5);
		margin-left: 20px !important;
		margin-right: 20px !important;
		background-size: cover;
	}
	.uploadImage.mobileOnly svg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.projectBannerIntro {
		justify-content: flex-start !important;
		border-radius: 10px !important;
	}
	.projectIntro .projectBannerIntro p {
		font-style: italic;
		color: #BBBBBB !important;
		font-size: 20px !important;
		line-height: 24px !important;
		margin: 0;
	}
	.projectIntroContent h2 {
		display: none;
	}
	.bedrijf, .opdracht {
		width: 95%;
		margin: 10px auto 0 auto;
		padding: 0 20px 0 0;
		box-sizing: border-box;
		min-height: 107px;
	}
	.config {
		flex-flow: column;
		width: 95%;
		margin: 10px 2.5% 0 2.5%;
		box-sizing: border-box;
		padding: 30px 10px 90px 10px;
		height: calc(100vh - 55px - 67px - 66px);
		justify-content: flex-start;
	}
	.catItem p:first-line {
		font-size: 16px !important;
		line-height: 19px !important;
	}
	.catItem p, .regioItem p {
		font-size: 12px !important;
		line-height: 15px !important;
		text-align: center !important;
	}
	.config .configContentContainer {
		padding: 30px 30px 0 30px;
		height: 100%;
		width: 100%;
		box-sizing: border-box;
		overflow: hidden;
		overflow-y: scroll;
	}
	.configControllerContainers {
		bottom: 10px !important;
		width: calc(100% - 80px);
		margin: 0 auto;
		left: 0;
		right: 0 !important;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	.configControllerContainers span {
		width: 49% !important;
		box-sizing: border-box;
		text-align: center;
		padding: 7px 0px !important;
		margin: 0 !important;
	}
	.configControllerContainers .configLeftOver {
		margin: 10px auto 0;
	}
	.configContent {
		grid-template-columns: 1fr 1fr;
		grid-template-areas: ". .";
		gap: 10px 8px;
		height: fit-content;
	}
	.catItem, .regioItem {
		padding: 10px 12px;
	}
	.configLeftOver p, .configLeftOver p strong {
		font-size: 12px !important;
		line-height: 15px !important;
	}
	.configContent.configContent1 {
		grid-template-columns: 1fr;
	}
	.configContent.configContent1 #slider-range {
		width: 90%;
		margin-left: 2.5%;
	}
	.configPaginationContainer {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	.configSlideOverlay, .opdrachtVindenOverlay {
		height: 100%;
	}
	.configPaginationContainer p {
		font-size: 16px !important;
		line-height: 19px !important;
	}
	.userInfoTop .primaryButton.mobileOnly {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 8px;
		background-color: var(--hoofd-kleur);
		margin-left: 20px;
	}
	.userInfoBlock {
		flex-flow: row !important;
	}
	.contentVlakUser {
		border-radius: 0 0 5px 5px;
		flex-flow: column;
	}
	.userInfoBlock img, .contentVlakUser img {
		width: 100px !important;
		height: 100px !important;
	}
	.userInfoTop p, .contentVlakUser p, body .userInfoTop span {
		font-size: 20px !important;
		line-height: 24px !important;
		margin-bottom: 10px;
	}
	span.locationUserInfo, .contentVlakUser span, .userInfoBottom span {
		font-size: 14px !important;
		line-height: 17px !important;
	}
	.beschikbaarheidContainerProfiel {
		display: flex;
		position: relative;
	}
	.beschikbaarheidContainerProfiel p.beschikbaarheid, .beschikbaarheidContainerProfiel, .editInfo {
		position: relative;
		margin: 20px 0 0 0;
		left: 0;
		right: 0;
	}
	.contentVlakWhole:not(.contentVlakUser) {
		width: 95%;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.contentVlakWhole:not(:last-child) {
		margin-bottom: 20px;
	}
	.beschikbaarheidContainerH2 {
		margin-bottom: 0 !important;
	}
	.contentVlakWhole.contentVlakUser .userInfoTop {
		flex-flow: row-reverse;
	}
	.beschikbaarheidContainerH2 img {
		width: 20px !important;
		height: 20px !important;
		bottom: 20px;
	}
	.infoContainerUser {
		margin-left: 20px;
	}
	.progressie {
		height: 30px;
	}
	.progressieBackground {
		height: 30px;
		font-size: 14px;
		line-height: 30px;
	}
	.mobileOnly {
		display: block !important;
	}
	footer .copyright {
		position: relative;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 0px 10px;
		display: flex !important;
		justify-content: center;
		align-items: center;
		background-color: var(--hoofd-kleur);
		box-sizing: border-box;
	}
	footer .copyright p {
		margin: 0;
		font-size: 12px !important;
		line-height: 24px !important;
	}
	.desktopOnly {
		display: none !important;
	}
	.homeLayout {
		grid-template-rows: unset;
		grid-template-areas: 
			"One"
			"."
			"Two"
			"Three";
	}
	.homeLayout .contentBlock {
		height: fit-content;
		padding: 20px;
	}
	.contentBlock:not(.One) {
		width: 95%;
		margin: 0 auto;
	}
	h2 {
		font-size: 20px;
		line-height: 24px;
	}
	.contentBlock .contentBlock {
		width: 100%;
		margin-bottom: 10px !important;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.contentBlock .contentBlock:last-child {
		margin-bottom: 0 !important;
	}
	.berichtenWrapper {
		max-height: 300px;
		margin-bottom: 0;
	}
	.berichtenWrapper .contentBlock {
		min-height: 107px !important;
	}
	.berichtenWrapper .tagsBedrijf {
		margin-top: 0 !important;
		border-radius: 10px;
	}
	.berichtenWrapper .tagsBedrijf p {
		font-size: 14px !important;
		line-height: 20px !important;
	}
	.contentBlock.Three .berichtenWrapper {
		max-height: 300px !important;
		height: auto !important;
	}
	.contentBlock.Three .berichtenWrapper .opdracht {
		min-height: 107px;
	}
	.opdracht.mijnOpdracht h2 {
		font-size: 14px;
		line-height: 17px;
	}
	html body .berichtenWrapper .geenItems {
		display: flex;
		flex-flow: column;
		height: auto !important;
		min-height: unset !important;
		padding: 10px 20px !important;
	}
	.geenItems p {
		font-size: 14px !important;
		line-height: 20px !important;
		margin: 0 !important;
	}
	.geenItems p.grey {
		font-size: 12px !important;
		line-height: 18px !important;
	}
	.opdrachtInformatie h2 span {
		font-size: 12px;
		line-height: 15px;
		right: 0 !important;
	}
	.opdrachtDetailControl {
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	html body .opdrachtDetailControl .opdrachtBijwerken {
		width: 100% !important;
		padding: 10px !important;
		margin-top: 10px;
	}
	.profileContentContainer {
		margin-left: auto;
	}
	.projectIntro .editInfo {
		position: absolute;
		margin-right: 0 !important;
		margin: 0 40px 0 auto;
	}
	p.status {
		right: 0;
		margin: 0;
		position: relative;
	}
	.contentVlak.projectIntro h2 {
		margin: 0 !important;
	}
	.opdrachtDetailControl .opdrachtControlItem {
		width: 49%;
		padding: 15px 0;
		text-align: center;
		margin: 0 !important;
	}
	.contentVlak.projectIntro {
		background-color: unset !important;
		margin-top: 10px;
		margin-bottom: 10px !important;
		align-items: flex-end;
		flex-flow: row wrap;
		background-color: var(--achtergrond-kleur) !important;
	}
	/* 	.contentVlak.projectIntro .mobileOnly {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	width: calc(100% - 40px);
	margin: 20px auto 20px auto;
} */
	.contentVlak.projectIntro .mobileOnly h1 {
		margin: 0;
	}
	.contentVlak.projectIntro .mobileOnly .matchPer {
		color: #ffffff;
	}
	.projectIntroContent {
		display: flex;
		flex-flow: column;
		padding: 0;
	}
	.single-opdracht main .primaryButton {
		padding: 7px 0 !important;
		width: calc(100% - 40px) !important;
		box-sizing: border-box;
		text-align: center;
	}
	.single-opdracht main .primaryButton.bedrijfBekijken {
		position: unset;
		margin-top: 10px;
		/* 		margin-bottom: 10px; */
		background-color: transparent;
	}
	.contentVlak.projectIntro .mobileOnly {
		width: 100%;
		margin-bottom: 10px;
		margin-top: 10px;
		margin-left: 25px;
	}
	.contentVlak.projectIntro .profileContentContainer.mobileOnly {
		order: 3;
		position: relative;
		margin-top: 0;
	}
	.displayNiks {
		display: none !important;
	}
	.contentVlak.projectIntro {
		align-items: flex-start;
		padding: 0 20px 20px 0;
	}
	.projectIntroContent {
		display: flex;
		justify-content: flex-start;
		flex-flow: row wrap;
	}
	.projectIntroContent ul {
		width: 100%;
		order: 1;
	}
	.single-opdracht .projectIntroContent ul {
		order: unset;
	}
	.projectIntroContent .profileContentContainer.mobileOnly {
		width: fit-content;
	}
	.projectIntroContent h2.mobileOnly {
		width: fit-content !important;
		display: block;
		position: relative;
		right: -12px;
		bottom: 0;
		order: 3;
	}
	.projectIntroContent .editInfo {
		position: relative;
		right: 0;
		margin-left: 25px;
		order: 2;
	}
	.tagsContainer {
		display: grid;
		grid-template-columns: auto auto;
		gap: 10px 10px;
	}
	.tagsContainer .tag {
		width: 100%;
		margin: 0;
		padding: 7px 0;
		box-sizing: border-box;
		font-size: 12px !important;
		line-height: 15px !important;
	}
	.sollicitant .sollicitantRow:nth-child(2) {
		display: flex;
		flex-flow: column;
		align-items: flex-end;
		justify-content: flex-end;
		width: auto !important;
	}
	.sollicitant .sollicitantRow:nth-child(2) span {
		margin-bottom: 5px !important;
	}
	.popUpReageerContent.popShow, .popUpContentReactieAcceptatie.popShow {
		transform: translate(-50%, 0);
	}
	html body .popUpReactieAcceptatie .primaryButton, html body .popUp .primaryButton {
		padding: 7px 20px !important;
	}
	.sollicitant .sollicitantRow:nth-child(2) .primaryButton {
		width: unset !important;
		padding: 8px !important;
	}
	.sollicitant {
		position: relative;
		padding: 10px;
	}
	.sollicitant .sollicitantRow:nth-child(3) {
		width: auto !important;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.popUpContent, .popUpReageerContent, .popUpContentReactieAcceptatie {
		width: 100%;
		box-sizing: border-box;
		border-radius: 10px 10px 0 0;
		min-height: 70%;
		max-height: 100%;
		padding-top: 65px;
		overflow-y: scroll;
		bottom: 0;
		top: auto;
		transform: translate(-50%, 100%);
		transition: 0.5s;
	}
	select[name="project"] {
		width: 100%;
		font-size: 12px !important;
		line-height: 15px;
		padding: 10px 20px 10px 20px;
		box-sizing: border-box;
	}
	.verplichteTaal, .customSelect {
		padding: 0;
	}
	.userInfoTop form {
		margin-left: 0;
	}
	.userInfoTop form input {
		width: 100%;
		box-sizing: border-box;
	}
	.popUp .buttonContainer {
		display: flex;
		justify-content: space-between;
	}
	#primary #content .popUp .buttonContainer .primaryButton {
		min-width: unset !important;
		width: 48% !important;
		margin: 0 !important;
		box-sizing: border-box;
		padding: 4px 0px !important;
		text-align: center;
	}
	.views-template-opdracht-detail .profileContentContainer.beschikbaarheidContainer.beschikbaarheidContainerProfiel, .views-template-opdracht-detail .beschikbaarheidContainerH2 {
		display: none !important;
	}
	/* 	.views-template-opdracht-detail .projectBannerIntro {
	bottom: 0 !important;
} */
	.popUpContent.popShow {
		transform: translate(-50%, 0);
	}
	.single-opdracht main .popUp .primaryButton {
		padding: 7px 20px !important;
	}
	.sollicitant .sollicitantRow h3 {
		font-size: 14px !important;
		line-height: 17px !important;
	}
	.sollicitant p {
		font-size: 12px !important;
		line-height: 15px !important;
	}
	h1 {
		font-size: 20px;
		line-height: 24px;
	}
	.projectIntroContent {
		min-height: unset !important;
	}
	.projectBannerIntro {
		height: 160px;
		width: 35%;
		border-radius: 0px 10px 0px 10px !important;
		position: relative;
		margin-top: auto;
		bottom: -20px;
	}
	.contentVlak.tagsBedrijf {
		margin-top: 10px;
		padding: 10px 20px;
	}
	.sollicitant {
		background-color: var(--achtergrond-kleur);
		padding: 20px;
		align-items: center;
	}
	.sollicitant .sollicitantRow h3 {
		font-family: "Lato";
		font-size: 14px !important;
		line-height: 20px !important;
		font-weight: 900;
		color: #ffffff;
	}
	.sollicitant p {
		font-size: 12px !important;
		line-height: 16px !important;
		color: #BBBBBB !important;
	}
	.contentContainer.contentContainerOpdracht {
		flex-flow: column;
	}
	.contentContainer.contentContainerOpdracht .contentBlock {
		width: 100% !important;
	}
	.contentContainer.contentContainerOpdracht .contentBlock h2 {
		margin-bottom: 10px;
	}
	.contentContainer.contentContainerOpdracht .contentBlock ul li:not(:last-child) {
		margin-bottom: 5px;
	}
	.contentContainer.contentContainerOpdracht .contentBlock:first-child {
		margin-bottom: 10px;
	}
	.single-opdracht .the-content {
		width: 95%;
		margin: 0 auto;
	}
	.bedrijfInformatie h2, .opdrachtInformatie h2, .tagsBedrijf h2 {
		font-size: 14px !important;
		line-height: 17px !important;
	}
	ul li {
		font-size: 12px !important;
		line-height: 14px !important;
	}
	.opdracht.mijnOpdracht li {
		font-size: 12px !important;
		line-height: 20px !important;
	}
	.buttonContainerSollicitatie {
		bottom: 10px !important;
		flex-flow: column;
	}
	.buttonContainerSollicitatie span:first-child {
		margin-bottom: 10px !important;
	}
	.buttonContainerSollicitatie span {
		margin: 0;
	}
	.contentBlock .contentBlock a:first-child {
		width: 80%;
	}
	.contentBlock .contentBlock a:first-child p {
		line-height: 20px !important;
	}
	#primary .contentBlock .contentBlock .primaryButton, .contentBlock .contentBlock .primaryButton {
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: var(--hoofd-kleur);
		padding: 4px !important;
		line-height: 0 !important;
	}
	.contentBlock a p strong {
		font-size: 14px;
		line-height: 17px;
	}
	.contentBlock a p.grey {
		font-size: 12px !important;
		line-height: 15px !important;
	}
	.contentBlock.One {
		border-radius: 0 0 5px 5px;
	}
	body .gaNaarOpdrachten {
		width: 95% !important;
		margin: 0 auto;
		box-sizing: border-box;
		text-align: center;
		background-color: var(--hoofd-kleur);
		font-size: 20px !important;
		line-height: 24px !important;
		font-weight: 500 !important;
		padding: 10px;
	}
	#masthead {
		padding: 7.5px 0;
	}
	.site-navigation {
		display: none;
	}
	header#masthead {
		width: 100% !important;
		height: auto;
	}
	.navbarToggleContainer {
		display: none;
	}
	.userBlock {
		width: fit-content !important;
		margin: 0 0 0 5%;
		padding: 0;
	}
	.userBlock:hover, .activeUserBlock {
		background-color: unset;
		border-right: 0;
	}
	.mobileMenu {
		display: block;
	}
	.mobileMenu .profileAndMenuToggle {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 90%;
		margin: 0 5% 0 5%;
		height: 40px;
	}
	.mobileMenu .profileAndMenuToggle img {
		width: 40px;
		height: auto;
	}
	.mobileMenu .profileAndMenuToggle svg {
		fill: #ffffff;
		width: 30px;
		height: 30px;
	}
	.mobileClosedMenu .mobileMenu .hiddenMenu {
		transform: translateX(100%);
	}
	.mobileMenu .hiddenMenu {
		position: fixed;
		right: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		background-color: #13252C;
		transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);
		-webkit-transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);
		transform: translateX(0%);
		z-index: 1;
	}
	.userInfoBlock {
		flex-flow: wrap;
	}
	.closeMenuContainer {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		width: 90%;
		padding: 7.5px 0;
		margin: 0 5% 0 5%;
		height: 40px;
	}
	.closeMenuContainer svg {
		width: 30px;
		height: 30px;
		fill: #ffffff;
	}
	.mobileMenu .hiddenMenu ul {
		align-items: flex-end;
		transition: 0.5s cubic-bezier(0.7, 0, 0.3, 1) !important;
	}
	.mobileMenu .hiddenMenu ul li {
		border-right: 0;
		text-align: right;
		width: 100%;
		margin: 2px 0 2rem 10px;
		padding-right: 40px;
		box-sizing: border-box;
		display: flex;
		justify-content: flex-end;
	}
	.mobileMenu .hiddenMenu ul li.current-menu-item, .mobileMenu .hiddenMenu ul li:hover {
		border-left: 6px solid var(--hoofd-kleur);
		border-right: 0;
		text-align: right;
		width: 100%;
		margin: 2px 0 2rem 10px;
		padding: 0 40px 0 0;
		box-sizing: border-box;
	}
	header#masthead nav .menu li a {
		width: 100%;
	}
	/* 	.mobileMenu .hiddenMenu ul li.current-menu-item a, .mobileMenu .hiddenMenu ul li:hover a {
	margin-right: 40px;
} */
	.mobileBottomBar {
		background-color: #13252C;
		position: fixed;
		bottom: 0;
		width: 100%;
		display: flex;
		box-sizing: border-box;
		padding: 0px 5% 10px 5%;
	}
	.mobileBottomBar .mobileLinkBttn {
		position: relative;
		flex: 1;
		display: flex;
		flex-flow: column;
		align-items: center;
		padding-top: 15px;
	}
	.mobileBottomBar .mobileLinkBttn.active:before {
		content: "";
		position: absolute;
		top: 0;
		left: 10%;
		width: 80%;
		height: 5px;
		background-color: var(--hoofd-kleur);
		border-radius: 2.5px;
	}
	.mobileBottomBar .mobileLinkBttn svg {
		fill: #ffffff;
		width: 30px;
		height: 30px;
		margin-bottom: 5px;
	}
	.opdrachtContainer .opdracht .opdrachtInformatie {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.opdrachtContainer .opdracht .opdrachtInformatie a.mobileOnly {
		margin-right: 0 !important;
	}
	.opdrachtContainer .opdracht .opdrachtInformatie h2 {
		max-width: 75%;
	}
	.opdrachtContainer .opdracht .opdrachtInformatie ul {
		display: none;
	}
	.showItem .ervaring {
		border-radius: 10px;
		padding: 0;
	}
	.views-template-alle-opdrachten .opdracht .opdrachtInformatie ul {
		display: none;
	}
	.views-template-alle-opdrachten .opdracht .opdrachtInformatie {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.bedrijfBanner, .opdrachtBanner {
		width: 80px;
		border-radius: 10px 0 0 10px;
	}
	.showItem .ervaring img {
		position: relative;
	}
	.showItem .ervaring .ervaringInfo {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.ervaring, .certificaat {
		margin: 10px auto 0;
		width: 95%;
	}
	.views-template-opdracht-aanmaken h1 {
		display: none;
	}
	.views-template-opdracht-aanmaken .mainInfo {
		width: calc(100% - 15px);
		margin: 0 auto;
	}
	.views-template-opdracht-aanmaken .mainInfo .contentVlak .projectBannerIntro, .views-template-opdracht-aanmaken .mainInfo .contentVlak .projectIntroContent {
		width: 100% !important;
		margin: 0 auto;
		background-color: var(--achtergrond-kleur);
	}
	.projectIntroContent input {
		width: 95%;
		margin-left: 2.5%;
		box-sizing: border-box;
		background-color: var(--achtergrond-kleur);
		color: #ffffff;
		font-size: 20px !important;
		line-height: 24px !important;
	}
	.projectIntroContent input::placeholder {
		color: #ffffff;
		font-size: 12px !important;
		line-height: 24px !important;
	}
	.projectIntroContent .verplichteTaal {
		width: 95%;
		margin-left: 2.5%;
		margin-top: 2rem;
		margin-bottom: 2rem;
		box-sizing: border-box;
		padding: 0;
	}
	.projectIntroContent .verplichteTaal select {
		width: 100%;
		background-color: var(--achtergrond-kleur);
		border: 0;
		padding: 10px 20px;
		border-radius: 5px;
		color: #ffffff;
		font-family: "Lato";
		text-transform: uppercase;
		font-weight: 300;
		font-size: 12px !important;
		outline: none;
		-webkit-appearance: none;
	}
	.contentContainerOpdracht input[type="text"] {
		background-color: var(--achtergrond-kleur);
		color: #ffffff;
		font-size: 12px !important;
		line-height: 24px !important;
	}
	span.selector {
		width: 22px;
		height: 22px !important;
		top: 4px !important;
		left: 4px;
	}
	.contentContainerOpdracht input[type="text"]::placeholder {
		color: #000000;
		font-size: 20px !important;
		line-height: 24px !important;
	}
	.projectBannerIntro.emptyIntro {
		height: auto;
		margin-bottom: 10px !important;
		margin-left: 10px;
	}
	.showItem .ervaring .ervaringInfo ul {
		display: none;
	}
	.showItem .ervaring .ervaringInfo .projectTitle {
		display: none;
	}
	.mobileBottomBar .mobileLinkBttn p {
		font-size: 10px !important;
		margin: 0;
		line-height: 12px !important;
		color: #ffffff !important;
	}
	.contentBlock {
		padding: 10px 20px;
	}
	.home .userInfoContainer {
		width: 100%;
	}
	main.main-fluid {
		width: 100%;
		margin-left: 0%;
		margin-bottom: 77px;
		padding-top: 55px !important;
		/* 		margin-top: 80.59px; */
	}
	.primaryButton, .sollicitatieBekijken {
		font-size: 14px !important; 
		line-height: 18px !important;
		padding: 7px 40px;
	}
	div#content {
		margin-left: 0%;
		width: 100%;
	}
	span.selector {
		top: 0;
		height: 100%;
	}
	.tag {
		width: 100%;
		font-size: 12px;
		padding: 6px 20px 6px 0px;
		box-sizing: border-box;
	}
	.homeLayout {
		margin-bottom: 87px;
		height: auto !important;
	}
	.opdracht.mijnOpdracht {
		justify-content: flex-start;
	}
	.opdracht.mijnOpdracht .opdrachtInformatie {
		margin-left: 20px;
		width: 60%;
		position: unset !important;
	}
	.opdrachtInformatie h2 span {
		position: absolute;
		right: 20px;
		bottom: 20px;
	}
	.buttonContainerSollicitatie span:hover span.inklapSpan {
		color: transparent !important;
	}
	.opdrachtInformatie h2 span span {
		position: unset;
	}
	.ervaring.mijnMonteur .ervaringInfo {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.showItem .ervaring {
		margin-bottom: 1rem !important;
	}
	p.beschikbaarheid {
		right: 2.5%;
	}
	.ervaring.mijnMonteur .ervaringInfo ul {
		flex-grow: 1;
		width: 70%;
		display: block;
	}
	.views-template-monteur-vinden h1 {
		display: none;
	}
	.views-template-monteur-template h1 {
		display: none;
	}
	.contentVlakWhole.contentVlakUser {
		flex-flow: row wrap;
	}
	.contentVlakWhole.contentVlakUser .userInfoTop {
		flex-flow: column;
	}
	.opdracht.mijnOpdracht .buttonContainerSollicitatie {
		position: relative;
		bottom: unset !important;
		right: unset;
		justify-content: space-evenly;
		margin-left: 20px;
	}
	#primary .primaryButton.mobileButton, .primaryButton.mobileButton {
		display: flex !important;
		justify-content: center;
		align-items: center;
		padding: 4px !important;
		background-color: var(--hoofd-kleur);
	}
	.topContentVlak {
		width: 95%;
		margin: 10px auto 0 auto;
		padding: 15px 40px;
		align-items: center;
		box-sizing: border-box;
	}
	.topContentVlak a {
		display: flex;
		align-items: center;
	}
	.topContentVlak p {
		font-size: 20px !important;
		line-height: 24px !important;
	}
	.gaNaarAlleOpdrachten {
		margin-top: 18.5px;
	}
	.opdracht.mijnOpdracht .primaryButton {
		position: absolute;
		right: 20px;
		bottom: 20px;
	}
	.progressieButtons {
		position: unset;
		flex-flow: row;
		justify-content: space-between;
		align-items: center;
		margin-top: 20px;
	}
	.progressieButtons .overslaanButton {
		margin-top: 0;
	}
	.editInfo select {
		float: right;
	}
	.ervaring img, .certificaat img {
		flex-shrink: 0;
		top: 0;
		position: relative;
		width: 70px !important;
		height: 70px !important;
	}
	.ervaringInfo, .certificaatInfo {
		width: calc(100% - 100px);
	}
	.ervaringInfo p, .certificaatInfo p {
		font-size: 12px !important;
		line-height: 15px !important;
		margin: 0;
		flex-grow: 1;
	}
	.ervaring, .certificaat {
		padding: 0 5px 0 0;
		height: auto;
	}
	.ervaring img, .certificaat img {
		left: 0;
	}
	.contentVlakWhole span {
		font-size: 12px;
		line-height: 15px;
	}
	.contentVlakWhole.contentVlakUser {
		margin-bottom: 40px;
	}
	.contentVlakWhole {
		padding: 20px !important;
	}
	.profileContentContainer {
		/* 		position: absolute; */
		bottom: 0;
		right: 0;
		font-size: 12px;
		line-height: 15px;
	}
	.beschikbaarheidContainerProfiel {
		margin-right: auto;
		margin-left: 0;
	}
	.beschikbaarheidContainerProfiel .beschikbaarheid strong {
		margin-left: 10px;
	}
	.userInfoTop h2 i {
		right: 23px;
	}
	.userInfoContainer {
		width: auto;
		margin-right: auto;
	}
	.contentVlakUser .monteurVoornaam {
		font-size: 20px !important;
		line-height: 24px !important;
		margin-bottom: 10px;
	}
	input[type=text], input[type=email], textarea, input#user_pass {
		font-size: 12px !important;
		line-height: 15px;
	}
	.taal p:nth-child(1), .taal p:nth-child(2) {
		font-size: 12px !important;
		line-height: 15px !important;
	}
	.profileContentContainer .taal, .certificaat {
		margin: 0;
	}
	.profileContentContainer .taal:not(:last-child), .certificaat:not(:last-child) {
		margin-bottom: 10px;
	}
	.step p {
		font-size: 12px !important;
		line-height: 15px !important;
	}
	.contentVlakWhole .beschikbaarheid {
		font-size: 16px !important;
		justify-content: space-between;
		width: calc(100% - 30px);
		display: flex;
	}
	.opdrachtSollicitantControl {
		width: 95%;
		margin: 10px auto 0;
		grid-template-columns: 1fr !important;
		grid-template-areas: unset !important;
		gap: 0;
	}
	.opdrachtSollicitantControl .opdrachtControlItem {
		margin-bottom: 10px;
		padding: 15px 40px;
	}
	.showItem.contactItem .opdrachtInformatie, .showItem.geaccepteerdItem .opdrachtInformatie, .showItem.afgewezenItem .opdrachtInformatie {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.showItem.contactItem .opdrachtInformatie h2 .solCat, .showItem.geaccepteerdItem .opdrachtInformatie h2 .solCat, .showItem.afgewezenItem .opdrachtInformatie h2 .solCat {
		margin-top: 10px;
	}
	.opdracht.mijnOpdracht .bedrijfInformatie h2, .opdrachtInformatie h2 {
		display: flex;
		flex-flow: column;
		margin: 0;
	}
	.opdracht.mijnOpdracht .bedrijfInformatie h2 .solCat, .opdrachtInformatie h2 .solCat {
		position: unset;
		width: fit-content;
		white-space: nowrap;
	}
	.opdrachtInformatie .buttonContainerSollicitatie {
		flex-flow: row;
		margin: 0;
	}
	.opdrachtInformatie .buttonContainerSollicitatie span:last-child {
		margin-left: 10px;
	}
	.views-template-mijn-opdrachten h1 {
		display: none;
	}
	.showItem.geaccepteerdItem .opdracht ul, .showItem.afgewezenItem .opdracht ul {
		display: none;
	}
	.showItem.contactItem .opdracht .opdrachtInformatie ul, .showItem.contactItem .opdracht .opdrachtInformatie .buttonContainerSollicitatie {
		display: none;
	}
	.views-template-bedrijven-overzicht h1 {
		background-color: var(--achtergrond-kleur);
		width: 95%;
		margin: 10px auto 0;
		border-radius: 10px;
		padding: 15px 40px;
		box-sizing: border-box;
	}
	.views-template-bedrijven-overzicht .bedrijf span.grey {
		display: none;
	}
	.views-template-bedrijven-overzicht .bedrijf .bedrijfInformatie {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.views-template-bedrijven-overzicht .bedrijf .bedrijfInformatie h2 {
		margin: 0;
	}
	.contentVlakWhole.contentVlakBedrijf {
		flex-flow: column;
	}
	.bedrijfsInfoContainer {
		margin-top: 10px;
	}
	.bedrijfsInfoContainer, .bedrijfLocatie {
		width: 100% !important;
	}
	.bedrijfLocatie {
		margin-top: 10px;
	}
	.bedrijfLocatie iframe {
		border-radius: 10px;
	}
	.bedrijfsInfoContainer .bedrijfContainerLeft img {
		height: auto !important;
	}
	.bedrijfsInfoContainer .bedrijfContainerRight h1 {
		margin-bottom: 10px;
		display: block;
	}
	.bedrijfsInfoContainer .bedrijfContainerRight p {
		font-size: 12px !important;
		line-height: 15px !important;
		color: #BBBBBB;
		display: -webkit-box;
		/* 		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden; */
	}
	.bedrijfsInfoContainer .bedrijfContainerLeft img {
		border-radius: 10px;
	}
	.bedrijfsInfoContainer {
		align-items: flex-start !important;
	}
	.bedrijfsInfoContainer .bedrijfContainerLeft {
		width: 100px !important;
	}
	.bedrijfsInfoContainer .bedrijfContainerRight {
		width: calc(100% - 120px) !important;
	}
	.single-bedrijf h1 {
		display: none;
	}
	.single-bedrijf h2 {
		margin-left: 10%;
	}
	.views-template-dashboard h1 {
		display: none;
	}
	.views-template-profiel h1 {
		display: none;
	}
	.contentVlakUserBedrijf {
		flex-flow: row;
	}
	.contentVlakWhole.contentVlakUser.contentVlakUserBedrijf .userInfoTop {
		flex-flow: column;
	}
	.views-template-profiel .userInfoTop span:not(.bedrijfTitel) {
		font-size: 14px !important;
		line-height: 17px !important;
	}
	.views-template-profiel .userInfoTop.bedrijfInfoTop p {
		display: none;
	}
	.opdrachtAanmakenBttn {
		display: flex;
		justify-content: space-between;
	}
	.opdrachtAanmakenBttn svg {
		fill: #ffffff;
	}
	.views-template-mijn-monteurs h1 {
		display: none;
	}
	.counterContainer {
		width: calc(100vw - 20px) !important;
	}
	.overlay {
		flex-flow: column;
	}
	.overlay h1 {
		position: relative;
		top: 0 !important;
	}
	.views-template-login {
		overflow: hidden;
	}
	#primary .opdracht.mijnOpdracht .opdrachtInformatie ul, #primary .opdracht.mijnOpdracht .opdrachtInformatie h2 span, #primary .opdracht.mijnOpdracht .buttonContainerSollicitatie {
		display: none !important;
	}
	.opdracht.mijnOpdracht .opdrachtInformatie {
		display: flex;
		align-items: center;
	}
	.opdracht.mijnOpdracht .opdrachtInformatie h2 {
		margin: 0 !important;
	}
	.opdracht.mijnOpdracht .opdrachtInformatie {
		align-items: flex-start;
	}
	.opdracht.mijnOpdracht h2 {
		max-width: 75%;
	}
	.opdracht.mijnOpdracht {
		width: 100% !important;
	}
	.opdracht.mijnOpdracht .primaryButton {
		top: 20px;
		right: 20px;
		bottom: unset;
		/* 		transform: translate(calc(-100% - 20px), -50%); */
	}
	h2.popSecondH2 {
		margin-top: 40px;
	}
	.popUp {
		display: block !important;
		opacity: 1 !important;
		position: unset;
	}
	.popUp .popUpContent {
		display: block !important;
		opacity: 1 !important;	
	}
	.popUp.popUpSolliciteren.popShow .popUpContent {
		z-index: 2000;
		bottom: 0;
		height: 70%;
		overflow-y: scroll;
	}
	.popUpContent p, .popUpReageerContent p {
		font-size: 16px !important;
		line-height: 19px !important;
	}
	.configBack {
		position: relative !important;
		top: unset !important;
		right: unset !important;
		margin-bottom: 20px;
		text-align: right;
	}
	.noActivityBlock {
		width: 100% !important;
		padding: 15px 20px;
	}
	.single-bedrijf .opdracht {
		min-height: 107px;
	}
	/* 	.single-bedrijf .opdracht .opdrachtInformatie {
	display: flex;
	flex-flow: column;
	justify-content: center;
} */
	.single-bedrijf .contentBlock {
		padding: 20px;
	}
	.single-bedrijf .contentBlock h2 {
		margin-left: 0;
	}
	.single-bedrijf .opdrachtInformatie h2 {
		margin-bottom: 10px;
	}
	.single-bedrijf .opdrachtInformatie ul {
		margin-bottom: 0;
	}
	.single-bedrijf .opdrachtInformatie .primaryButton {
		position: absolute;
		top: 20px;
		height: 14px;
	}
	.single-opdracht .sollicitant .primaryButton {
		display: none;
	}
	.single-opdracht .sollicitant .buttonContainerSollicitatie {
		flex-flow: row;
		margin-bottom: 0;
		margin-top: 20px;
	}
	.single-opdracht .sollicitant .buttonContainerSollicitatie span:first-child {
		margin: 0 10px 0 0;
	}
	html body .buttonContainerSollicitatie span {
		padding: 0 !important;
		width: 26px !important;
		height: 26px !important;
		max-width: unset !important;
	}
	.accepteerSollicitatie svg, .weigerSollicitatie svg, .accepteerAanvraag svg, .weigerAanvraag svg {
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 18px;
	}
	/* 	.adminChatContainer {
	justify-content: flex-start;
} */
	.adminChatContainer .availableChats {
		width: 100%;
		flex-shrink: 0 !important;
	}
	.adminChatContainer .availableChats .caseSelector:not(:last-child) {
		margin-bottom: 10px;
	}
	.adminChatContainer .availableChats .caseSelector {
		width: 90%;
		margin: 0 auto;
	}
	.adminChatContainer #chatBot {
		width: 100%;
		flex-shrink: 0 !important;
		height: 100% !important;
	}
	.adminChatContainer {
		transition: 0.5s;
		height: calc(100vh - 142px);
		margin-top: 10px;
	}
	.adminChatContainer .availableChats, .adminChatContainer .botui-app-container {
		transition: 0.5s;
	}
	.adminChatContainer.mobileChatOpener .availableChats, .adminChatContainer.mobileChatOpener .botui-app-container {
		transform: translateX(-100%);
	}
	.mainCasesPopup {
		bottom: 87px;
	}
	.views-template-helpdesk h1 {
		display: none;
	}
	.helpdeskTitle {
		display: none;
	}
	.adminChatContainer #chatBot {
		background-color: transparent !important;
	}
	.adminChatContainer .botui-container {
		width: 95%;
		margin: 0 auto;
		background-color: var(--achtergrond-kleur) !important;
	}
	.adminChatContainer .chatInput {
		width: 95%;
		margin: 0 auto;
	}
	.adminChatContainer .availableChats .caseSelector p {
		font-size: 14px !important;
		line-height: 17px !important;
	}
}
@media only screen and (max-width: 400px) {
	.contentVlakWhole {
		padding: 10px 20px;
	}
	.beschikbaarheidContainerH2 img {
		/* 		bottom: 10px; */
		right: 20px;
	}
	.config .configContentContainer {
		padding: 10px 10px 0 10px;
	}
}