.iar-new-post,
.iar-edit-post {
	/* [id^="blog_"] {
		display: none;

		&:target {
			display: inherit;
		}
	} */
	.nav.nav-tabs {
		.iar-tab {
			cursor: pointer;
		}
	}
	.row {
		&.blog-content {
			//float: left;
			//width: 100%;
		}
		&[id^="blog_"] {
			&:not(.active) {
				display: none;
			}
		}
	}
	.media,
	.media-preview {
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		&:before {
			content: "";
			display: block;
			margin-top: 56.25%;
		}
	}
	.media-preview {
		&.hidden {
			display: none;
		}
	}
	.media-preview {
		&:not(.hidden) {
			+.media {
				display: none;
			}
		}
	}
	.collapsible-panels,
	.single-image,
	.images {
		margin-bottom: 15px;
	}
	.single-image {
		.media {}
	}
	.single-image {
		.image {
			position: relative;
			border: 1px dashed #ddd;
			width: 100%;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			&:before {
				content: "";
				display: block;
				margin-top: 56.25%;
			}
		}
	}
	.images {
		ul {
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-start;
			list-style-type: none;
			margin: 0;
			padding: 0;
			>li {
				position: relative;
				border: 1px dashed #ddd;
				width: 16.66666667%;
				padding-left: 0;
				padding-right: 0;
				&:not(.new-image) {
					cursor: move;
				}
				&:before {
					content: "";
					display: block;
					padding-top: 100%;
				}
				.btn-delete {
					position: absolute;
					top: 0;
					right: 0;
					background-color: #fff;
				}
				&.sortable-dropzone {
					&:after {
						content: "";
						position: absolute;
						top: 5px;
						right: 5px;
						bottom: 5px;
						left: 5px;
						background-color: $iar_green_ultralight;
					}
				}
				&.new-image {
					.btn-delete {
						display: none;
					}
				}
				&:not(.new-image) {
					.btn-file {
						display: none;
					}
				}
			}
		}
	}
	.image-content {
		position: absolute;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		top: 5px;
		right: 5px;
		bottom: 5px;
		left: 5px;
		background-color: #fafafa;
		overflow: hidden;
	}
	.has-image {
		.image-content {
			align-items: flex-start;
			justify-content: flex-end;
		}
		.btn-file {
			background-color: #fff;
			border-top-left-radius: 0;
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
		}
	}
	.new-collapse-panel {
		display: none;
	}
	.collapsible-panels {
		.btn-drag {
			cursor: move;
		}
		.panel-title {
			display: inline-block;
			cursor: pointer;
		}
	}
	.checkbox,
	.radio {
		//margin-top: 0;
	}
	.blog-content {
		.hr-divider {
			margin-top: 20px;
			margin-bottom: 10px;
		}
	}
	#maxengine_id {
		.help-block {
			display: none;
		}
		&.has-error-exists {
			.help-block-exists {
				display: inherit;
			}
		}
		&.has-error-invalid {
			.help-block-invalid {
				display: inherit;
			}
		}
	}
}