/* Common styles for all blocks */
.eb-category-icon {
	margin-left: 8px;
}
.components-base-control .components-base-control__label {
	margin-right: 60px;
}
.eb-inspector-btn-group {
	display: flex;
	padding-bottom: 5px;
}
.eb-inspector-btn-group button {
	flex: 1;
	padding-left: 40px !important;
}

/* Image upload button styles */
.eb-image-upload-button {
	height: 100px;
	width: 100%;
	background: #e3e3e3;
	color: #666666;
	display: inline-block;
}

.component-color-indicator {
	border-radius: 50%;
	width: 16px;
}

.eb-typography-icon {
	fill: #5e5e5e;
}

.eb-panel-control .components-base-control__label {
	color: #5f5f5f;
	line-height: 20px !important;
	margin-bottom: 0 !important;
}

.eb-panel-control .components-panel__body-toggle:focus {
	box-shadow: inset 0 0 0 1.5px #6c40f7;
}

/* Unit control styles */
.eb-panel-control .eb-unit-control-btn:hover {
	color: #6c40f7;
}

.eb-panel-control .eb-unit-control-btn:focus {
	box-shadow: 0 0 0 1px #6c40f7;
}

.eb-panel-control .input-wrapper input:focus {
	box-shadow: 0 0 0 1px #6c40f7;
}

/* Toggle button style */
.eb-panel-control .is-checked .components-form-toggle__track {
	background-color: #6c40f7 !important;
}

.eb-panel-control input[type="checkbox"]:focus {
	box-shadow: 0 0 0 1px #6c40f7;
}

/* Radio button style */
.eb-panel-control .components-radio-control__input[type="radio"]:checked {
	background-color: #6c40f7;
}

/* Select control style */
.wp-core-ui
	.eb-panel-control
	select.components-select-control__input
	option:hover {
	color: white;
	background: #6c40f7 !important;
}

/* Avatar icon style */
.eb-avatar-icon-btn {
	height: 36px !important;
	width: 36px !important;
	margin: 0px 8px;
	border: 1px solid #b7b7b7;
	box-shadow: none !important;
}

/* Icon Select style */
.rfipbtn {
	min-height: 36px !important;
	width: 150px !important;
	border-radius: 6px;
	border: 1px solid #b4b4cb;
}

.eb-gradient-control .eb-gradient-toggle-label .components-base-control__field {
	display: inline-flex;
	align-items: center;
}

.eb-gradient-control .components-base-control__label {
	margin-right: 11px;
	margin-bottom: 8px;
}

/* Button Group Style */
.eb-btngrp-align {
	display: flex;
	align-items: center;
}

.eb-btngrp-align button {
	box-shadow: none !important;
}

.eb-btngrp-align svg {
	width: 20px;
}

/* Accordion sortable style */
.eb-accordion-sortable-item,
.eb-pricebox-sortable-item,
.eb-typed-sortable-item {
	border: 1px solid #b4b4cb;
}

.eb-accordion-sortable-item .drag-handle,
.eb-pricebox-sortable-item .drag-handle,
.eb-typed-sortable-item .drag-handle {
	background: transparent !important;
	flex: 2 1 0% !important;
	border-left: 1px solid #b4b4cb;
}

.eb-panel-control .components-base-control .components-text-control__input,
.eb-panel-control
	.components-base-control
	.drag-helper
	.eb-accordion-sortable-item
	.eb-social-delete-icon,
.eb-panel-control
	.components-base-control
	.drag-helper
	.eb-accordion-sortable-item
	.drag-handle,
.eb-panel-control
	.components-base-control
	.drag-helper
	.eb-accordion-sortable-item {
	border-color: #ebebeb !important;
}
.eb-panel-control
	.components-base-control
	.drag-helper
	.eb-accordion-sortable-item
	.drag-handle {
	border-right: none;
}

.eb-panel-control
	.components-base-control
	.components-form-toggle
	.components-form-toggle__track {
	box-shadow: none !important;
}
.eb-panel-control
	.components-base-control
	.components-form-toggle:not(.is-checked)
	.components-form-toggle__track {
	border-color: #ebebeb !important;
}
.eb-panel-control
	.components-base-control
	.components-form-toggle:not(.is-checked)
	.components-form-toggle__thumb {
	border-color: #a6a6bf;
	background-color: #a6a6bf;
}
.eb-panel-control .components-base-control__field .components-button-group {
	display: flex;
}
.eb-panel-control
	.components-base-control__field
	.components-button-group
	.components-button {
	flex: 1;
	padding: 6px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.eb-panel-control .components-button-group .components-button:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.eb-panel-control .components-button-group .components-button:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.eb-panel-control .is-secondary {
	color: #b4b4cb;
	box-shadow: inset 0 0 0 1px #ebebeb !important;
	background: transparent;
}

.eb-panel-control .is-primary {
	color: #551ef7;
	box-shadow: inset 0 0 0 1px #b299ff !important;
	background: #cebeff;
}
.eb-panel-control .is-secondary:hover:not(:disabled),
.eb-panel-control .is-secondary:focus:not(:disabled),
.eb-panel-control .is-tertiary:hover:not(:disabled),
.eb-panel-control .is-tertiary:focus:not(:disabled),
.eb-panel-control .is-primary:hover:not(:disabled),
.eb-panel-control .is-primary:focus:not(:disabled) {
	background-color: #6c40f7;
	color: #fff;
	box-shadow: inset 0 0 0 1px #6c40f7 !important;
}
.eb-panel-control .components-button-group.eb-unit-control-btn-group {
	height: 20px;
}
.eb-panel-control
	.components-button-group.eb-unit-control-btn-group
	.components-button {
	height: 20px !important;
	padding: 0 0 0 6px;
	text-transform: uppercase;
	color: #5f5f5f;
}
.eb-panel-control
	.components-button-group.eb-unit-control-btn-group
	.components-button.is-primary {
	box-shadow: none !important;
}
.eb-panel-control
	.components-panel__body
	.dimention-container
	.dimention-label {
	height: 20px;
	margin-bottom: 0 !important;
	color: #5f5f5f;
}
.eb-panel-control
	.components-panel__body
	.dimention-container
	.input-container
	.input-wrapper-group {
	display: flex;
	flex: 1;
}
.eb-panel-control
	.components-panel__body
	.dimention-container
	.input-container
	.input-wrapper-group
	.input-wrapper {
	width: 25% !important;
}
.eb-panel-control
	.components-panel__body
	.dimention-container
	.input-container
	.input-wrapper
	input {
	color: #1e1e1e;
	height: 30px !important;
	border-color: #ebebeb !important;
}
.eb-panel-control
	.components-panel__body
	.dimention-container
	.input-container
	.input-wrapper
	input:focus {
	box-shadow: none;
	color: #000;
}
.eb-panel-control
	.components-panel__body
	.dimention-container
	.input-container
	.input-wrapper:first-child
	input {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.eb-panel-control
	.components-panel__body
	.dimention-container
	.input-container
	.input-wrapper:last-child
	input {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.eb-panel-control
	.components-panel__body
	.dimention-container
	.input-container
	.components-button.linked-btn {
	height: 30px !important;
	width: 20px !important;
	padding: 0 !important;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-left: 0;
}
.eb-panel-control .linked-btn:hover:not(:disabled),
.eb-panel-control .linked-btn:focus:not(:disabled) {
	color: #551ef7;
	background: transparent !important;
	box-shadow: none !important;
}

.eb-panel-control .linked-btn.is-primary {
	color: #551ef7;
	background: transparent !important;
	box-shadow: none !important;
	font-size: 14px !important;
}

/* Custom range control styles */
.eb-panel-control .eb-range-controller-container {
	display: flex;
	align-items: flex-start;
}

.eb-panel-control .eb-range-controller-container .components-range-control {
	flex: 1;
	margin-bottom: 8px;
}

.eb-panel-control .components-range-control {
	margin-bottom: 8px;
}

.eb-panel-control
	.eb-range-controller-container
	.components-range-control
	.components-base-control__field {
	margin-bottom: 0 !important;
}
.eb-panel-control .eb-range-controller-container .eb-range-reset-button {
	height: 26px;
	margin-top: 20px;
	width: 20px;
	background: transparent;
	border: none;
	outline: none;
	box-shadow: none;
	padding: 0;
	margin-left: 2px;
	cursor: pointer;
}
.eb-panel-control
	.eb-range-controller-container
	.eb-range-reset-button
	.dashicon {
	font-size: 14px;
	color: #62626f;
	width: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: scaleX(-1) rotate(90deg);
}

.eb-panel-control .components-range-control__reset {
	color: #6b6b6b;
}

.eb-panel-control .components-range-control__wrapper {
	color: #e5e5ed;
	outline: none;
}
.eb-panel-control .components-range-control__slider + span {
	background-color: #f8f8f8;
	border: none;
	outline: none;
	box-shadow: none;
}
.eb-panel-control .components-range-control__track + span {
	margin-top: 9px;
	height: 12px;
	width: 12px;
}
.eb-panel-control .components-range-control__track + span > span {
	background-color: #b4b4cb;
	border: none;
	outline: none;
	box-shadow: none;
}
.eb-panel-control .components-range-control__root .components-input-control {
	margin-left: 8px !important;
	width: 50px !important;
}
.eb-panel-control .components-input-control__input {
	color: #1e1e1e !important;
	padding-right: 0 !important;
}

.eb-panel-control .components-input-control__backdrop {
	border-color: #ebebeb !important;
}
.eb-panel-control
	.components-range-control__root
	.components-input-control
	input,
.eb-panel-control
	.components-range-control__root
	.components-input-control
	.components-input-control__backdrop,
.eb-panel-control .components-range-control__root .components-button {
	height: 26px !important;
	min-height: 26px !important;
	line-height: 26px;
}
/* Color undo button style */
.eb-panel-control .components-button.eb-color-undo .dashicon {
	font-size: 14px;
	color: #62626f;
}

.eb-color-undo {
	margin-right: -8px;
}

/* Style focus style */
.eb-panel-control .components-select-control__input:hover,
.eb-panel-control .components-select-control__input:focus {
	color: black;
	box-shadow: none;
	border-color: #ebebeb;
}

/* Gradient control style */
.eb-gradient-control .eb-switch-control {
	width: 150px !important;
}
.eb-panel-control
	.eb-gradient-control
	.eb-gradient-toggle-label
	.components-base-control__field {
	display: flex;
	align-items: center;
}
.eb-panel-control .eb-gradient-control .eb-switch-control {
	width: 100px !important;
	font-size: 11px !important;
	margin-bottom: 0 !important;
	margin-left: auto !important;
}
.eb-panel-control .eb-gradient-control .eb-switch-control > label {
	padding: 1px;
}

/* color picker */
.eb-panel-control .eb-color-ball {
	padding: 0 !important;
	border-radius: 20px !important;
	border-color: #ebebeb !important;
	cursor: pointer;
}
.eb-panel-control .eb-color-ball > div {
	border-radius: 20px !important;
	height: 25px !important;
	width: 25px !important;
}

.eb-panel-control .components-range-control__track {
	margin-left: -8px;
}

.eb-userinfo-container > p {
	margin: 0 !important;
}
