a.demo-btn-on-bg,.demo-btn-on-bg{background:rgba(0,0,0,0.2);color:#fff;border:none}a.demo-btn-on-bg:hover,a.demo-btn-on-bg:focus,a.demo-btn-on-bg:active,.demo-btn-on-bg:hover,.demo-btn-on-bg:focus,.demo-btn-on-bg:active{background:rgba(0,0,0,0.4);border-color:transparent;border:none}body{overflow-x:hidden}.config-trigger{position:absolute;top:30px;left:-36px;width:36px;height:36px;background:#222;color:#fff;text-align:center;border-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;text-decoration:none}.config-trigger:hover{background:#000;text-decoration:none}.config-trigger:hover .fa-cog{color:#fff}.config-trigger .fa-cog{font-size:1.25rem;display:block;color:#fff}.config-panel{position:absolute;top:160px;right:-170px;z-index:30;width:170px}.config-panel .panel-inner{position:relative;background:#222;color:#fff;padding:15px;border-top-left-radius:4px;border-top-right-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0}.config-panel .panel-title{font-weight:bold;margin-bottom:15px;font-size:14px}.config-panel label{color:#fff}.config-panel #color-options{margin-bottom:0px}.config-panel #color-options li a{display:block;width:50px;height:20px;border:2px solid transparent}.config-panel #color-options li a:hover{-webkit-opacity:.9;-moz-opacity:.9;opacity:.9;border:2px solid rgba(255,255,255,0.8)}.config-panel #color-options li.active a{border:2px solid #fff}.config-panel #color-options li.theme-1 a{background:#17baef}.config-panel #color-options li.theme-2 a{background-color:#b4ca65}.config-panel #color-options li.theme-3 a{background-color:#6690b9}.config-panel #color-options li.theme-4 a{background-color:#50c8c9}.config-panel .close{position:absolute;right:5px;top:5px;color:#fff}.config-panel .close .svg-inline--fa{color:#fff}
