.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;
    margin:0 0 0 10px;
    display:inline-block
}
.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:4!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 0px
}
.demo #demo-setting+form{
    display:none
}
.demo.activate #demo-setting+form{
    display:block
}
.demo{
    position:fixed;
    top:5px;
    right:0;
    width:150px;
    z-index:902;
    background:#a71405;
	margin-top: 40px;
}
.demo>span{
    position:absolute;
    right:0;
    top:0px;
    display:block;
    height:35px;
    width:30px;
    border-radius:5px 0 0 5px;
    background:#a71405;
    padding:2px;
    text-align:center;
    line-height:28px;
    cursor:pointer
}
.demo>span i{
    font-size:17px;
    margin-top: 4;
}
.demo>span i{
    font-size:16px;
    margin-top: 4;
}
.demo.activate>span i:before{
    content:"\f00d"
}
.demo.activate>span{
    left:-30px
}
.demo>span:hover i{
    color:#ffffff!important
}
.demo form section{
    margin:0!important
}
.demo .btn{
    font-size:13px!important;
    line-height:1.5!important;
    border-radius:3px!important;
    padding:3px 7px!important;
    height:auto!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{
    margin:0;
    padding:0;
    list-style:none
}
.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)
}
.nav-demo-btn{
    display:none
}
body:not(.menu-on-top) .nav-demo-btn{
    display:block;
    padding:6px 5px;
    margin:5px 10px;
    width:auto;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    font-size:12px;
    white-space:normal
}
.fixed-navigation .nav-demo-btn,.minified .nav-demo-btn{
    display:none!important
}
.smart-rtl .demo .margin-right-5{
    margin-right:0!important
}