
.view-content-list {
	main .main-container {
		.page-content {
			.inner {
				padding-bottom: 10px;
			}
		}

		.content-object-input {
			margin-bottom: 6px;
		}
	}

	&.dragover {
		main .main-container .inner .dropzone {
			border-radius: $baseRadius;
			background: rgba($gscaleF, .1);
			border: 1px dashed rgba($gscaleF, .5);
		}
	}
}

.view-content-edit main .main-container {

	.bottom-content {
		.page-content {
			flex: 1;

			.form-holder {
				margin: 20px 20px 20px 10px;
				flex: 1;
			}
		}

		.page-panel.right-panel {
			flex: 2;
			align-self: stretch;
			display: flex;
			flex-direction: column;
			overflow: hidden;
			justify-content: flex-start;
			align-items: center;
			padding: 20px;

			h3 {
				color: $gscaleF;
				padding: 10px 10px 10px 0;
				margin-bottom: 20px;
				font-size: 16px;
				align-self: stretch;
				margin-left: -8px;

				span {
					border-width: 1px;
					border-style: solid;
					border-radius: $baseRadius;
					padding: 4px 10px;
					margin-left: 5px;
				}

				i {
					font-size: 16px;
				}
			}

			.iframe-wrapper {
				display: flex;
				flex-direction: column;
				width: 100%;
				position: relative;
				padding-top: 56.25%; /* 16:9 aspect ratio */
				overflow: hidden;
				border-radius: $baseRadius;
				outline: 4px solid rgba($gscaleF, .1);

				iframe {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					border: none;
				}
			}
		}
	}
}





