@charset "utf-8";
#style_panel #control {
    background-color: #fff;
    background-position: 9px 9px;
    background-repeat: no-repeat;
    border: 2px solid #1d2024;
    color: #1d2024;
    display: block;
    float: right;
    font-size: 26px;
    height: 44px;
    padding-left: 9px;
    padding-top: 7px;
    text-decoration: none;
    width: 44px;
}
#style_panel #control:hover {
    background-color: #1d2024;
    color: #fff;
}
#style_panel .title h5 {
    color: #fff;
    float: left;
    font-family: "Droid Sans",sans-serif;
    font-size: 14px;
    padding: 13px 0 0 15px;
    text-transform: none;
}
#style_panel .title {
    background-color: #fff;
    height: 40px;
    width: 317px;
}
#style_panel .inner {
    background-color: #f4f1e4;
    float: left;
    width: 170px;
}
#style_panel {
    left: -275px;
    position: fixed;
    top: 20%;
    transition: all 350ms ease-in 0s;
    width: 210px;
    z-index: 120;
}
#style_panel.opens {
    left: 0;
    position: fixed;
    top: 20%;
    width: 210px;
}
#style_panel .inner {
    background-color: #fff;
    border: 2px solid #1d2024;
    height: 460px;
    margin-top: -40px;
    width: 275px;
}
#style_panel .inner h6 {
    color: #312e5d;
    font-family: "OpenSans",sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 4px;
    margin-left: 45px;
    margin-top: 31px;
    padding-bottom: 0;
    padding-top: 0;
    text-align: left;
    text-transform: uppercase;
}
#default, #backtothemef {
    color: #495d60;
    display: block;
    font-family: "Bree Serif";
    font-size: 13px;
    margin: 15px 0 15px 35px;
    text-decoration: underline;
    text-transform: uppercase;
}
#style_panel .inner ul {
    margin: 0 0 0 35px;
    overflow: hidden;
}
#style_panel .inner ul li {
    margin: 5px 5px 0 0;
}
#style_panel .inner .color {
    margin-left: 0;
}
#style_panel .inner .color li a {
    display: block;
    overflow: hidden;
    padding-bottom: 9px;
    padding-left: 10px;
}
#style_panel .inner .color li a span {
    background-color: #77d0c4;
    border-radius: 6px;
    display: block;
    float: left;
    height: 12px;
    margin-right: 9px;
    margin-top: 9px;
    width: 12px;
}
#style_panel .inner .color li {
    line-height: 0;
    padding-left: 8px;
    width: 92px;
}
#style_panel .inner .color li a {
    border: 3px solid #e9e8ed;
}
#style_panel .inner .color li a:hover, #style_panel .inner .color li a.activ {
    border-color: #acabaf;
}
#style_panel .inner .color li p {
    color: #312e5d;
    display: inline-block;
    font-family: "OpenSans",sans-serif;
    font-size: 12px;
    margin: 7px 13px 0 5px;
    text-align: left;
    text-decoration: none;
    vertical-align: top;
}
#style_panel .inner .color li p {
    margin: 5px 13px 2px 5px;
}
#style_panel .inner .color li a:hover, #style_panel .inner .color li a:focus {
    text-decoration: none;
}
#style_panel .inner .color li.active {
    border-color: #acabaf;
}
#style_panel .inner .left-column {
    float: left;
}
#style_panel .inner .color li a .concat {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000;
    margin-left: 4px;
    margin-top: 10px;
}
#style_panel .inner .color li a .one {
    background-color: #212c43;
}
#style_panel .inner .color--light li a .one {
    background-color: #f3f5f7;
}
#style_panel .inner .color li a .three {
    background-color: #7ccbfc;
}
#style_panel .inner .color li .red .three {
    background-color: #f93e54;
}
#style_panel .inner .color li .blue .three {
    background-color: #5688c9;
}
#style_panel .inner .color li .emerald .three {
    background-color: #4adaa9;
}
#style_panel .inner .color li .purple .three {
    background-color: #9c7dc4;
}
#style_panel .inner .color li .orange .three {
    background-color: #fc6b00;
}
#style_panel .inner .color li .yellow .three {
    background-color: #fcd500;
}
#style_panel .inner .color li .pink .three {
    background-color: #f29090;
}
#style_panel .inner .color li .green .three {
    background-color: #90d34f;
}