/* CSS Document */

div.stars {
  width: auto;
  display: inline-block;
}

input.star { display: none; }

label.star {
  float: right;
  padding: 10px 2px ;
  font-size: 24px;
  color: #444;
  transition: all .2s;
}

input.star:checked ~ label.star:before {
  content: '\f005';
  color: #ffc107 ;
  transition: all .25s;
}

input.star-5:checked ~ label.star:before {
  color: #ffc107;
  /*text-shadow: 0 0 20px #952;*/
}

input.star-1:checked ~ label.star:before { color: #F62; }

label.star:hover { transform: rotate(-15deg) scale(1.3); }

label.star:before {
  content: '\f006';
  font-family: FontAwesome;
}

/***** 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;  } 



/*******/
.items-list-content>div {
    width: 100%;
    display: block;
    float: left;
	font-weight:300;
	border-top:1px #F0F0F0 solid;
}
.items-list-content>div .r-message {
    position: relative;
    padding-top: 10px;
    display: inline-block;
	width:100%;
}
.r-legend .r-author, .r-legend .r-date {
    font-size: 12px !important;
}
.items-list-content>div .avatar {
    width: 31px;
    font-size: 14px;
    background: rgba(41,196,10,0.9);
    height: 31px;
    text-align: center;
    line-height: 33px;
    border-radius: 60px;
    margin: 10px 0px;
    display: inline-block;
    color: #fff;
}
.r-author span {
    font-weight: bold;
    color: #03a9f4;
}
.attr-stars i {
    color: #ffc107 !important;
}
.items-list-content>div .r-message .content-post {
    padding: 0px 10px;
    margin: 5px 0;
    font-size: 15px;
    font-weight: normal;
    border-left: 1.2px solid #ccc;
    margin-left: 35px;
}
.items-list-content>div .r-message .content-post>div {
    font-size: 15px;
    font-weight: normal;
    line-height: 18px;
}
.items-list-content>div .r-message .content-post h3 {
    margin: 0;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 14px;
    padding: 0;
	display:block;
	width:100%;
}
.items-list-content>div .r-message .tools {
    font-size: 12px;
    cursor: pointer;
    position: relative;
    padding: 10px 0;
    margin-left: 35px;
}
.items-list-content>div .r-message .tools span.cm-ajax {
    font-size: 12px;
    padding: 5px;
    border-radius: 3px;
    margin: 0 5px;
}
.items-list-content>div .r-message .tools span.cm-ajax:hover {
    background: #ffc107;
    color: #fff;
}
.items-list-content>div i {
    color: #ccc;
}
.sub_comment_2, .sub_comment_3, .sub_comment_4, .sub_comment_5 {
    margin-left: 30px;
	border-bottom:1px #F0F0F0 solid;
}
.loadForm{
	margin-left:30px;
	margin-top:15px;
	margin-bottom:15px;
	float:left
}
.sub_comment_2>div .r-message {
    width: 100%;
}
.items-list-content>div .sub-raply .r-legend {
    font-size: 12px;
}
.r-legend .ty-pict {
    max-width: 30px;
    max-height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
a.admin {
    position: relative;
    margin: 5px;
    display: inline-block;
    font-weight: bold;
    color: #a61c00;
}
.items-list-content>div .sub-raply .r-author .qtv {
    background: #ff9800;
    padding: 2px 6px;
    font-size: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
}
.name-sub{
	color:#F60 !important;
}
.avatar-sub{
	background: rgba(255,102,0,0.9) !important;
}