.container-center { /* center elements in a container */
	display:flex;
	justify-content:center;
	margin:20px;
	width:100%;
}
.row-center { /* center elements in a row, making it flex */
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
.row-vertical { /* center elements in a row, making it flex and vertical aligned */
	display:flex;
	justify-content:center;
	vertical-align:middle;
	flex-wrap:wrap;
}
.element-center {
	justify-content:center;
	text-align:center;
	vertical-align:middle;
}
.element-right { /* align column to the right */
	justify-content:right;
	text-align:right;
	vertical-align:middle;
	padding-top:10px;
}
.element-left { /* align column to the left */
	justify-content:left;
	text-align:left;
	vertical-align:middle;
}
.padding5 { /* add padding */
	padding:5px;
}
.margin10 { /* add margin */
	margin:10px;
}
.margin10-none { /* add margin and hide contents */
	margin:10px;
	display:none;
}
.margin10-bottom { /* add margin at bottom */
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
}
.margin10-bottom-none { /* add margin at bottom and hide contents */
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	display:none;
}
.margin10-top { /* add margin at bottom */
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
}
.margin10-top-none { /* add margin at bottom and hide contents */
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	display:none;
}
input[type="radio"] {
  font: inherit;
  color: currentColor;
  width: 1.30em;
  height: 1.30em;
  border: 0.30em solid currentColor;
  border-radius: 50%;
  margin-top:5px;
}
input[type="checkbox"] {
  font: inherit;
  color: currentColor;
  width: 1.30em;
  height: 1.30em;
  border: 0.30em solid currentColor;
  border-radius: 50%;
  margin-top:5px;
}

/*Feupa's Notification*/
.notification-area {
	padding: 11px 0 12px;
	background: #f9f9f9;
	margin-top:0px;
}
.notification-content li {
	color: #a4a4a4;
	display: inline-block;
	font-size: 14px;
	margin-right: 28px;
	position: relative;
}
.notification-content li a {
	color: #242424;
}
.notification-content li a:hover {
	color: #242424;
}
.notification-content li::before {
	background-color: #aaaaaa;
	content: "";
	height: 2px;
	position: absolute;
	right: -22px;
	top: 10px;
	transform: rotate(-67deg);
	transition: all 0.4s ease 0s;
	width: 12px;
}
.notification-content li:last-child::before {
	display: none;
}
/* end */

.title-nowrap {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.bottom-bar {
	border-bottom:1px solid #000;
	margin:40px auto 0;
}

/*Feupa's Star Rating*/
.star-rating {
	font-size: 0;
}
.star-rating__wrap {
	display: inline-block;
	font-size: 2rem; /*star size*/
}
.star-rating__wrap:after {
	content: "";
	display: table;
	clear: both;
}
.star-rating__ico {
	float: right;
	padding-left: 2px;
	cursor: pointer;
	color: #777777;
}
.star-rating__ico:last-child {
	padding-left: 0;
}
.star-rating__input {
	display: none;
}
.star-rating__ico:hover:before,
.star-rating__ico:hover ~ .star-rating__ico:before,
.star-rating__input:checked ~ .star-rating__ico:before
{
	content: "\f005";
	color: #FFB300;
	/*color: #E3CF7A;*/
}
/* end */