:root {
	--clr-primary: #1b4584;
	--clr-primary-kpl: rgb(0, 130, 194);
	--clr-primary-variation: #2266a5;
	--clr-primary-variation-2: #abc8eb;
	--clr-primary-tag: #229ada;
	--clr-primary-alert: red;
	--content-max-width: 800px;
	--font-family: 'Quicksand', Source Sans Pro, sans-serif;
	--font-family-vna: Calibri, sans-serif;
	--h1-font-size: 36px;
	--h2-font-size: 28px;
	--h3-font-size: 19px;
	--secondary-active: var(--clr-primary-kpl);
}
* {
	font-family: var(--font-family) !important;
}
.adm-vna * {
	font-family: var(--font-family-vna) !important;
}

.beheerdeelname * {
	color: rgb(23, 80, 130);
}

.wcc_ContentBlockContentCell label, .wcc_ContentBlockContentCell span 
{
    white-space: normal;
}
.adm-vna .wcc_ContentBlockTitleCell, .adm-vna .wcc_ContentBlockContentCell
{
	font-size: 15px;
}
.adm-vna .beheerdeelname .wcc_ContentBlockTitle {
	font-size: var(--h2-font-size);
}

@font-face {
	font-family: 'akrobatblack';
	src: url('Fonts/akrobat-black.eot');
	src: url('Fonts/akrobat-black.eot?#iefix') format('embedded-opentype'), url('Fonts/akrobat-black.woff') format('woff'), url('Fonts/akrobat-black.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Quicksand';
	src: url('fonts/Quicksand-Regular.woff2');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'Quicksand';
	src: url('fonts/Quicksand-Medium.woff2');
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: 'Quicksand';
	src: url('fonts/Quicksand-Bold.woff2');
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: 'Quicksand';
	src: url('fonts/Quicksand-SemiBold.woff2');
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}


.wcc_Body {
	background-color: transparent;
}

.wcc_ContentBlockTitle {
	color: black;
	font-family: var(--font-family);
	font-size: 22px;
}

.legkenmerkwaardenvast .wcc_ContentBlock,
.legkenmerkwaardenvast .wcc_ContentBlockFullHeight {
	min-height: 375px;
}

.voegclassificatietoe .wcc_ContentBlock,
.voegclassificatietoe .wcc_ContentBlockFullHeight {
	min-height: 375px;
}


.wcc_FooterContainer {
	background: transparent;
}
a.tabControl_Tab {
	font-family: var(--font-family);
	font-size: 15px !important;
	text-transform: none;
	line-height: normal !important;
	padding: .75rem 1.5rem !important;
}
a.saveControl_Tab {
/*	background-color: #ADC837 !important;*/	
	background-color: rgb(248, 84, 116) !important;
	border-radius: 30px !important;
}
.adm-vna a.saveControl_Tab {
	background-color: rgb(27, 69, 132) !important;
	border-radius: 4px !important;
	font-size: 18px !important;
}
div.saveControl div.tabControl_Tab a:hover, div.saveControl div.tabControl_Tab .tabControl_ActiveMenu {
/*	background-color: #1E335D !important;*/
	background-color: rgb(205, 48, 78) !important; 
	cursor: pointer;
}
.adm-vna div.saveControl div.tabControl_Tab a:hover, .adm-vna div.saveControl div.tabControl_Tab .tabControl_ActiveMenu {
	background-color: rgb(34,102,165) !important;
}
.tabControl_Tab label img {
	background-position: center !important;
	height: 16px;
	width: 16px;
}
.saveControl_Tab label img {
	display: none;
}
.status_Tab.wcc_Disabled {
	color: #999999;
}

.toastNotification {
	visibility: hidden;
}

.wcc_Body input[type=text]:focus,
.wcc_Body input[type=password]:focus {
	background-color: #1E335D;
	border-color: #1E335D;
}

.saveControl_Pane, div.saveControl div.tabControl_Tab a:hover, div.saveControl div.tabControl_Tab .tabControl_ActiveMenu,
a.saveControl_Tab:active, a.saveControl_Tab {
	background-color: #1E335D;
}

.saveControl_LastRow:hover, .saveControl_BetweenRow:hover {
	background-color: #390;
}

.saveControl_LastRow, .saveControl_FirstRow {
	border-width: 1px;
}

.wcc_Body input[type=text]:hover, .wcc_Body input[type=password]:hover, .wcc_Body textarea:hover {
	border-color: #4F5F8F;
}

.wcc_Body input[type=text]:focus, .wcc_Body input[type=password]:focus, .wcc_Body textarea:focus {
	border-color: #1E335D;
}

.wcc_Body input[type=text]:disabled, .wcc_Body input[type=password]:disabled, .wcc_Body textarea:disabled {
	border: 1px solid #F0F0F0;
}


.ui-selectmenu-button:hover {
	border-color: #1E335D;
}

li.ui-menu-item:hover,
.ui-state-active,
.ui-state-focus {
	background-color: #1E335D;
	border-color: #1E335D;
}

.ui-selectmenu-button-open,
.ui-selectmenu-button:focus,
.ui-selectmenu-button:active {
	background-color: #1E335D;
	border-color: #1E335D;
}

.ui-menu-item .ui-state-active:active {
	background-color: #1E335D;
	border-color: #1E335D;
}

li.ui-menu-item:hover, .ui-state-active, .ui-state-focus {
	background-color: #1E335D !important;
	line-height: 23px;
	border-color: white;
}


.wcc_FooterContainer {
	backdrop-filter:unset;
}

.wcc_PageWrapper {
	margin: 0 auto;
	width:100%;
}

.wcc_ContentBlockRow_Empty {
	display:none;
}

.bijeenkomsthome .wcc_WindexCCLogo, 
.bijeenkomsthome #titleBlock,
.beheerdeelname .wcc_WindexCCLogo,
.bijeenkomsthome .actionTabImage {
	display:none;
}

.bijeenkomsthome .wcc_PageTitle, 
.bijeenkomsthome .wcc_PageContext, 
.beheerdeelname .wcc_PageTitle
.beheerdeelname .wcc_PageContext {
	padding-left:0;
}
.beheerdeelname .wcc_FooterPanel
{
	float: left;
	padding-left: 2em;
}

.bijeenkomsthome .wcc_PageTitle {
	text-transform: capitalize;
}

.bijeenkomsthome span[id*="_pageContentLabel"]{
	font-size: var(--h3-font-size);
    font-weight: 700;
    color: var(--clr-primary);
    text-transform: capitalize;
}

.bijeenkomstHome_ActionTab {
    font-size: 14px;
    font-weight: 600;
	background-color: #ADC837;
	background:#ADC837;
}

.bijeenkomstHome_ActionTab:hover {
	background-color:var(--clr-primary);
}

.bijeenkomsthome .wcc_ContentBlockSubTitle, .bijeenkomsthome .bijeenkomstHome_Date {
	text-transform:capitalize;
	font-weight: normal;
}

.beheerdeelname .wcc_ContentBlockTitle {
	height:auto;
	font-size: var(--h3-font-size);
    font-weight: 700;
    color: var(--clr-primary-kpl) !important;
	text-transform: capitalize;
}
.adm-vna .beheerdeelname .wcc_ContentBlockTitle
{
	text-transform: none;
}
.beheerdeelname .wcc_ContentBlockTitle span {
	color: var(--clr-primary-kpl) !important;
	text-transform: none;
}
.adm-vna .beheerdeelname .wcc_ContentBlockTitle span {
	color: rgb(27, 69, 132) !important;
}
.beheerdeelname .wcc_ContentBlockFullHeight {
	height: auto !important;
	border-color: rgb(229, 231, 235);
	border-radius: 24px; 
	box-shadow:rgba(0, 0, 0, 0)  0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.15) 0px 2px 5px 0px; 
	padding: 2em;
	border-radius: 14px;
	margin: 20px;
}
.adm-vna .beheerdeelname .wcc_ContentBlockFullHeight{
	border-radius: 4px;
}

.beheerdeelname .wcc_ContentBlockContentCell span {
	color: var(--clr-primary);
	font-weight: 700;
}

.beheerdeelname .saveControl_Tab {
	height:auto;
	border-radius: .25rem;
}
	.beheerdeelname .saveControl_Tab span {
		color: white !important
	}

	.beheerdeelname #ctl00_contentPlaceHolder_choicesBlock, .beheerdeelname div#ctl00_footerPlaceHolder_mainValidationViewer_statusWrapper /* verborgen op verzoek klant */ {
		display: none;
	}
.bijeenkomsthome #ctl00_wccheader, .beheerdeelname #ctl00_wccheader {
	display: none;
}
.bijeenkomsthome .bijeenkomstHome_StatusTab span
{
	color: black;
}
.bijeenkomsthome .bijeenkomstHome_ActionTabcontainer .actionTabText 
{
	text-transform: none;
}
.bijeenkomsthome .bijeenkomstHome_ActionTab, .bijeenkomsthome .bijeenkomstHome_StatusTab, .bijeenkomsthome .bijeenkomstHome_ActionTab_Disabled {
	margin-left: .5em;
	display: inline-block;
	line-height: normal;
	height: auto;
	padding: .75rem 1.5rem;
	text-transform: none !important;
}
.bijeenkomsthome .bijeenkomstHome_ActionTab_Disabled
{
	display: none;
}
.bijeenkomsthome .bijeenkomstHome_ActionTab {
	border-radius: 38px;
	background-color: rgb(248,84,116);
}
.bijeenkomsthome .bijeenkomstHome_ActionTab:hover 
{
	background-color: rgb(205, 48, 78) !important;
}

@media (max-width:600px) {
	.beheerdeelname .wcc_ContentBlockFullHeight 
	{
		margin:10px 0;
	}
	.wcc_PageWrapper {
		width: 90%;
		margin: 0 auto;
	}
	.wcc_FooterPanel {
		margin: 0 2.5rem;
	}
}