/*setting-widget*/
.settings-widget{position: fixed;left: auto; top: 120px; z-index: 9999; right: 100%; width: 250px; transition: 0.2s; }
.settings-widget.open{left: 0; right: auto;transition: 0.2s;z-index: 10001;}
.settings-box{position: relative;padding: 15px 15px 12px;background: rgba(0,0,0,0.8);}
.settings-box a.seting-icon{position: absolute; top: 65px; left: 100%;background: rgba(0,0,0,0.8);border-radius: 0px 8px 8px 0;color: #fff; font-size: 30px;display: block;padding:6px 10px 5px; }
.settings-box a.seting-icon img{max-width:30px;}

.color-pallete{overflow: hidden}
.color-choose-radio{width: 25%; float: left; padding:5px}
.color-choose-radio label{height: 25px; width: 100%; margin: 0; display: block; cursor: pointer;}
.color-choose-radio input:checked + label{border: 1px solid #ffffff; }
.color-choose-radio input{display: none}
.blue-pallete label{background: #2980b9;}
.green-pallete label{background: #27ae60;}
.yellow-pallete label{background: #ffa403;}
.red-pallete label{background: #be2616;}
.gray-pallete label{background: #b8b5b8;}
.orange-pallete label{background: #d35400;}
.purple-pallete label{background: #6e2f88;}
.lblue-pallete label{background: #5eacdf;}
.lgolden-pallete label{background: #a77c40;}
.settings-header > label,.settings-footer > label,.settings-banner > label,.color-pallete-scheme > label{color: #ffffff; font-size: 14px; text-transform: uppercase}
.settings-box .ui-selectmenu-button.ui-button{width: 100%}
.settings-header,.settings-footer,.settings-banner{margin-bottom: 10px;}
.settings-update{display:block; text-align:center; padding:5px 0;}
.settings-update button{width:100%; text-align:center; border-radius:0; border:none;}
.ui-selectmenu-menu{position: fixed !important; z-index: 10001;}

@media only screen and (max-width: 767px){
    .settings-widget{ top: 120px; transform: none; }
    .settings-box a.seting-icon{ width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 5px; }
    .settings-box a.seting-icon img{ width: 20px; }
}