@import url(https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);



/****** Style Star Rating Widget *****/

.rating, .stars { 
  border: none;
  float: left;
  margin-top: -5px;
  margin-left: -5px;
  margin-bottom: 5px;
}

.rating > input { display: none; } 
.rating > label:before, .star:before { 
  margin: 0 1px;
  font-size: 20px;
  font-family: FontAwesome;
  display: inline-block;
  content: "★";
}

.rating > .half:before, .half:before { 
  /*content: "\f089";*/
  position: absolute;
  width: 9px;
  overflow: hidden;
}

.rating > label, .star { 
  color: #ddd; 
 float: right; 
 display: inline;
 width: auto;
}

.star {
  font-style: normal;
  color: #e85f14;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #e85f14;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #e85f14;  } .zl-scrollBarBox{
    height:100%;
    position:absolute;
    background:#f3f3f3;
}
.zl-scrollBar{
    position:absolute;
    left:0;
    top:0;
    background:#848484;          
    transition:background 0.3s;
}
.zl-scrollBar.zl-verticalBar{
    min-height:10px;
    border-radius: 0 !important;
}

.zl-scrollBar.zl-horizontalBar{
    min-width:10px;
}
.zl-scrollBar:hover{
    background:#000;
}
.zl-scrollContentDiv{
    position:relative !important;
    width:100% !important;
    height:100% !important;
    padding:0 !important;
    margin:0 !important;
    top:0;
    left:0;
}