:root {
	--theme-color: #ab26aa;
	--google-color: #e94235;
	--white-color: #fff;
	--award-badge-bronze-color: #CD7F32;
	--award-badge-silver-color: #C0C0C0;
	--award-badge-gold-color: #FFD700;
	--error-color: #ee4e5e;
}

/* Text Color */
.text-theme {
	color: var(--theme-color) !important;
}

/* Brand Name */
.brand-name-text {
	font-variant: small-caps !important;
}

/* JQuery Amsify Suggestags */
.amsify-suggestags-input-area .amsify-select-tag.col-bg,
.v3ti .v3ti-tag {
	color: var(--white-color) !important;
	background: var(--theme-color) !important;
	border-radius: 4px !important;
	font-size: 14px !important;
}

.amsify-suggestags-input-area .amsify-select-tag.col-bg {
	padding: 0 8px 0 8px;
}

.amsify-suggestags-area .amsify-suggestags-input-area {
	line-height: 25px !important;
}

.amsify-suggestags-input-area .amsify-remove-tag {
	margin-left: 5px !important;
}

/* Select2 */
.select2-container--default .select2-selection--multiple {
	line-height: 0.80 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: var(--theme-color) !important;
	border: 1px solid var(--theme-color) !important;
	color: var(--white-color) !important;
	padding: 5px !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 1px solid var(--theme-color) !important;
}

/* User Avatar */
.avatar {
	border-radius: 50% !important;
	width: 3.050rem !important;
	height: 3.050rem !important;
}

/* Team Avatar */
.team-avatar {
	width: 9.050rem !important;
	height: 9.050rem !important;
	border-radius: 10px;
}

.team-avatar-small {
	width: 4.0rem !important;
	height: 4.0rem !important;
	border-radius: 10px;
}

/* FontAwesome Icons */
.theme-color-icon {
	color: var(--theme-color);
}

/* Bootstrap Badge */
.badge-theme {
	background: var(--theme-color) !important;
	color: white !important;
}

.badge {
	font-size: 90% !important;
}

/* Award Badges */
.award-badge {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	display: inline-block;
}

.bronze-badge {
	background-color: var(--award-badge-bronze-color);
}

.silver-badge {
	background-color: var(--award-badge-silver-color);
}

.gold-badge {
	background-color: var(--award-badge-gold-color);
}

/* Pagination */
.pagination-links {
	overflow: auto !important;
}

/* Button Icons */
.icon-btn {
	background: none !important;
	border: none !important;
	color: var(--theme-color) !important;
}

.icon-btn i {
	font-size: 22px !important;
}

.icon-btn-primary i,
.icon-btn-secondary i {
	font-size: 35px !important;
}

.icon-btn-secondary {
	background: none !important;
	border: none !important;
	color: #6F7A7F !important;
}

.icon-btn-primary {
	background: none !important;
	border: none !important;
	color: var(--theme-color) !important;
}

/* No Button Properties */
.no-btn-properties {
	background: none !important;
	border: none !important;
	color: var(--theme-color) !important;
}
.no-btn-properties:focus {
	outline: none !important;
}

/* Bootstrap Form Control */
button.form-control,
a.form-control {
	color: white !important;
}

/* Theme Color Text */
.theme-color-text {
	color: var(--theme-color) !important;
}

/* Dropdown Hover Color */
.dropdown-menu .dropdown-item:hover {
	background: var(--theme-color) !important;
	color: var(--white-color) !important;
}

/* Dropdown Custom Icon */
.dropdown-menu .dropdown-item .dropdown-custom-icon {
	font-size: 14px;
	margin-right: 7px;
	width: 18px;
}

/* Error Message & Fields */
.error,
.has-error-text {
	color: var(--error-color);
}

input.error,
textarea.error,
select.error,
input.has-error,
textarea.has-error,
select.has-error {
	border: 1px solid var(--error-color);
}

/* Button Design */
a.btn-primary-outline,
button.btn-primary-outline {
	background: transparent !important;
	color: var(--theme-color) !important;
	border: 1px solid var(--theme-color) !important;
}

button.best-answer-mark-btn {
	font-size: 12px !important;
}

/* Alert Backgrounds */
.alert.alert-info {
	background: #d1eef1 !important;
}

.alert.alert-success {
	background: #caf7d7 !important;
}

.alert.alert-danger {
	background: #f6d8d8 !important;
}

/* Bootstrap Modal */
.modal-header {
	border-top: 10px solid var(--theme-color)
}

/* Bootstrap Spinner */
.spinner-border {
	width: 1.7rem;
	height: 1.7rem;
	border-width: 0.17em;
}

/* hr */
hr.partition {
	border-top: 2px solid #6b6e6f !important;
}

/* VueQuill */
.ql-container {
	height: 400px !important;
}

/* Vue3 Tags Input */
.amsify-focus,
.v3ti--focus {
	border: 1px solid var(--theme-color) !important;
	box-shadow: none !important;
}

.v3ti .v3ti-new-tag {
	height: 31px !important;
}

.v3ti .v3ti-tag {
	margin-top: 5px !important;
	margin-left: 4px !important;
	padding: 8px !important;
}

/* Vue Multiselect */
.multiselect-tag {
	background: var(--theme-color) !important;
}

/* Bootstrap Button Classes */
.btn-primary,
.btn-secondary {
	color: white !important;
}

/* Vuetify */
.bg-primary {
	background: var(--theme-color) !important;
}

/* Span */
.clickable-span {
	cursor: pointer !important;
}

/* Question Listing Answers Count Section */
.question-listing-answer-count-section-not-accepted-answer {
	background: #c9ccce;
	padding: 4px;
	border-radius: 5px;
}

.question-listing-answer-count-section-accepted-answer {
	background: #8dd6a0;
	padding: 4px;
	border-radius: 5px;
}

.question-listing-answer-count-section-accepted-answer p,
.question-listing-answer-count-section-not-accepted-answer p {
	color: #273238;
	font-size: 8px;
}

/* Quill Editor */
.ql-editor pre {
	color: white;
	background: #333333;
	padding: 20px !important;
}