#rating{
	padding: 20px;
}
#rating .box-rate{
	border: 1px solid#E5EAEF;
	border-radius: 6px;
	display: flex;
}
#rating .box-rate .number-rate{
	border-right: 1px solid#E5EAEF;
	text-align: center;
	padding: 21px 65px;
}
#rating .box-rate .number-rate .number{
	color: #000000;
	font-size: 64px;
	line-height: 75px;
	font-family: "Roboto-Bold";
}
#rating .box-rate .number-rate .rating .fa-star{
	font-size: 17px;
	color: #dee3e8;
}
#rating .box-rate .number-rate .rating .send_rating{
	cursor: pointer;
	/*display: none;*/
}
#rating .box-rate .number-rate .rating .checked{
	color: #FFD600;
}
#rating .box-rate .number-rate .count{
	color: #717171;
	font-size: 14px;
	line-height: 16px;
	margin-top: 15px;
}
#rating .box-rate .box-rate-action{
	padding: 20px 55px;
	width: 285px;
}
#rating .box-rate .box-rate-action ul li{
	display: flex;
	align-items: center;
}
#rating .box-rate .box-rate-action .value{
	color: #717171;
	font-size: 14px;
	line-height: 26px;
	font-family: "Roboto-Bold";	
	padding: 0px 5px;
}
#rating .box-rate .box-rate-action .checked{
	color: #FFD600;
}
#rating .box-rate .box-rate-action .border{	
	height: 4px;
	background: #FFC646;
	width: 117px;
	border-radius: 4px;	
	margin: 0px 5px;
}
#rating .box-rate .box-rate-action .count{
	color: #C4C4C4;
	font-size: 12px;
	line-height: 26px;
	
	padding: 0px 5px;
}
#rating .list-user{
	margin-top: 25px;
}
#rating .list-user ul li{
	display: flex;
	padding: 10px 0px;
}
#rating .list-user ul li .box-avatar{
	width: 40px;
	height: 40px;
}
#rating .list-user ul li .box-avatar img{
	border-radius: 50%;
	width: 100%;
	height: 100%;
}
#rating .list-user ul li .box-username{
	padding-left: 10px;
}
#rating .list-user ul li .box-username .username{
	color: #050709;
	font-size: 14px;
	line-height: 16px;
}
#rating .list-user ul li .box-username .rating{
	color: #dee3e8;
}
#rating .list-user ul li .box-username .rating .checked{
	color: #FFD600;
}
#RateModal .modal-content{
	max-width: 400px;
}
#RateModal .modal-content .login .title{
	font-size: 24px;
	line-height: 34px;
	text-align: center;
}
#RateModal .modal-content .login .sub-title{
	font-size: 16px;
	line-height: 34px;
	text-align: center;
	color: #050709;
	padding-top: 5px;
}
#RateModal .modal-content .modal-body{
	padding: 30px 10px;
}
#RateModal .modal-content .box-rate{
	margin-top: 15px;
	text-align: center;
}
#RateModal .modal-content .box-rate .rating .fa{
	font-size: 24px;
	font-size: 44px;
	padding: 0px 5px;
	cursor: pointer;
}
#RateModal .modal-content .text-suggest{
	width: 100%;
	display: inline-block;
	margin-top: 10px;
}
#RateModal .modal-content .text-suggest .item{
	float: left;
	font-size: 12px;
	line-height: 34px;
	color: #606060;
	padding: 0px 10px;
	cursor: pointer;
}
#RateModal .modal-content .huong-dan-box{
	background: #F1F1F1;
	padding: 5px;
}
#RateModal .modal-content .huong-dan-box .header-hd-text{
	font-size: 12px;
	line-height: 24px;
	color: #131313;
	font-family: Roboto-Bold;
	border-bottom: 1px solid#DADFE8;
}
#RateModal .modal-content .huong-dan-box .header-hd{
	padding-top: 5px;
	border-bottom: 1px solid#DADFE8;
}
#RateModal .modal-content .huong-dan-box .header-hd .item{
	display: flex;
	justify-content: space-between;
}
.arrow-up{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
#RateModal .modal-content .huong-dan-box .header-hd .item .text{
	font-size: 10px;
	line-height: 24px;
	color: #707070;
}
#RateModal .modal-content .huong-dan-box .header-hd .item .xu{
	font-size: 10px;
	line-height: 24px;
	color: #FB1616;
}
#RateModal .modal-content .huong-dan-box .sub-huong-dan{
	padding-top: 10px;
	padding-left: 15px;
}
#RateModal .modal-content .huong-dan-box .sub-huong-dan p{
	font-size: 10px;
	line-height: 24px;
	color: #707070;
}
#RateModal .modal-content .box-danh-gia{
	display: flex;
	margin-top: 10px;
}
#RateModal .modal-content .box-danh-gia .avatar{
	width: 28px;
	height: 28px;
	margin-right: 5px;
}
#RateModal .modal-content .box-danh-gia .avatar img{
	width: 100%;
	border-radius: 50%;
}
#RateModal .modal-content .box-danh-gia .content{
	width: 100%;
}
#RateModal .modal-content .box-danh-gia .content textarea{
	width: 100%;
	border: 1px solid#ccc;
	padding: 10px;
}
#RateModal .modal-content .images{
	margin-top: 15px;
	padding-left: 30px;
}

#RateModal .modal-content .register-now{
	margin-top: 15px;
	text-align: center;
}
#RateModal .modal-content .register-now button{
	background: #FFFFFF;
	border: 1px solid #000000;
	border-radius: 5px;
	font-size: 18px;
	line-height: 34px;
	color: #060000;
	width: 110px;
}
#RateModal .modal-content .huong-dan{
	padding: 0px 0px 10px 0px;
}
#RateModal .modal-content .huong-dan .header-hd{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #FFE500;
	border: 1px solid #DA2828;
	border-radius: 4px;
	padding: 5px;
}
#RateModal .modal-content .huong-dan .header-hd p{
	font-size: 12px;
	color: #121111;
}
#RateModal .modal-content .huong-dan .header-hd .arrow{
	cursor: pointer;
}
#RateModal .modal-content .register-now .btn-rate{
	background: #0B6EEF;
	border: 1px solid #0B6EEF;
	color: #FFFFFF;
	margin-left: 30px;
}
#RateModal .modal-content .register-now button:focus{
	outline: none;
}
.yellow-color {
	color:#FFD600;
}