/* <input-star></input-star> directive */
.angular-input-stars {
	
	display: inline-block;
	padding: 0;
	margin-left: -5px;
	list-style: none;

}


.angular-input-stars > li {
		
	font-size: 29px;

	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
	
	cursor: pointer;

}

.angular-input-stars > li i.readonly {
	cursor: not-allowed;
}

.angular-input-stars > li .active {

    color: #FDE35E;
    text-shadow: black 0 0 1px, 0 0 1px ;	

}

.angular-input-stars > li .active.angular-input-stars-hover {
	text-shadow: black 0 0 3px;
}

.condition-container {
    width: 100%;
	display: inline-block;
	padding-top: 10px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    margin: -15px 0px 0px 0px;
	list-style: none;
}
.condition-container .stars {
	
	font-size: 25px;
    width: 30px;
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;

}
.condition-container .stars .active {

    color: #FDE35E;
    text-shadow: black 0 0 1px, 0 0 1px ;	

}
@media (max-width: 605px) {
    .angular-input-stars > li {
        width: 60px;
        font-size: 50px;
    }
}