.color-customizer{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:-250px;position:fixed;top:50%;box-shadow:-3px 0 50px -2px rgba(0,0,0,.14);width:250px;z-index:10000}.color-customizer .color-button{position:absolute;text-align:center;background:#fff;width:100%;display:inline-block;z-index:2}.color-customizer .color-chooser{padding:20px;background-color:#fff;-webkit-box-shadow:0 20px 40px 0 rgba(28,30,35,.2);-moz-box-shadow:0 20px 40px 0 rgba(28,30,35,.2);box-shadow:0 20px 40px 0 rgba(28,30,35,.2)}.color-customizer.opened .color-chooser{opacity:1}.color-customizer a.opener{border-bottom-left-radius:5px;height:45px;font-size:24px;text-decoration:none;right:250px;color:#fff;position:absolute;border-top-left-radius:5px;text-align:center;top:0;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,.1);box-shadow:0 0 15px 0 rgba(0,0,0,.1);background:#2575fc;width:45px;line-height:45px;display:block}.color-customizer.opened a.opener{border-color:transparent;left:-45px}.color-customizer ul{list-style:none;padding:0;font-size:0;margin:0}.color-customizer ul li{height:50px;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;position:relative;margin:10px;border-radius:7px;cursor:pointer;width:50px;float:left;display:inline-block}.color-customizer ul li:nth-child(3n+3){margin-right:0}.color-customizer ul li.selected{-webkit-box-shadow:0 0 30px rgba(0,0,0,.7);-moz-box-shadow:0 0 30px rgba(0,0,0,.7);box-shadow:0 0 30px rgba(0,0,0,.7)}.color-customizer .theme-default{background:#2575fc}.color-customizer .theme-2{background:#00c9ff}.color-customizer .theme-3{background:#ff512f}.color-customizer .theme-4{background:#ee1f71}.color-customizer .theme-5{background:#05f8a1}.color-customizer .theme-6{background:#481ea7}