﻿
.switcher {
    width: 50px;
    padding: 10px;
    position: fixed;
    z-index: 2000;
    top: 90px;
    right: 0;
    background-color: rgba(221, 221, 221, 1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color: #000000;
}

    .switcher #switch-panel {
        position: absolute;
        right: -34px;
        top: 15px;
        width: 34px;
        height: 38px;
        z-index: 1990;
        display: block;
        background-color: rgba(221, 221, 221, 1);
        margin-left: 0;
        cursor: pointer;
    }

        .switcher #switch-panel i {
            font-size: 20px;
            line-height: 40px;
            padding-left: 5px;
            color: #000;
        }

    .switcher .colors-list {
        margin: 0;
        padding: 0;
    }

        .switcher .colors-list li {
            float: left;
            display: block;
            margin-bottom: 2px;
            margin-right: 6px;
        }

            .switcher .colors-list li a {
                display: inline-block;
                width: 24px;
                height: 24px;
                cursor: pointer;
            }

        .switcher .colors-list a.green {
            background-color: #4bb777;
        }

        .switcher .colors-list a.red {
            background-color: #B7544B;
        }
