.vue-dropzone:hover {
    background-color: transparent !important;
}

.dropzone {
    border: none !important;
    background: rgba(0, 0, 0, 0) !important;
}

.vue-dropzone {
    color: white !important;
}

.content-info {
    white-space: nowrap;
    padding: 5px;

}

.content-name {
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-brand-logo {
    height: 115px;
}

.dz-error-message {
    background-color: orange;
}

/*
 *  Content edit preview portrait
 */

.content-preview-edit.portrait {
    height: 380px;
}

.content-preview-edit.portrait img,
.content-preview-edit.portrait video,
.content-preview-edit.portrait iframe {
    height: 350px;
}

.content-preview-edit.portrait .content-preview-img {
    width: 196.875px;
    border: 2px dashed orange;
    box-sizing: content-box;
}

.content-preview-edit.portrait .content-preview-img.cover {
    object-fit: cover;
}

.content-preview-edit.portrait .content-preview-img.contain {
    object-fit: contain;
    background: white;
}

.content-preview-edit.portrait .content-preview-img.fill {
    object-fit: fill;
}

/*
 *  Content edit preview landscape
 */

.content-preview-edit.landscape {
    height: 380px;
}

img.landscape {
    width: 444.444444444px;
    max-height: 380px !important;
    object-fit: cover;
}

.content-preview-edit.landscape .content-preview-img {
    height: 250px;
    width: 444.444444444px;
    border: 2px dashed orange;
    box-sizing: content-box;
}

.content-preview-edit iframe {
    border: none !important;
}

.content-preview-edit.landscape .content-preview-img.cover {
    object-fit: cover;
}

.content-preview-edit.landscape .content-preview-img.contain {
    object-fit: contain;
    background: white;
}

.content-preview-edit.landscape .content-preview-img.fill {
    object-fit: fill;
}

/* Content select type */

.content-preview-type-icon {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    position: absolute;

}

.content-uploader {
	min-height: 300px !important;
	height: fit-content !important;
    margin: 15px;
    border: 1px dashed white !important;
    font-weight: bold !important;
    font-family: 'Montserrat', sans-serif !important;
    width: 100% !important
}


/* CONTENT EDIT NEW */

.content-editor-container {
	width:100%;
	padding:25px;
	position:relative;
	text-align:center;
}

.content-editor-landscape {
	position: relative;
	width:50vw;
	max-width:100%;
	margin: auto;
}

.content-editor-landscape:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}

.content-editor-portrait {
	position: relative;
	width:17vw;
	margin: auto;
}

.content-editor-portrait:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 177.77%;
}

.content-editor > .content-editor-inner {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background:black;
}

.content-item {
	width:100%;
}

.content-contain {
	object-fit:contain;
	object-position:50% 50%;
}

.content-cover {
	object-fit:cover;
	object-position:50% 50%;
}

.content-fill {
	object-fit:fill;
	object-position:50% 50%;
}

iframe.content-item  {
	overflow:hidden;
}

.content-editor-inner iframe {
	pointer-events:none;
	width: 100%;
	height: 100%;
}

.content-empty-url {
	width: 100%;
    height: 100%;
    display: flex;
    background: #003595 !important;
    align-items: center;
    justify-content: center;
}

.content-hide {
	display: none;
}

.content-youtube-container {
	width: 100%;
	height: 100%;
}

.content-video-container {
	width:100%;
	height:100%;
}

.video-controls {
	width: 100%;
    position: relative;
    bottom: 70px;
    padding: 0px 40px;
	height: 45px;
}

.video-buttons {
	margin-bottom:15px;
}

.content-logo {
	position: absolute;
	margin: 1%;
	z-index:500;
}

.content-editor-portrait .content-logo {
	position: absolute;
    width: 25%;
    margin: 2%;
}

.content-editor-landscape .content-logo {
	position: absolute;
    width: 13%;
    margin: 2%;
}

.color-picker-preview {
	position: absolute;
    top: 0;
    right: 0;
    background: #6b9696 !important;
    padding: 25px 0px;
}
.color-picker svg {
	margin:auto;
}

.preview-iframe-container {
	position:relative;
	width: 100%;
	height: 100%;
}

.content-editor-landscape .preview-iframe-container iframe {
	position:absolute;
	width: 1920px;
	height: 1080px;
	transform-origin: 0% 0%;
	left: 0;
	top: 0;
}

.content-editor-portrait .preview-iframe-container iframe {
	position:absolute;
	width: 1080px;
	height: 1920px;
	transform-origin: 0% 0%;
	left: 0;
	top: 0;
}

.insta-slider .vue-slider-rail {
	position:initial!important;
}
.insta-slider {
	height:16px!important;
}
.insta-slider .vue-slider-dot {
	width: 30px!important;
	height: 30px!important;
}

/* Mobile css fixes*/

@media screen and (max-width: 992px){
	.content-editor-container {
		padding: 10px;
	}

	.content-editor-landscape {
		width: unset;
	}

	.content-editor-portrait {
		width: unset;
	}

	.video-controls {
		bottom: 43px;
		padding: unset;
	}
}

/* CONTENT NO SAVE */
.content-editor-inner > img,
.content-editor-inner > video,
img.block-content-padding,
.playlist-img-vert {
	pointer-events: none;
}