.colorpicker{z-index:999 !important}
.gavias-skins-panel{-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);box-shadow:0 0 5px rgba(0,0,0,0.5);background:#fff;right:-403px;position:fixed;height:auto;top:0px;bottom:0;-webkit-transition:all 0.35s;transition:all 0.35s;-moz-transition:all 0.35s;-ms-transition:all 0.35s;width:400px;z-index:999}
.gavias-skins-panel .gavias-skins-panel-inner{bottom:0;padding:30px 10px 10px;height:auto;overflow-x:hidden;overflow-y:scroll;position:absolute;top:0;width:100%}
.gavias-skins-panel.active{right:0 !important}
.gavias-skins-panel #gavias_profile_customize_name option{color:#000}
.gavias-skins-panel .control-panel{-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);box-shadow:0 0 5px rgba(0,0,0,0.5);position:absolute;top:150px;left:-40px;width:40px;height:40px;background-color:var(--primary);color:#fff;font-size:16px;line-height:45px;text-align:center}
.gavias-skins-panel .control-panel:hover{cursor:pointer}
.gavias-skins-panel .panel-skins-content{padding-bottom:20px;overflow:hidden}
.gavias-skins-panel .panel-skins-content:last-child{padding-bottom:0}
.gavias-skins-panel .panel-skins-content .title{font-size:14px;font-weight:700;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.1);color:#000;margin-bottom:10px}
.gavias-skins-panel .panel-skins-content .item-color{width:25px;height:30px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border:1px solid #ccc;display:inline-block;margin:5px 6px 0 6px;border:3px solid transparent}
.gavias-skins-panel .panel-skins-content .item-color:hover{cursor:pointer}
.gavias-skins-panel .panel-skins-content .item-color.default{background:#FF368B}
.gavias-skins-panel .panel-skins-content .item-color.blue{background:#377DFF}
.gavias-skins-panel .panel-skins-content .item-color.brown{background:#684035}
.gavias-skins-panel .panel-skins-content .item-color.green{background:#93CB40}
.gavias-skins-panel .panel-skins-content .item-color.lilac{background:#8F6684}
.gavias-skins-panel .panel-skins-content .item-color.lime_green{background:#8CCA4F}
.gavias-skins-panel .panel-skins-content .item-color.orange{background:#F86923}
.gavias-skins-panel .panel-skins-content .item-color.pink{background:#D91897}
.gavias-skins-panel .panel-skins-content .item-color.purple{background:#5468FF}
.gavias-skins-panel .panel-skins-content .item-color.red{background:#FF4A17}
.gavias-skins-panel .panel-skins-content .item-color.turquoise{background:#1CCDCA}
.gavias-skins-panel .panel-skins-content .item-color.turquoise2{background:#178E94}
.gavias-skins-panel .panel-skins-content .item-color.violet_red{background:#F3605D}
.gavias-skins-panel .panel-skins-content .item-color.violet_red2{background:#973A4B}
.gavias-skins-panel .panel-skins-content .item-color.yellow{background:#ecc311}
.gavias-skins-panel .panel-skins-content .item-color.active{border-color:#000}
.gavias-skins-panel .panel-skins-content .layout{width:80px;margin-right:10px;border:1px solid rgba(0,0,0,0.1);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;padding:10px 0;text-align:center;display:inline-block}
.gavias-skins-panel .panel-skins-content .layout:hover{cursor:pointer}
.gavias-skins-panel .panel-skins-content .layout.active{background-color:var(--primary);color:#fff}
.gavias-skins-panel .panel-skins-content .layout:last-child{margin-right:0}
.gavias-skins-panel.gavias-skin-demo{top:200px;bottom:auto !important;padding:20px !important;width:260px !important;right:-263px !important}
.gavias-skins-panel.gavias-skin-demo .control-panel{top:75px !important}
.gavias-skins-panel.gavias-skin-demo.active{right:0 !important}