.demo-panel{top:200px;width:250px;background:#222;position:fixed;left:-250px;z-index:1500;transition:all .2s ease-in}.demo-panel.active{left:0}.demo-panel-content{padding:20px 20px 30px;text-align:center;}.demo-panel-content h6{color:#ddd;text-transform:uppercase;font-weight:700}.demo-panel .left{float:left;width:40px}.left .image{float:right}.demo-panel .right{float:right;width:159px}.demo-panel .patterns{display:none}body.boxed .demo-panel .patterns{display:block}.demo-panel .patterns .switch-color span{width:20px;height:20px;background-color:red}.demo-panel-heading{padding-top:20px;padding-bottom:10px;text-align:center}.slider-arrow{padding:10px;width:40px;background:#222;font-size:16px;color:#000;text-decoration:none;position:absolute;right:-40px;top:0;z-index:1500}.fa-custom{font-size:18px;color:#fff}.form-control-width{width:110px}.demo-panel-content .btn-group{width:100%}.demo-panel-content .btn.btn-demo{background-color:#000;font-weight:700;text-transform:uppercase;width:50%}.demo-panel-content .btn.btn-demo:hover{color:#747474}.demo-panel-content .btn.btn-demo.active{background-color:#f6f6f6}a.switch-color{margin: 0 2px 5px 0;display: inline-block;}.demo-panel-content .btn-group .btn+.btn{margin-left:0}@media (max-width:991px){.body-layout-selector,.patterns{display:none}}