@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------
	14.0 - Style Picker
	--------------------------------------------------------------*/
	.dt-style-picker-wrapper { position:fixed; z-index:99999; left:0px; top:150px; }
	#dt-style-picker { background:#f9f9f9; width:225px; float:left; position:absolute; top:0px; z-index:1; margin:0px; padding:0px; text-align:center; }
	#dt-style-picker h2 { font-size:17px; font-weight:normal; line-height:48px; text-transform:capitalize; width:100%; color:#fff; margin:0px; padding:0px; background-color:#1a1a1a; }
	#dt-style-picker h3 { font-size:15px; font-weight:normal; padding:15px 0; width:100%; color:#000; margin:0px; display:inline-block; }
	#dt-style-picker ul { float:left; margin:0px; padding:15px 0px; text-align:center; width:225px; background-image:linear-gradient(to bottom, #f7f4f4, #ffffff); border-top:1px solid rgba(23, 24, 26, 0.08); }
	#dt-style-picker ul li { display:inline-block; display:inline; list-style-type:none; padding:0px; margin:0px 4px 6px 4px; }
	#dt-style-picker ul li a { background:#f9f9f9; border:1px solid #ffffff; padding:3px; display:inline-block; margin:0px; line-height:0; }
	#dt-style-picker ul li a.selected, #dt-style-picker ul li a:hover { border:1px solid #d7d7d7; }
	#dt-style-picker ul li a img, .style-picker-ico > img{border:1px solid #f0f0f0;}
	#dt-style-picker ul.scheme-picker li a { padding:7px; }
	#dt-style-picker ul.scheme-picker li a img { height:auto; border:0; }
	#dt-style-picker .hr { width:100%; height:10px; display:block; float:left; clear:both; position:relative; z-index:1; margin:3px 0px; }
	.style-picker-ico { background:#1a1a1a; height:48px; left:224px; position:absolute; text-align:center; top:0px; width:50px; border-left:0; }
	.style-picker-ico > i { color:#fff; font-size:27px; line-height:47px; }
	.style-picker-ico.control-open > i:before { content: "\eb69"; font-family: 'IcoMoon-Ultimate'; }
	#dt-style-picker h3.color-scheme { background:#1a1a1a; color:#fff; }