.theme-settings {
     position: fixed;
     right: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     z-index: 1;
}
 .theme-settings ul li {
     width: 40px;
     height: 38px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     z-index: 1;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     font-size: 14px;
     text-decoration: none;
     border-radius: 5px;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     background-color: #f7f7f7;
     -webkit-box-shadow: 0px 0px 5px 0px rgba(154, 154, 154, 0.54);
     box-shadow: 0px 0px 5px 0px rgba(154, 154, 154, 0.54);
     margin-bottom: 15px;
     margin-left: auto;
     cursor: pointer;
     font-weight: 600;
}
 .theme-settings ul li:last-child {
     margin-bottom: 0;
}
 .theme-settings ul li.demo-li {
     width: 50px;
     height: 40px;
}
 .theme-settings ul li.input-picker {
     background: none;
     overflow: hidden;
}
 .theme-settings ul li.input-picker input {
     height: 100%;
     opacity: 1;
     padding: 0;
     border: none;
}
 .theme-settings ul li.input-picker input::-webkit-color-swatch {
     border: none;
}