.buchung_table {
	position: relative;
}
.buchung_layout_preview {
	position:absolute;
	left:530px;
	top:3px;
	width:200px;
	height:200px;
	margin-left:0;
	margin-right:auto;
}
.buchung_upload_table {
	width: 700px;
}
.valid_coupon_msg {
    font-weight: bold;
    display: block;
    margin-top: 0.5em;
}
.valid_coupon_msg.success {
    color: #30A94E;
}
.valid_coupon_msg.error {
    color: #C1272D;
}

#payment_method_details {
	border: 1px solid #AAAAAA;
	padding: 20px;
	margin: 20px;
}
#sepa_direct_debit_option_group {
	/*display:none;*/
}


/*~~~~~~~~~~~~~~~~~~~~~~*\
	Media Queries
\*~~~~~~~~~~~~~~~~~~~~~~*/


/* Styles for < 900px device width */
@media only screen and (max-width: 900px) {
	.buchung_table , .buchung_table tbody{
		display: block;
	}
	.buchung_table > tbody > tr {
		display: block;
		margin-bottom: 8px;
		margin-bottom: 0.8rem;
	}
	.buchung_table > tbody > tr > td {
		display: block;
	}
	.buchung_layout_preview {
		position: static;
	}
	#files_container {
		margin-top: 5px;
	}
	.buchung_upload_container {
		margin-top: 45px;
	}
}
/* Styles for < 750px device width */
@media only screen and (max-width: 750px) {
	.buchung_upload_table {
		width: 100%;
	}
}
/* Styles for < 750px device width */
@media only screen and (max-width: 750px) {
	.buchung_upload_table tr , .buchung_upload_table td{
		display: block;
		text-align: left;
	}
	
}
/* Styles for < 600px device width */
@media only screen and (max-width: 600px) {
	.upload_title_details {
		display: block;
	}
	.span_block {
		display: block;
	}
	
}

/* Styles for < 480px device width */
@media only screen and (max-width: 480px) {
	.buchung_button_submit {
		width: 100%;
		margin-bottom: 5px;
		display: block;
		padding: 1.5em 0em;
	}
	.upload_file_btn {
		margin-bottom: 10px;
		padding: 0.5em 0.5em 0.5em 0;
		font-size: 1em;
	}
	.buchung_upload_spacer {
		display: none !important;
	}
	.buchung_upload_line:first-child {
		margin-top: 0px;
	}
}

/* Styles for < 380px device width */
@media only screen and (max-width: 380px) {
	.buchung_table td select, .buchung_table td input[type="text"], .buchung_table td textarea {
		width: 99%;
		padding-left: 1%;
	}
}