.swatch-preview {
	width: 44px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-weight: 700;
	border: 1px solid #ccc;
}


.wcsvfs-modal-container {
	position: relative;
	display: none;
}

.wcsvfs-modal {
	transform: translate(-50%, -50%);
	position: fixed;
	top: 50%;
	left: 50%;
	width: 360px;
	max-width: 90%;
	z-index: 159990;
	background-color: #fcfcfc;
}

.wcsvfs-modal input.error {
	border-color: #dc3232;
}

.wcsvfs-modal-header,
.wcsvfs-modal-content,
.wcsvfs-modal-footer {
	padding: 20px;
}

.wcsvfs-modal-header {
	padding-top: 0;
	padding-bottom: 0;
}

.wcsvfs-modal-content {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
}

.wcsvfs-modal-footer {
	text-align: right;
}

.wcsvfs-modal-footer .message,
.wcsvfs-modal-footer .spinner {
	float: left;
}

.wcsvfs-modal-footer .message.error {
	color: #dc3232;
}

.wcsvfs-modal-footer .message.success {
	color: #46b450;
}
