@import "variables";

.creditbills-binding {
	table td { vertical-align: middle !important; }
}
.creditbills-binding__head {
	position: relative; z-index: 5;
	.creditbills-binding__supplier {
		float: left;
		padding: 4px 12px 0px 0px;
		.labl { display: inline-block; vertical-align: middle; }
		.field { display: inline-block; vertical-align: middle; width: 350px; }
		@media (max-width: 1199px){ float: none; padding: 0px 0px 12px 0px; }
		@media (max-width: 767px){
			.labl { display: block; padding-bottom: 4px; }
			.field { display: block; width: auto; }
		}
	}
	.creditbills-binding__tabs {}
}
.creditbills-binding__body {
	position: relative; z-index: 1;
	margin-top: -1px;
}


.creditbills-binding-details {
	$width : 60%;
	table td { vertical-align: middle !important; }
	.creditbills-binding-details__body {
		float: left;
		width: $width;
		min-height: 1px;
	}
	.creditbills-binding-details__side {
		margin-left: $width;
		padding-left: 20px;
		iframe {
			display: block; width: 100%; height: 750px;
		}
	}
	@media (max-width: 1399px){
		.creditbills-binding-details__body { float: none; width: auto; margin-bottom: 24px; }
		.creditbills-binding-details__side { margin-left: 0px; padding-left: 0px; }
	}
}

.creditbills-binding-details__sumbox {
	table {
		background: #D5E6F6;
		td { padding: 4px 8px !important; }
	}
}