:root {
	--theme-primary-color: #FA5039;
	--theme-secondary-color: #FBBB21;
}

body::before {
	border-left: none;
	width: 7px;
	background: var(--theme-primary-color);
	background: -moz-linear-gradient(0deg, var(--theme-secondary-color) 0%, var(--theme-primary-color) 100%);
	background: -webkit-linear-gradient(0deg, var(--theme-secondary-color) 0%, var(--theme-primary-color) 100%);
	background: linear-gradient(0deg, var(--theme-secondary-color) 0%, var(--theme-primary-color) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbbb21", endColorstr="#fa5039", GradientType=1);
}

img {
	user-drag: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
}

.width-fit-content {
	width: fit-content;
}

/* Sidebar */
#sidebar-menu>ul>li>a:active,
#sidebar-menu>ul>li>a:focus,
#sidebar-menu>ul>li>a:hover,
#sidebar-menu .menuitem-active>a,
#sidebar-menu .menuitem-active .active,
.nav-second-level li a:focus,
.nav-second-level li a:hover {
	color: var(--theme-primary-color);
}

#sidebar-menu {
	#side-menu {
		li.menuitem-active {
			a {
				color: white;
				background: var(--theme-primary-color);
				background: -moz-linear-gradient(270deg, var(--theme-secondary-color) 0%, var(--theme-primary-color) 100%);
				background: -webkit-linear-gradient(270deg, var(--secondary-primary-color) 0%, var(--theme-primary-color) 100%);
				background: linear-gradient(270deg, var(--theme-secondary-color) 0%, var(--theme-primary-color) 100%);

				/* .menu-arrow {
					width: 1.5rem;
					height: 1.5rem;
					border-radius: 1.5rem;
					background-color: white;
					color: var(--theme-primary-color);
				} */
			}

			.nav-second-level {
				li a {
					color: var(--ct-menu-item);
					background: transparent;
				}

				li a.active {
					color: var(--theme-primary-color);
				}
			}
		}
	}
}

/* Theme */
.theme-primary-text-color {
	color: var(--theme-primary-color);
}

/* Button */
.btn-primary {
	border: none;
	background-color: none;
	background: var(--theme-primary-color);
	background: -moz-linear-gradient(320deg, var(--theme-secondary-color) 0%, var(--theme-primary-color) 100%);
	background: -webkit-linear-gradient(320deg, var(--theme-secondary-color) 0%, var(--theme-primary-color) 100%);
	background: linear-gradient(320deg, var(--theme-secondary-color) 0%, var(--theme-primary-color) 100%);
	padding: .5125rem .9rem;
}

.btn-outline-primary {
	color: var(--theme-primary-color);
	border-color: var(--theme-primary-color);
}

.btn-outline-primary:hover {
	background-color: var(--theme-primary-color);
	border-color: var(--theme-primary-color);
}

/* Card */
.profile-page .card-user-header .clearfix .user-qrcode {
	width: fit-content;
	margin: 0 auto;
}

/* Truncation */
.truncate-1,
.truncate-2,
.truncate-3,
.truncate-4,
.truncate-5,
.truncate-6,
.truncate-8 {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}

.truncate-1 {
	-webkit-line-clamp: 1;
}

.truncate-2 {
	-webkit-line-clamp: 2;
}

.truncate-3 {
	-webkit-line-clamp: 3;
}

.truncate-4 {
	-webkit-line-clamp: 4;
}

.truncate-5 {
	-webkit-line-clamp: 5;
}

.truncate-6 {
	-webkit-line-clamp: 6;
}

.truncate-8 {
	-webkit-line-clamp: 8;
}