@admin-green-color: #9bc865;
@admin-link-color: #fe506c;

#elementor-panel-category-prime-slider {
	.elementor-element {
		&:hover {

			.icon,
			.title {
				color: @admin-link-color;

				.bdt-widget-icon {
					&:after {
						opacity: 1;
					}
				}
			}
		}
	}
}

.elementor-element {
	.icon {
		position: relative;

		.bdt-widget-icon {
			&:before {
                font-size: 48px;
            }
			&:after {
				content: '\e915';
				position: absolute;
				font-family: 'prime-slider-font';
				right: 8px;
				top: 8px;
				font-size: 10px;
				opacity: 0.4;
			}

			&.bdt-new {
				&:after {
					color: @admin-link-color;
					opacity: 1;
				}
			}
		}
	}
}

#elementor-panel #elementor-panel-header-title,
#elementor-panel .elementor-control-title,
#elementor-panel .elementor-section-title {
	span.bdt-ps-widget-badge {
		&:after {
			content: '\e915';
			background-color: #fff;
			color: @admin-link-color;
			font-family: 'prime-slider-font';
			font-size: 10px;
			font-weight: 700;
			border-radius: 30px;
			padding: 2px 3px;
			margin-right: 4px;
			vertical-align: middle;
		}
	}
}

#elementor-panel .elementor-control-title,
#elementor-panel .elementor-section-title {
	span.bdt-ps-widget-badge {
		&:after {
			background-color: #e0e6ec;
			color: #50565d;
		}
	}
}

.bdt-ps-upcoming-control,
.bdt-ps-pro-control,
.bdt-ps-new-control {
	&:after {
		color: #fff;
		font-size: 7px;
		font-weight: 700;
		border-radius: 2px;
		padding: 3px 4px;
		margin-left: 5px;
		vertical-align: middle;
	}
}

.bdt-ps-new-control {
	&:after {
		content: 'NEW';
		background-color: #1e87f0;
	}
}

.bdt-ps-pro-control {
	&:after {
		content: 'PRO';
		background-color: orangered;
	}
}

.bdt-ps-upcoming-control {
	&:after {
		content: 'UPCOMING';
		background-color: #3da100;
	}
}

#elementor-panel #elementor-controls .bdt-ps-disabled-control .elementor-control-input-wrapper {
	pointer-events: none !important;
	opacity: 0.4;
}

#elementor-panel #elementor-controls .bdt-ps-disabled-control .elementor-control-title {
	pointer-events: none !important;
}

#elementor-panel #elementor-controls .bdt-ps-disabled-control .elementor-control-field:before {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
	height: 6px;
	width: 18px;
	margin-bottom: 6px;
	background-size: 100% auto !important;
	content: "";
	display: none;
	position: absolute;
	right: 35px;
	top: 0;
}

#elementor-panel #elementor-controls .bdt-ps-disabled-control .elementor-control-field:after {
	content: var(--ps-pro-control-message);
	padding: 10px;
	display: none;
	position: absolute;
	top: -52px;
	right: 20px;
	width: 220px;
	text-align: left;
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 3px;
	color: #fff;
	z-index: 10;
	line-height: 16px;
	pointer-events: none;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}

#elementor-panel #elementor-controls .bdt-ps-disabled-control:hover .elementor-control-field:after,
#elementor-panel #elementor-controls .bdt-ps-disabled-control:hover .elementor-control-field:before {
	display: block;
}

#elementor-panel .elementor-control-type-section span.bdt-ps-widget-badge {
    position: absolute;
    right: 15px;
}