.warning-panel {
	margin-bottom: 1rem;
	border-radius: 1rem;
	/* background: var(--neutral-100); */
	padding: 1rem;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	align-items: center;
	border: 2px solid var(--primary-400);
	color: var(--primary-400);
	font-weight: 500;
}

.beta {
	font-size: 0.5rem;
	text-transform: uppercase;
	color: var(--white);
	font-weight: bold;
	letter-spacing: 0.02rem;
	padding: 0.1rem 0.25rem;
	background: var(--neutral-200);
	border-radius: 0.2rem;
	transform: translateY(-0.5rem);
	position: relative;
	display: inline-block;
	line-height: inherit;
}

.load-bar {
	position: relative;
	width: 100%;
	height: 6px;
	background-color: rgba(252, 124, 0, 0.3);
	overflow: hidden;
	z-index: 5;
	transition: all 0.25s ease-out;
}

.load-bar.set {
	height: 0;
}

.load-bar.center {
	position: absolute;
	width: 20%;
	height: 6px;
	top: 50%;
	left: 50%;
	transform: translateY(-50%)translateX(-50%);
}

.load-bar.grey {
	background-color: var(--background-panel);
}

.load-bar.grey .bar {
	background-color: var(--neutral-200);
}

.load-bar::before,
.load-bar::after {
	content: "";
	display: inline;
	position: absolute;
	width: 0;
	height: 100%;
	left: 50%;
	text-align: center;
	background-color: var(--primary-400);
}

.load-bar::before {
	animation: loading 2s linear 0.5s infinite;
	z-index: 4;
}

.load-bar::after {
	animation: loading2 2s linear 1.5s infinite;
	z-index: 3;
}

/*.bar:nth-child(1) {
  animation: loading1 1.7s linear infinite;
}
.bar:nth-child(2) {
  background-color: rgba(252,124,0.6);
  animation: loading1 2s linear 1s infinite;
}*/
@keyframes loading {
	from {
		left: -40%;
		width: 30%;
	}

	50% {
		left: 30%;
		width: 60%;
	}

	to {
		left: 130%;
		width: 20%;
	}
}

@keyframes loading2 {
	from {
		left: 0%;
		width: 0%;
	}

	25% {
		left: 0%;
		width: 30%;
	}

	60% {
		left: 40%;
		width: 10%;
	}

	80% {
		left: 60%;
		width: 30%;
	}

	to {
		left: 100%;
		width: 50%;
	}
}

@keyframes loading1 {
	from {
		left: 0%;
		width: 0%;
	}

	20% {
		left: 0%;
		width: 30%;
	}

	40% {
		left: 25%;
		width: 40%;
	}

	60% {
		left: 50%;
		width: 60%;
	}

	80% {
		left: 75%;
		width: 50%;
	}

	to {
		left: 100%;
		width: 40%;
	}
}

.hero.alt .panel {
	opacity: 1;
}

#selectUserForm .panel .img-container {
	display: block;
}

@media (max-width: 991px) {
	#selectUserForm .panel .img-container {
		height: 16vh;
		display: block;
	}
}

.flex-container>div>.button>div.img-cover-wrap {
	margin: -1rem 0rem -1rem -1rem;
}

.float-action-button.set {
	transform: translateY(100px) !important;
}

#search-filter .btn-group .btn {
	width: 31.1%;
}

#search-filter .btn-group .btn div {
	border: 1px solid #eee;
}

.user-premium-label {
	color: var(--primary-400);
	display: block;
	font-weight: 300;
	font-size: 0.7rem;
	position: absolute;
	top: 0;
	left: calc(100% + 0.25rem);
	white-space: nowrap;
}

.user-premium-label.demo,
.user-premium-label.no {

	color: var(--neutral-200);
}

.discount-code a {
	color: var(--neutral-400);
}

.discount-code a span {
	color: var(--primary-400);
}

.d-flex label {
	padding: 1rem;
}

.no-premium {
	position: relative;
}

.no-premium button:disabled,
.no-premium button[disabled] {
	background: var(--neutral-100) !important;
}

.no-premium::before {
	content: "PLUS";
	color: var(--primary-400);
	font-size: 0.7rem;
	position: absolute;
	top: 0.3rem;
	right: 0;
	transform: translateX(-20%);
	filter: grayscale(0);
	opacity: 7;
	font-family: "Proxima Nova";
}

.button.row.panel .dropdown {
	margin-right: 0.25rem;
	position: absolute;
	top: 0.5rem;
	right: 0;
	z-index: 3;
}

.button.row.panel .dropdown .dropdown-toggle {
	background: none;
	border: none;
	color: var(--neutral-300);
}

.button.row.panel .dropdown .dropdown-toggle .icon_menu {
	display: inline-block;
	transform: translateY(0.15rem);
	font-size: 1.5rem;
}

.list-statistics {
	display: inline-block;
}

.list-statistics b {
	display: inline-block;
	margin: 0rem 1rem 0 0;
	font-size: 1.25rem;
	position: relative;
}


.list-statistics small {
	display: block;
	line-height: 1.8rem;
	margin-right: 0.5rem;
}

.list-statistics small:nth-child(2) {
	line-height: 1rem;
	margin: 0 0 1rem 0;
}

.list-statistics small span {
	color: var(--primary-400);
}

.button.row.panel .list-statistics small i[class*=icon] {
	font-size: 0.85rem;
	margin-right: 0.1rem;
	width: 1.25rem;
}

.button.row.panel .list-statistics small img {
	height: 1rem;
	width: 1.25rem;
	margin-right: 0.1rem;
}

.btn.user .icon_menu {
	font-size: 1rem;
}

.btn.user .icon_notify {
	position: absolute;
	top: 0.3rem;
	left: 0.2rem;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: var(--Danger-400);
}

.button.panel .btn.btn-default {
	padding: 0.2rem 1rem;
}

.button.panel .btn.btn-default::after {
	display: none;
}

.button.panel .btn.user.btn-default {
	color: var(--white);
	border: 1px solid var(--primary-400);
	background: var(--primary-400);
	padding: 0.5rem;
	margin: 1rem 0 0 0;
}

.button.panel select.form-control {
	padding: 0.2rem .5rem;
}

.player {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 800px;
	height: 500px;
	margin-top: 100px;
	left: 0;
	overflow: hidden;
	border-radius: 10px;
	/*border: 5px solid #fff;*/
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

.flex-container.row:before,
.flex-container.row:after {
	content: normal;
}

.list-group.books .list-group-item .book-publisher {
	line-height: 1.2rem;
}

.icon_close {
	position: absolute;
	top: 0.25rem;
	right: 0rem;
	z-index: 1;
	font-size: 1.5rem;
	color: var(--neutral-300);
	width: auto;
	background: none;
	border: none;
	margin: 0;
}

.hide_box {
	position: absolute;
	top: -0.3rem;
	right: 0.25rem;
	z-index: 1;
	font-size: 1.7rem;
	color: var(--neutral-300);
	width: auto !important;
	background: none;
	border: none;
	margin: 0 !important;
	font-weight: 500;
	transform: scaleY(0.8);
}

#search-panel .list-group-item .row {
	background: rgba(255, 204, 119, 0.2);
	position: relative;
}

.list-group.books .list-group-item .book-title {
	font-size: 1.25rem;
}

.list-group.books .list-group-item h3,
.list-group.books .list-group-item button {
	margin-top: 2rem;
	width: 100%;
}

@media (max-width: 768px) {
	.list-group.books .list-group-item button {
		margin-top: 0rem !important;
		margin-bottom: 1rem !important;
	}

	.icon_close {
		font-size: 2rem;
	}

	.hide_box {
		top: -0.3rem;
		right: 0.25rem;
		font-size: 2.2rem;
	}

	#search-panel img {
		margin: 0.8rem;
		max-width: 90%;
		border-radius: 0.5rem;
	}
}

#search-panel .list-group-item.admin .row {
	background: rgba(252, 124, 0, 0.08);
}

#search-panel .icon_profile {
	font-size: 1.25rem;
	display: inline-block;
	padding: 0.8rem 0.6rem 0.8rem 0.8rem;
	background: var(--background-panel);
	border-radius: 50%;
	color: var(--neutral-300);
}

#search-panel .icon_profile:before {
	font-size: 1.2rem;
}

#search-panel .icon_profile .icon_cog {
	display: none;
}

#search-panel .admin .icon_profile {
	position: relative;
	color: var(--primary-400);
	transform: scale(1.3);
}

#search-panel .admin .icon_profile .icon_cog {
	position: absolute;
	font-size: 0.7rem;
	top: 0.55rem;
	right: 0.45rem;
	display: block;
}

.flex-container>div>.button>div img.premium-badge {
	width: 5.5rem !important;
	position: absolute;
	top: 0;
	right: 0;
	margin: -1rem -1rem 0 -5rem;
}

.player.fullscreen {
	border-radius: 0;
	border: 0px solid #fff;
	box-shadow: none;
}

.premium-alert p {
	text-align: center;
	margin: 0;
}

.premium-alert p b {
	font-size: 0.8rem;
	font-weight: normal;
}

.container {
	padding: 2rem 0;
}

.container h3 {
	text-align: center;
}

.button.prio-high {
	background: var(--neutral-200);
	border: none;
}

h4.h4-register-form {
	display: none;
}

.breadcrumb {
	margin: 85px 0 0 0;
}


@media all and (max-height: 720px) and (min-width: 768px) and (orientation: landscape) {
	.breadcrumb {
		margin: 85px 0 0;
	}
}

.in-app-mobile-button {
	position: static;
	opacity: 1;
	-webkit-box-shadow: none;
	box-shadow: none;
}

@media screen and (max-width: 991px) {

	#page {
		padding: 0 0 6rem 0;
	}

	.in-app-mobile-button {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		color: var(--white);
		z-index: 3;
		text-align: center;
		background: var(--neutral-100);
		padding: 1rem;
		pointer-events: all;
		opacity: 1;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}
}

.well {
	margin: 0 0 0.5rem 0;
	background-color: var(--background-panel);
	padding: 1rem;
	border-radius: 0.5rem;
	border: none;
}

.well.grey {
	margin: 0;
	background-color: var(--background-panel);
	box-shadow: none;
	border: none;
}

.well.grey input.form-control,
.well.grey select.form-control {
	border: none;
	box-shadow: none;
}

#teacherCoupon.well span {
	background-color: var(--background-panel);
	display: block;
	font-size: 1.5rem;
	color: var(--primary-400);
}

.flex-container {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
}

.flex-container>div {
	/* flex-grow: 1;*/
	margin-bottom: 0.5rem;
}

.flex-container>div>.button {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	align-content: stretch;
	height: 100%;
	min-height: 4rem;
	margin: 0;
}

.flex-container>div>.button>div {
	flex-grow: 1;
	margin: auto;
}

.flex-container>div>.button>div:first-child {
	padding: 0;
}

.flex-container>div>.button>div h3 {
	padding: 0;
	margin-top: 0;
	font-weight: 400;
	text-align: center;
}

.flex-container>div>.button>div img {
	padding: 0;
	margin: 0;
	-webkit-border-radius: 0.5rem 0rem 0rem 0.5rem;
	border-radius: 0.5rem 0rem 0rem 0.5rem;
}

div.button .sub-navi {
	position: absolute;
	display: flex;
	width: 100%;
	height: 100%;
	background: var(--background-panel);
	transition: all 0.25s ease-in-out;
	transform: none;
	height: 0;
	opacity: 0;
	z-index: 2;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	-webkit-border-radius: 0.5rem;
	border-radius: 0.5rem;
}

div.button:hover .sub-navi,
div.button:active .sub-navi,
div.button:focus .sub-navi {
	transform: none;
	height: 100%;
	opacity: 1;
}

div.button .sub-navi>div {
	align-items: center;
	margin: auto;
	padding: 0.5rem;
}

div.button .sub-navi>div>i {
	color: var(--white);
	font-size: 2rem;
	margin: 0 1rem;
	cursor: pointer;
	display: inline-block;
}

.info-bar {
	color: var(--primary-400);
	font-size: 1.25rem;
	flex-grow: 1;
	margin: auto;
	display: block;
	padding: 0;
	text-align: center;
	font-weight: 400;
}

.info-bar i {
	margin-right: 0.5rem;
	/*color: var(--primary-400);*/
}

.info-bar a {
	background: var(--primary-100);
	color: var(--primary-400);
	border: none;
	padding: 0.5rem;
	display: block;
	margin: 0 0 0.2rem 0;
	font-weight: bold;
	font-size: 1.25rem;
	transition: all 0.25s;
}

.info-bar a:last-child {
	margin: 0;
}

.info-bar a:hover {
	color: var(--white);
	background: var(--primary-400);
}

.button.row {
	border: none;
	width: 100%;
	/*border-top:.3rem solid #f2f2f2;*/
	padding: 0;
	position: relative;
	transition: all 0.25s;

}

.button.row.panel {
	overflow: visible;
	border-radius: 0.5rem;
	background: var(--background-panel);
	padding: 1rem;
	box-shadow: none;
	border: none;
	font-family: 'proxima-nova', sans-serif;
	text-transform: none;
	cursor: pointer;
}

.button.row.panel.inside {
	margin: 0;
}

.action-panel.disabled::before {
	content: attr(title);
	filter: blur(0) grayscale(0) opacity(1);
	pointer-events: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(10deg) scale(0.9);
	background-color: var(--background-panel);
	color: var(--primary-400);
	padding: 1rem 2rem;
	border-radius: 0.5rem;
	font-size: 1.5rem;
	z-index: 3;
	width: 90%;
	text-align: center;
	font-weight: 500;
	/* line-height: 2.5rem; */
	box-shadow: 4px 4px 0px;
	border: 2px solid var(--primary-400);
}

.action-panel.disabled .button.row.panel.inside {
	filter: blur(2px) grayscale(1) opacity(0.6);
	pointer-events: none;
	background: var(--background-panel);
}

.button.row.panel.child.class.premium {
	border: none;
	margin-left: 0;
	width: 100%;
}

.button.row.panel.child.class,
.button.row.panel.child.class::before {
	background: var(--background-panel);
}

.button.row.panel.child.premium {
	border-left: 4px solid var(--primary-400);
}

.button.row.panel.no {
	background: repeating-linear-gradient(45deg, #f2f2f2, #f2f2f2 2px, #fff 0, #fff 10px);
	opacity: 0.8;
}

.button.row.panel.no::before {
	opacity: 0;
}

.button.row.panel.child::before {
	/*transition: all 0.25s;
		    background: var(--background-panel);
		    width: 1.2rem;
		    height: 1.2rem;
		    position: absolute;
		    border: 2px solid #eee;
		    top: -0.7rem;
		    left: 2rem;
		    transform: rotate(45deg);
		    z-index: 0;
		    border-right: none;
		    border-bottom: none;
		    */
	transition: all .25s;
	width: 1.1rem;
	height: 1.1rem;
	position: absolute;
	border: 2px solid #ccc;
	top: -1.1rem;
	left: 3rem;
	border-right: none;
	border-bottom: none;
	border-top: none;
	background: none !important;
	z-index: -1;
}

.button.row.panel.child .icon_profile .icon_cog {
	display: none;
}

.button.row.panel .icon_profile span {
	position: absolute;
	font-size: 0.7rem;
	top: 0.2rem;
	left: 0.1rem;
	display: block;
}

.button.row.panel div>[class*=icon]::before {
	font-size: 1.5rem;
	top: 50%;
	display: block;
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
}

.button.row.panel.child div>[class*=icon]::before {
	font-size: 1.2rem;
}

.button.row.panel.child.class div>[class*=icon]::before {
	font-size: 1.5rem;
}

.button.row.panel div>[class*=icon],
.button.row.panel.child.class div>[class*=icon] {
	display: inline-block;
	text-align: center;
	width: 2.8rem;
	height: 2.8rem;
	background: var(--background-panel);
	border-radius: 50%;
	color: var(--neutral-300);
	position: relative;
	vertical-align: top;
	margin-right: 1rem;
	font-size: 1.4rem;
	padding: 0.35rem;
	overflow: hidden;
}

.button.row.panel.child div>[class*=icon] {
	background: var(--background-panel);
	width: 2.2rem;
	height: 2.2rem;
	font-size: 1rem;
	padding: 0.4rem;
}

.button.row.panel .btn.user.login {
	display: none;
}

.button.row.panel.child .btn.user.login {
	display: inline-block;
}

.button.row.panel.action {
	background: var(--primary-200);
}

.button.row.panel.special {
	background: var(--primary-400);
	color: var(--white) !important;
}

.button.row.panel.special h3,
.button.row.panel.special i {
	color: var(--white) !important;
}

.button.row.panel i[class*=icon] {
	font-size: 2rem;
	color: var(--neutral-300);
	display: inline-block;
}

.button.row.panel.action i[class*=icon] {
	color: var(--neutral-500);
}

.button.row.panel i[class*=glyphicon-option-vertical] {
	font-size: 1.25rem;
	position: absolute;
	top: 0.8rem;
	right: 0.5rem;
}

.button.row.panel .premium-badge {
	width: 4rem !important;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}

.button.row.panel .premium-badge.no {
	filter: grayscale(1);
	opacity: 0.2;
}

.button.row.panel.no-premium .premium-badge {
	filter: grayscale(1);
	opacity: 0.5;
}

.button.row.panel h3 {
	font-size: 1.25rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-family: 'Proxima Nova', sans-serif;
}

.button.row.panel p:last-child,
.button.row.panel p:last-child a {
	margin: 0;
}

.dropdown-menu {
	left: auto;
	right: 0.5rem;
	padding: 0.5rem 1.5rem 0.5rem 1rem;
	width: auto;
	border: none;
	transition: all .25s;
	transform: scale(.2) translate(5rem, -10rem);
	opacity: 0;
	top: 1.5rem;
	box-shadow: -3px 6px 20px rgba(0, 0, 0, .175);
}

.open .dropdown-menu {
	transform: scale(1) translate(0rem, 0rem);
	opacity: 1;
	width: auto;
}

.button.row.panel .dropdown-menu a.dropdown-item {
	color: var(--neutral-500);
	font-size: 0.9rem;
	padding: .4rem 0;
	display: block;
	white-space: nowrap;
}

.button.row.panel .dropdown-menu a.dropdown-item span:first-child {
	width: 12%;
}

.dropdown-menu a.dropdown-item span.icon_close {
	vertical-align: middle;
	margin: 0 0.5rem 0.2rem -0.2rem;
	display: inline-block;
	font-size: 1.25rem;
	position: static;
	color: var(--neutral-400);
}

.button.row.panel .statistics {
	margin: 1.5rem 0 0 0;
}

.button.row.panel .statistics .btn {
	color: var(--neutral-400);
	background: none;
	width: 100%;
	border: none;
	background: var(--neutral-100);
	outline: none;
}

.button.row.panel .list-group-item {
	border-right: none;
	border-left: none;
	padding: 1rem;
}

.button.row .icon_notify {
	position: absolute;
	top: 50%;
	left: 1rem;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: red;
	transform: translateY(-50%);
	color: var(--white);
	font-size: 0.8rem;
	font-weight: bold;
	line-height: 1rem;
	text-align: center;
}

.button.row .icon_notify::before {
	content: '!';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

}

.button.row.panel .statistics .btn .icon_book_alt {
	font-size: 1.25rem;
	color: var(--neutral-300);
}

.button.row.panel .statistics img {
	height: 1.5rem;
	width: auto;
}

.button.row.panel .statistics i[class*=icon] {
	font-size: 1.5rem;
	vertical-align: -webkit-baseline-middle;
}

.button.row.panel .statistics span {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.2rem 0 0;
}

.button.row.panel .statistics span:nth-child(2) {
	margin: 0 0 0 0.25rem;
	text-transform: none;
}

.collapse.inc .in-app-mobile-button {
	position: static !important;
	box-shadow: none;
	background: none;
}

.collapse.inc .in-app-mobile-button .btn.back {
	display: none;
}

.button.row {
	transition: all 0.25s;
	border: 1px solid #fff;
}

.button[onclick].row:hover::before,
a.button.row:hover::before {
	background: none;
}

.button.row.stop {
	opacity: 1;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.button.row.stop img,
.button.row.stop h3 {
	opacity: 0.6;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

.button.row.stop .icon_notify {
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: red;
	color: var(--white) !important;
	font-size: 0.8rem !important;
	font-weight: bold;
	line-height: 1rem;
	text-align: center !important;
	font-style: initial;
	position: relative;
	left: auto;
	transform: none;
}


.button.row .row {
	position: relative;
}

.button.row img.flag {
	position: absolute;
	top: auto;
	bottom: 0;
	right: 0;
	max-width: 50px;
	margin: 0;
	-webkit-border-radius: 0rem 0 0.5rem 0rem;
	border-radius: 0rem 0rem 0.5rem 0rem;
}

.button.row img.publisher {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 110px;
}

#page {
	background: var(--neutral-100);
}

.cd-main-content {
	z-index: 1;
}

#cardButton {
	position: static;
	display: block;
	width: 100%;
	text-align: center;
	padding: 0.5rem;
	transform: none;
}

#cardButton span {
	transform: none;
}

ul.nav-tabs {
	margin-top: -0.5rem;
	margin-bottom: 2rem;
}

ul.nav-tabs li a {
	font-weight: 400;
	padding: 1rem 1.5rem;
	border-radius: 0.5rem 0.5rem 0 0;
	display: flex;
	gap: 0.25rem;
	align-items: center;
	justify-content: center;
}

ul.nav-tabs li a>i[class*=p6-icon] {
	font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
	.warning-panel {
		margin-bottom: 1rem;
		border-radius: 1rem;
		/* background: var(--neutral-100); */
		padding: 1rem;
		display: flex;
		gap: 1rem;
		justify-content: space-between;
		align-items: center;
		border: 2px solid var(--primary-400);
		color: var(--primary-400);
		font-weight: 500;
		flex-direction: column;
	}

	body {
		background: var(--neutral-100);
	}

	.breadcrumb {
		margin: 50px 0 0;
	}

	.breadcrumb.in-app-mobile {
		margin: 60px 0 0;
	}

	footer {
		display: none;
	}

	#page {
		padding: 0 0 6rem 0;
		background: none;
	}

	.wrapper {
		background: var(--background-panel);
		border-radius: 0 0 1rem 1rem;
	}

	span.glyphicon.glyphicon-option-vertical {
		font-size: 1.5rem;
	}

	#search-panel .list-group.books .list-group-item {
		border-top: none;
	}

	.in-app-mobile-button .btn-default {
		border: none;
	}

	.list-statistics small {
		display: block;
		line-height: 1.8rem;
		margin-right: 0.5rem;
		font-size: 1rem;
	}

	ul.nav-tabs {
		display: flex;
	}

	.nav-tabs>li {
		float: left;
		margin-bottom: -2px;
		flex: 1;
	}

	ul.nav-tabs li a {
		color: var(--neutral-400);
		padding: 1rem 0.5rem;
	}

	ul.nav-tabs li.active a,
	ul.nav-tabs li.active a:hover,
	ul.nav-tabs li.active a:focus {
		background: var(--background-panel);
		color: var(--neutral-400);
		margin: 0;
	}

	.btn {
		padding: 0.5rem 3rem 0.5rem 1.5rem !important;
		font-weight: 500 !important;
		font-size: 1.25rem !important;
		font-family: "proxima-nova" !important;
		text-transform: unset;
	}

	.button.panel .btn.btn-default {
		margin: 0 0 0.2rem 0;
	}

	.button.row.panel {
		box-shadow: none;
		margin: 0 0 0.5rem 0;
		border-radius: 1rem;
	}

	.button.row.panel.inside {
		margin: 0 0 0.5rem 0;
	}

	.button.row.panel .flex-container:first-child>div:first-child {
		margin: 1rem 0 0 0 !important;
	}

	.button.row.panel .flex-container button span[class*=icon_star] {
		display: none;
	}

	.button.row.panel .statistics {
		margin: 1rem 0 0 0;
	}

	.button.row.panel .statistics .row>div {
		display: block;
	}

	.button.row .row:first-child p {
		margin: 0
	}

	.button.row .row:first-child img.flag,
	.button.row .row:first-child img.publisher {
		position: static;
		vertical-align: middle;
		margin: 0;
	}

	.button.row.panel .flex-container>div>div {
		padding: 0 !important;
	}

	.button.row img.flag {
		max-width: 30px;
	}

	.btn.user span {
		display: block;
		/*width: 100%;*/
	}

	.button.row.panel div>.icon_profile::before {
		font-size: 1.5rem;
	}

	.button.row.panel div>[class*=icon] {
		/*display: none !important;*/
		margin-bottom: 0.5rem;
	}

	.button.row.panel .dropdown-menu a.dropdown-item {
		color: var(--neutral-500);
		font-size: 1.25rem;
		line-height: 2.5rem;
		display: block;
		white-space: nowrap;
	}

}

.float-action-button.set {
	transform: translateY(100px);
}


/* 
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------- App Themes ---------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

/* Theme Tokens */
:root.unicorn {
	--primary-400: #f65c76;
	/* other dark theme tokens */
}

:root.batman {
	--primary-400: #12415a;
	/* other dark theme tokens */
}

:root.Orange {
	--primary-400: #FC7C00;
	/* other dark theme tokens */
}

:root.PrettyPurple {
	--primary-400: #DB00FF;
	/* other dark theme tokens */
}

:root.BlurryBlue {
	--primary-400: #0085FF;
	/* other dark theme tokens */
}

:root.DarkMode {
	--primary-400: #fc7c00;
	/* other dark theme tokens */
}

:root.BlendedBlue {
	--primary-400: #173B52;
	/* other dark theme tokens */
}

:root.PerfectPink {
	--primary-400: #FF6088;
	/* other dark theme tokens */
}

:root.BabyBlue {
	--primary-400: #00A3FF;
	/* other dark theme tokens */
}

:root.GlibberyGreen {
	--primary-400: #82C52D;
	/* other dark theme tokens */
}

header.in-app-mobile nav.navbar-default .navbar-collapse {
	background: var(--background-panel);
	color: var(--neutral-400);
}

header.in-app-mobile .navbar-default .navbar-nav .open .dropdown-menu>li>a.btn,
header.in-app-mobile .navbar-default .navbar-nav .open .dropdown-menu>li>a.btn>span {
	color: var(--white) !important;
	border: none;
	background: var(--neutral-200);
}

header.in-app-mobile .navbar-default .back-arrow .navbar-brand {
	height: 30px;
	width: 35px;
	background-image: url("/system/galleries/html/src/img/icon-orange-arrow-back-mobile.svg");
	background-size: contain;
	margin: 0 0 0 -10px;
}

header.in-app-mobile .navbar-default .navbar-brand .arrow_left,
header.in-app-mobile .navbar-default span.glyphicon.glyphicon-option-vertical {
	color: var(--neutral-400);
}

@media (max-width: 767px) {
	header.in-app-mobile .navbar-default .navbar-nav .dropdown-menu>li>a {
		font-size: 1.25rem !important;
	}
}

:root header.in-app-mobile,
:root header.in-app-mobile .navbar-default .navbar-collapse {
	background: var(--primary-400);
	color: var(--white);
}

:root header.in-app-mobile .navbar-default .back-arrow .navbar-brand {
	background-image: url("/system/galleries/html/src/img/icon-white-arrow-back-mobile.svg");
}

:root header.in-app-mobile .navbar-default .navbar-brand .arrow_left,
:root span.glyphicon.glyphicon-option-vertical {
	color: var(--neutral-400) !important;
}

:root .btn.btn-primary,
:root .btn-primary:hover,
:root .btn-primary:focus,
:root .btn-primary:active,
:root .button.panel .btn.user.btn-default,
:root .button.prio-high:hover {
	color: var(--background-panel) !important;
	background: var(--primary-400) !important;
	border: 1px solid var(--primary-400) !important;
	padding: 0.5rem 1.5rem !important;
}

:root .btn-primary::after {
	display: none;
}

:root .user-premium-label,
:root .list-statistics small span,
:root .no-premium::before,
:root .theme-color,
:root .button.row.panel h3,
:root .row.flex h2,
:root .toplist .scroll-wrap>.row:nth-child(1)>div:nth-child(2):after,
:root .play-icon-wrapper .social_youtube_circle,
:root .row.flex [class*=p6-icon],
:root .feature-list li::before,
:root .button.row.panel h3 i[class*=icon],
:root .discount-code a span {
	color: var(--primary-400) !important;
}

:root .button.row.panel.child.premium {
	border-left: 4px solid var(--primary-400);
}

:root ul.nav-tabs li.active a,
:root ul.nav-tabs li.active a:hover,
:root ul.nav-tabs li.active a:focus {
	color: var(--primary-400);
	margin: 0;
}