.noti-review--collection {
	position: fixed;
	top: 95%;
	right: 60px;
	display: block;
	background: #fff;
	box-shadow: 0 3px 5px rgba(0,0,0,.2);
	z-index: 1001;
}

.noti-review-link {
	display: flex;
}

.noti-review-info--collection {
	flex: 5;
	width: 340px;
	padding: 10px;
}

.noti-review-profile--collection {
	width: 80px;
	height: 80px;
	display: inline-block;
	vertical-align: middle;
}

.noti-review-name--collection {
	display: inline-block;
	width: 180px;
	vertical-align: middle;
	margin-left: 15px;
}

.modal-tellers-finish--collection {
	text-align: center;
}

.modal-tellers-finish {
	width: 90%;
}

.review-profile {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 100%;
}

.noti-review-name {
	font-size: 1.2rem;
	color: #f21529;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	margin-bottom: 0;
}

.noti-review-signature {
	font-size: 1rem;
	color: #888;
	width: 100%;
	height: 50px;
	line-height: 25px;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	margin: 0 auto;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}

.noti-review-question {
	font-size: 1rem;
	color: #888;
	max-height: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 0;
}

.noti-review-question span {
	font-weight: 700;
}

.noti-review-box--collection {
	flex: 1;
	width: 50px;
	background: #f21529;
	color: #fff;
	vertical-align: middle;
	font-size: 1rem;
}

.noti-review-box {
	display: block;
	margin-top: 40px;
	text-align: center;
}




/* modal rating */
.rate_widget {
	overflow: visible;
	padding: 10px;
	position: relative;
	width: 280px;
	height: 64px;
	text-align: center;
}

.review-vote--collection {
	margin: 0 auto 40px auto;
	width: 280px;
}

.ratings_stars {
	background: url('../image/v02/rate-star-empty.png') no-repeat;
	background-size: contain;
	background-position: center;
	display: inline-block;
	height: 50px;
	padding: 2px;
	width: 52px;
    
    transition: all .2s ease-out;
}

.ratings_stars:hover,
.ratings_stars:focus {
    cursor: pointer;

}

.ratings_vote,
.ratings_over {
	background: url('../image/v02/rate-star-1.png') no-repeat;
	background-size: contain;
	background-position: center;
}

.package-selection-box--collection {
    position: relative;
}

.delete-toggle-btn {
    position: absolute;
    display: none;
    top: 50%;
    bottom: 50%;
    margin: auto;
    right: 25px;
}

.delete-toggle-btn:hover,
.delete-toggle-btn:focus {
    cursor: pointer;
}

.delete-toggle-btn.active {
    display: block;
}

.question-block-collection {
	width: 100%;
	margin-bottom: 20px;
}

.modal-header {
	position: relative;
	height: 65px;
}

.delete-close,
.review-close {
	font-size: 2.5rem;
	width: 35px;
	height: 35px;
	display: block;
	position: absolute;
	top: 25px;
	right: 15px;
/*
	bottom: 50%;
	margin: auto;
*/
	vertical-align: middle;
	z-index: 3;
}

.delete-content--collection,
.modal-title{
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.rating-headers {
	width: 120px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
}

.image-teller-profile-review {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 100%;
}

.modal-title {
	font-size: 1.5rem;
	line-height: 2rem;
}

.modal-title span {
	font-size: 1.6rem;
	
}

.modal-content {
	padding: 15px;
	position: relative;
}

.review-submit-btn {
	
	display: block;
	width: 100%;
	border-radius: 10px;
	background: #f21529;
	color: #fff;
	font-family: "db_airystd_med";
	font-size: 1.7rem;
	margin-top: 20px;
	
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.review-submit-btn:hover,
.review-submit-btn:focus {
	background: #f21529;
}

.modal-close:focus {
	border: none;
}



@media(min-width: 320px) {
	.rate_widget {
		width: 100%;
		height: 40px;
	}
	
	.ratings_stars {
		width: 15%;
		height: 40px;
	}
	
	@-webkit-keyframes notiposition {
		0% {
			transform: translateY(-5px);
		}
		
		50% {
			transform: translateY(5px);
		}
		
		100%{
			transform: translateY(-5px);
		}
	}
	
	@-moz-keyframes notiposition {
		0% {
			transform: translateY(-5px);
		}
		
		50% {
			transform: translateY(5px);
		}
		
		100%{
			transform: translateY(-5px);
		}
	}
	
	@-o-keyframes notiposition {
		0% {
			transform: translateY(-5px);
		}
		
		50% {
			transform: translateY(5px);
		}
		
		100%{
			transform: translateY(-5px);
		}
	}
	
	@keyframes notiposition {
		0% {
			transform: translateY(-5px);
		}
		
		50% {
			transform: translateY(5px);
		}
		
		100%{
			transform: translateY(-5px);
		}
	}
	
	.noti-review--collection-m {
		position: fixed;
		bottom: -9px;
		right: 0;
		z-index: 1001;
		
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
		
		-webkit-animation: notiposition 3s infinite;
		-moz-animation: notiposition 3s infinite;
		animation: notiposition 3s infinite;
	}
	
	.noti-review-link-m {
		position: relative;
	}
	
	.toggle-noti-review-link-m--collection {
		position: relative;
	}
	
	.toggle-noti-dialog--collection {
		position: absolute;
		bottom: 71px;
		right: 49px;
		width: 265px;
		background: #fff;
		padding: 10px 5px;
		border-radius: 5px;
		border: 4px solid #393939;
		box-shadow: 0 2px 5px rgba(0,0,0,.7);
	}
	
	.toggle-noti-dialog--collection:before {
		right: 40px;
		bottom: -10px;
		-webkit-transform: translateX(-50%) rotate(45deg);
		-moz-transform: translateX(-50%) rotate(45deg);
		transform: translateX(-50%) rotate(45deg);
		content: "";
		position: absolute;
		width: 15px;
		height: 15px;
		background-color: #fff;
		border-color: #393939;
		border-right-width: 4px;
		border-bottom-width: 4px;
		border-right-style: solid;
		border-bottom-style: solid;
	}
	
	.message-noti-m {
		margin-bottom: 0;
		text-align: center;
		font-weight: 700;
		color: #393939;
		width: 100%;
		font-size: .9rem;
	}
	
	.message-noti-m span.let-review {
		color: #f21529;
		text-decoration: underline;
	}
	
	.message-noti-m span.count-review {
		color: #f21529;
	}
	
	.toggle-noti-review-link-pic {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	
	.big-noti-list-review--collection-m {
		display: none;
		width: 100%;
		height: 100%;
		max-height: 100%;
		overflow-y: auto;
		position: fixed;
		z-index: 1002;
	}
	
	.noti-list-review--collection-m {
/*		position: fixed;*/
		position: relative;
		opacity: 0;
/*
		top: 0;
		left: 0;
*/
		width: 100%;
		height: 100%;
		z-index: 1002;
		
		-webkit-transform: translate(0, 25%);
		-moz-transform: translate(0, 25%);
		transform: translate(0, 25%);
		
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
	
/*
	.big-noti-list-review--collection-m.active {
		display: block;
	}
*/
	
	.active .noti-list-review--collection-m {
		opacity: 1;
		
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		transform: translate(0,0);
	}
	
	.noti-list-review-head--collection-m {
		background: #2b3143;
		padding: 20px;
	}
	
	.noti-logo-pic-review-head--collection-m {
		width: 49%;
		display: inline-block;
	}
	
	.noti-close-review-head--collection-m {
		width: 49%;
		display: inline-block;
		vertical-align: middle;
		text-align: right;
	}
	
	.noti-logo-pic-review-head--collection-m img {
		width: 80px;
	}
	
	.noti-close-review-head {
		background: transparent;
		border: none;
		color: #fff;
		font-size: 40px;
		line-height: 1;
		vertical-align: middle;
	}
	
	.noti-list-body-review--collection-m {
		height: 100%;
		background: #ddd;
		overflow-y: auto;
	}
	
	
	.list-noti-review--collection-m {
		background: #fff;
		border: 2px solid rgba(0,0,0,.2);
		border-radius: 5px;
	}
	
	.list-noti-review-link {
		display: flex;
	}
	
	.list-noti-review-info--collection {
		flex: 5;
		padding: 10px;
	}
	
	.list-noti-review-box--collection {
		flex: 1;
		background: #f21529;
		color: #fff;
		vertical-align: middle;
		font-size: 0.9rem;
	}
	
	.list-noti-review-profile--collection {
		width: 60px;
		height: 60px;
		display: inline-block;
		vertical-align: middle;
	}
	
	.list-review-profile {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 100%;
	}
	
	.list-noti-review-name--collection {
		display: inline-block;
		width: 170px;
		vertical-align: middle;
		margin-left: 10px;
	}
	
	.list-noti-review-name {
		font-size: 1rem;
		color: #f21529;
		font-weight: 700;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		width: 100%;
		margin-bottom: 0;
	}
	
	.list-noti-review-signature {
		font-size: .8rem;
		color: #888;
		height: 50px;
		line-height: 25px;
		overflow: hidden;
		display: block;
		display: -webkit-box;
		margin: 0 auto;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
	}
	
	.list-noti-review-box {
		display: block;
		margin-top: 35px;
		text-align: center;
	}
	
	.list-noti-review-question {
		font-size: .8rem;
		color: #888;
		line-height: 25px;
		max-height: 25px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin-bottom: 0;
	}
	
	.list-noti-review-question span {
		font-weight: 700;
	}
}

@media(min-width: 360px) {
	.message-noti-m {
		font-size: 1rem;
	}
	
	.toggle-noti-dialog--collection {
		width: 290px;
	}
}

@media(min-width: 412px) {
	.message-noti-m {
		font-size: 1.2rem;
	}
	
	.toggle-noti-dialog--collection {
		width: 350px;
		bottom: 100px;
	}
	
	.toggle-noti-review-link-pic {
		width: 140px;
	}
	
	.toggle-noti-dialog--collection:before {
		right: 60px;
	}
}

@media(min-width: 768px) {
	.list-noti-review-question {
		font-size: 1.2rem;
	}
	
	.list-noti-review-profile--collection {
		width: 100px;
		height: 100px;
	}
	
	.list-noti-review-name--collection {
		width: 500px;
	}
	
	.list-noti-review-name {
		font-size: 1.3rem;
	}
	
	.list-noti-review-signature {
		font-size: 1.2rem;
	}
	
	.list-noti-review-box--collection {
		font-size: 1.1rem;
	}
	
}

/*
@media(min-width: 1260px) {
	.noti-review--collection {
		top: 770px;
	}
}

@media(min-width: 1300px) {
	.noti-review--collection {
		top: 920px;
	}
}

@media(min-width: 1440px) {
	.noti-review--collection  {
		top: 770px;
	}
}

@media(min-width: 1580px) {
	.noti-review--collection {
		top: 800px;
	}
}


@media(min-width: 1900px) {
	.noti-review--collection  {
		top: 920px;
	}
}*/