.customizer-icon  {
	position: absolute;
	top: 0;
	left: 20px;
	padding: 10px;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.45);
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;

	z-index: 1000;

	color: #fff;
	font-size: 1.5em;
	line-height: 1.5em;
	text-shadow: 0 1px 0 rgba(0,0,0,0.8);
}

.customizer-icon > img {
	display: block;
}

.customizer-icon:hover {
	cursor: pointer;
}

.customizer {
	display: none;
	width: 100%;
	padding: 20px 20px 20px 420px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	background: #464646;
	background: -moz-linear-gradient(top,  #464646 0%, #505050 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#464646), color-stop(100%,#505050));
	background: -webkit-linear-gradient(top,  #464646 0%,#505050 100%);
	background: -o-linear-gradient(top,  #464646 0%,#505050 100%);
	background: -ms-linear-gradient(top,  #464646 0%,#505050 100%);
	background: linear-gradient(to bottom,  #464646 0%,#505050 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#505050',GradientType=0 );
	box-shadow: inset 0 0 10px rgba(0,0,0,0.25);

	color: #fff;
}

.cm-headline {
	border-bottom: 1px solid rgba(255,255,255,0.25);

	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
	font-weight: 600;
}

.cm-table {
	border-collapse: separate;
	border-spacing: 10px;

	font-size: 0.77777em;
}

.cm-color-cell {

}

.dark-skin,
.light-skin {
	padding: 20px;
}

.dark-skin {
	background: rgb(50,50,50);
}

.light-skin {
	background: rgb(230,230,230);
}

.customizer .cm-color {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 2px;
	box-shadow: 0 0 2px rgba(0,0,0,0.4);
	vertical-align: middle;
}

.customizer .cm-color:first-child,
.customizer .cm-pattern:first-child {
	margin: 0 2px 0 0;
}

.customizer .cm-color:hover,
.customizer .cm-pattern:hover {
	cursor: pointer;
}

.customizer .cm-blue {background: rgb(49,146,228);}
.customizer .cm-green {background: rgb(33,203,88);}
.customizer .cm-red {background: rgb(255,70,70);}
.customizer .cm-orange {background: rgb(255,140,55);}
.customizer .cm-yellow {background: rgb(255,240,68);}



/*//////////////// Start 1220px ////////////////*/
@media screen and (max-width: 1220px) { 

.customizer {
	padding: 20px 20px 20px 320px;
}

}/*//////////////// End 1220px ////////////////*/


/*//////////////// Start 1070px ////////////////*/
@media screen and (max-width: 1070px) { 

.customizer {
	padding: 20px;
}

}/*//////////////// End 1070px ////////////////*/


/*//////////////// Start 720px ////////////////*/
@media screen and (max-width: 720px) { 

.customizer {

}

}/*//////////////// End 720px ////////////////*/