#docBlue:empty {
	display: none;
}

/* Image Replacements*/
h1#logo {
	float: left;
	margin: 17px 0;
	width: 300px;
	height: 61px;
	background:url(../images/gg-logo.gif) no-repeat left top / contain;
}

	h1#logo span {
		visibility: hidden;
	}
/*##################################################
/* BREAD CRUMBS
##################################################*/

ul.breadcrumbs {
	list-style-type: none;
	display: flex;
	flex-wrap: nowrap;
	opacity: 0.7;
	font-size: .8375em;
	margin-bottom: 1rem;
}
	ul.breadcrumbs li:not(.seperator) {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	ul.breadcrumbs li:first-child {
		white-space: normal;
	}
	ul.breadcrumbs li.seperator {
		margin: 0 0.375em;
	}
		ul.breadcrumbs li a {
			color: inherit;
		}


/*##################################################
/* IMAGE SLIDER
##################################################*/

.caroussel {
	position: relative;
	width: 1000px;
	height: 250px;
	margin: 0 auto;
}

.Slider {
	width: 1000px;
	height: 250px;
	margin: 0 auto;
}
			
.SliderContainer {
	overflow:hidden;
	position: relative;
}
	
	.SliderItem{
			width: 1000px;
		}
	
		
		.SliderContentImage {
			padding: 0 16px;
            margin-bottom: auto;
            flex: 0 0 40%;
		}
            .SliderContentImage img {
                background: white;
                padding: 3px;
                box-shadow:  0 1px 16px rgba(0,0,0,0.46)
            }
		
		
		.SliderContentText {
			position: relative;
			color: #FFF;
			padding: 0px 16px;
            margin-top: -8px;
            margin-left: auto;
            flex: 0 0 60%;
            padding-left: 32px;
		}

            .SliderContentText a.brochure {
                text-decoration: none;
                left: 0;
                bottom: 0px;
                width: 224px;
                height: 49px;
                background: url(../images/gg-bttn-catalogus.png) left top no-repeat;
                display: block;
            }

                .SliderContentText a.brochure span {
                    visibility: hidden;
                }

                .SliderContentText h2 {
                    color: #FFF;
                    text-shadow: 0px 1px 1px #011e43;
                    margin-bottom: 10px;
                    font-weight: normal;
                }

	.SliderButton.left a {
		width: 45px;
		height: 55px;
		background:url(../images/gg-caroussel-left.png) no-repeat left top;
		position: absolute;
		left: 0px;
		top: 100px;
		z-index: 2;
	}

	.SliderButton.disabled a {
		opacity:0;
		filter:alpha(opacity=0)
	}
	
	.SliderButton.right a {
		position: absolute;
		left: 960px;
		top: 100px;
		width: 45px;
		height: 55px;
		background:url(../images/gg-caroussel-right.png) no-repeat left top;
	}
	
@media (max-width: 991px) {
	.SliderContentImage {
		margin-bottom: 2rem;
		flex: 0 0 75%
	}
	.SliderContentText {
		flex: 0 0 100%
	}
}
@media (max-width: 576px) {
	.SliderContentImage {
		flex: 0 0 100%
	}
}
.SliderPager {
	position:absolute;
	bottom: 10px;
	left: 436px;
}

	.SliderPager ul {
		margin:0;
	}

	.SliderPager li {
		list-style:none;
		display:inline;		
	}

	.SliderPager li a {
		float:left;
		width:13px;
		height:12px;
		margin-right:5px;
		cursor:pointer;
		background:url(../images/pager_item.png) center top;
	}

	.SliderPager li a:hover,.SliderPager li.active a {
		background:url(../images/pager_item_active.png) center bottom;
	}
	


#specBox {
	margin-top: 35px;
}
	
	#specBox ul {
		margin: 10px 0 0 0;
		list-style: none;
	}
	
	#downPDF li {
		display: block;
		padding: 10px 50px;
		background: url(../images/gg-pdf-icon2.jpg) left no-repeat;
		width: 300px;
		text-decoration: underline;
		color:  #036ec0;
	}
	
	#docBack li {
		display: block;
		padding: 10px 50px;
		background: url(../images/gg-back-bttn.jpg) left no-repeat;
		width: 300px;
		text-decoration: underline;
		color:  #036ec0;
	}

#docBlue {
	width: 100%;
	height: 21px;
}






/*##################################################
/* detailsedit
##################################################*/


#detailsedit table tr:nth-of-type(odd) td {
    background-color: var(--grey);
}
#detailsedit table tr td {
	padding: 6px 9px;
	vertical-align: top;
}

#detailsedit table tr td.formTitle {
	padding-top: 13px;
}
#detailsedit table tr td:nth-of-type(2) {
	border-right: 3px solid var(--border-color)
}


@media(max-width: 767px) {
    #detailsedit table tr td,
    #detailsedit table tr  {
        display: flex;
        flex-wrap: wrap;
    }
    #detailsedit table tr td.formTitle {
        padding-bottom: 0;
        align-items: flex-end;
    }
    #detailsedit table tr td {
        flex: 0 0 50%;
    }
    #detailsedit table tr td:nth-of-type(1) {
        order: 1;
        border-right: 3px solid var(--border-color);
    }
    #detailsedit table tr td:nth-of-type(2) {
        order: 3;
    }
    #detailsedit table tr td:nth-of-type(3) {
        order: 2;
    }
    #detailsedit table tr td:nth-of-type(4) {
        order: 4;
    }

    #detailsedit table tr td[colspan="4"] {
        flex: 0 0 100%;
        border-right: 0;
        justify-content: flex-end;
    }

    #detailsedit table tr td[colspan="2"] {
        white-space: normal;
    }
}

@media(max-width: 400px) {
    #debiteurdetails,
    #debiteurdetails > tbody,
    #detailsedit > td,
    #detailsedit {
        overflow: auto;
        position: relative;
        display: block;
    }
    #detailsedit table {
        min-width: 430px;
    }
}

/*##################################################
/* order maken
##################################################*/

.standard.aanvraag .description {
	display: none;
}
@media(max-width: 420px) {
	.standard tbody tr td,
	.standard tbody tr,
	.standard tbody,
	.standard {
		display: block;
		max-width: 100%;
		height: auto;
		width: 100%;
	}
	.standard.aanvraag .right {
		display: none;
	}
	
	
	.standard.aanvraag .thead {
		 display: none;
	}
	
	.standard.aanvraag {
		padding: 8px;
	}
	.standard.aanvraag .description {
		display: block;
		font-size: 80%;
		font-weight: bold;
	}
	.standard.aanvraag [align="right"],
	.standard.aanvraag {
		text-align: center;
	}
	.standard.aanvraag tr {
		box-shadow: 0 0 8px rgba(0,0,0,.1);
		background-color: #fff;
		margin-bottom: 1rem;
		padding: 1rem;
	}
	.standard.aanvraag .btn {
		width: 100%;
	}
	
	.standard.aanvraag .spacing {
		display: none!important;
	}
}

.order-maken-product-filter {
	align-items: flex-end;
}
.order-maken-product-filter .buttons {
	display: flex;
	align-items: center;
    flex-wrap: wrap;
}
@media (max-width: 420px) {
	.order-maken-product-filter .buttons {

	}
}

/*TEMP POPUP*/
.popup-overlay {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
}

.popup-content {
    position: relative;
    background: #fff;
    width: 90%;
    max-width: 600px;
    margin: 10% auto;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.popup-close {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 28px;
    cursor: pointer;
}