.color-palate {background: #fff none repeat scroll 0 0;-webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);-o-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);position: fixed;left: -285px;text-align: center;top: 25%;transition: all 0.5s ease 0s;width: 285px;z-index: 999;}.color-palate-head {background: #ffaa00 none repeat scroll 0 0;padding: 12px 0;}.color-palate-head h6, .secondary-head h6 {color: #ffffff;font-size: 14px;font-weight: 400;margin: 0px;margin-top: 4px;text-transform:uppercase;}.palate {background: red none repeat scroll 0 0;display: block;float: left;height: 45px;margin: 0 2.5% 12px;width: 20%;cursor: pointer;position: relative;}.colors-list .active::after{background: url(../images/icons/tick.png) center center no-repeat !important;background-repeat: no-repeat;content: '';position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}.various-color {overflow: hidden;padding: 25px 0 15px;}.colors-list {margin: 0 20px;}.secondary-head {background: #222222 none repeat scroll 0 0;padding: 14px 0;}.secondary-color {padding: 23px 0;}.secondary-colors-list {margin: 0 80px;}.palate-foo {color: #777777;font-size: 13px;font-weight: 400;padding: 0px 30px 20px;line-height:1.8em;margin-top:16px;}.palate-foo span{display:block;padding-top:20px;margin-top:5px;border-top:1px dotted #b2b2b2;}.palate.default-color {background: #ffaa00 none repeat scroll 0 0;}.palate.green-color {background: #2ECC40 none repeat scroll 0 0;}.palate.blue-color {background: #0074D9 none repeat scroll 0 0;}.palate.brown-color {background: #ab8b40 none repeat scroll 0 0;}.palate.purple-color {background: #bb54e1 none repeat scroll 0 0;}.palate.teal-color {background: #14c599 none repeat scroll 0 0;}.palate.orange-color {background: #ff7e00 none repeat scroll 0 0;}.palate.redd-color {background: #FF4136 none repeat scroll 0 0;}.palate.olive-color {background: #3D9970 none repeat scroll 0 0;}.palate.lightblue-color {background: #13b5ea none repeat scroll 0 0;}.palate.pink-color{background: #ff017e none repeat scroll 0 0;}.palate.hotpink-color{background: #96053e none repeat scroll 0 0;}.color-trigger {background: #ffaa00 none repeat scroll 0 0;cursor: pointer;height: 50px;right: -46px;position: absolute;top: 0;width: 46px;padding-top: 6px;}.color-trigger .fa{}.color-trigger:before{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;}.color-trigger i {color: #ffffff;font-size: 18px;line-height: 40px;}.color-palate.visible-palate {left: 0px;}