.toggle-demo {
position:absolute;
top:10px;
right:-8px;
display:block;
width:154px;
height:auto;
z-index:99;
opacity:.9;
}

.toggle-demo:hover {
opacity:1;
}

.toggle-demo .btn-group {
width:100px;
float:left;
}

.toggle-demo>span {
display:inline-block;
float:left;
margin-right:5px;
line-height:21px;
color:#757575;
}

.demo-vertical-uislider {
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

.demo-vertical-uislider>div {
height:200px;
display:inline-block;
margin:0 0 0 10px;
}

.demo-vertical-uislider >:first-child {
margin-left:15px;
}

.knobs-demo>div {
display:inline-block;
margin-left:30px;
}

.knobs-demo >:first-child {
margin-left:0;
}

.demo label input[type=checkbox].checkbox+span:before,.demo label input[type=radio].radiobox+span:before {
border:1px solid #5E5E5E;
}

.demo label:hover input[type=checkbox].checkbox+span:before {
border-color:#E77317;
}

.demo label {
margin-bottom:4px!important;
}

.demo .checkbox i {
border-color:#7A7A7A;
}

.demo .checkbox,.demo .radio {
padding-left:22px;
}

.demo.activate {
right:0!important;
box-shadow:-11px 12px 23px rgba(0,0,0,.2);
padding:5px 10px 10px;
}

.demo.activate #demo-setting+form {
display:block;
}

.demo {
position:absolute;
top:5px;
right:0;
width:160px;
z-index:902;
background:#F1DA91;
}

.demo>span {
position:absolute;
right:0;
top:0;
display:block;
height:30px;
width:30px;
border-radius:5px 0 0 5px;
background:#F1DA91;
text-align:center;
line-height:28px;
cursor:pointer;
padding:2px;
}

.demo>span i {
font-size:17px;
}

.demo.activate>span i:before {
content:"\f00d";
}

.demo.activate>span {
left:-30px;
}

.demo>span:hover i {
color:#333!important;
}

.demo form section {
margin:0!important;
}

.demo .btn {
font-size:13px!important;
line-height:1.5!important;
border-radius:3px!important;
height:auto!important;
padding:3px 7px!important;
}

.demo-liveupdate-1 {
font-size:12px!important;
position:absolute!important;
left:33px;
top:15px;
display:block;
z-index:2;
font-weight:700;
padding:1px 61px 3px 7px;
}

.demo-btns {
list-style:none;
margin:0;
padding:0;
}

.demo-btns>li {
display:inline-block;
margin-bottom:7px;
}

.demo-icon-font {
font-size:14px;
margin-bottom:6px;
padding-top:4px;
padding-bottom:4px;
}

.demo-icon-font:hover {
background-color:rgba(86,61,124,.1);
text-decoration:none;
}

.demo-modal {
width:auto;
max-width:600px;
z-index:1;
}

.demo-red {
color:#DF413E;
}

.demo-orange {
color:#DAA03E;
}

.demo-border {
border:1px solid rgba(0,0,0,.2);
}

body:not(.menu-on-top) .nav-demo-btn {
display:block;
width:auto;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
font-size:12px;
white-space:normal;
margin:5px 10px;
padding:6px 5px;
}

.fixed-navigation .nav-demo-btn,.minified .nav-demo-btn {
display:none!important;
}

.smart-rtl .demo .margin-right-5 {
margin-right:0!important;
}

.demo #demo-setting+form,.nav-demo-btn {
display:none;
}