.auth-container {
	margin-top: 3rem;
}

.fa-star {
	color: grey;
}

.checked {
	color: orange;
}

#rating_bar:hover > span:before {
	color: orange;
}

#rating_bar > span:hover ~ span:before {
	color: grey;
}

.product-title {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 180px;
}

.reply-button {
	cursor: pointer;
	.arrow-reply {
		margin-top: -15px;
		display: inline-block;
		transform: rotate(90deg);
	}
}

.custom-popover {
	max-width: 200rem;
	max-height: 50rem;
	overflow-y: auto;
}

.bg-lightblue {
	background-color: lightblue;
}

.lh-50 {
	margin-top: 20%;
}

.product-image {
	max-height: 17rem;
	min-height: 17rem;
}

.product-image-detail {
	max-height: 25rem;
	min-height: 25rem;
}

.product-image-order {
	max-height: 5rem;
	max-width: 5rem;
	height: 5rem;
}

#order-list-content {
	img {
		max-height: 5rem;
		max-width: 5rem;
		height: 5rem;
		width: 5rem;
	}
}

#transaction-list-content {
	img {
		max-height: 5rem;
		max-width: 5rem;
		height: 5rem;
		width: 5rem;
	}
}

.product-title-order {
	margin-left: 50px;
}

.product-cart {
	img {
		max-height: 5rem;
		max-width: 5rem;
		height: 5rem;
		width: 5rem;
	}
}

.sold-out-text {
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.4);
  color: white;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 80%;
  text-align: center;
}

.sold-out-text-product-detail {
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.4);
  color: white;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-110%, -50%);
  z-index: 2;
  width: 20%;
  text-align: center;
}

.iframe-style {
	width: 70rem;
	height: 40rem;
}

.card-category {
	cursor: pointer;
}

.text-category {
	font-size: 12px;
}

#search-input {
	display: block;
}

#responsive-brand-image {
	display: block;
}

#responsive-search-input {
	display: none;
}


@media only screen and (max-width: 600px) {
	.product-title {
		font-size: 15px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		width: 130px;
	}

	.product-price {
		font-size: 13px;
	}
	
	.product-viewed {
		font-size: 12px;
	}
	
	.product-ratting {
		font-size: 13px;
	}
	
	.fa-star {
		font-size: 13px;
	}

	.product-seller-info {
		font-size: 13px;
	}

	.product-university-info {
		font-size: 12px;
	}
	
	.product-detail {
		font-size: 13px;
	}
	
	.product-stock-info {
		margin-top: 10px;
		font-size: 13px;
	}

	.product-soldout-info {
		font-size: 13px;
	}

	.product-image {
		max-height: 10rem;
		min-height: 10rem;
	}

	.transaction-action {
		font-size: 0.5rem;
	}
	
	#transaction-list-content {
		img {
			max-height: 4rem;
			max-width: 4rem;
			height: 4rem;
			width: 4rem;
		}

		h5 {
			font-size: 0.7rem;
		}
		
		font-size: 0.7rem;
	}
	
	.order-action {
		font-size: 0.5rem;
	}

	#order-list-content {
		img {
			max-height: 4rem;
			max-width: 4rem;
			height: 4rem;
			width: 4rem;
		}

		h5 {
			font-size: 0.7rem;
		}

		font-size: 0.7rem;
	}

	.product-title-order {
		font-size: 15px;
		margin-left: 50px;

		h5 {
			font-size: 15px;
		}

		h6 {
			font-size: 15px;
		}
		
	}

	.product-cart {
		img {
			max-height: 5rem;
			max-width: 5rem;
			height: 5rem;
			width: 5rem;
		}

		h5 {
			font-size: 15px;;
		}

		font-size: 10px;
	}

	.footer {
		.footer-contain {
			display: flex;
			justify-content: center;
		}
	}

	.iframe-style {
		width: 70rem;
		height: 20rem;
	}

	.text-category {
		font-size: 8px;
	}

	.sold-out-text-product-detail {
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0, 0.4);
		color: white;
		position: absolute;
		top: 40%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		width: 80%;
		text-align: center;
	}

	#search-input {
		display: none;
	}

	#responsive-brand-image {
		display: none;
	}

	#responsive-search-input {
		display: block;
	}

}

.footer {
	clear: both;
    position: relative;
    height: 200px;
    margin-top: -200px;
	.footer-contain {
		display: flex;
	}
}