.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}

.bbtrading-modal{
	/*height: 500px;
	top: 50%;
	margin-top: -250px;*/
	display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}

.bb-trading-modal-close{
	background-color: #000000 !important;
    border-radius: 50px;
    color: #ffffff;
    display: block;
    float: none;
    font-size: 16px;
    font-weight: lighter;
    height: 30px;
    line-height: 0;
    margin: 0;
    opacity: 1;
    /*padding: 10px !important;*/
    position: absolute;
    right: -15px;
    top: -15px;
    width: 30px;
	font-family:"Syncopate Regular";
}

.bb-trading-modal-close:hover{
	background-color: #000000 !important;
	opacity: 1;
	color: #ffffff;
}

.bbtrading-modal-content{
	padding: 30px;
	/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

#contactInfo{
	display: none;
}

#emailSuccess{
	display: none;
}

#emailtext{
	width: 100%;
}

#optionsRadios1{
	display: none;
}

#optionsRadios2{
	display: none;
}

.radio-container{
	border: 1.5px solid #cfd1d2;
    border-radius: 50px;
    float: left;
    margin-right: 23px;
    padding: 1px;
}

.radio-container .radio{
	padding: none;
}

input[type=radio]:checked ~ .radio-container label{
	background: url(images/check.png);
	/*background-color: blue;*/
	background-size: 100%;
	border-radius: 50px;
}

.radio-container label {
	height: 35px;
	width: 35px;
	display: block;
}

.radio-text{
	margin-left: 70px;
}

.radio-label{
	font-size: 18px;
	padding: 15px 0 0 !important;
	width: 100%;
}

.input-row{
	margin-left: 70px;
}

.input-row .col-md-6{
	padding-left: 0;
}

.modal-buttons{
	text-align: right;
}

.modal-buttons .btn{
	margin-top: 10px;
}

.merkliste_table_row, .merkliste_table_row_line{
	margin-bottom: 10px;
    padding-top: 10px;
}

.merkliste_table_row_line{
	border-top: 1px solid #cfd1d2;    
}

.tableScroll{
	height: 290px;
	overflow-y: scroll;
}

.checkbox{
	margin-top: 5px;
}

.checkbox-container{
	border: 1.5px solid #cfd1d2;
	border-radius: 50px;
	float: left;
	margin-right: 23px;
	padding: 1px;
}

input[type=checkbox]:checked ~ .checkbox-container label{
	background: url(images/check.png);
	background-size: 100%;
	border-radius: 50px;
}

.checkbox-container label {
	height: 35px;
	width: 35px !important;
	display: block;
}

.checkbox-label{
	font-size: 18px;
    padding-left: 0 !important;
    width: 100%;
}

.checkbox-label span{
	display: block;
	margin-top: 6px;
}

@media screen and (min-width:992px) {
	.modal-dialog {
		width: 80%;
	}
}

@media print{
	.cat_navigation, .navbar, .btn{
		display: none;
	}
	
	#header-main, #nav_top, #distanz, #to_bottom, #to_top{
		display: none !important;
	}
	
	footer{
		display: none;
	}
	
	a[href^="http://"]:after {
		content: " (" attr(href) ")";
		/*font-size: 10%;*/
		display: none;
	}
	
	.left-side, .right-side{
		width: 100%;
	}
}