//
// Color customizer control
//
.customize-control-convert-color {
	.wp-color-result span {
		background: #f7f7f7;
	}

	.wp-color-result span.color-alpha {
		height: 100% !important;
	}

	.wp-color-result-text {
		height: 100%;
	}

	.wp-picker-container input[type=text].wp-color-picker {
		width: 90px !important;
		line-height: 17px;
	}

	.wp-picker-input-wrap .wp-picker-clear {
		margin-left: 6px;
	}

	.button.wp-color-result {
		padding: 0 0 0 30px;
	}

	.wp-picker-active {
		.button.wp-color-result {
			margin: 0 10px 15px 0px;
		}
	}

	.wp-color-result-text {
		border-radius: 0 2px 2px 0;
		border-left: 1px solid #ccc;
		padding: 0 6px;
		text-align: center;
		display: block;
	}

	.wp-picker-active + .wp-picker-input-wrap {
		display: inline-block;
		vertical-align: top;
	}

	.iris-mozilla {
		.iris-picker-inner {
			right: 9px !important;
		}
	}

	@media (max-width: 782px) {
		.wp-picker-container .wp-color-result.button {
			padding-left: 30px;
		}

		.wp-picker-clear {
			margin-left: 6px !important;
		}
	}
}