/********************************************************************
	Auteur : Philippe Brouckaert
	Site de l'auteur : http://www.i-services.com
	E-mail de l'auteur : contact@i-services.net

	Framework
*********************************************************************/

div.is-color-swatch {
	position: relative;
}

@media (min-width: 768px) {
	#is-color-picker {
		bottom: -30px; left: 150px; width: 210px; position: absolute; z-index: 400;
	}
}

@media (max-width: 767px) {
	#is-color-picker {
		bottom: -30px; left: 0; width: 210px; position: absolute; z-index: 400;
	}
}

#is-color-picker dl {
	border: 1px solid #d4d7dc; z-index: 500; width: 100%; background: #fff;
}

#is-color-picker dt {
	height: 2em; background: #f0f2f5; color: #333; font-size: 10pt; font-weight: bold; line-height: 1.6em; padding-left: .5em; border: 2px solid #fff;
}

#is-color-picker dt img.is-close {
	position: absolute; top: 8px; right: 6px; cursor: pointer;
}

#is-color-picker dd {
	background: #fff; padding: 0 2px; line-height: 0;
}

#is-color-picker dd select {
	width: 98% !important; margin: 3px 0 5px 3px; float: none;
}

#is-color-picker dd img {
	width: 16px; height: 16px; background: #fff; border: 1px solid #e2e4e7; margin: 2px;
}

#is-color-picker dd a.is-color-picker:hover img {
	border: 1px solid #000;
}

#is-text-color-swatch {
	display: none; padding-bottom: 2px !important;
}

#is-text-color-swatch img {
	background: #fff; width: 30px !important; height: 30px !important; cursor: pointer;
}

#is-text-color-swatch a {
	color: #000;
}