.page-component {
	@include clearfix;
}

.page-component + .page-component {
	margin-top: 15px;
}

.page-component > h2,
.page-component > h3 {
	margin-bottom: $form-group-margin-bottom;
	margin-top: 0;
}

.page-component > .btn:first-child {
	width: 100%;
}

.page-component > .frame-events {
	padding: 0;
}

.page-component > .form-group:last-child {
	margin-bottom: 0;
}

.page-component-seperated {
	border-top: 1px solid $blue-lighter;
	padding-top: $form-group-margin-bottom;
}

.page-link {
	display: block;
	margin-bottom: 10px;
}

.details-header {
	padding: 10px $details-header-padding-horizontal;
	position: relative;
}

.details-header > h2,
.details-header > h3 {
	margin-top: 0;
}

.details-header > *:last-child {
	margin-bottom: 0;
}

.details-body {
	margin-top: 3px;
	position: relative;
}

.details-content {
	@include clearfix;
	height: 100%;
	padding: ($grid-gutter-width / 2);
}

.details-content > h3,
.details-content > h4 {
	margin-top: 0;
}

.details-content > *:last-child {
	margin-bottom: 0;
}

.details-map {
	padding-top: $form-group-margin-bottom;
	width: 100%;

	@media (min-width: $screen-sm) {
		@include td-float(right);
		@include td-padding-all(0, 0, 0, $form-group-margin-bottom);
		width: 300px;
	}
}

.details-map .map-box {
	height: 300px;
	width: 100%;
}

.details-map .coordinates {
	@include td-margin-all(5px, 5px, 5px, 0);
	@include td-text-align(right);
	font-weight: bold;
}

.details-form {
	@include clearfix;
	background-color: lighten($brand-success, 10%);
	border-color: $brand-success;
	border-style: solid;
	border-width: 1px;
	padding: ($grid-gutter-width / 2);
}

.details-form > h3 {
	margin-top: 0;
}

.details-form > form > *:last-child {
	margin-bottom: 0;
}

.details-form + .form-group {
	margin-top: $form-group-margin-bottom;
}

.details-form-element:nth-child(1):nth-last-child(2),
.details-form-element:nth-child(2):nth-last-child(1) {
	@include td-make-sm-column(6);
	padding: 0;
}

.details-form-element:nth-child(1):nth-last-child(2) {
	@media (min-width: $screen-sm) {
		@include td-padding(right, ($grid-gutter-width / 2));
	}
}

.details-form-element:nth-child(2):nth-last-child(1) {
	@media (min-width: $screen-sm) {
		@include td-padding(left, ($grid-gutter-width / 2));
	}
}

.details-form-element > h3 {
	margin-top: 0;
}

.details-addition {
	background-color: $gray-lightest;
	border-color: darken($gray-lightest, 3%);
	border-style: solid;
	border-width: 1px;
	padding: $form-group-margin-bottom;
}

.details-addition > h3,
.details-addition > h4 {
	margin-top: 0;
}

.details-addition > *:last-child {
	margin-bottom: 0;
}

.details-info-group {
	@include make-row;
	margin-bottom: $form-group-margin-bottom;
}

.details-info-label {
	@include td-make-sm-column(3);
	font-weight: bold;

	@media (min-width: $screen-sm) {
		@include td-text-align(right);
		padding-top: 7px;
	}
}

.details-info-data {
	@include td-make-sm-column(9);

	@media (min-width: $screen-sm) {
		padding-top: 7px;
	}
}

.details-info-btn {
	@include td-make-sm-column(9);
	@include td-make-sm-column-offset(3);
}
