/* container net na body om geheel behalve footer maar wel doorlopend tot bottom achter footer */
.maincontainer {
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

/* buitencontainer om container-main */
.container-main-full {
	/* achtergrondkleur */
	}

.container-main {
	/* top | right-left | bottom */
	padding: 0px 15px 0;
	/* container achtergrondkleur */
	}

/* als titel leeg is vervalt marge van 20 */
.container-ptop {
	padding-top:20px;
}


/* margins - paddings kolommen */
.no-padding {
	padding: 0px;
}

.row-main {
	padding-bottom:20px;
	padding-top:10px;
}


/* bogus container zodat inhoud strekt t/m footer - momenteel niet aanwezig */

.container-x {
	position: absolute;
	z-index:-1;
	top: 0px;
	bottom:0px;
	/* container achtergrondkleur */
		display:block;
	margin:0 auto;
}

.flexrow {
	display:flex;	
}

.innercontent {
	padding-bottom:12px;
}

.col-right {
	padding-top:15px;
}


@media (min-width: 0px) and (max-width: 1023px) {
	.innercontent {
		width:100% !important;
	}
}

/* einde margins - paddings kolommen */



/* app styles */

/* verberg boven de 1023 */
@media (min-width: 1024px) {
	.visible-xs-1024 {
		display:none !important;
	}

}

/* verberg onder de 1024 */
@media (min-width: 0px) and (max-width: 1023px) {

	.hidden-xs-1024 {
		display:none !important;
	}

	.not-hidden-xs-1024 {
		display:block !important;
	}

	.container {
		width:100%;
	}

	.container-fluid {
		padding-left:0px;
		padding-right:0px;
	}

}

/* verberg boven de 991 */
@media (min-width: 992px) {
	.visible-xs-991 {
		display:none !important;
	}
}

/* verberg onder de 992 */
@media (min-width: 0px) and (max-width: 991px) {
	.hidden-xs-991 {
		display:none !important;
	}
}

.overflow-y {
	overflow-y: hidden !important; 
}

.overflow-x {
	overflow-x: hidden !important; 
}