#color-style-switcher div h3{color:#fff;font-size:1.3em;letter-spacing:unset;margin:0 0 15px;text-transform:uppercase}#color-style-switcher{text-align:center;background-color:rgba(0,0,0,.8);border-radius:0 0 3px;left:-189px;padding:11px 0;position:fixed;top:170px;width:190px;z-index:9999}#color-style-switcher div{padding:5px 10px}#color-style-switcher .bottom{padding:0}#color-style-switcher .bottom a.settings{background-color:rgba(0,0,0,.8);border-radius:0 3px 3px 0;display:block;font-size:12px;height:40px;line-height:40px;position:absolute;right:-40px;text-align:center;top:0;width:40px}#color-style-switcher .bottom a i{font-size:24px;color:#fff;line-height:40px}#color-style-switcher select{background:none repeat scroll 0 0 #f6f6f6;border:1px solid #fff;line-height:1;margin-bottom:10px;padding:5px 10px;width:150px}ul.colors{list-style:none outside none;margin:0;overflow:hidden;padding:0}ul.colors li{float:left;margin:5px}ul.colors li a{border-radius:2px;cursor:pointer;display:block;height:32px;width:32px}ul.colors li a.active{position:relative}ul.colors li a.active:after{color:#fff;content:"\f12c";font-family:material design icons;font-size:11px;right:10px;position:absolute;top:3px}ul.colors li a.color1.active:after,ul.colors li a.color8.active:after{color:#fff}@media only screen and (max-width:500px){#color-style-switcher{display:none}}ul.colors .color1{background:#2196f3}ul.colors .color2{background:#ed145b}ul.colors .color3{background:#ff5274}ul.colors .color4{background:#7c4dff}ul.colors .color5{background:#3f51b5}ul.colors .color6{background:#e53935}ul.colors .color7{background:#4caf50}ul.colors .color8{background:#fb8c00}