.rating {
	border: none;
	margin-right: 30%;
}

.myratings {
	font-size: 85px;
	color: green;
}

.rating > [id^="star"] {
	display: none;
}

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

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

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

.rating > [id^="star"]:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
	color: #ffd700;
}

.rating > [id^="star"]:checked + label:hover,
.rating > [id^="star"]:checked ~ label:hover,
.rating > label:hover ~ [id^="star"]:checked ~ label,
.rating > [id^="star"]:checked ~ label:hover ~ label {
	color: #ffed85;
}

.reset-option {
	display: none;
}

.reset-button {
	margin: 6px 12px;
	background-color: rgb(255, 255, 255);
	text-transform: uppercase;
}

/* @media (max-width: 1020px) .circle-survey {
	width: 22rem;
	height: 22rem;
} */
.circle-survey {
	width: 15rem;
	height: 15rem;
	background: url(../images/bg-circle-survey.png) no-repeat 50%;
	background-size: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
/* @media (max-width: 1020px) .circle-survey h2 {
	font-size: 4.8rem;
} */
.circle-survey h2 {
	font-size: 4.3rem;
	font-weight: 700;
	margin-bottom: -0.5rem;
}
.circle-survey .stars {
	margin: 0;
}
.circle-survey .stars li.active {
	filter: grayscale(0);
}
/* @media (max-width: 1020px) .circle-survey .stars li {
	width: 2rem;
} */
.circle-survey .stars li {
	display: inline-block;
	position: relative;
	margin: 0;
	filter: grayscale(1);
}

.img-icon {
	margin-top: 20px;
	width: 120px;
	height: 110px;
}
.img-icon-tab {
	margin-top: 20px;
	width: 180px;
	height: 110px;
}
.tb-detail tr td {
	padding: 8px;
	font-size: 14px;
}
.card-body-breandchum {
	flex: 1 1 auto;
	padding: 0.7rem 0.7rem;
}

.head-table {
	background-color: #4caf50;
	color: #fff;
}
.table-sm {
	width: 99%;
}
.table-sm thead tr td {
	font-size: 12.5px;
	padding: 7px;
}
.table-sm tbody tr td {
	font-size: 12.5px;
}

.table-buku tr td {
	font-size: 12.5px;
	padding: 5px;
}
.icon-star {
	width: 27px;
	height: auto;
}