.accountItemHolder{
	margin: 0px auto;
	width:100%;
	max-width:1000px;
}

.gridItemHolder.accountItemHolder{
    --columns: 1;
	--gap: 10px 20px;
}

table.gegevensView{
	width:100%;
	margin:0;
}
table.gegevensView tr.head{
	/* border-bottom: 2px solid #c9c9c9 !important; */
	background-color:rgba(35, 67, 128, 0.6) !important;	
}
table.gegevensView tr:not(.head) td{
	font-size:13px;
}

table.gegevensView tr td:first-of-type{
    width: 180px !important;
}
table.gegevensView tr td:last-of-type .button{	
    float: right;
}

.window .incassoMail:not(.shown),
.window .normalMail:not(.shown){
	display:none;
}
.window label:not(.form-check-label){
	/* font-weight:bold; */
}
.window label input,
.window label select,
.window label textarea{
	font-weight:normal;	
	margin-top:4px;
}
.window tr.options b{
	font-style:italic;
	padding-right:10px;
}
.window tr.options:last-of-type{
	margin-bottom:10px;
}

.loginItemHolder{
	max-height:200px;
	overflow:auto;
}
.loginItem{
	font-weight:lighter;
    padding: 5px !important;
}
.loginItem b{
	margin-right:15px;
}

.passwordBar{
    margin-top: 20px;
    width: 100%;
    height: 18px;
    border-radius: 9px;
	background-color:#eee;
}
.passwordBar .passwordIndicator{
	position:relative;
	border-radius:9px;
	height:100%;
	width:0%;
	background-color:#ddd;
	transition: all .2s ease-in-out;
}
.passwordBar .passwordIndicator .notify{
	position:Absolute;
	bottom:-20px;
	height:18px;
	width:auto;
	text-align:center;
	color:#000;
	font-size:11px;
}
.bedrijfsImageHolder{
	position:relative;
	margin:auto;
	max-width:300px;
	padding:20px 1vw;
}
.bedrijfsImageHolder .button{
	width:100%;
}
img.bedrijfsImage{
	width:100%;
	max-width:300px;
	height:auto;
	float:left;
    border-radius: 10px;
}

.account #pageForm hr{
	border-color: var(--themeColorBackgroundTint);
}

.vestigingItem{
    display: flex;
    justify-content: space-between;
    align-items: center;
}



body.inApp{
	background-color: var(--themeColor_green);
}

body.inApp .workspace{
	background-color: var(--themeColor_green);
	max-height: 100dvh;
	height: calc(100dvh - 60px);
	margin: 10px 0 0;
	top: 0;
}

body.inApp .infoBox{
	background-color: var(--themeColor_green);
	padding-top: 0;
}

body.inApp .logo{
    width: 80px;
    margin: auto;
}
body.inApp figure{
    width: 100px;
    margin: 0 auto;
    height: 46px;
}
body.inApp figure svg *{
	fill: #fff;
}
body.inApp div.maincontent{
	min-height: calc(100% - 90px);
	margin:0;
}

body.inApp .vestigingItem{
	background-color:#fff;
	border: none;
}

body.inApp .aanvraagLogout {
    position: absolute !important;
    bottom: 1rem;
    right: 1rem;
    color: white !important;
    width: 50px;
    height: 50px;
    padding: 10px;
}
body.inApp .aanvraagLogout svg{
	width:100%;
	height:100%;
}
body.inApp .vestigingItemHolder {
	max-height: calc(100dvh - 220px);
    overflow: auto;
}
body.inApp .vestigingItemHolder + .navigatorHolder{
	display:none;
}



@media (max-width: 1024px){
	table.gegevensView tr.head{
		font-size:13px;
	}
}
@media (max-width: 880px){
	.gridItemHolder.accountItemHolder {
		--columns: 1;
		--gap: 10px 14px;
	}

	#pageForm h2 {
		margin: 0;
		font-size:18px;
	}
	hr{
		margin:15px 0;
	}
}