body.wp-customizer .wp-picker-container .wp-color-result.button { width: 100%; box-sizing: border-box; padding: 0 0 0 40px; box-shadow: inset 0 0 1px rgba(0,0,0,.5) !important; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.5) !important; border: none; height: 26px; border-radius: 4px; margin: 0; }
body.wp-customizer .wp-color-result-text { background-color: rgba(0,0,0,.2); color: #fff; height: 30px; line-height: 30px; border: none; box-shadow: none; font-size: 12px; border-radius: 0 4px 4px 0; padding: 0 15px; }
body.wp-customizer .wp-picker-container { max-width: 255px; }
body.wp-customizer .wp-picker-container .iris-picker { margin: 15px 0 0 0; border-bottom:none; }
body.wp-customizer .wp-picker-container,
body.wp-customizer .wp-picker-input-wrap { width: 100%; border-radius: 4px;}
body.wp-customizer .wp-picker-open + .wp-picker-input-wrap { width: 100%; }
body.wp-customizer .wp-picker-container .wp-picker-input-wrap > label,
body.wp-customizer.wp-core-ui .wp-picker-default,
body.wp-customizer.wp-core-ui .wp-picker-clear { width: 48%; vertical-align: bottom; margin-top: 10px; }
body.wp-customizer.wp-core-ui .wp-picker-default,
body.wp-customizer.wp-core-ui .wp-picker-clear { margin-left: 10%; }
body.wp-customizer .wp-picker-input-wrap input[type="text"].wp-color-picker.alpha-color-control { float: left; width: 100%; }
body.wp-customizer .wp-picker-input-wrap .button { margin-left: 0; float: right; }
body.wp-customizer .wp-picker-container .wp-picker-open ~ .wp-picker-holder .alpha-color-picker-container { display: block; }
body.wp-customizer .alpha-color-picker-container { border: 1px solid #dfdfdf; border-top: none; display: none; background: #fff; padding: 0 11px 10px; position: relative; }
body.wp-customizer .alpha-color-picker-container .ui-widget-content,
body.wp-customizer .alpha-color-picker-container .ui-widget-header,
body.wp-customizer .alpha-color-picker-wrap .ui-state-focus { background: transparent; border: none; }
body.wp-customizer .alpha-color-picker-wrap a.iris-square-value:focus { -webkit-box-shadow: none; box-shadow: none; }
body.wp-customizer .alpha-color-picker-container .ui-slider { position: relative; z-index: 1; height: 24px; text-align: center; margin: 0 auto; width: 88%; width: calc( 100% - 28px ); }
body.wp-customizer .alpha-color-picker-container .ui-slider-handle,
body.wp-customizer .alpha-color-picker-container .ui-widget-content .ui-state-default { color: #777; background-color: #fff; text-shadow: 0 1px 0 #fff; text-decoration: none; position: absolute; z-index: 2; box-shadow: 0 1px 2px rgba(0,0,0,0.2); border: 1px solid #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-top: -2px; top: 0; height: 26px; width: 26px; cursor: ew-resize; font-size: 0; padding: 0; line-height: 27px; margin-left: -14px; }
body.wp-customizer .alpha-color-picker-container .ui-slider-handle.show-opacity { font-size: 12px; }
body.wp-customizer .alpha-color-picker-container .click-zone { width: 14px; height: 24px; display: block; position: absolute; left: 10px; }
body.wp-customizer .alpha-color-picker-container .max-click-zone { right: 10px; left: auto; }
body.wp-customizer .alpha-color-picker-container .transparency { height: 24px; width: 100%; background-color: #fff; background-image: url(../../../controls/color/transparency-grid.png); box-shadow: 0 0 5px rgba(0,0,0,0.4) inset; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0; margin-top: -24px; }

/* Responsive */
@media only screen and (max-width: 640px) {
	body.wp-customizer .wp-picker-input-wrap input[type="text"].wp-color-picker.alpha-color-control { height: 33px; }
}
label {
    cursor: default;
}
.wp-picker-holder{
    background-color: #fff;
    border-radius: 3px;
}
.components-color-picker__saturation{
    width: 100%;
    padding-bottom: 55%;
    position: relative;
}
.components-color-picker * {
    box-sizing: border-box;
}
.components-color-picker__saturation-black {
	border-radius: 4px 4px 0 0;
}
.components-color-picker__saturation-color {
	border-radius: 3px;
    overflow: visible;
}
.components-color-picker__saturation-white {
	border-radius: 3px;
}

element.style {
    top: 14%;
    left: 37%;
}
.components-button:not(.components-toolbar-button, .components-dropdown-menu__toggle, .components-menu-item__button, .components-dropdown-menu__menu-item) {
    align-items: center;
    flex: 1 1 auto;
    justify-content: center;
    margin: 0 0;
    padding: 0;
    transition: background-color 140ms linear;
    cursor: pointer;
}
.components-button.components-color-picker__saturation-pointer {
    width: 14px;
    height: 14px;
    padding: 0;
    border-radius: 50%;
    background-color: transparent;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 1px #fff, inset 0 0 0 1px #000, 0 0 0 2px #000;
}
.components-visually-hidden {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.components-color-picker__body {
    padding: 16px 16px 12px;
}
.components-color-picker__body .components-color-picker__controls {
    display: flex;
}
.components-color-picker__body .components-color-picker__swatch {
    margin-right: 8px;
    width: 32px;
    height: 32px;
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(
45deg
, #ddd 25%, transparent 25%), linear-gradient(
-45deg
, #ddd 25%, transparent 25%), linear-gradient(
45deg
, transparent 75%, #ddd 75%), linear-gradient(
-45deg
, transparent 75%, #ddd 75%);
    background-size: 10px 10px;
    background-position: 0 0, 0 5px, 5px -5px, -5px 0;
    border-radius: 0;
}
.components-button.components-circular-option-picker__option:hover {
    transform: scale(1.2);
}
.components-button.components-circular-option-picker__option::after{
    content:none;
}
.components-color-picker__body .components-color-picker__swatch .components-color-picker__active {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #000;
    box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%);
    z-index: 2;
    border-radius: 3px;
}
.components-color-picker__body .components-color-picker__toggles {
    flex: 1;
}
.is-alpha-enabled .components-color-picker__hue {
    margin-bottom: 8px;
}
.components-color-picker__hue,
.components-color-picker__alpha {
    height: 12px;
    position: relative;
}
.components-color-picker__hue-gradient {
    background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}

.components-color-picker__hue-gradient, .components-color-picker__alpha-gradient {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.components-color-picker__saturation-white {
    background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.components-color-picker__saturation-black {
    background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}
.components-color-picker__saturation-color, .components-color-picker__saturation-white, .components-color-picker__saturation-black {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.components-color-picker__hue-bar,
.components-color-picker__alpha-bar {
    position: relative;
    margin: 0 3px;
    height: 100%;
    padding: 0 2px;
}
.components-color-picker__hue-pointer, .components-color-picker__saturation-pointer {
    transition: box-shadow 0.1s linear;
}
.components-color-picker__hue-pointer, .components-color-picker__alpha-pointer {
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 37%);
    background: #fff;
    transform: translate(-7px, -1px);
}
.components-color-picker__saturation-pointer, .components-color-picker__hue-pointer, .components-color-picker__alpha-pointer {
    padding: 0;
    position: absolute;
    cursor: move;
    box-shadow: none;
    border: none;
}
.components-color-picker__alpha {
    background-image: linear-gradient(
45deg
, #ddd 25%, transparent 25%), linear-gradient(
-45deg
, #ddd 25%, transparent 25%), linear-gradient(
45deg
, transparent 75%, #ddd 75%), linear-gradient(
-45deg
, transparent 75%, #ddd 75%);
    background-size: 10px 10px;
    background-position: 0 0, 0 5px, 5px -5px, -5px 0;
}
.picker__alpha-gradient {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.components-color-picker__inputs-wrapper {
    min-width: unset;
}

.components-color-picker__inputs-wrapper {
    margin: 0 -4px;
    padding-top: 16px;
    display: flex;
    align-items: flex-end;
}
.components-color-picker__inputs-fields {
    display: flex;
    direction: ltr;
    flex-grow: 1;
    margin-right: 4px;
}

.components-color-picker__inputs-wrapper .components-color-picker__inputs-fields .components-text-control__input[type="number"] {
    padding: 6px 3px;
    margin: 0;
    font-size: 12px;
}
.css-wdf2ti-Wrapper {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 13px;
}
.components-color-picker__inputs-field {
    width: 100%;
}
.components-color-picker__inputs-toggle-wrapper .components-button {
    position: relative;
    align-items: center;
    flex: 1 1 auto;
    justify-content: center;
    margin: 0 0;
    padding: 0;
    border: 1px solid #ccc;
    transition: background-color 140ms linear;
}
.components-button.components-color-picker__inputs-toggle.has-icon span {
    position: absolute;
    right: 10px;
    top: 30px;
    bottom: auto;
    left: auto;
    width: 120px;
    font-size: 12px;
    color: #fff;
    background-color: #333;
    padding: 5px;
    border-radius: 3px;
}

.components-button.has-icon {
    padding: 6px;
    min-width: 36px;
    justify-content: center;
}
.components-color-picker__inputs-toggle-wrapper .components-color-picker__inputs-toggle {
    bottom: 6px;
    height: 32px;
}
.components-button:not(.components-toolbar-button, .components-dropdown-menu__toggle, .components-menu-item__button, .components-dropdown-menu__menu-item){
    align-items: center;
    flex: 1 1 auto;
    justify-content: center;
    margin: 0 0;
    padding: 0;
    transition: background-color 140ms linear;
}
.components-color-picker__inputs-toggle-wrapper .components-button {
    display: inline-flex;
    text-decoration: none;
    font-size: 13px;
    margin: 0;
    cursor: pointer;
    -webkit-appearance: none;
    background: none;
    transition: box-shadow 0.1s linear;
    align-items: center;
    box-sizing: border-box;
    padding: 6px 12px;
    border-radius: 2px;
    color: #1e1e1e;
}
.components-circular-option-picker {
    position: relative;
    margin-top: 0;
    width: auto;
}
.responsive-alpha-color-picker .components-circular-option-picker__option {
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    border-radius: 3px;
}
.responsive-alpha-color-picker {
    width: auto;
    padding: 16px 0px 0px 14px;
}
.responsive-alpha-color-picker {
    padding: 8px 0px 0px 13px;
    margin-bottom: -8px;
}
.responsive-alpha-color-picker.components-circular-option-picker {
    display: inline-block;
    width: 100%;
    margin-right: -10px;
}
.components-circular-option-picker__swatches{
    display: flex;
}
@media (max-width: 1845px){
 .responsive-alpha-color-picker.components-circular-option-picker {
    width: auto;
    padding: 16px 0px 0px 12px;
}
}
.responsive-clear-btn-inside-picker.components-button {
    margin: 15px 10px;
    padding: 0 8px;
    width: 48%;
}
.responsive-clear-btn-inside-picker.components-button.common {
    align-items: center;
    flex: 1 1 auto;
    justify-content: center;
    font-size:16px;
    margin: 0 0;
    padding: 0;
    border: 1px solid #ccc;
    transition: background-color 140ms linear;
    box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
    color: var(--wp-admin-theme-color);
    color: #0071a1;
    border-color: #0071a1;
    border-radius: 3px;
}
.components-button.is-small {
    line-height: 22px;
    padding: 8px;
    font-size: 11px;
    color: var(--wp-admin-theme-color);
    color: #0071a1;
    border-color: #0071a1;
    border-radius: 3px;
    cursor: pointer;
}
.components-button.is-secondary {
    box-shadow: inset 0 0 0 1px #0071a1;;
    box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
    outline: 1px solid transparent;
    white-space: nowrap;
    font-size: 16px;
    color: var(--wp-admin-theme-color);
    color: #0071a1;
    border-color: #0071a1;
    border-radius: 3px;
    background: transparent;
    cursor: pointer;
}
.components-button.is-small:hover,
.components-button.is-secondary:hover{
    background-color: #f0f0f1;
    color: #0a4b78;
    border-color: #0a4b78;
}
.responsive-alpha-color-picker {
	padding: 8px 0px 0px 13px;
	margin-bottom: -8px;
}
.responsive-alpha-color-picker .components-circular-option-picker__option-wrapper {
    margin-right: 5px;
}
.responsive-alpha-color-picker .components-circular-option-picker__option-wrapper {
	height: 25px;
	width: 25px;
}
.responsive-alpha-color-picker .components-circular-option-picker__option.is-pressed + svg {
    position: absolute;
	left: 2.5px;
	top: 0px;
	width: 20px;
}
.components-button.components-circular-option-picker__option > span {
    display: none;
}
@media (max-width: 1845px) {
    /** Responsive Devices - Compatibility CSS */
    .responsive-alpha-color-picker .components-circular-option-picker__option-wrapper {
        height: 25px;
        width: 25px;
    }
    .responsive-alpha-color-picker .components-circular-option-picker__option-wrapper .components-circular-option-picker__option {
        padding: 6px 10px;
    }
    .responsive-alpha-color-picker .components-circular-option-picker__option.is-pressed + svg {
        position: absolute;
        width: 18px;
        left: 4px;
        top: 1px;
    }
    .responsive-alpha-color-picker .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after {
        width: 24px;
        height: 24px;
    }
    .responsive-alpha-color-picker.components-circular-option-picker {
        width: auto;
        padding: 16px 0px 0px 12px;
    }

	/** Modal Popup */
	.components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after {
		width: 21px;
		height: 21px;
	}
	.responsive-alpha-color-picker .components-circular-option-picker__option-wrapper {
        position: relative;
		height: 22px;
		width: 22px;
	}
	.responsive-alpha-color-picker .components-circular-option-picker__option.is-pressed + svg {
        position: absolute;
		left: 2.5px;
		top: -1px;
		width: 18px;
	}
}
@supports (-moz-appearance:none) {
	@media (max-width: 1845px) {
		.responsive-alpha-color-picker .components-circular-option-picker__option-wrapper {
			margin-right: 5px;
		}
		.responsive-alpha-color-picker .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after {
			width: 21px;
			height: 21px;
		}
		.responsive-alpha-color-picker.components-circular-option-picker__option-wrapper {
			height: 20px;
			width: 20px;
		}
		.responsive-alpha-color-picker.components-circular-option-picker__option.is-pressed + svg {
			left: 3px;
			top: -2px;
			width: 15px;
		}
	}
}
.responsive-color-control-main-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    padding-top: 12px;
    padding-bottom: 12px;
}
.responsive-color-control-main-wrap .customize-control-title {
    margin: 0;
}
.responsive-color-control-main-wrap .wp-picker-holder {
    position: absolute;
    top: 44px;
    z-index: 9999;
    left: 0;
    width: 100%;
    box-shadow: 0px 0px 20px 0px #00000040;
    border-radius: 4px;
}
body.wp-customizer .responsive-color-control-main-wrap .wp-picker-container {
    display: flex;
    gap: 16px;
}
body.wp-customizer .responsive-color-control-main-wrap .wp-picker-container .wp-color-result.button {
    padding: 0;
    width: 26px;
    border-radius: 50%;
    min-height: 26px;
}
.responsive-color-control-main-wrap .components-color-picker,
.responsive-color-control-main-wrap .components-color-picker .react-colorful {
    width: 100%;
}
.responsive-color-control-main-wrap .components-color-picker .react-colorful__saturation {
    margin-bottom: 24px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.responsive-color-control-main-wrap .components-color-picker .react-colorful__hue,
.responsive-color-control-main-wrap .components-color-picker .react-colorful__alpha {
    width: 80%;
}
.responsive-color-control-main-wrap .components-h-stack .components-base-control.css-qy3gpb {
    width: 100%;
    height: max-content;
    background-color: #FFF;
}
.responsive-color-control-main-wrap .components-select-control__input {
    text-transform: uppercase;
}
.responsive-color-control-main-wrap .components-select-control {
    width: 100%;
    margin-left: 0;
    border: 1px solid #A5A5A5;
    border-radius: 4px;
}
.responsive-color-control-main-wrap .components-h-stack .components-button {
    border: none;
    justify-content: flex-end;
    flex: none;
}
.responsive-color-control-main-wrap .components-input-control .components-input-control__container {
    width: 100%;
    border-radius: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
    gap: 4px;
}
.responsive-color-control-main-wrap .components-input-control .components-input-control__backdrop {
    border: 1px solid #A5A5A5;
}
.responsive-color-control-main-wrap .components-input-control__container .components-input-control__input {
    font-size: 14px;
}

.responsive-color-control-main-wrap .components-color-picker .components-input-base {
    padding-left: 0;
    padding-right: 0;
}
.responsive-selected-palette-pickers .components-color-picker,
.responsive-selected-palette-pickers .components-color-picker .react-colorful {
    width: 100%;
}

.responsive-selected-palette-pickers .components-color-picker .react-colorful__saturation {
    margin-bottom: 24px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.responsive-selected-palette-pickers .components-color-picker .react-colorful__hue,
.responsive-selected-palette-pickers .components-color-picker .react-colorful__alpha {
    width: 80%;
}
.responsive-selected-palette-pickers .components-h-stack .components-base-control.css-qy3gpb {
    width: 100%;
    height: max-content;
    background-color: #FFF;
}
.responsive-selected-palette-pickers .components-select-control__input {
    text-transform: uppercase;
}
.responsive-selected-palette-pickers .components-select-control {
    width: 100%;
    margin-left: 0;
    border: 1px solid #A5A5A5;
    border-radius: 4px;
}
.responsive-selected-palette-pickers .components-h-stack .components-button {
    border: none;
    justify-content: flex-end;
    flex: none;
}
.responsive-selected-palette-pickers .components-input-control .components-input-control__container {
    width: 100%;
    border-radius: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
    gap: 4px;
}
.responsive-selected-palette-pickers .components-input-control .components-input-control__backdrop {
    border: 1px solid #A5A5A5;
}
.responsive-selected-palette-pickers .components-input-control__container .components-input-control__input {
    font-size: 14px;
}
.responsive-clear-btn-inside-picker.components-button {
    margin: 4px auto 24px 16px;
    padding: 8px 10px;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    color: #007CBA;
    border: 0.5px solid #007CBA;
    border-radius: 4px;
    width: auto;
    height: auto;
    background: #FFF;
    box-shadow: none;
}
.responsive-clear-btn-inside-picker.components-button:hover {
    background: #FFF;
    border: 0.5px solid #007CBA;
    color: #007CBA;
    box-shadow: none;
}
.responsive-color-control-main-wrap .components-base-control.components-number-control .components-base-control__field .components-input-base{
    width: 90px;
    height: 36px;
}
.responsive-color-picker-tab-content .components-base-control.components-number-control .components-base-control__field .components-input-base{
    width: 80px;
    height: 60px;
}
.responsive-color-control-main-wrap .components-base-control.components-number-control .components-base-control__field .components-input-base .components-input-control__backdrop{
    border-radius: 4px;
    border: 1px solid #A5A5A5;
}
.responsive-color-control-main-wrap .components-base-control.components-number-control .components-text.components-spacer,
.responsive-color-control-main-wrap .components-base-control.components-number-control input.components-input-control__input {
    font-size: 14px;
}
.tooltip-container {
	position: relative;
}
.tooltip-container .tooltip-text {
	visibility: hidden;
	width: auto;
    height: auto;
	background-color: #3B3B3B;
	color: #fff;
	border-radius: 6px;
	padding: 6px 11px;
	position: absolute;
	z-index: 1;
	bottom: 128%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    text-align: center;
    text-transform: capitalize;
}

.tooltip-container:hover .tooltip-text {
	visibility: visible;
	opacity: 1;
}
.tooltip-container .tooltip-text::after{
    position: absolute;
    top: 72%;
    left: 43%;
    height: 0;
    width: 0;
    border-top: 4px solid #3B3B3B;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    margin: 6px 0 0;
    content: "";
}
#sub-accordion-section-responsive_header_search .wp-picker-holder {
    top: 35px;
}
#sub-accordion-section-responsive_header_woo_cart #customize-control-responsive_header_cart_button_color .responsive-color-control-main-wrap,
#sub-accordion-section-responsive_header_woo_cart #customize-control-responsive_header_cart_checkout_button_color .responsive-color-control-main-wrap,
#sub-accordion-section-responsive_header_woo_cart #customize-control-responsive_header_cart_tray_bg_color .responsive-color-control-main-wrap {
    padding-top: 24px;
}
#customize-control-responsive_body_text_color .responsive-color-control-main-wrap .wp-picker-holder,
#customize-control-responsive_header_cart_button_color .responsive-color-control-main-wrap .wp-picker-holder,
#customize-control-responsive_header_cart_checkout_button_color .responsive-color-control-main-wrap .wp-picker-holder,
#customize-control-responsive_header_cart_tray_bg_color .responsive-color-control-main-wrap .wp-picker-holder {
    top: 60px;
}
#sub-accordion-section-responsive_woocommerce_cart #customize-control-responsive_cart_buttons_text_color {
    padding-bottom: 24px;
}
.responsive-color-control-main-wrap .responsive-color-picker-zero-opac {
    padding: 0px 12px 10px 16px;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    line-height: 18px;
    color: #50575e;
}

.responsive-color-picker-tabs .components-tab-panel__tabs {
    padding: 18px 18px 0px 18px;
}

.responsive-color-picker-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item {
    color: #838383;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #007CBA;
    height: 32px !important;
    padding-top: 8px;
    padding-bottom: 8px;
}

.responsive-color-picker-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:after {
    background: none;
}

.responsive-color-picker-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active {
    background-color: #007CBA;
    color: #FFFFFF;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
}

.responsive-color-picker-tabs .components-tab-panel__tab-content .responsive-color-picker-tab-content {
    padding: 18px 12px 0px 12px;

}

.responsive-color-picker-tabs .components-tab-panel__tab-content .responsive-color-picker-tab-content .components-custom-gradient-picker .components-custom-gradient-picker__gradient-bar {
    margin-bottom: 8px;
}

.responsive-color-picker-tabs .components-tab-panel__tab-content .responsive-color-picker-tab-content .components-custom-gradient-picker .components-custom-gradient-picker__ui-line  {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 16px;
}

.responsive-color-picker-tabs .components-tab-panel__tab-content .responsive-color-picker-tab-content .components-custom-gradient-picker .components-custom-gradient-picker__ui-line > div  {
    width: 136px;
}

.responsive-color-control-main-wrap .responsive-color-picker-tabs .components-tab-panel__tab-content .responsive-color-picker-tab-content .components-custom-gradient-picker .components-custom-gradient-picker__ui-line > div .components-base-control.css-qy3gpb .components-select-control {
    border: none;
}

.responsive-color-picker-tabs .components-tab-panel__tab-content .responsive-color-picker-tab-content .components-custom-gradient-picker .components-custom-gradient-picker__ui-line > div .components-angle-picker-control {
    width: 136px;
    margin-bottom: 22px;
}

.responsive-color-control-main-wrap .components-custom-gradient-picker .components-input-control .components-input-control__container {
    padding: 10px;
}

.responsive-color-picker-tab-content .components-circular-option-picker .components-circular-option-picker__custom-clear-wrappercomponents-circular-option-picker__custom-clear-wrapper {
    justify-content: flex-start;
    border: 0.5px solid #007CBA;
    padding: 8px 10px;
    width: min-content;
    border-radius: 4px;
    margin-top: 24px;
}


.responsive-color-picker-tab-content .components-circular-option-picker .components-circular-option-picker__custom-clear-wrappercomponents-circular-option-picker__custom-clear-wrapper .components-circular-option-picker__clear {
    color: #007CBA;
    height: auto;
}

.responsive-selected-palette-pickers .wp-picker-holder {
    position: absolute;
    transform: translateY(15px);
    z-index: 9999;
    left: 0;
    width: 100%;
    box-shadow: 0px 0px 20px 0px #00000040;
    border-radius: 4px;
}

.responsive-selected-palette-pickers .responsive-inline-color-picker {
    padding-bottom : 0px;
}
[id^="customize-control-responsive_footer_widget"][id$="_color"] .responsive-color-control-main-wrap {
    padding: 0;
}
#customize-control-responsive_cart_checkout_button_text_color {
	padding-bottom: 12px;
}
.react-colorful__alpha.react-colorful__last-control::before {
    content: "Opacity"; 
    position: absolute;
    top: -23px;
    left: 0;
    pointer-events: none;
}
.react-colorful__pointer.react-colorful__alpha-pointer {
    border: 1px solid black;
}
.react-colorful__alpha-gradient {
    border: 1px solid #00000042;
}
.react-colorful__alpha.react-colorful__last-control {
    margin-top: 25px;
}
.css-1gek0tg .react-colorful__pointer.react-colorful__alpha-pointer {
    border: 1px solid black;
}
.responsive-color-state-buttons{
    display: flex;
    gap: 10px;
}