/** stylechooser **/

#stylechooser {position: fixed; top: 13%; left: -1px; width: 321px; min-height: 300px; z-index: 99999; padding: 0 0 15px 0;}
#stylechooser  #styleToggle {
    position: absolute;
    top: 30px;
    right: -47px;
    cursor: pointer;
    font-size:0;
    color:transparent;
    width:47px;
    height:50px;
    margin:0;
    background:#f5f5f5;
    border:1px solid #d8d8d8;
    border-left:0;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow:    inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    box-shadow:         inset 0px 1px 0px 0px rgba(255, 255, 255, 1);

}
#stylechooser  #styleToggle i:before {font-size:32px; top:10px; left:9px; position:absolute;}

#stylechooser .easyBox {
    margin:0;
    padding:0;
    background:#f5f5f5;
    border:1px solid #d8d8d8;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow:    inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    box-shadow:         inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
}

#stylechooser h6 {
    margin:20px 0;
    color:#626262;
    font-size:20px;
    text-align:center;
}

#stylechooser hr {
    margin:10px 0;
    border:0;
    padding:0;
    width:100%;
    height:5px;
    background: transparent url(../images/hr-bg.png) no-repeat top center;
}

#stylechooser label {
    color:#8f8f8f;
    font-size:15px;
    line-height:15px;
    margin:5px 0 15px 0;
    font-weight: 300;
}

#stylechooser .mkSpace {
    padding:10px 20px;
}
#stylechooser .demoList {margin:0 0 0 -20px; list-style:none; padding: 0;}
#stylechooser .demoList li {margin:0 0 15px 20px; float:left; position:relative;}

#stylechooser .demoColor {display:block; width:25px; height:25px; background: transparent;}


#stylechooser .demoList.flavors {margin:0;}
#stylechooser .demoList.flavors li {margin:0;}
#stylechooser .demoList.flavors .demoColor {display:block; width:46px; height:58px; background: transparent;}
#stylechooser .demoList.flavors .demoActive:before {
    top:22px;
    left:14px;
    font-size:18px;
    text-shadow: 0 0 2px rgba(0,0,0,.75);
}

#stylechooser #demoPatterns li{
    border: 1px solid #cccccc;
}

#stylechooser .demoActive:before {
    content: "\f00c";
    position:absolute;
    top:7px;
    left:7px;

    font: 12px/1em 'FontAwesome';
    font-style: normal;
    color: #fff;
    text-shadow: 0 0 2px rgba(0,0,0,.55);
}

#stylechooser .layType label {display:inline-block; margin:0 10px 0 0;}
#stylechooser .layType a {
    display:inline-block;
    margin:0 4px 0 8px;
    color:#8f8f8f;
    font-size:15px;
}

#stylechooser .layType a.demoActive:before {
    display:none;
    height:0;
}
#stylechooser .layType a.demoActive {
    color: #f46430;
}



#stylechooser .layType a i {
    margin:0 10px;
}

#stylechooser i:before {
    color:#f46430;
}

@media (max-width: 767px) {
    #stylechooser {
        display:none !important;
    }
}

#themeSwitcher .btn-group.bootstrap-select {
    margin-top:-16px !important;
}