.right-sidebar .r-panel-body #themecolors {
    margin: 0;
    padding: 0;
    list-style: none;
}

.right-sidebar .r-panel-body #themecolors li {
    display: inline-block;
    margin: 0 5px 5px 0;
}

.right-sidebar .r-panel-body #themecolors li a {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-indent: -9999px;
    border: 2px solid transparent;
    transition: all 0.2s ease-in-out;
}

.right-sidebar .r-panel-body #themecolors li a.working,
.right-sidebar .r-panel-body #themecolors li a:hover {
    border-color: #4d5a64;
}

.right-sidebar .r-panel-body #themecolors .default-theme {
    background: #fb9678;
}

.right-sidebar .r-panel-body #themecolors .green-theme {
    background: #00c292;
}

.right-sidebar .r-panel-body #themecolors .red-theme {
    background: #e46a76;
}

.right-sidebar .r-panel-body #themecolors .blue-theme {
    background: #03a9f3;
}

.right-sidebar .r-panel-body #themecolors .purple-theme {
    background: #ab8ce4;
}

.right-sidebar .r-panel-body #themecolors .megna-theme {
    background: #01c0c8;
}

.right-sidebar .r-panel-body #themecolors .default-dark-theme {
    background: #242933;
    border: 2px solid #fb9678;
}

.right-sidebar .r-panel-body #themecolors .green-dark-theme {
    background: #242933;
    border: 2px solid #00c292;
}

.right-sidebar .r-panel-body #themecolors .red-dark-theme {
    background: #242933;
    border: 2px solid #e46a76;
}

.right-sidebar .r-panel-body #themecolors .blue-dark-theme {
    background: #242933;
    border: 2px solid #03a9f3;
}

.right-sidebar .r-panel-body #themecolors .purple-dark-theme {
    background: #242933;
    border: 2px solid #ab8ce4;
}

.right-sidebar .r-panel-body #themecolors .megna-dark-theme {
    background: #242933;
    border: 2px solid #01c0c8;
}