/** stylechooser **/

#stylechooser { position: fixed; top: 1%; right: -1px; width: 100px; min-height: 0; z-index: 99999; padding: 0; }
#stylechooser  #styleToggle { position: absolute; top: 2px; right: -47px; cursor: pointer; font-size: 0; color: transparent; width: 47px; height: 44px; margin: 0; border-bottom: 0; }
#stylechooser  #styleToggle i:before { font-size: 24px; color: #f0ff00; top: 22px; left: 13px; position: absolute; }
#stylechooser .easyBox.flat { padding: 0 0 0 20px; width: 270px; }

#stylechooser .easyBox { margin: 0; padding: 0;  }

#stylechooser hr { margin: 0; }
#stylechooser label { margin-bottom: 20px; }

#stylechooser .mkSpace {
    padding: 0px 20px 10px 0px;
}
#stylechooser .demoList { margin: 0 10px 0 -16px; list-style: none; }
#stylechooser .demoList li { margin: 5px 5px 5px 0px;  }
#stylechooser .demoColorsocial { color:#FFF; padding: 5px 5px 5px 5px; display: inline-block; width: 100px; height: 30px; background: transparent; font: 12px/1em 'Helvetica';}
#stylechooser .demoColor { color:#FFF; padding: 10px 0px 20px 5px; display: inline-block; width: 100px; height: 30px; background: transparent; font: 12px/1em 'Helvetica'; font-weight:600; text-align:right}
#stylechooser .demoActive:before {
    content: "#f0ff00";
    position: absolute;
    top: 6px;
    left: 6px;
    font: 10px/1em 'Helvetica';
    font-style: normal;
    color: #f0ff00;
    text-shadow: 0 0 1px rgba(0, 0, 0, .75);
}

#stylechooser .light { margin: 0; line-height: 46px; }
#stylechooser .btn.btn-small { margin-bottom: 5px; }

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

html { padding-top: 0 !important; }