
fieldset, label { margin: 0; padding: 0; }



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

.rating { 
  border: none;
  float: left;
}

.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
  color: #ddd; 
 float: right; 
}

/***** 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: #FFD700;  } /* 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: #FFED85;  } 






table.data-list-view.dataTable tbody tr img, table.data-thumb-view.dataTable tbody tr img{
	vertical-align: middle;
    border-style: none;
    height: 60px !important;
    width: 45px;
}

table.data-list-view.dataTable tbody tr a, table.data-thumb-view.dataTable tbody tr a{
	text-decoration: none;
}

.rated {
  color: orange;
}
#click_heart{
	color:Red;
}

#imagefilelable {
  background-color: indigo;
  color: white;
  padding: 0.5rem;
  font-family: sans-serif;
  border-radius: 0.3rem;
  cursor: pointer;
  margin-top: 1rem;
}

#file-chosen{
  margin-left: 0.3rem;
  font-family: sans-serif;
}

.modal.fade #modal-dialog {
    
    -webkit-transform: translate3d(125%, 0, 0);
    transform: translate3d(25%,0,0);
  }
  #log-modal{
    width: 70% ;
  }