#control-panel{background-color:#333;position:fixed;right:0;bottom:0;width:100%;z-index:1000;color:#FFF;font-size:18px;height:45px;white-space:nowrap;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}#control-panel li{float:left}#control-panel .span,#control-panel a{padding:10px 15px;display:inline-block;color:#FFF;height:45px;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#control-panel .span .bold,#control-panel a .bold{background-color:red;padding:3px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#control-panel .span .bold.green,#control-panel a .bold.green{background-color:#2ecc71}#control-panel .span .bold.orange,#control-panel a .bold.orange{background-color:#d35400}#control-panel .span i,#control-panel a i{font-size:12px;margin-left:3px}#control-panel .span{margin-top:4px}#control-panel a{padding-top:14px}#control-panel a:hover{background-color:#444}#control-panel .upper{text-transform:uppercase;font-weight:700;background-color:#e74c3c;padding:14px;height:45px;margin-right:10px;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#control-panel .add-on{-webkit-transition:all .1s;-moz-transition:all .1s;-o-transition:all .1s;transition:all .1s;visibility:visible;-moz-opacity:100;-khtml-opacity:100;-webkit-opacity:100;opacity:100}#control-panel .expandable{position:absolute;left:0;bottom:100%;height:300px;background-color:#f2f2f2;width:100%;height:0;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}#control-panel .expandable.expanded{height:300px;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:5px solid #333}#control-panel .toggle{position:absolute;right:0;bottom:0;background-color:#333;cursor:pointer;height:45px}#control-panel .toggle a{padding:14px 15px}#control-panel .toggle .resize-maximize{display:none}#control-panel .toggle .resize-minimize{display:block}#control-panel.minimize{width:57px}#control-panel.minimize .add-on{visibility:hidden;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0}#control-panel.minimize .toggle .add-on{display:none}#control-panel.minimize .resize-maximize{display:block}#control-panel.minimize .resize-minimize{display:none}