#karma-add-element {

	left: 1.35vw;
	position: fixed;
	top: 36%;
	z-index: $level-20;

	* {
		font-family: $builder-normal-font;
		font-weight: 400;
	}

	.karma-element-panel-list {
		flex-wrap: nowrap;

		&.karma-active-tab {
			@include flexbox(center, center, flex-start);
		}

		.karma-elements {
			@include flexbox(center, flex-start, flex-start);
			box-sizing: border-box;
			flex-wrap: wrap;
			height: auto !important;
			max-height: calc(100% - (72px + 4.44vh));
			overflow: hidden;
			padding: 0 9px 4.44vh 19px;
			width: 307px !important;

		}

		.karma-element-single-element {
			@include box(90px, 94px);
			background-color: #fff;
			border: 0 solid transparent;
			border-radius: 4px;
			margin-bottom: 20px;
			opacity: 1;
			&:hover {
				border: 1px solid $builder-accent-color;
			}

			span {
				color: $builder-main-color;
				@extend .karma-builder-title-4;
			}

		}
	}

	.karma-deactive-element:hover {
		border: none !important;
	}

	.element-panel-button {
		@include box(48px);
		@include flexbox(center, center, center);
		background-color: #fff;
		border-radius: 100px;
		box-shadow: 0 7px 15px 3px rgba($builder-main-color, 0.2);
		cursor: pointer;
		margin-bottom: 15px;

		&.element-panel-add-element-button {
			svg {
				margin-left: 1px;
				margin-top: 1px;
			}
		}

		.icon{
			@include box( 48px );
			background-position: center;
			background-repeat: no-repeat;
		}

	}

	.karma-element-panel-view {
		@include element_direction($top: 13vh, $left: 78px);
		display: flex;
		max-height: 668px;
		max-width: 464px;
		opacity: 0;
		position: fixed;
		transition: opacity .001s ease-in, left 1s ease-in;
		visibility: hidden;

		&:after {
			@include box(10px, 10px);
			background-color: #fff;
			box-shadow: -3px 3px 1px 2px rgba(57, 73, 89, 0.03);
			content: '';
			display: block;
			left: 82px;
			position: fixed;
			top: -4px;
			transform: rotate(45deg);
		}

		&.karma-element-panel-add-element-view {
			background-color: #fff;
			border-radius: 7px !important;
			box-shadow: 0 2px 15px 7px rgba(57, 73, 89, 0.07);
			height: 77vh;
			overflow: hidden;

			&:after {
				top: 38%;
			}

			.karma-element-panel-add-element-view-right {
				@include box(309px, 100%);

				.element-panel-permium {
					flex-direction: column;
					height: 76.9vh;
					padding: 0;
				}

				.element-panel-section-container {

					@include flexbox(center, center, flex-start);
					display: none;
					flex-direction: column;
					height: 100%;

					&.karma-element-panel-list.karma-active-tab {
						@include flexbox(center, flex-start, flex-start);
					}

					&.karma-active-tab {
						display: flex;
						position: relative;
					}

					.element-panel-part-img {
						width: 100%;

						img {
							max-width: 100%;
						}
					}
					.element-panel-part-title {
						@include fluid-type(1280px, 1366px, 19px, 24);
						color: $builder-main-color;
						font-size: 24px;
						line-height: 29px;
						padding-top: 7.2vh;
						text-align: center;
					}
					.element-panel-part-description {
						@include fluid-type(1280px, 1366px, 11px, 14px);
						@extend .karma-paragraph;
						color: $builder-main-color-1;
						padding: 19px 1.7vw;
						text-align: center;
					}
					.element-panel-part-button {

						@include fill-button();
						text-decoration: none;

					}

				}

				.element-panel-deactive-part {
					flex-direction: column;
					padding: 0;
				}
			}

			.karma-element-panel-add-element-view-left {
				box-shadow: 1px 0px 8px -5px rgba($builder-main-color, 0.7);
				@include flexbox(left);
				flex-direction: column;
				width: 8.06vw;

				.karma-element-panel-add-element-view-filtering {
					flex-basis: 100%;
					width: 100%;
					.karma-element-panel-price-filter-container {
						.karma-element-panel-price-filter {
							padding: 2.33vh 0.56vw 0 1.56vw;

							ul {
								.karma-deactive-filter {
									span {
										opacity: .4;
									}
								}
								li {
									cursor: pointer;
									display: block;
									position: relative;
									.karma-filter-item {
										@include box(12px, 25px);
										background-position: center center;
										background-repeat: no-repeat;
										background-size: contain;
										display: none;
										svg * {
											fill: $builder-main-color-3;
										}

									}
									&[data-filter = 'mysection'] {
										display: none;
									}

									label {

										@include fluid-type(1288px, 1366px, 11px, 12px);
										color: $builder-main-color;
										cursor: pointer;
										display: block;
										margin: 1.30vh auto;
										padding-left: 1.61vw;
										position: relative;
										z-index: $level-5;
									}

									.check {

										@include box(13px, 13px);
										@include element_direction($top: 4px);
										border: 1px solid $builder-main-color-2;
										border-radius: 100%;
										display: block;
										position: absolute;
										transition: border .25s linear;
										-webkit-transition: border .25s linear;

										&:before {
											@include box( 5px, 5px );
											@include element_direction( $top: 4px, $right: auto, $bottom: auto, $left: 4px );
											border-radius: 100%;
											content: '';
											display: block;
											position: absolute;
											transition: background 0.25s linear;
											-webkit-transition: background 0.25s linear;

										}

									}

									&.active {

										.check:before {

											background: $builder-accent-color;
										}

									}

								}
							}

						}

					}

				}

				.karma-element-panel-add-element-view-content-border {
					border-top: 2px solid rgba($builder-main-color, 0.08);
					margin: 0 auto;
					width: 4.80vw;
				}

				.karma-builder-addcontent-title {
					@include fluid-type(1288px, 1366px, 12px, 14px);
					@extend .karma-builder-title-3;
					color: $builder-main-color;
					font-family: $builder-medium-font;
					white-space: nowrap;
				}

				.karma-builder-addcontent {
					@include flexbox(center, center, center);
					flex-direction: column;
					padding: 36px 23px 0 25px;
				}

				li.karma-addcontent-disable .karma-addcontent-name {
					color: $builder-main-color-3;
					cursor: pointer;
				}

				.karma-addcontent-name {
					@include fluid-type(1288px, 1366px, 12px, 14px);
					@extend .karma-builder-title-3;
					color: $builder-main-color-2;
					padding-left: 0.88vw;

				}

				.karma-addcontent-icon {
					svg {
						* {
							cursor: pointer;
							fill: $builder-main-color-2;
						}
					}
				}

				li.karma-addcontent-disable .karma-addcontent-icon {
					svg {
						* {
							cursor: pointer;
							fill: $builder-main-color-3;
						}
					}
				}

				.karma-builder-addcontent ul {
					align-items: left;
					display: flex;
					flex-direction: column;
					list-style: none;
					padding-bottom: 3.75vh;
					padding-top: 19px;
				}

				li.karma-addcontent {
					@include flexbox(center, center, center);
					padding-top: 11px;

					.karma-addcontent-icon {
						@include flexbox(center, center, center);
						height: 31px;
					}

					&:hover {
						cursor: pointer;
						.karma-addcontent-icon {
							svg {
								* {

									fill: $builder-accent-color;
								}
							}
						}

						.karma-addcontent-name {
							color: $builder-accent-color;
							cursor: pointer;
						}
					}

					&.karma-addcontent-active {

						.karma-addcontent-icon {
							svg {
								* {
									cursor: pointer;
									fill: $builder-accent-color;
								}
							}
						}

						.karma-addcontent-name {
							color: $builder-accent-color;
							cursor: pointer;
						}

					}

				}
			}

			&[ data-active-tab = 'karma-element-panel-list' ] {
				.karma-element-panel-add-element-view-left {
					.karma-element-panel-add-element-view-filtering {
						.karma-element-panel-price-filter-container {
							.karma-element-panel-price-filter {
								ul {
									li {
										.karma-filter-item {
											svg * {
												fill: $builder-main-color-2;
											}
										}
										&.active {
											.karma-filter-item {
												svg * {
													fill: $builder-accent-color;
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}

			&[ data-active-tab = 'element-panel-section' ] {
				.karma-element-panel-add-element-view-left {
					.karma-element-panel-add-element-view-filtering {
						.karma-element-panel-price-filter-container {
							.karma-element-panel-price-filter {
								ul {
									li[data-filter = 'mysection'] {
										display: block;
									}
								}
							}
						}
					}
				}
			}

			&[ data-active-tab = 'element-panel-image' ] {
				.karma-element-panel-add-element-view-left {
					.karma-element-panel-add-element-view-filtering,
					.karma-element-panel-add-element-view-content-border {

						display: none;

					}
				}

			}

		}

		&.karma-deactive-element-panel {
			@include karma-box(24.2vw, 74vh);
			border-radius: 7px;
			max-height: 668px;
			max-width: 464px;

			.element-panel-section-container {
				align-items: center;
				display: flex;
				flex-direction: column;
			}

			.element-panel-part-img {
				border-top-left-radius: 7px;
				border-top-right-radius: 7px;
				overflow: hidden;
				width: 100%;

				img {
					width: 100%;
				}
			}

			.element-panel-part-title {
				@include fluid-type(1280px, 1366px, 19px, 24px);
				color: $builder-main-color;
				font-size: 24px;
				line-height: 29px;
				text-align: center;
			}
			.element-panel-part-description {
				@include fluid-type(1280px, 1366px, 11px, 14px);
				@extend .karma-paragraph;
				color: $builder-main-color-1;
				padding: 18px 3.7vw;
				text-align: center;
			}
			.element-panel-part-button {
				@include fill-button();
				text-decoration: none;
			}

		}

		&.karma-element-panel-templates-template {
			top: 16vh;

			&:after {
				background-color: transparent;
				border-bottom: 6px solid #fff;
				border-left: 6px solid #fff;
				top: calc( 36% + 80px );
			}
		}

		&.karma-element-panel-unsplash-template {
			top: 19vh;

			&:after {
				border-right: 6px solid #fff;
				top: calc(36% + 142px);
			}
		}
		&.karma-element-panel-upgrade-template {
			top: 24vh;

			&:after {
				border-right: 6px solid #fff;
				top: calc(36% + 206px);
			}
		}
	}

	.karma-element-panel-templates-template .element-panel-part-title {
		padding-top: 30px;
	}

	.karma-element-panel-unsplash-template .element-panel-part-title {
		padding-top: 60px;
	}

	.karma-element-panel-upgrade-template .element-panel-part-title {
		padding-top: 46px;
	}

	.karma-element-panel-upgrade-template .element-panel-part-description ul.checkmark li {

		background: url(../media/svg/check.svg) no-repeat 0 50%;
		display: list-item;
		line-height: 27px;
		padding-left: 20px;
		text-align: left;
	}

	.karma-element-panel-upgrade-template .element-panel-part-description ul.checkmark {
		display: grid;
		list-style-type: none;
	}

	.element-panel-show {
		left: 87px;
		opacity: 1;
		transition: opacity .1s ease-in, left .2s ease-in;
		visibility: visible;
	}

	.element-panel-section-container.element-panel-deactive-part {

		align-items: flex-start !important;

		.karma-add-element-inactive-container {
			max-height: 630px;
			&.karma-blocks-container{
					margin-top: 38px;
			}
		}

		.karma-blocks-container{
			.karma-blocks-preloader{
				@include box( 24px, 24px );
				background-image: url(../media/svg/loading.svg);
				background-repeat: no-repeat;
				background-size: 24px;
				left: 50%;
				margin: 0 auto;
				position: absolute;
				top: 50%;
				transform: translate(-50%);
			}
		}

		.deactivate-title {
			@extend .karma-coming-soon-typo;
		}

		.karma-section-element {

			background-color: $builder-main-color-5;
			margin: 0 30px 15px 36px;
			position: relative;

			&.karma-start-blocks-dragging {
				visibility: hidden;
			}

			img {
				cursor: -webkit-grab;
				display: block;
			}

			.karma-section-hover{
				@include box( 100%, 100% );
				@include flexbox( center, center, center );
				cursor:-webkit-grab;
				opacity: 0;
				position: absolute;
				transition-duration: .3s;
				z-index: 2;
				.karma-hover-container{
					color:#fff;
				}

				.karma-section-hover-icon{
					@include box( 40px, 15px );
					background: url(../../builder/media/svg/drag-icon.svg) no-repeat center;
					display:block;
				}
				.karma-section-hover-text{
					color: #fff;
					display: inline-block;
					font-size: 12px;
					position: relative;
					text-align: center;
				}
			}
			&:hover .karma-section-hover{
				background-color: rgba(0, 0, 0, 0.6);
				opacity: 1;
				transition-duration: .3s;
			}
		}
	}

	.element-panel-section-container {

		.karma-builder-element-panel-header {
			align-items: center;
			display: flex;
			justify-content: flex-end;
			padding: 20px 29px 17px 29px;
			position: relative;
			width: 100%;

			input::-webkit-input-placeholder {
				color: rgba(0, 0, 0, 0.30);
				font-family: $builder-medium-font;
			}

			input::-webkit-search-cancel-button{
				display: none;
			}

			.karma-search-close-icon {
				background-color: inherit;
				opacity: 0;
				padding: 0;
				position: absolute;
				right: 78.5px;
				transition: opacity .2s;
				z-index: $level-minus-5;

				&.show-search-close-icon {
					opacity: 1;
					transition: opacity .2s ease .1s;
					z-index: $level-0;
				}
				&:after{
					background-color: transparent;
				}
			}

		}
	}

	.karma-builder-element-panel-gather-menu {

		cursor: pointer;
		padding-left: 0;
		position: relative;

		&.karma-open-element-category-dropdown {

			ul {
				display: block;
			}

		}

		ul {
			@include karma-box(8.05vw, auto);
			@include element_direction($top: 25px, $right: 0);
			@extend .karma-builder-title-3;
			color: $builder-main-color;
			cursor: default;
			display: none;
			list-style: none;
			min-width: max-content;
			min-width: -moz-max-content;
			min-width: -webkit-min-content;
			padding: 1.1vh 0.52vw;
			position: absolute;
			text-align: left;
			white-space: nowrap;
			z-index: $level-30;
			@include fluid-type(1288px, 1500px, 11px, 14px);

			li {
				@extend .karma-dropdown-option;
			}
		}
	}

	.karma-builder-element-panel-search {
		cursor: pointer;
	}

	input.karma-builder-search-text {
		@include box(0, 40px);
		@extend .karma-builder-title-4;
		background: url('../../builder/media/svg/search.svg') no-repeat 13px center transparent;
		background-size: 14px;
		border: none;
		border-radius: 2px;
		box-sizing: border-box;
		color: #44484a;
		cursor: pointer;
		font-family: $builder-normal-font;
		margin: 0 17px 0 0;
		padding-left: 27px;
		position: relative;
		transition: z-index 0.8s, width 0.5s, background 0.3s ease, border 0.3s;
		z-index: $level-0;
	}

	input.karma-builder-search-text.open-search-panel {
		@include box(224px, 40px);
		@extend .karma-builder-title-4;
		background-color: $builder-main-color-5;
		background-size: 14px;
		border: none;
		cursor: auto;
		margin-right: 17px;
		outline: none;
		padding-left: 40px;
		padding-right: 28px;
		text-align: left;
		transition: z-index 0.8s, width 0.5s, background 0.3s ease, border 0.3s;
		transition-duration: 0.3s;
		z-index: $level-0;
		&:focus{
			background-color: $builder-main-color-5;
		}
	}
	
	.element-panel-section-container.element-panel-image {
		@extend .karma-unsplash-controller;
		margin: 0 12px;
		padding: 16px 0 0;

		.karma-unspalsh-media-library,
		.karma-unsplash-empty,
		.karma-unspalsh-selected,
		.karma-unsplash-image-input {
			display: none;
		}

		.karma-unsplash-copyright {
			display: block;
		}

		.karma-unsplash-images-result,
		.karma-unsplash-images-result-fake {
			height: 54vh;
			left: 19px;
			max-height: 518px;
		}

		.karma-unsplash-images-list {
			.karma-unsplash-avatar{
				background: url(../../builder/media/svg/drag-icon.svg) no-repeat center 18px;
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 2;

				&:before{
					bottom: -33px;
					color: #fff;
					content: "Drag it";
					font-size: 10px;
					left: 22px;
					opacity: 1;
					position: relative;
				}
			}

			&:after {
				content: '';

			}

			&:hover:after {
				background-color: rgba(0, 0, 0, 0.6);
			}
		}

	}

	.element-panel-add-element-button,
	.element-panel-layout-element-button,
	.element-panel-upgrade-element-button{
		position: relative;
		top:0;
		transition: top 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	}

	.karma-responsive-tablet,
	.karma-responsive-mobile,
	.karma-responsive-desktop{
		@extend .element-panel-button;
		box-shadow: 0 7px 15px 3px rgba(57, 73, 89, 0);
		position: absolute;
		top: 64px;
		transition:background .2s, top 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045), z-index 100ms 400ms;
		z-index: -10;

		.icon{
			background-position: center;
			background-repeat: no-repeat;
			height: 48px;
			width: 48px;
		}
	}

	&.karma-show-responsive-buttons {
		.element-panel-add-element-button,
		.element-panel-layout-element-button,
		.element-panel-upgrade-element-button {
			box-shadow: 0 7px 15px 3px rgba(57, 73, 89, 0);
			position: relative;
			transition: top 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
			z-index: -1;
		}

		.element-panel-add-element-button{
			top: 64px;
		}
		.element-panel-layout-element-button{
			top: -64px;
		}
		.element-panel-upgrade-element-button{
			top: -128px;
		}

		.animate-device-buttons{
			.karma-responsive-tablet,
			.karma-responsive-mobile,
			.karma-responsive-desktop{
				box-shadow: 0 7px 15px 3px rgba(57, 73, 89, 0.2);
				position: absolute;
				transition:background .2s, top 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
				z-index: 2;

			}
			.karma-responsive-mobile{
				top: 126px;
			}

			.karma-responsive-tablet{
				top: 0;
			}
			.karma-responsive-desktop{
				z-index: 2;
			}

			.karma-active-responsive-device{
				background-color: $builder-responsive-color;

				&.karma-responsive-tablet{
					.icon{
						background-image: url("../media/svg/white-tablet.svg") !important;
					}
				}

				&.karma-responsive-mobile{
					.icon{
						background-image: url("../media/svg/white-mobile.svg") !important;
					}
				}
			}

		}
	}

}

.karma-builder {
	.karma-builder-iframe-container {
		align-items: center;
		background-color: #f6f6f6;
		display: flex;
		height: 100%;
		justify-content: center;
		position: relative;
		width: 100%;
		z-index: 0;

		.karma-builder-responsive-frame {
			@include box(100%);
			align-items: center;
			background-color: #fff;
			border-radius: 50px;
			box-shadow: 0px 13px 83px rgba(68, 83, 99, 0.12);
			display: flex;
			flex-direction: column;
			margin-top: 63px;
			padding: 48px 22px 5px 22px;
			transform: translateZ(0) translate3d(0, 0, 0);
			transition: all .5s ease-out 0s;
			.karma-builder-responsive-frame-shape{
				display: flex;
				padding-bottom: 30px;
				.karma-builder-responsive-frame-shape-circle{
					@include box(7px);
					background-color: #F9F9F9;
					border-radius: 50%;
					margin-right: 10px;
				}
				.karma-builder-responsive-frame-shape-line{
					background-color: #F9F9F9;
					border-radius: 3.5px;
					height: 7px;
					width: 69px;
				}
			}
			will-change: contents;
		}
	}

	&.karma-device-mode-desktop{
		.karma-builder-responsive-frame {
			border-radius: 0;
			box-shadow: none;
			margin-top: 0;
			padding:0;
			.karma-builder-responsive-frame-shape{
				display: none;

			}
		}
	}

	&.karma-device-mode-tablet{
		.karma-builder-responsive-frame {
			width: 816px;
		}
	}

	&.karma-device-mode-mobile{

		.karma-builder-responsive-frame {
			box-sizing: content-box;
			width: 419px;
		}

	}
}

.karma-builder-environment{
	&.karma-device-mode-mobile::-webkit-scrollbar{
		display: none;
	}
	&.karma-device-mode-tablet::-webkit-scrollbar{
		display: none;
	}
}

/** Separate these stylesheet for jquery UI */
.karma-element-single-element {
	@include flexbox(center, center, center);
	@include unselectable();
	@include box(89px, 94px);
	background-color: #fff;
	border-radius: 4px;
	flex-direction: column;
	transition: border .3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	z-index: $level-25;

	&.karma-deactive-element {
		opacity: 0.2 !important;
	}

	&:not(.karma-deactive-element) {
		cursor: -webkit-grab;
		cursor: grab;
	}
	&.karma-start-dragging {
		visibility: hidden;
	}
	&.karma-grab-element:not(.karma-deactive-element) {
		box-shadow: 0 2px 15px 7px rgba($builder-main-color, 0.07);
		&:hover {
			border: none !important;
			border-radius: 4px;
		}
	}
	.karma-element-single-element-icon {
		@include box(44px, 44px);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
}

.karma-element-single-element-name {
	margin-top: 4px;
	text-transform: capitalize;
	span {
		color: $builder-main-color;
		@extend .karma-builder-title-4;
	}

}

.karma-section-element.ui-draggable-dragging,
.karma-section-element.karma-start-blocks-dragging{
	.karma-section-hover{
		display: none;
	}
}

@media (max-width: 1440px) {

	#karma-add-element .karma-addcontent-name,
	#karma-add-element .karma-builder-addcontent-title {
		display: none !important;
	}
	.karma-addcontent svg {
		height: 17px;
		width: 17px;
	}
	#karma-add-element .karma-builder-element-panel-header {
		padding: 23px 29px 14px 29px;
	}

	#karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left {
		width: 3.81vw;
	}

	#karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-builder-addcontent {
		@include flexbox(center, center, center);
		padding: 5px 0 1px;
	}
	#karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left li.karma-addcontent {
		padding-top: 2.44vh;
	}
	#karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left li.karma-addcontent:first-child {
		padding-top: 0;
	}

	#karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-element-panel-add-element-view-content-border {
		width: 1.9vw;
	}

	#karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-price-filter-container .karma-element-panel-price-filter .karma-filter-item {
		margin-bottom: 16px;
		display: block !important;
	}

	#karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-price-filter-container .karma-element-panel-price-filter {

		@include flexbox(center, center, center);
		padding: 26px 0 !important;
		text-align: -webkit-center;

	}
	#karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-price-filter-container .karma-element-panel-price-filter label,
	#karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-price-filter-container .karma-element-panel-price-filter .check {
		display: none !important;

	}

	#karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left
	.karma-element-panel-add-element-view-filtering .karma-element-panel-price-filter-container .karma-element-panel-price-filter ul .karma-deactive-filter span {
		opacity: 1;
	}

	#karma-add-element .karma-element-panel-add-element-view .karma-element-panel-add-element-view-left {
		width: 11vw;
	}

}

@media (min-width: 2000px) {

	#karma-add-element{

		.karma-element-panel-templates-template .element-panel-part-title {
			padding-top: 39px;
		}

		.karma-element-panel-unsplash-template .element-panel-part-title {
			padding-top: 94px;
		}

		.karma-element-panel-upgrade-template .element-panel-part-title {
			padding-top: 57px;
		}

		.karma-element-panel-list .karma-elements {
			max-height: calc(100%);
		}

		.karma-element-panel-view:after {
			left: 90px;
		}
		.element-panel-show {
			left: 96px;
		}
	}

}

.karma-insert-between-sections-placeholder.karma-show-placeholder {
	background-color : rgba( $builder-accent-color, 0.2 );
	height: 8px;
	width: 100%;
}

.karma-insert-between-sections-placeholder.karma-blank-page-placeholder {
	opacity: 0;
}