.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);height: 220px;position: fixed;left: -285px;text-align: center;top: 35%;transition: all 0.5s ease 0s;width: 285px;z-index: 999;}.color-palate-head {background: #ff9f14 none repeat scroll 0 0;padding: 12px 0;}.color-palate-head h6, .secondary-head h6 {color: #ffffff;font-size: 14px;font-weight: 600;margin: 0px;margin-top: 4px;text-transform:uppercase;}.palate {background: red none repeat scroll 0 0;display: block;float: left;height: 30px;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: 20px 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: #333333;font-size: 12px;font-weight: 400;line-height: 22px;padding: 0 30px;}.palate-foo span{display:block;}.palate.default-color {background: #ff9f14 none repeat scroll 0 0;}.palate.pink-color {background: #fa2964 none repeat scroll 0 0;}.palate.green-color {background: #2ECC40 none repeat scroll 0 0;}.palate.teal-color {background: #39CCCC none repeat scroll 0 0;}.palate.aqua-color {background: #7FDBFF none repeat scroll 0 0;}.palate.orange-color {background: #FF851B none repeat scroll 0 0;}.palate.yellow-color {background: #FFDC00 none repeat scroll 0 0;}.palate.red-color {background: #FF4136 none repeat scroll 0 0;}.color-trigger {background: #ff9f14 none repeat scroll 0 0;cursor: pointer;height: 50px;right: -46px;position: absolute;top: 0;width: 46px;padding-top: 6px;}.color-trigger:before{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,0.05);}.color-trigger i {color: #ffffff;font-size: 18px;line-height: 40px;}.color-palate.visible-palate {left: 0px;}