@include body-class(true) {

	.sui-box {

		.sui-box-body {

			.fui-wide {
				display: block;
				margin-right: -$sui-gutter;
				margin-left: -$sui-gutter;

				@include media( max-width, md ) {
					margin-right: -$sui-gutter-md;
					margin-left: -$sui-gutter-md;
				}
			}
		}
	}

	.fui-box-gray {
		@extend .sui-box;
		padding: $sui-gutter/2;
		background-color: palette( silver );
		box-shadow: none;

		@include media( max-width, md ) {
			padding: $sui-gutter-md/2;
		}
	}

	div.fui-toggle-content {
		margin: $sui-gutter/2 0;

		.sui-form-field {
			margin-top: $sui-gutter/2;
			margin-bottom: $sui-gutter/2;

			&:first-child {
				margin-top: 0;
			}
	
			&:last-child {
				margin-bottom: 0;
			}

			@include media( max-width, md ) {
				margin-top: $sui-gutter-md/2;
				margin-bottom: $sui-gutter-md/2;
			}
		}

		&:first-child {
			margin-top: 0;

			@include media( max-width, md ) {
				margin-top: 0;
			}
		}

		&:last-child {
			margin-bottom: 0;

			@include media( max-width, md ) {
				margin-bottom: 0;
			}
		}

		@include media( max-width, md ) {
			margin: $sui-gutter-md/2 0;
		}
	}

	.fui-box-entries-resume {
		width: 100%;
		display: table;
		position: relative;
		margin: 10px 0;

		.fui-box-entries-field-title {
			width: 180px;
			display: table-cell;
			padding-right: 20px;
			color: $gray-alt;
			font: 500 13px/22px $font;
			letter-spacing: 0;
		}

		.fui-box-entries-field-content {
			display: table-cell;
			color: #888888;
			font: 400 13px/22px $font;
			letter-spacing: 0;
		}

		&:first-child {
			margin-top: 0;
		}

		&:last-child {
			margin-bottom: 0;
		}

		@include media( max-width, md ) {
			display: block;
		}
	}

	.fui-box-quiz-type {
		height: 100%;
		display: flex;

		span {
			display: block;
		}

		.fui-box-quiz-type-mask {
			flex: 1;
			border: 1px solid #E6E6E6;
			border-radius: 4px;
		}

		.fui-box-quiz-type-header {
			padding: $sui-gutter/2;
			border-bottom: 1px solid #E6E6E6;
			color: #434343;
			font: 500 15px/30px $font;
		}

		.fui-box-quiz-type-body {
			padding: $sui-gutter/2;
			color: palette( gray, alt );
			font: 400 13px/22px $font;
		}
	}

	.fui-inner-title {
		@extend .sui-box-title;
		margin: $sui-gutter 0;
		padding: 0 0 $sui-gutter/2;
		border-bottom: 1px solid #EAEAEA;

		&:first-child {
			margin-top: 0;
		}

		&:last-child {
			padding-bottom: 0;
			margin-bottom: 0;
			border-bottom: 0;
		}

		@include media( max-width, md ) {
			margin: $sui-gutter-md 0;
			padding: 0 0 $sui-gutter-md/2;
		}
	}
}