.wc-stripe-payment-button-preview {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #000;
	border-radius: 5px;
	height: 40px;
}

.wc-stripe-payment-button-preview img {
	height: 22px;
}

.wc-stripe-payment-button-preview:hover {
	cursor: pointer;
	filter: opacity(.7);
}

.wc-stripe-payment-button-preview.wc-stripe-amazon-pay-preview {
	background-color: #ffd814;
}

.wc-stripe-payment-button-preview.wc-stripe-amazon-pay-preview img {
	height: 40px;
}

.wc-stripe-payment-button-preview.wc-stripe-link-preview {
	background-color: #00d66f;
}

.wc-stripe-payment-button-preview.wc-stripe-link-preview img {
	height: 40px;
}

button.stripe-gateway-stripelink-modal-trigger {
	display: none;
	position: absolute;
	right: 5px;
	width: 64px;
	height: 40px;
	background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA3MiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM2LjEyIDMuNjc2ODNDMzYuMTIgMi41NDg4MiAzNy4wNzA0IDEuNjMyMDIgMzguMTg4OCAxLjYzMjAyQzM5LjMwNzIgMS42MzIwMiA0MC4yNTc2IDIuNTUzNjIgNDAuMjU3NiAzLjY3NjgzQzQwLjI1NzYgNC44MDAwMyAzOS4zNDA4IDUuNzQ1NjMgMzguMTg4OCA1Ljc0NTYzQzM3LjAzNjggNS43NDU2MyAzNi4xMiA0LjgyODgzIDM2LjEyIDMuNjc2ODNaIiBmaWxsPSIjMDExRTBGIi8+CjxwYXRoIGQ9Ik0yOS45ODA4IDEuOTIwMDFIMzMuNTgwOFYyMi4wOEgyOS45ODA4VjEuOTIwMDFaIiBmaWxsPSIjMDExRTBGIi8+CjxwYXRoIGQ9Ik00MC4wMDggNy42ODAwMUgzNi4zNzkyVjIyLjA4SDQwLjAwOFY3LjY4MDAxWiIgZmlsbD0iIzAxMUUwRiIvPgo8cGF0aCBkPSJNNjYuMDk2IDE0LjM5MDRDNjguODI3MiAxMi43MTA0IDcwLjY4NDggMTAuMjA5NiA3MS40MTkyIDcuNjc1MjRINjcuNzkwNEM2Ni44NDQ4IDEwLjA5NDQgNjQuNjc1MiAxMS45MTM2IDYyLjI4OTYgMTIuNjg2NFYxLjkxNTIzSDU4LjY2MDhWMjIuMDc1Mkg2Mi4yODk2VjE2LjA4QzY1LjA1OTIgMTYuNzcxMiA2Ny4yNDggMTkuMTY2NCA2Ny45OTY4IDIyLjA3NTJINzEuNjQ5NkM3MS4wOTI4IDE5LjAyMjQgNjkuMDA0OCAxNi4xNjY0IDY2LjA5NiAxNC4zOTA0WiIgZmlsbD0iIzAxMUUwRiIvPgo8cGF0aCBkPSJNNDYuNDQgOS4yOTI4M0M0Ny4zOTA0IDguMDMwNDMgNDkuMjQzMiA3LjI5NjAyIDUwLjc0NTYgNy4yOTYwMkM1My41NDg4IDcuMjk2MDIgNTUuODY3MiA5LjM0NTYzIDU1Ljg3MiAxMi40NDE2VjIyLjA3NTJINTIuMjQzMlYxMy4yNDMyQzUyLjI0MzIgMTEuOTcxMiA1MS42NzY4IDEwLjUwMjQgNDkuODM4NCAxMC41MDI0QzQ3LjY3ODQgMTAuNTAyNCA0Ni40MzUyIDEyLjQxNzYgNDYuNDM1MiAxNC42NTkyVjIyLjA4NDhINDIuODA2NFY3LjY4OTYySDQ2LjQ0VjkuMjkyODNaIiBmaWxsPSIjMDExRTBGIi8+CjxwYXRoIGQ9Ik0xMiAyNEMxOC42Mjc0IDI0IDI0IDE4LjYyNzQgMjQgMTJDMjQgNS4zNzI1NyAxOC42Mjc0IDAgMTIgMEM1LjM3MjU5IDAgMCA1LjM3MjU3IDAgMTJDMCAxOC42Mjc0IDUuMzcyNTkgMjQgMTIgMjRaIiBmaWxsPSIjMDBENjZGIi8+CjxwYXRoIGQ9Ik0xMS40NDc5IDQuODAwMDVINy43NDcwN0M4LjQ2NzA3IDcuODA5NjUgMTAuNTY5NSAxMC4zODI0IDEzLjE5OTkgMTJDMTAuNTY0NyAxMy42MTc2IDguNDY3MDcgMTYuMTkwNCA3Ljc0NzA3IDE5LjJIMTEuNDQ3OUMxMi4zNjQ3IDE2LjQxNiAxNC45MDM5IDEzLjk5NjggMTguMDIzOSAxMy41MDI0VjEwLjQ5MjlDMTQuODk5MSAxMC4wMDMzIDEyLjM1OTkgNy41ODQwNSAxMS40NDc5IDQuODAwMDVaIiBmaWxsPSIjMDExRTBGIi8+Cjwvc3ZnPgo=");
	background-color: transparent !important;
	cursor: pointer;
	border: none;
}

button.stripe-gateway-stripelink-modal-trigger.nitro-lazy {
	background-image: none !important;
}

button.stripe-gateway-stripelink-modal-trigger:hover {
	background-color: transparent;
	border-color: transparent;
}

.wc-block-checkout__payment-method .wc-block-components-radio-control__label>span {
	width: 100%;
}

.wc-block-checkout__payment-method .wc-block-components-radio-control__label>span>span {
	float: right;
	display: flex;
	align-items: center;
	justify-content: center;
}

#radio-control-wc-payment-method-options-stripe__content.optimized-checkout-element {
	padding-top: 1.4em;
}

#radio-control-wc-payment-method-options-stripe__content.optimized-checkout-element .content {
	display: none;
}

#radio-control-wc-payment-method-options-stripe__label>span>span {
	border: none;
}

body.wc-block-product-gallery-modal-open, body.wc-modal--open {
	overflow: hidden;
}

.wc-block-grid__products .wc-block-grid__product-image {
	display: block;
	position: relative;
	text-decoration: none;
}

.wc-block-grid__products .wc-block-grid__product-image a {
	border: 0;
	box-shadow: none;
	outline: 0;
	text-decoration: none;
}

.wc-block-grid__products .wc-block-grid__product-image img {
	height: auto;
	max-width: 100%;
	width: 100%;
}

.wc-block-grid__products .wc-block-grid__product-image img[hidden] {
	display: none;
}

.wc-block-grid__products .wc-block-grid__product-image img[alt=""] {
	border: 1px solid #f2f2f2;
}

.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title, .editor-styles-wrapper .wc-block-grid__product-title, .wc-block-grid__product-title {
	color: inherit;
	display: block;
	font-family: inherit;
	font-size: inherit;
	font-weight: 700;
	line-height: 1.2;
	padding: 0;
}

.wc-block-grid__product-price {
	display: block;
}

.wc-block-grid__product-price .wc-block-grid__product-price__regular {
	margin-right: .5em;
}

.wc-block-grid__product-add-to-cart.wp-block-button {
	white-space: normal;
	word-break: break-word;
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
	display: inline-flex;
	font-size: 1em;
	justify-content: center;
	text-align: center;
	white-space: normal;
	word-break: break-word;
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading {
	opacity: .25;
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.added:after {
	content: "";
	display: inline-block;
	font-family: WooCommerce;
	height: auto;
	margin-left: .5em;
	width: auto;
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading:after {
	animation: spin 2s linear infinite;
	content: "";
	display: inline-block;
	font-family: WooCommerce;
	height: auto;
	margin-left: .5em;
	width: auto;
}

.has-5-columns:not(.alignfull) .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after, .has-6-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after, .has-7-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after, .has-8-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after, .has-9-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after {
	content: "";
	margin: 0;
}

.wc-block-grid__product-rating, .wp-block-woocommerce-product-review-rating {
	display: block;
}

.wc-block-grid__product-rating .star-rating, .wc-block-grid__product-rating .wc-block-grid__product-rating__stars, .wc-block-grid__product-rating .wc-block-product-review-rating__stars, .wp-block-woocommerce-product-review-rating .star-rating, .wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars, .wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars {
	font-family: WooCommerce;
	font-size: 1em;
	font-weight: 400;
	height: 1.618em;
	line-height: 1.618;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 5.3em;
}

.wc-block-grid__product-rating .star-rating:before, .wc-block-grid__product-rating .wc-block-grid__product-rating__stars:before, .wc-block-grid__product-rating .wc-block-product-review-rating__stars:before, .wp-block-woocommerce-product-review-rating .star-rating:before, .wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars:before, .wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars:before {
	content: "SSSSS";
	left: 0;
	opacity: .5;
	position: absolute;
	right: 0;
	top: 0;
	white-space: nowrap;
}

.wc-block-grid__product-rating .star-rating span, .wc-block-grid__product-rating .wc-block-grid__product-rating__stars span, .wc-block-grid__product-rating .wc-block-product-review-rating__stars span, .wp-block-woocommerce-product-review-rating .star-rating span, .wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span, .wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span {
	left: 0;
	overflow: hidden;
	padding-top: 1.5em;
	position: absolute;
	right: 0;
	top: 0;
}

.wc-block-grid__product-rating .star-rating span:before, .wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before, .wc-block-grid__product-rating .wc-block-product-review-rating__stars span:before, .wp-block-woocommerce-product-review-rating .star-rating span:before, .wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span:before, .wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span:before {
	color: inherit;
	content: "SSSSS";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	white-space: nowrap;
}

.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale {
	background: #fff;
	border: 1px solid #43454b;
	border-radius: 4px;
	color: #43454b;
	display: inline-block;
	font-size: .875em;
	font-weight: 600;
	left: auto;
	padding: .25em .75em;
	position: absolute;
	right: 4px;
	text-align: center;
	text-transform: uppercase;
	top: 4px;
	width: auto;
	z-index: 9;
}

.wc-block-grid__product .wc-block-grid__product-image, .wc-block-grid__product .wc-block-grid__product-link {
	display: inline-block;
	position: relative;
}

.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image), .wc-block-grid__product .wc-block-grid__product-title {
	margin: 0 0 12px;
}

.wc-block-grid__product .wc-block-grid__product-add-to-cart, .wc-block-grid__product .wc-block-grid__product-onsale, .wc-block-grid__product .wc-block-grid__product-price, .wc-block-grid__product .wc-block-grid__product-rating {
	margin: 0 auto 12px;
}

.theme-twentysixteen .wc-block-grid .price ins {
	color: #77a464;
}

.theme-twentynineteen .wc-block-grid__product {
	font-size: .88889em;
}

.theme-twentynineteen .wc-block-components-product-sale-badge, .theme-twentynineteen .wc-block-components-product-title, .theme-twentynineteen .wc-block-grid__product-onsale, .theme-twentynineteen .wc-block-grid__product-title {
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.theme-twentynineteen .wc-block-grid__product-title:before {
	display: none;
}

.theme-twentynineteen .wc-block-components-product-sale-badge, .theme-twentynineteen .wc-block-grid__product-onsale {
	line-height: 1;
}

.theme-twentynineteen .editor-styles-wrapper .wp-block-button .wp-block-button__link:not(.has-text-color) {
	color: #fff;
}

.theme-twentytwenty .wc-block-grid__product-link {
	color: #000;
}

.theme-twentytwenty .wc-block-components-product-title, .theme-twentytwenty .wc-block-grid__product-title {
	color: #cd2653;
	font-family: -apple-system, blinkmacsystemfont, Helvetica Neue, helvetica, sans-serif;
	font-size: 1em;
}

.theme-twentytwenty .wp-block-columns .wc-block-components-product-title {
	margin-top: 0;
}

.theme-twentytwenty .wc-block-components-product-price .woocommerce-Price-amount, .theme-twentytwenty .wc-block-components-product-price__value, .theme-twentytwenty .wc-block-grid__product-price .woocommerce-Price-amount, .theme-twentytwenty .wc-block-grid__product-price__value {
	font-family: -apple-system, blinkmacsystemfont, Helvetica Neue, helvetica, sans-serif;
	font-size: .9em;
}

.theme-twentytwenty .wc-block-components-product-price del, .theme-twentytwenty .wc-block-grid__product-price del {
	opacity: .5;
}

.theme-twentytwenty .wc-block-components-product-price ins, .theme-twentytwenty .wc-block-grid__product-price ins {
	text-decoration: none;
}

.theme-twentytwenty .star-rating, .theme-twentytwenty .wc-block-grid__product-rating {
	font-size: .7em;
}

.theme-twentytwenty .star-rating .wc-block-components-product-rating__stars, .theme-twentytwenty .star-rating .wc-block-grid__product-rating__stars, .theme-twentytwenty .wc-block-grid__product-rating .wc-block-components-product-rating__stars, .theme-twentytwenty .wc-block-grid__product-rating .wc-block-grid__product-rating__stars {
	line-height: 1;
}

.theme-twentytwenty .wc-block-components-product-button>.wp-block-button__link, .theme-twentytwenty .wc-block-grid__product-add-to-cart>.wp-block-button__link {
	font-family: -apple-system, blinkmacsystemfont, Helvetica Neue, helvetica, sans-serif;
}

.theme-twentytwenty .wc-block-components-product-sale-badge, .theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale {
	background: #cd2653;
	color: #fff;
	font-family: -apple-system, blinkmacsystemfont, Helvetica Neue, helvetica, sans-serif;
	font-weight: 700;
	letter-spacing: -.02em;
	line-height: 1.2;
	text-transform: uppercase;
}

.theme-twentytwenty .wc-block-grid__products .wc-block-components-product-sale-badge {
	position: static;
}

.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-image .wc-block-components-product-sale-badge {
	position: absolute;
}

.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale:not(.wc-block-components-product-sale-badge) {
	position: absolute;
	right: 4px;
	top: 4px;
	z-index: 1;
}

.theme-twentytwenty .wc-block-active-filters__title, .theme-twentytwenty .wc-block-attribute-filter__title, .theme-twentytwenty .wc-block-price-filter__title, .theme-twentytwenty .wc-block-stock-filter__title {
	font-size: 1em;
}

.theme-twentytwenty .wc-block-active-filters .wc-block-active-filters__clear-all, .theme-twentytwenty .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
	font-size: .75em;
}

@media only screen and (min-width:768px) {
	.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale {
		font-size: .875em;
		padding: .5em;
	}
}

@media only screen and (min-width:1168px) {
	.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale {
		font-size: .875em;
		padding: .5em;
	}
}

.theme-twentytwentytwo .wc-block-grid__product-add-to-cart .added_to_cart {
	display: block;
	margin-top: 12px;
}

.theme-twentytwentytwo .wc-block-components-product-price ins, .theme-twentytwentytwo .wc-block-grid__product-price ins {
	text-decoration: none;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	word-wrap: normal !important;
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	overflow-wrap: normal !important;
	padding: 0;
	position: absolute !important;
	width: 1px;
}

.screen-reader-text:focus {
	clip: auto !important;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
	clip-path: none;
	color: #2b2d2f;
	display: block;
	font-size: .875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

.wp-block-group.woocommerce.product .up-sells.upsells.products {
	max-width: var(--wp--style--global--wide-size);
}

.wc-block-components-notice-banner {
	align-content: flex-start;
	align-items: stretch;
	background-color: #fff;
	border: 1px solid #2f2f2f;
	border-radius: 4px;
	box-sizing: border-box;
	color: #2f2f2f;
	display: flex;
	font-size: .875em;
	font-weight: 400;
	gap: 12px;
	line-height: 1.5;
	margin: 16px 0;
	padding: 16px !important;
}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content {
	align-self: center;
	flex-basis: 100%;
	padding-right: 16px;
	white-space: normal;
}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content:last-child {
	padding-right: 0;
}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary {
	font-weight: 600;
	margin: 0 0 8px;
}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol, .wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul {
	margin: 0 0 0 24px;
	padding: 0;
}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol li:after, .wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul li:after {
	clear: both;
	content: "";
	display: block;
}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward {
	appearance: none;
	background: transparent !important;
	border: 0;
	color: #2f2f2f !important;
	float: right;
	margin: 0;
	opacity: .7;
	padding: 0 !important;
	text-decoration-line: underline;
	text-underline-position: under;
	transition: all .2s ease-in-out;
}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:active, .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:focus, .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover {
	opacity: 1;
	text-decoration: none;
}

.wc-block-components-notice-banner>svg {
	fill: #fff;
	background-color: #2f2f2f;
	border-radius: 50%;
	flex-grow: 0;
	flex-shrink: 0;
	height: 100%;
	padding: 2px;
}

.wc-block-components-notice-banner>.wc-block-components-button {
	background: transparent none !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #2f2f2f !important;
	flex: 0 0 16px;
	height: 16px !important;
	margin: 6px 0 0 auto !important;
	min-height: auto !important;
	min-width: 0 !important;
	opacity: .6;
	outline: none !important;
	padding: 0 !important;
	width: 16px !important;
}

.wc-block-components-notice-banner>.wc-block-components-button>svg {
	margin: 0 !important;
}

.wc-block-components-notice-banner>.wc-block-components-button:active, .wc-block-components-notice-banner>.wc-block-components-button:focus, .wc-block-components-notice-banner>.wc-block-components-button:hover {
	opacity: 1;
}

.wc-block-components-notice-banner>.wc-block-components-button:focus {
	outline: 2px solid currentColor !important;
	outline-offset: 0;
}

.wc-block-components-notice-banner.is-error {
	background-color: #fff0f0;
	border-color: #cc1818;
}

.wc-block-components-notice-banner.is-error>svg {
	background-color: #cc1818;
	transform: rotate(180deg);
}

.wc-block-components-notice-banner.is-warning {
	background-color: #fffbf4;
	border-color: #f0b849;
}

.wc-block-components-notice-banner.is-warning>svg {
	background-color: #f0b849;
	transform: rotate(180deg);
}

.wc-block-components-notice-banner.is-success {
	background-color: #f4fff7;
	border-color: #4ab866;
}

.wc-block-components-notice-banner.is-success>svg {
	background-color: #4ab866;
}

.wc-block-components-notice-banner.is-info {
	background-color: #f4f8ff;
	border-color: #007cba;
}

.wc-block-components-notice-banner.is-info>svg {
	background-color: #007cba;
}

.wc-block-components-notice-banner:focus {
	outline-width: 0;
}

.wc-block-components-notice-banner:focus-visible {
	outline-style: solid;
	outline-width: 2px;
}

.woocommerce.wc-block-store-notices.alignwide {
	max-width: var(--wp--style--global--wide-size);
}

/*! elementor - v3.31.0 - 11-08-2025 */
.elementor-column .elementor-spacer-inner {
	height: var(--spacer-size);
}

.e-con {
	--container-widget-width: 100%;
}

.e-con-inner>.elementor-widget-spacer, .e-con>.elementor-widget-spacer {
	width: var(--container-widget-width, var(--spacer-size));
	--align-self: var(--container-widget-align-self, initial);
	--flex-shrink: 0;
}

.e-con-inner>.elementor-widget-spacer>.elementor-widget-container, .e-con>.elementor-widget-spacer>.elementor-widget-container {
	height: 100%;
	width: 100%;
}

.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer, .e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer {
	height: 100%;
}

.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner, .e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner {
	height: var(--container-widget-height, var(--spacer-size));
}

.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer, .e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer {
	height: 100%;
}

.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner, .e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner {
	height: var(--container-widget-height, var(--spacer-size));
}

.e-con-inner>.elementor-widget-spacer.elementor-widget-empty, .e-con>.elementor-widget-spacer.elementor-widget-empty {
	min-height: 22px;
	min-width: 22px;
	position: relative;
}

.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon, .e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon {
	height: 22px;
	inset: 0;
	margin: auto;
	padding: 0;
	position: absolute;
	width: 22px;
}

.fluentform-widget-wrapper.hide-fluent-form-labels .ff-el-input--label {
	display: none !important;
}

.fluentform-widget-wrapper.hide-error-message .ff-el-is-error .text-danger {
	display: none;
}

.fluentform-widget-wrapper.fluentform-widget-align-left {
	margin: 0 auto 0 0;
}

.fluentform-widget-wrapper.fluentform-widget-align-center {
	float: none;
	margin: 0 auto;
}

.fluentform-widget-wrapper.fluentform-widget-align-right {
	margin: 0 0 0 auto;
}

.fluentform-widget-custom-radio-checkbox input[type=checkbox], .fluentform-widget-custom-radio-checkbox input[type=radio] {
	background: #ddd;
	height: 15px;
	min-width: 1px;
	outline: none;
	padding: 3px;
	width: 15px;
}

.fluentform-widget-custom-radio-checkbox input[type=checkbox]:after, .fluentform-widget-custom-radio-checkbox input[type=radio]:after {
	border: 0 solid transparent;
	content: "";
	display: block;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}

.fluentform-widget-custom-radio-checkbox input[type=checkbox]:checked:after, .fluentform-widget-custom-radio-checkbox input[type=radio]:checked:after {
	background: #999;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3E%3Cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 12px;
}

.fluentform-widget-custom-radio-checkbox input[type=radio], .fluentform-widget-custom-radio-checkbox input[type=radio]:after {
	border-radius: 50%;
}

.fluentform-widget-wrapper .frm-fluent-form .ff-step-header {
	margin-bottom: 0;
}

.ff-el-progress-bar {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: flex-end;
}

.fluent-form-widget-step-header-yes .ff-step-header .ff-el-progress-status, .fluent-form-widget-step-progressbar-yes .ff-el-progress {
	display: block;
}

.fluent-form-widget-step-header-yes .frm-fluent-form .ff-step-header, .fluent-form-widget-step-progressbar-yes .frm-fluent-form .ff-step-header {
	margin-bottom: 20px;
}

.fluentform-widget-section-break-content-left .ff-el-group.ff-el-section-break {
	text-align: left;
}

.fluentform-widget-section-break-content-center .ff-el-group.ff-el-section-break {
	text-align: center;
}

.fluentform-widget-section-break-content-right .ff-el-group.ff-el-section-break {
	text-align: right;
}

.fluentform-widget-submit-button-full-width .ff-btn-submit {
	display: block;
	width: 100%;
}

.fluentform-widget-submit-button-center .ff-el-group .ff-btn-submit, .fluentform-widget-submit-button-center .ff-el-group.ff-text-left .ff-btn-submit, .fluentform-widget-submit-button-center .ff-el-group.ff-text-right .ff-btn-submit {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 0 auto;
}

.fluentform-widget-submit-button-right .ff-el-group .ff-btn-submit, .fluentform-widget-submit-button-right .ff-el-group.ff-text-left .ff-btn-submit, .fluentform-widget-submit-button-right .ff-el-group.ff-text-right .ff-btn-submit {
	float: right;
}

.fluentform-widget-submit-button-left .ff-el-group .ff-btn-submit, .fluentform-widget-submit-button-left .ff-el-group.ff-text-left .ff-btn-submit, .fluentform-widget-submit-button-left .ff-el-group.ff-text-right .ff-btn-submit {
	float: left;
}

.fluentform-widget-wrapper.hide-placeholder input::-webkit-input-placeholder, .fluentform-widget-wrapper.hide-placeholder textarea::-webkit-input-placeholder {
	opacity: 0;
	visibility: hidden;
}

.fluentform-widget-wrapper.hide-placeholder input:-moz-placeholder, .fluentform-widget-wrapper.hide-placeholder input::-moz-placeholder, .fluentform-widget-wrapper.hide-placeholder textarea:-moz-placeholder, .fluentform-widget-wrapper.hide-placeholder textarea::-moz-placeholder {
	opacity: 0;
	visibility: hidden;
}

.fluentform-widget-wrapper.hide-placeholder input:-ms-input-placeholder, .fluentform-widget-wrapper.hide-placeholder textarea:-ms-input-placeholder {
	opacity: 0;
	visibility: hidden;
}

.fluentform-widget-wrapper.hide-placeholder input::-ms-input-placeholder, .fluentform-widget-wrapper.hide-placeholder textarea::-ms-input-placeholder {
	opacity: 0;
	visibility: hidden;
}

.lity {
	z-index: 9999 !important;
}

.draftJsFocusPlugin__focused__3Mksn {
	box-shadow: 0 0 5px #6dd7ff;
}

.editor_wrapper svg {
	fill: var(--text);
}

ol.public-DraftStyleDefault-ol {
	list-style: decimal;
}

.highlight {
	padding: 2px;
}

.math mjx-container[jax=CHTML][display=true] {
	display: inline;
}

.draftJsToolbar__toolbar__dNtBH input[type=color] {
	height: 48px;
	max-width: 64px;
}

.draftJsEmojiPlugin__alignmentTool__2mkQr {
	background: var(--dark);
	position: absolute;
	display: flex;
	border-radius: 5px;
	transform: scale(0);
}

.DraftEditor-root {
	position: relative;
	z-index: 0;
}

.DraftEditor-root .public-DraftEditorPlaceholder-root {
	position: absolute;
	z-index: -1;
}

.DraftEditor-root h1 {
	font-size: 3.2rem;
}

.DraftEditor-root h2 {
	font-size: 2.5rem;
}

.DraftEditor-root h3 {
	font-size: 1.8rem;
}

.draftJsEmojiPlugin__alignmentTool__2mkQr button {
	background: none;
	padding: 5px;
}

.draftJsEmojiPlugin__alignmentTool__2mkQr button svg {
	color: var(--white);
}

.draftJsToolbar__wrapper__9NZgg {
	left: 0;
	position: absolute;
	margin: -28px 0 0 28px;
	z-index: 999;
}

.draftJsToolbar__popup__GHzbY {
	position: absolute;
	left: 150px;
	top: 0;
	min-width: 260px;
}

.draftJsToolbar__popup__GHzbY>div {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(30px, 1fr));
	grid-gap: 3px;
	background: var(--dark);
	color: var(--white);
	padding: 5px;
	border-radius: 5px;
	flex-direction: row;
	align-items: center;
}

.draftJsToolbar__popup__GHzbY>div svg {
	fill: var(--white);
}

.draftJsToolbar__blockType__27Jwn {
	line-height: 1;
	border: 2px solid var(--dark);
	border-radius: 28px;
	width: 28px;
	height: 28px;
}

.draftJsToolbar__buttonWrapper__1Dmqh {
	display: inline-block;
}

.draftJsToolbar__buttonWrapper__1Dmqh.nostroke svg {
	fill: var(--bold);
	stroke: none;
}

.draftJsToolbar__button__qi1gf {
	background: var(--dark);
	color: var(--white);
	font-size: 18px;
	border: 0;
	padding: 5px;
	font-weight: 400;
	vertical-align: bottom;
	height: 34px;
}

.draftJsToolbar__button__qi1gf.draftJsToolbar__active__3qcpF {
	background: var(--dark);
	width: 100%;
	display: flex;
	justify-content: center;
	color: var(--white);
}

.draftJsToolbar__button__qi1gf.draftJsToolbar__active__3qcpF svg {
	fill: var(--white);
}

.draftJsToolbar__button__qi1gf svg {
	fill: var(--bold);
	width: 24px;
	height: 24px;
}

.draftJsToolbar__button__qi1gf.stroke svg {
	fill: none;
}

.draftJsToolbar__button__qi1gf.nostroke svg {
	fill: var(--bold) !important;
	stroke: none !important;
}

.draftJsToolbar__button__qi1gf:hover, .draftJsToolbar__button__qi1gf:focus {
	background: var(--dark);
	outline: 0;
}

.draftJsToolbar__separator__3U7qt {
	display: inline-block;
	border-right: 1px solid var(--border);
	height: 24px;
	margin: 0 .5em;
}

.draftJsToolbar__toolbar__dNtBH {
	left: 50%;
	-webkit-transform: translate(-50%) scale(0);
	transform: translate(-50%) scale(0);
	position: absolute;
	border: 1px solid var(--border);
	background: var(--highlight);
	border-radius: 2px;
	box-shadow: 0px 1px 3px 0px var(--shadow);
	z-index: 99;
	box-sizing: border-box;
}

.draftJsToolbar__toolbar__dNtBH>div {
	display: flex;
	align-items: center;
}

.draftJsToolbar__toolbar__dNtBH input {
	color: var(--white);
}

.draftJsToolbar__toolbar__dNtBH:after, .draftJsToolbar__toolbar__dNtBH:before {
	top: 100%;
	left: 50%;
	border: solid rgba(0, 0, 0, 0);
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.draftJsToolbar__toolbar__dNtBH:after {
	border-color: var(--darkborder);
	border-top-color: var(--dark);
	border-width: 4px;
	margin-left: -4px;
}

.draftJsToolbar__toolbar__dNtBH:before {
	border-color: var(--darkborder);
	border-top-color: var(--dark);
	border-width: 6px;
	margin-left: -6px;
}

.veditor_link_form>div {
	display: flex;
	padding: 5px;
}

.veditor_highlight_form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.veditor_highlight_form .highlight_control {
	font-size: .75rem;
	line-height: 1;
	margin: 5px;
	flex: 1 0 60px;
}

.veditor_highlight_form .highlight_control .veditor_pic_color {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.veditor_highlight_form .highlight_control .veditor_pic_color input[type=color] {
	padding: 0;
	border: none;
	margin: 5px;
	border-radius: 5px;
	width: 24px;
	height: 24px;
}

.veditor_highlight_form .highlight_control .veditor_pic_color>span {
	width: 24px;
	height: 24px;
	background: #eee;
	display: flex;
	border-radius: 2px;
}

.veditor_highlight_form .highlight_buttons {
	display: flex;
	justify-content: space-between;
	flex: 1;
	margin: 5px;
}

.veditor_highlight_form .range-slider {
	display: flex;
	align-items: center;
}

.veditor_highlight_form .range-slider>span {
	padding: 2px 5px;
}

.fixed_toolbar .draftJsToolbar__toolbar__dNtBH {
	position: relative;
	display: flex;
	clear: both;
	margin-top: 1rem;
	justify-content: space-between;
	align-items: center;
	transform: scale(1);
	flex-wrap: wrap;
	left: 0;
}

.fixed_toolbar .draftJsToolbar__toolbar__dNtBH>div {
	padding: 3px;
}

.fixed_toolbar .draftJsToolbar__toolbar__dNtBH>div.highlight_div {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 5px 1rem 0 1rem;
}

.fixed_toolbar .draftJsToolbar__toolbar__dNtBH>div.highlight_div select {
	color: var(--white);
}

.fixed_toolbar .draftJsToolbar__toolbar__dNtBH:before, .fixed_toolbar .draftJsToolbar__toolbar__dNtBH:after {
	display: none;
}

code[class*=language-], pre[class*=language-] {
	color: #ccc;
	background: none;
	font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
	font-size: 1em;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre[class*=language-] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
}

:not(pre)>code[class*=language-], pre[class*=language-] {
	background: #2d2d2d;
}

:not(pre)>code[class*=language-] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

.token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata {
	color: #999;
}

.token.punctuation {
	color: #ccc;
}

.token.tag, .token.attr-name, .token.namespace, .token.deleted {
	color: #e2777a;
}

.token.function-name {
	color: #6196cc;
}

.token.boolean, .token.number, .token.function {
	color: #f08d49;
}

.token.property, .token.class-name, .token.constant, .token.symbol {
	color: #f8c555;
}

.token.selector, .token.important, .token.atrule, .token.keyword, .token.builtin {
	color: #cc99cd;
}

.token.string, .token.char, .token.attr-value, .token.regex, .token.variable {
	color: #7ec699;
}

.token.operator, .token.entity, .token.url {
	color: #67cdcc;
}

.token.important, .token.bold {
	font-weight: bold;
}

.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}

.token.inserted {
	color: green;
}

.vibe_editor {
	background: var(--highlight);
	border: 1px solid var(--border);
	padding: 10px;
}

.vibe_editor .vicon {
	font-size: 1rem;
	line-height: 1;
}

.vibe_editor>.vibe_editor_elements>.vibe_editor_element {
	opacity: 1;
	color: var(--bold);
}

.vibe_editor .md-side-toolbar>div {
	display: flex;
	align-items: center;
}

.vibe_editor .md-side-toolbar>div>button {
	border-radius: 2px;
	border: 2px solid var(--text);
	display: flex;
	align-items: center;
	justify-content: center;
}

.vibe_form_field.post_title {
	border-bottom: 2px solid var(--border);
}

.DraftEditor-editorContainer {
	word-break: break-all;
}

.Draft_Editor .code_buttons button {
	background: #f17a7a;
	padding: 10px;
	font-size: 14px;
	border: 2px solid;
	border-radius: 10px;
	margin: 5px;
}

input[type=color] {
	-webkit-appearance: none;
	border: none;
	width: 32px;
	height: 24px;
}

input[type=color]::-webkit-color-swatch-wrapper {
	padding: 0;
}

input[type=color]::-webkit-color-swatch {
	border: none;
}

.tabE {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.vibe_editor_rich_text .tip {
	position: relative;
	color: var(--primary);
	cursor: pointer;
}

.vibe_editor_rich_text .tip:hover {
	color: var(--primarycolor);
	background: var(--primary);
}

.vibe_editor_rich_text .tip:hover:after {
	left: 0;
	max-width: 240px;
	bottom: 100%;
	background: var(--primary);
	color: var(--primarycolor);
}

.vibe_editor_rich_text .tip, .vibe_editor_rich_text a.tip:not([href]):not([tabindex]) {
	color: var(--primary);
	cursor: pointer;
}

.vibe_editor_rich_text .tip:hover, .vibe_editor_rich_text a.tip:not([href]):not([tabindex]):hover {
	color: var(--primarycolor);
	background: var(--primary);
}

.vibe_editor_rich_text .tip:hover:after, .vibe_editor_rich_text a.tip:not([href]):not([tabindex]):hover:after {
	left: 0;
	max-width: 240px;
	bottom: 100%;
	background: var(--primary);
	color: var(--primarycolor);
}

.VibeEditor {
	padding: 10px;
	border: 1px solid;
	margin: 10px;
	text-align: center;
}

.vibe_editor_elements {
	display: flex;
	flex-wrap: wrap;
}

.vibe_editor_elements .vibe_editor_element {
	background: var(--highlight);
	padding: 5px 8px;
}

.vibe_editor_elements .vibe_editor_element:hover {
	box-shadow: 0 3px 5px var(--border);
}

.shortcodes_wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
	grid-gap: 10px;
}

.shortcodes_wrapper .shortcode {
	border: 1px solid var(--border);
}

.shortcodes_wrapper .shortcode:hover {
	background: var(--border);
}

.vibe_rich_editor {
	position: relative;
	border: 1px solid var(--border);
	padding: .5rem;
}

.vibe_rich_editor pre {
	padding: 5px;
}

.columns_editor>.vibe_rich_editor_header>.vicon-pencil-alt, .media_editor>.vibe_rich_editor_header>.vicon-pencil-alt, .shortcode_editor>.vibe_rich_editor_header>.vicon-pencil-alt {
	opacity: 0;
}

.vibe_rich_editor_header {
	display: flex;
	justify-content: flex-end;
}

.columns_editor:hover {
	box-shadow: 0 5px 20px var(--shadow);
}

.columns_editor:hover .vibe_editor_element, .columns_editor:hover .vibe_rich_editor_control {
	opacity: 1;
}

.vibe_re_editor {
	position: relative;
}

.vibe_re_editor>span {
	display: flex;
	justify-content: flex-end;
	position: absolute;
	right: 0;
}

.vibe_re_editor .vibe_editor_elements .button {
	display: none;
}

.vibe_rich_editor_control {
	padding: 1px 3px;
	opacity: .4;
}

.vibe_rich_editor_control .vicon {
	color: var(--text);
	padding: 2px;
	border-radius: 2px;
}

.vibe_rich_editor_control .vicon.vicon-close {
	color: red;
}

.DraftEditor-editorContainer blockquote {
	margin: 1rem 0;
	padding: 1.5rem;
	border-left: 5px solid var(--border);
}

.vibe_editor_modal {
	position: fixed;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, .5);
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
}

.vibe_editor_modal>span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: -1;
}

.vibe_editor_modal .ve_modal-content {
	background: var(--highlight);
	padding: 1rem;
	box-shadow: 0 5px 20px var(--shadow);
	width: 640px;
	max-width: 80vw;
	max-height: 80vh;
	border-radius: 5px;
	overflow: auto;
}

.vibe_editor_modal .ve_modal-content .ve_modal-header {
	display: flex;
	justify-content: space-between;
}

.vibe_editor_modal .ve_modal-content .ve_modal-header h3 {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
}

.vibe_editor_modal .ve_modal-content .ve_modal-header>div {
	display: flex;
}

.vibe_editor_modal .ve_modal-content .ve_modal-header .vicon {
	color: var(--text) !important;
}

.vibe_editor_modal .ve_modal-content .ve_modal-header>div>a {
	color: var(--primary);
	padding: .5rem;
	font-size: 1rem;
}

.vibe_editor_modal .ve_modal-content .ve_modal-header>div>a.active {
	background: var(--primary);
	color: var(--primarycolor);
	border-radius: 5px;
}

.vibe_editor_modal .ve_modal-content .ve_modal-body .vibebp_form {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: sticky;
	top: 0;
	background: var(--highlight);
	padding: 1rem 0;
	z-index: 99;
	border-bottom: 1px dotted var(--shadow);
	border-bottom: 1px dotted var(--shadow);
}

.vibe_editor_modal .ve_modal-content .ve_modal-body .vibebp_form .vibebp_form_field+.vibebp_form_field {
	margin: 0;
}

.vibe_editor_modal .ve_modal-content .ve_modal-body .allMedia {
	display: grid;
	grid-gap: 1rem;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.vibe_editor_modal .ve_modal-content .ve_modal-body .allMedia .single_media {
	transition: all .2s;
	line-height: 1;
	background: var(--sidebar);
	border-radius: 5px;
	position: relative;
	min-height: 10rem;
	cursor: pointer;
}

.vibe_editor_modal .ve_modal-content .ve_modal-body .allMedia .single_media>span {
	max-width: 100%;
}

.vibe_editor_modal .ve_modal-content .ve_modal-body .allMedia .single_media .vicon-close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
	background: var(--danger);
	color: #fff;
	padding: 5px;
	border-radius: 50%;
}

.vibe_editor_modal .ve_modal-content .ve_modal-body .allMedia .single_media:hover {
	box-shadow: 0 4px 8px var(--shadow);
	line-height: 0;
	border-radius: 2px;
}

.vibe_editor_modal .ve_modal-content .ve_modal-body .allMedia .drive_label {
	position: absolute;
	top: 0;
	left: 0;
	padding: .25rem .5rem;
	background: var(--success);
	color: #fff;
	border-radius: 0 0 5px 0;
}

.vibe_editor_modal .ve_modal-content .ve_modal-body .upload_media input#vibe_editor_upload_media {
	display: none;
}

.vibe_editor_modal .ve_modal-content .ve_modal-body .upload_media label {
	min-height: 200px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 5px dashed var(--border);
	margin-top: 1rem;
	font-size: 4rem;
}

.vibe_editor_modal .ve_modal-content .ve_modal-body .embed_media {
	display: flex;
	flex-direction: column;
	padding: 1rem;
	border: 5px dashed var(--border);
}

.vibe_editor_modal .ve_modal-content .ve_modal-body .embed_media select {
	margin-top: 1rem;
}

.vibe_editor_modal .block_type {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.5rem;
}

.vibe_editor_modal .block_type>* {
	margin: .5rem;
	flex: 0 0 48px;
	fill: var(--light);
}

.vibe_editor_modal .block_type>*:hover {
	fill: var(--primary);
}

ul.public-DraftStyleDefault-ul {
	list-style: disc outside;
	padding-left: 20px;
}

ul.public-DraftStyleDefault-ol {
	list-style: decimal outside;
	padding-left: 15px;
}

.shortcodes_wrapper>.shortcode {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 1rem;
	justify-content: space-between;
}

.shortcodes_wrapper>.shortcode>span {
	font-size: 3rem;
	margin-bottom: .5rem;
}

.shortcodes_wrapper>.shortcode>span svg {
	fill: none;
	width: 48px;
}

.shortcodes_wrapper>.shortcode:hover svg {
	stroke: var(--primary);
}

.shortcode_editor .vibe_note {
	border: 1px solid var(--border);
	margin: 10px 0;
}

.shortcode_editor .vibe_note .vibe_editor {
	background: none;
	border: none;
	padding: 0;
}

.shortcode_editor .vibe_note .attributes {
	display: grid;
	grid-gap: 10px;
	margin: 0 10px;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

.shortcode_editor .vibe_note .attributes span {
	font-size: .8rem;
	margin-right: 5px;
}

.shortcode_editor .vibe_note .attributes span input {
	width: 72px;
	margin-left: 10px;
}

.shortcode_editor .vibe_accordion {
	border: 1px solid var(--border);
	margin: 10px 0;
}

.shortcode_editor .vibe_accordion .add_new {
	padding: .5rem;
	margin: .5rem;
	text-align: center;
	border-radius: 2rem;
	background: var(--light);
	border: 1px solid var(--border);
}

.shortcode_editor .vibe_accordion .vibeeditor_accordion .vibeeditor_toggle {
	padding: 10px;
}

.shortcode_editor .vibe_accordion .vibeeditor_accordion .vibeeditor_toggle>span {
	display: flex;
	align-items: center;
}

.shortcode_editor .vibe_accordion .vibeeditor_accordion .vibeeditor_toggle>span>label {
	flex: 1;
	display: flex;
	justify-content: space-between;
	cursor: pointer;
	align-items: center;
	margin-bottom: 10px;
}

.shortcode_editor .vibe_accordion .vibeeditor_accordion .vibeeditor_toggle>span>label input {
	flex: 1;
}

.shortcode_editor .vibe_accordion .vibeeditor_accordion .vibeeditor_toggle input[type=radio] {
	display: none;
}

.shortcode_editor .vibe_accordion .vibeeditor_accordion .vibeeditor_toggle .vibeeditor_toggle_content {
	display: none;
}

.shortcode_editor .vibe_accordion .vibeeditor_accordion .vibeeditor_toggle .vibeeditor_toggle_content .vibe_editor {
	border: none;
}

.shortcode_editor .vibe_accordion .vibeeditor_accordion input:checked+span>label>.vicon {
	transform: rotate(90deg);
}

.shortcode_editor .vibe_accordion .vibeeditor_accordion input:checked+span+.vibeeditor_toggle_content, .shortcode_editor .vibe_accordion .vibeeditor_accordion input:checked+span+p+.vibeeditor_toggle_content {
	display: block;
}

.shortcode_editor .vibe_tab {
	border: 1px solid var(--border);
	margin: 10px 0;
}

.shortcode_editor .vibe_tab .add_new {
	padding: .5rem;
	margin: .5rem;
	text-align: center;
	border-radius: 5px;
	max-width: 200px;
	background: var(--primary);
	color: var(--primarycolor);
	display: flex;
}

.shortcode_editor .vibe_tab .vibeeditor_tabs_wrapper {
	display: flex;
	flex-direction: column;
}

.shortcode_editor .vibe_tab .vibeeditor_tabs_wrapper .vibeeditor_tabs {
	display: flex;
	margin: 0 10px;
	border-bottom: 1px solid var(--border);
	border-radius: 5px 0 0 0;
	border-left: 1px solid var(--border);
	overflow-x: auto;
}

.shortcode_editor .vibe_tab .vibeeditor_tabs_wrapper .vibeeditor_tabs>label {
	padding: 5px 10px;
	border: 1px solid var(--border);
	border-left: none;
	border-radius: 5px 5px 0 0;
	border-bottom: none;
	margin-bottom: 0;
}

.shortcode_editor .vibe_tab .vibeeditor_tabs_wrapper .vibeeditor_tabs_content_wrapper {
	margin-top: 10px;
}

.shortcode_editor .vibe_tab .vibeeditor_tabs_wrapper .vibeeditor_tabs_content_wrapper .vibeeditor_tab_content, .shortcode_editor .vibe_tab .vibeeditor_tabs_wrapper .vibeeditor_tabs_content_wrapper input[type=radio] {
	display: none;
	margin: 0 10px;
}

.shortcode_editor .vibe_tab .vibeeditor_tabs_wrapper .vibeeditor_tabs_content_wrapper .vibeeditor_tab_content .vibe_editor, .shortcode_editor .vibe_tab .vibeeditor_tabs_wrapper .vibeeditor_tabs_content_wrapper input[type=radio] .vibe_editor {
	border: none;
}

.shortcode_editor .vibe_tab .vibeeditor_tabs_wrapper .vibeeditor_tabs_content_wrapper input[type=radio]:checked+.vibeeditor_tab_content, .shortcode_editor .vibe_tab .vibeeditor_tabs_wrapper .vibeeditor_tabs_content_wrapper input[type=radio]:checked+p+.vibeeditor_tab_content {
	display: block;
}

.shortcode_editor .vibe_tab .vibeeditor_tabs_wrapper .vibeeditor_tabs_content_wrapper input[type=radio]:checked+.vibeeditor_tab_content>span, .shortcode_editor .vibe_tab .vibeeditor_tabs_wrapper .vibeeditor_tabs_content_wrapper input[type=radio]:checked+p+.vibeeditor_tab_content>span {
	display: flex;
	margin-bottom: 1px;
	align-items: center;
}

.shortcode_editor .vibe_tab .vibeeditor_tabs_wrapper .vibeeditor_tabs_content_wrapper input[type=radio]:checked+.vibeeditor_tab_content>span input, .shortcode_editor .vibe_tab .vibeeditor_tabs_wrapper .vibeeditor_tabs_content_wrapper input[type=radio]:checked+p+.vibeeditor_tab_content>span input {
	flex: 1;
	margin-left: 10px;
}

.shortcode_editor .vibe_vibe_forms .all_forms {
	display: flex;
	flex-wrap: wrap;
	gap: .25rem;
	margin-bottom: 1rem;
}

.shortcode_editor .vibe_vibe_forms .all_forms .form {
	padding: .5rem;
	background: var(--border);
}

.small_message {
	font-size: .8rem;
	opacity: .8;
	display: flex;
}

.small_message .vicon {
	margin: 2px 5px 0 0;
}

.editor_wrapper ul, .editor_wrapper ol {
	margin-left: 20px;
}

.vibebp_progress_wrapper {
	display: flex;
	align-items: center;
	margin: 0 -5px;
	min-width: 150px;
}

.vibebp_progress_wrapper>span {
	margin: 5px;
}

.vibebp_progress_wrapper .progress_wrapper {
	position: relative;
	height: 5px;
	flex: 1;
	background: var(--border);
}

.vibebp_progress_wrapper .progress_wrapper>span.progress_bar {
	background: var(--success);
	height: 5px;
	border-radius: 5px;
	position: absolute;
	left: 0;
	top: 0;
}

.editor_over_image {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	min-height: 120px;
}

.editor_over_image.not_set {
	position: relative;
}

.editor_over_image .vibe_editor {
	background: var(--shadow);
	padding-bottom: 60px;
}

.editor_over_image .action {
	background: var(--highlight);
	border: none;
	margin-top: 120px;
}

.flashcard .bottom_right .editor_over_image {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.flashcard .bottom_left .editor_over_image {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}

.flashcard .top_right .editor_over_image {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
}

.flashcard .center_center .editor_over_image {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flashcard .flashcard_card {
	min-height: 240px;
	perspective: 1500px;
	position: relative;
}

.flashcard .flashcard_card .shortcode_content {
	position: relative;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: transform 1s;
}

.flashcard .flashcard_card .action {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 1rem;
	padding: 0;
	position: absolute;
	z-index: 9;
	width: 100%;
}

.flashcard .flashcard_card .action select {
	background: var(--body);
}

.flashcard .flashcard_more {
	display: none !important;
}

.flashcard .flashcard_more .shortcode_content .front {
	display: none;
	position: relative;
}

.flashcard .flashcard_more:checked~.shortcode_content {
	transform: rotateY(180deg);
}

.flashcard .flashcard_more:checked~.shortcode_content .back {
	display: none;
}

.flashcard .flashcard_more:checked~.shortcode_content .back .vibe_re_editor {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.flashcard .flash_card_styles {
	display: flex;
	flex-wrap: wrap;
	margin: -5px;
	flex: 1;
	line-height: 0;
	border-radius: 3px;
}

.flashcard .flash_card_styles>* {
	margin: 5px;
	flex: 1 0 32px;
	max-width: 64px;
}

.flashcard .flash_card_styles>* path, .flashcard .flash_card_styles>* text {
	stroke: var(--border);
}

.flashcard .flash_card_styles>*:hover path, .flashcard .flash_card_styles>*:hover text, .flashcard .flash_card_styles>*.active path, .flashcard .flash_card_styles>*.active text {
	stroke: var(--primary);
}

.flashcard .front, .flashcard .back {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform-style: preserve-3d;
}

.flashcard .front span.remove, .flashcard .back span.remove {
	position: absolute;
	top: 1rem;
	right: 1rem;
	z-index: 9;
	color: var(--red);
}

.flashcard .front .flashcard_label, .flashcard .back .flashcard_label {
	position: absolute;
	top: 0%;
	left: 0%;
	color: var(--primary);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.flashcard .front .inner, .flashcard .back .inner {
	display: flex;
	flex-direction: column;
	justify-content: start;
}

.flashcard .front .inner.center_center, .flashcard .back .inner.center_center {
	align-items: center;
	justify-content: center;
}

.flashcard .front .inner.end, .flashcard .back .inner.end {
	justify-content: end;
}

.flashcard .front .inner .action, .flashcard .back .inner .action {
	z-index: 1;
}

.flashcard .front .inner img.flashcard_background_image, .flashcard .back .inner img.flashcard_background_image {
	border-radius: 1.5rem;
}

.flashcard .front .inner img.flashcard_background_image+.vibe_re_editor .vibe_editor, .flashcard .back .inner img.flashcard_background_image+.vibe_re_editor .vibe_editor {
	background: none;
}

.flashcard .front .inner img.flashcard_background_image+div.flashcard_content_html, .flashcard .back .inner img.flashcard_background_image+div.flashcard_content_html {
	background: none;
}

.flashcard .front .inner .flashcard_content_html, .flashcard .back .inner .flashcard_content_html {
	z-index: 1;
	padding: 1.5rem;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.flashcard .front .inner .flashcard_content_html.center, .flashcard .back .inner .flashcard_content_html.center {
	align-items: center;
}

.flashcard .front .inner .flashcard_content_html.end, .flashcard .back .inner .flashcard_content_html.end {
	align-items: flex-end;
}

.flashcard .back {
	transform: rotateY(180deg);
}

.flashcard .flashcard_more+.shortcode_content .front {
	position: relative;
}

.flashcard .flashcard_more+.shortcode_content .back {
	display: none;
}

.flashcard .flashcard_more:checked+.shortcode_content .front {
	display: none;
}

.flashcard .flashcard_more:checked+.shortcode_content .back {
	position: relative;
	display: block;
	transform: rotate(0);
}

.flashcard .flipbutton {
	background: var(--primary);
	line-height: 1;
	margin-right: 10px;
	padding: .5rem;
	border-radius: 5px;
	color: var(--highlight);
	cursor: pointer;
}

.scratchcard .shortcode_content, .imagerevealer .shortcode_content, .hotspots .shortcode_content {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: transform 1s;
}

.scratchcard .shortcode_content>*, .imagerevealer .shortcode_content>*, .hotspots .shortcode_content>* {
	padding: 8px;
}

.scratchcard .shortcode_content img._image, .imagerevealer .shortcode_content img._image, .hotspots .shortcode_content img._image {
	width: 100%;
	height: 100%;
	border-radius: .5rem;
}

.scratchcard .shortcode_content .front, .scratchcard .shortcode_content .back, .imagerevealer .shortcode_content .front, .imagerevealer .shortcode_content .back, .hotspots .shortcode_content .front, .hotspots .shortcode_content .back {
	position: relative;
}

.scratchcard .shortcode_content .front .action_remove, .scratchcard .shortcode_content .back .action_remove, .imagerevealer .shortcode_content .front .action_remove, .imagerevealer .shortcode_content .back .action_remove, .hotspots .shortcode_content .front .action_remove, .hotspots .shortcode_content .back .action_remove {
	position: absolute;
	top: .5rem;
	right: .5rem;
	background: var(--danger);
	border-radius: 50%;
	cursor: pointer;
	padding: .25rem;
	color: var(--primarycolor);
}

.scratchcard .shortcode_content .front .bg_image_select, .scratchcard .shortcode_content .back .bg_image_select, .imagerevealer .shortcode_content .front .bg_image_select, .imagerevealer .shortcode_content .back .bg_image_select, .hotspots .shortcode_content .front .bg_image_select, .hotspots .shortcode_content .back .bg_image_select {
	padding: 1rem;
	border: 5px dashed var(--border);
	background: var(--highlight);
	border-radius: 5px;
}

.scratchcard .shortcode_content, .imagerevealer .shortcode_content {
	padding-bottom: 3.5rem;
	overflow: hidden;
}

.imagerevealer .shortcode_content .front, .scratchcard .shortcode_content .front {
	position: absolute;
	top: 3.5rem;
}

.scratcardContainer {
	text-align: center;
}

.scratcardContainer span.hed {
	z-index: 999;
	color: #fff;
}

.scratcardContainer .scratchcard {
	display: none;
	margin: 0 auto;
	width: 100%;
	height: auto;
	cursor: crosshair;
	background: round;
	border-radius: .5rem;
}

.imagerevealerContainer {
	position: relative;
	margin: auto;
	text-align: center;
}

.imagerevealerContainer .cocoen img {
	height: inherit;
	border-radius: .5rem;
	overflow: hidden;
}

.hotspots label.hotspot_image {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	margin: .5rem;
	min-height: 100px;
	width: 100%;
	border: 4px dashed var(--border);
}

.hotspots .image_container {
	position: relative;
}

.hotspots .image_container ._image {
	cursor: pointer;
}

.hotspots .image_container .hotspot_point {
	position: absolute;
}

.hotspots .image_container .hotspot_point .pin, .hotspots .image_container .hotspot_point .pin-open {
	color: var(--danger);
	font-size: 3rem;
	cursor: pointer;
}

.hotspots .image_container .hotspot_point ._box {
	display: none;
	border: 1px solid var(--border);
	padding: .25rem .5rem;
	background: var(--body);
	border-radius: 10px;
}

.hotspots .image_container .hotspot_point .pin-open:hover+._box {
	display: block;
}

.hotspots .image_container .hotspot_point .hotspot_textarea {
	background-color: var(--body);
	padding: .5rem;
	position: relative;
	display: block;
}

.hotspots .image_container .hotspot_point .hotspot_textarea .remove {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	padding: .25rem;
	background: var(--border);
}

.memorygame {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.memorygame .reload_memory_game {
	display: none;
	position: absolute;
	font-size: 2rem;
	cursor: pointer;
}

.memorygame__cards {
	width: 100%;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: .5rem;
}

.memorygame__cards.no-event {
	pointer-events: none;
}

.memorygame__cards.grid_columns_2 {
	grid-template-columns: repeat(2, 1fr);
}

.memorygame__cards.grid_columns_3 {
	grid-template-columns: repeat(3, 1fr);
}

.memorygame__cards.grid_columns_4 {
	grid-template-columns: repeat(4, 1fr);
}

.memorygame__cards.grid_columns_5 {
	grid-template-columns: repeat(5, 1fr);
}

.memorygame__cards>* {
	background-color: #4158d0;
	background-image: linear-gradient(43deg, #4158d0 0%, #c850c0 46%, #ffcc70 100%);
}

.memorygame__cards>*:nth-child(2n) {
	background: #cac531;
	background: linear-gradient(to right, #cac531, #f3f9a7);
}

.memorygame__cards>*:nth-child(3n) {
	background-color: #0093e9;
	background-image: linear-gradient(160deg, #0093e9 0%, #80d0c7 100%);
}

.memorygame__cards>*:nth-child(4n) {
	background-color: #f4d03f;
	background-image: linear-gradient(132deg, #f4d03f 0%, #16a085 100%);
}

.memorygame__cards>*:nth-child(5n) {
	background-color: #08aeea;
	background-image: linear-gradient(0deg, #08aeea 0%, #2af598 100%);
}

.memorygame__cards>*:nth-child(6n) {
	background-color: #d9afd9;
	background-image: linear-gradient(0deg, #d9afd9 0%, #97d9e1 100%);
}

.memorygame__cards>*:nth-child(7n) {
	background-color: #d9afd9;
	background-image: linear-gradient(0deg, #d9afd9 0%, #97d9e1 100%);
}

.memorygame__cards>*:nth-child(8n) {
	background-color: #ff9a8b;
	background-image: linear-gradient(90deg, #ff9a8b 0%, #ff6a88 55%, #ff99ac 100%);
}

.memorygame__cards>*:nth-child(9n) {
	background-color: #fbda61;
	background-image: linear-gradient(45deg, #fbda61 0%, #ff5acd 100%);
}

.memorygame__card {
	position: relative;
	cursor: pointer;
	perspective: 700px;
	border: 1px solid var(--border);
	aspect-ratio: 1;
}

.memorygame__card:hover {
	box-shadow: 0 2px 5px var(--shadow);
	transition: all .5s;
	transform: translateY(-2px);
}

.memorygame__card.js-card {
	border-radius: 5px;
	border: none;
	color: #fff;
}

.memorygame__card.flipped .memorygame__back-card, .memorygame__card.has-match .memorygame__back-card {
	transform: rotateY(180deg);
}

.memorygame__card.flipped .memorygame__front-card, .memorygame__card.has-match .memorygame__front-card {
	transform: rotateY(360deg);
}

.memorygame__back-card, .memorygame__front-card {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: .5rem;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transition: transform 400ms;
	padding: .2rem;
}

.memorygame__back-card .remove, .memorygame__front-card .remove {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	padding: .25rem;
	background: var(--border);
}

.memorygame__back-card ._image, .memorygame__front-card ._image {
	height: 100%;
	width: 100%;
	border-radius: 5px;
	object-fit: cover;
}

.memorygame__back-card {
	z-index: 1;
}

.memorygame__front-card {
	transform: rotateY(180deg);
}

.vibeeditor_memorygame {
	border: 3px dashed var(--border);
}

.vibeeditor_memorygame>div.action {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.vibeeditor_memorygame .memorygame__back-card {
	backface-visibility: unset;
	-webkit-backface-visibility: unset;
}

.vibeeditor_cardstack {
	border: 3px dashed var(--border);
}

.vibeeditor_cardstack>div.action {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.vibeeditor_cardstack__cards {
	width: 100%;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	grid-gap: .5rem;
}

.vibeeditor_cardstack__card {
	position: relative;
	cursor: pointer;
	border: 1px solid var(--border);
}

.vibeeditor_cardstack__card .remove {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	padding: .25rem;
	background: var(--border);
}

.vibeeditor_cardstack__card ._image {
	height: 100%;
	width: 100%;
	border-radius: 5px;
}

.vibeeditor_shortcode_embedviewer iframe {
	height: 80vh !important;
	width: 100% !important;
}

.vibeeditor_shortcode_embedviewer .upload_media label {
	min-height: 200px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 5px dashed var(--border);
	margin-top: 1rem;
	font-size: 4rem;
}

.ai_block_gen {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.ai_block_gen input {
	padding: 5px;
	border: 1px solid var(--border);
}

.editor-alignment-right {
	flex-direction: row-reverse;
	display: flex;
}

.editor-alignment-center {
	display: flex;
	justify-content: center;
}

.cocoen {
	box-sizing: border-box;
	cursor: pointer;
	line-height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.cocoen * {
	box-sizing: inherit;
}

.cocoen ::after, .cocoen ::before {
	box-sizing: inherit;
}

.cocoen img, .cocoen picture>img {
	max-width: none;
}

.cocoen>img, .cocoen>picture>img {
	display: block;
	width: 100%;
}

.cocoen>div:first-child, picture .cocoen>div {
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 50%;
}

.cocoen-drag {
	background: #fff;
	bottom: 0;
	cursor: ew-resize;
	left: 50%;
	margin-left: -1px;
	position: absolute;
	top: 0;
	width: 2px;
}

.cocoen-drag::before {
	border: 3px solid #fff;
	content: "";
	height: 30px;
	left: 50%;
	margin-left: -7px;
	margin-top: -18px;
	position: absolute;
	top: 50%;
	width: 14px;
}

.cardstack {
	margin: 0 auto;
	position: relative;
	z-index: 1000;
	width: 320px;
	height: 320px;
	padding: 0;
	list-style: none;
	pointer-events: none;
}

.cardstack__item {
	background: #fff;
	height: 100%;
	width: 100%;
	border-radius: 4px;
	text-align: center;
	overflow: hidden;
	position: absolute;
	opacity: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: auto;
}

.cardstack__item img {
	width: 100%;
	display: block;
	pointer-events: none;
}

/* .controls {
	position: relative;
	width: 200px;
	text-align: center;
	margin: 3em 0 0 0;
}

.button {
	border: none;
	background: none;
	position: relative;
	display: inline-block;
	padding: 0.25em;
	margin: 0 0.5em;
	cursor: pointer;
	font-size: 1.5em;
	width: 50px;
	height: 50px;
	z-index: 100;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.button .fa {
	pointer-events: none;
}

.button--default {
	background: #333;
	border-radius: 3px;
	color: #fff;
	font-size: 0.95em;
	font-weight: bold;
	padding: 0.65em 2em;
	width: auto;
	height: auto;
}

.button--sonar {
	border-radius: 50%;
	background: #fff;
}

.button--sonar::before {
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	content: '';
	opacity: 0;
	pointer-events: none;
	border: 4px solid rgba(255,255,255,0.5);
	margin: -35px 0 0 -35px;
	width: 70px;
	height: 70px;
}

.button--sonar.button--active::before {
	-webkit-animation: anim-effect-sonar 0.3s ease-out forwards;
	animation: anim-effect-sonar 0.3s ease-out forwards;
} */
@-webkit-keyframes anim-effect-sonar {
	0% {
		opacity: 1;
		-webkit-transform: scale3d(.9, .9, 1);
		transform: scale3d(.9, .9, 1);
	}
	
	to {
		opacity: 0;
		-webkit-transform: scale3d(1.4, 1.4, 1);
		transform: scale3d(1.4, 1.4, 1);
	}
}

@keyframes anim-effect-sonar {
	0% {
		opacity: 1;
		-webkit-transform: scale3d(.9, .9, 1);
		transform: scale3d(.9, .9, 1);
	}
	
	to {
		opacity: 0;
		-webkit-transform: scale3d(1.4, 1.4, 1);
		transform: scale3d(1.4, 1.4, 1);
	}
}

.material-circle {
	width: 150vh;
	height: 150vh;
	margin: -75vh 0 0 -75vh;
	z-index: 0;
	z-index: 0;
	border-radius: 50%;
	pointer-events: none;
	opacity: 0;
	position: absolute;
	-webkit-transform: scale3d(0, 0, 1);
	transform: scale3d(0, 0, 1);
}

.material-circle--accept.material-circle--active {
	background: #81d47d;
}

.material-circle--reject.material-circle--active {
	background: #e66868;
}

.material-circle--active {
	-webkit-animation: anim-effect-material .6s ease-out forwards;
	animation: anim-effect-material .6s ease-out forwards;
}

@-webkit-keyframes anim-effect-material {
	0% {
		opacity: 1;
		-webkit-transform: scale3d(0, 0, 1);
		transform: scale3d(0, 0, 1);
	}
	
	70% {
		opacity: 1;
		-webkit-transform: scale3d(1.4, 1.4, 1);
		transform: scale3d(1.4, 1.4, 1);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: scale3d(1.4, 1.4, 1);
		transform: scale3d(1.4, 1.4, 1);
	}
}

@keyframes anim-effect-material {
	0% {
		opacity: 1;
		-webkit-transform: scale3d(0, 0, 1);
		transform: scale3d(0, 0, 1);
	}
	
	70% {
		opacity: 1;
		-webkit-transform: scale3d(1.4, 1.4, 1);
		transform: scale3d(1.4, 1.4, 1);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: scale3d(1.4, 1.4, 1);
		transform: scale3d(1.4, 1.4, 1);
	}
}

/* .button:focus {
	outline: none;
}

.button--accept {
	color: #81d47d;
}

.button--reject {
	color: #e66868;
}

.text-hidden {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	color: transparent;
	display: block;
} */

/* Animations */
.cardstack__item--reject, .cardstack__item--accept {
	pointer-events: none;
}

/***********************************************/

/******************** yuda *********************/

/***********************************************/
.cardstack--yuda .cardstack__item--reject {
	-webkit-animation: yudaReject .5s forwards;
	animation: yudaReject .5s forwards;
}

@-webkit-keyframes yudaReject {
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 200px, 0);
		transform: translate3d(0, 200px, 0);
	}
}

@keyframes yudaReject {
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 200px, 0);
		transform: translate3d(0, 200px, 0);
	}
}

.cardstack--yuda .cardstack__item--accept {
	-webkit-animation: yudaAccept .5s forwards;
	animation: yudaAccept .5s forwards;
	-webkit-transform-origin: 50% 300%;
	transform-origin: 50% 300%;
}

@-webkit-keyframes yudaAccept {
	to {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, 20deg);
		transform: rotate3d(0, 0, 1, 20deg);
	}
}

@keyframes yudaAccept {
	to {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, 20deg);
		transform: rotate3d(0, 0, 1, 20deg);
	}
}

/***********************************************/

/******************** krisna *******************/

/***********************************************/
.cardstack--krisna .cardstack__item--reject {
	-webkit-animation: krisnaReject .5s forwards;
	animation: krisnaReject .5s forwards;
}

@-webkit-keyframes krisnaReject {
	to {
		-webkit-transform: translate3d(-25vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}
}

@keyframes krisnaReject {
	to {
		-webkit-transform: translate3d(-25vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}
}

.cardstack--krisna .cardstack__item--accept {
	-webkit-animation: krisnaAccept .5s forwards;
	animation: krisnaAccept .5s forwards;
}

@-webkit-keyframes krisnaAccept {
	to {
		-webkit-transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
		transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
	}
}

@keyframes krisnaAccept {
	to {
		-webkit-transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
		transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
	}
}

/* ...when content has 100% viewport width */
@media screen and (max-width: 60em) {
	@-webkit-keyframes krisnaReject {
		to {
			-webkit-transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
			transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
		}
	}
	
	@keyframes krisnaReject {
		to {
			-webkit-transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
			transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
		}
	}
	
	@-webkit-keyframes krisnaAccept {
		to {
			-webkit-transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
			transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
		}
	}
	
	@keyframes krisnaAccept {
		to {
			-webkit-transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
			transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
		}
	}
}

/***********************************************/

/******************** wangi *********************/

/***********************************************/
.cardstack--wangi .cardstack__item--reject {
	-webkit-animation: wangiReject .5s forwards;
	animation: wangiReject .5s forwards;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
}

@-webkit-keyframes wangiReject {
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 400px, 0) rotate3d(0, 0, 1, 40deg);
		transform: translate3d(0, 400px, 0) rotate3d(0, 0, 1, 40deg);
	}
}

@keyframes wangiReject {
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 400px, 0) rotate3d(0, 0, 1, 40deg);
		transform: translate3d(0, 400px, 0) rotate3d(0, 0, 1, 40deg);
	}
}

.cardstack--wangi .cardstack__item--accept {
	-webkit-animation: wangiAccept .5s forwards;
	animation: wangiAccept .5s forwards;
	-webkit-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
}

@-webkit-keyframes wangiAccept {
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 400px, 0) rotate3d(0, 0, 1, -40deg);
		transform: translate3d(0, 400px, 0) rotate3d(0, 0, 1, -40deg);
	}
}

@keyframes wangiAccept {
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 400px, 0) rotate3d(0, 0, 1, -40deg);
		transform: translate3d(0, 400px, 0) rotate3d(0, 0, 1, -40deg);
	}
}

/***********************************************/

/********************* wira ********************/

/***********************************************/
.cardstack--wira .cardstack__item--reject {
	-webkit-animation: wiraReject .5s forwards;
	animation: wiraReject .5s forwards;
	-webkit-animation-timing-function: cubic-bezier(.4, 1, .3, 1);
	animation-timing-function: cubic-bezier(.4, 1, .3, 1);
	-webkit-transform-origin: -150% 50%;
	transform-origin: -150% 50%;
}

@-webkit-keyframes wiraReject {
	to {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, -60deg);
		transform: rotate3d(0, 0, 1, -60deg);
	}
}

@keyframes wiraReject {
	to {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, -60deg);
		transform: rotate3d(0, 0, 1, -60deg);
	}
}

.cardstack--wira .cardstack__item--accept {
	-webkit-animation: wiraAccept .5s forwards;
	animation: wiraAccept .5s forwards;
	-webkit-animation-timing-function: cubic-bezier(.3, 1, .3, 1);
	animation-timing-function: cubic-bezier(.3, 1, .3, 1);
	-webkit-transform-origin: 250% 50%;
	transform-origin: 250% 50%;
}

@-webkit-keyframes wiraAccept {
	to {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
	}
}

@keyframes wiraAccept {
	to {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
	}
}

/***********************************************/

/******************** utari ********************/

/***********************************************/
.cardstack--utari .cardstack__item--reject {
	-webkit-animation: utariReject .6s forwards;
	animation: utariReject .6s forwards;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

@-webkit-keyframes utariReject {
	40% {
		opacity: 1;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		-webkit-transform: translate3d(0, -20%, 30px);
		transform: translate3d(0, -20%, 30px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 150%, -300px) rotate3d(1, 0, 0, -40deg);
		transform: translate3d(0, 150%, -300px) rotate3d(1, 0, 0, -40deg);
	}
}

@keyframes utariReject {
	40% {
		opacity: 1;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		-webkit-transform: translate3d(0, -20%, 30px);
		transform: translate3d(0, -20%, 30px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 150%, -300px) rotate3d(1, 0, 0, -40deg);
		transform: translate3d(0, 150%, -300px) rotate3d(1, 0, 0, -40deg);
	}
}

.cardstack--utari .cardstack__item--accept {
	-webkit-animation: utariAccept .6s forwards;
	animation: utariAccept .6s forwards;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

@-webkit-keyframes utariAccept {
	40% {
		-webkit-animation-timing-function: cubic-bezier(.4, 1, .3, 1);
		animation-timing-function: cubic-bezier(.4, 1, .3, 1);
		-webkit-transform: translate3d(-40%, 0, 0) scale3d(1.1, 1.1, 1);
		transform: translate3d(-40%, 0, 0) scale3d(1.1, 1.1, 1);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translate3d(25vw, 0, 0) translate3d(10%, 0, 0) scale3d(.1, .1, 1);
		transform: translate3d(25vw, 0, 0) translate3d(10%, 0, 0) scale3d(.1, .1, 1);
	}
}

@keyframes utariAccept {
	40% {
		-webkit-animation-timing-function: cubic-bezier(.4, 1, .3, 1);
		animation-timing-function: cubic-bezier(.4, 1, .3, 1);
		-webkit-transform: translate3d(-40%, 0, 0) scale3d(1.1, 1.1, 1);
		transform: translate3d(-40%, 0, 0) scale3d(1.1, 1.1, 1);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translate3d(25vw, 0, 0) translate3d(10%, 0, 0) scale3d(.1, .1, 1);
		transform: translate3d(25vw, 0, 0) translate3d(10%, 0, 0) scale3d(.1, .1, 1);
	}
}

/* ...when content has 100% viewport width */
@media screen and (max-width: 60em) {
	@-webkit-keyframes utariAccept {
		40% {
			-webkit-animation-timing-function: cubic-bezier(.4, 1, .3, 1);
			animation-timing-function: cubic-bezier(.4, 1, .3, 1);
			-webkit-transform: translate3d(-40%, 0, 0) scale3d(1.1, 1.1, 1);
			transform: translate3d(-40%, 0, 0) scale3d(1.1, 1.1, 1);
		}
		
		100% {
			opacity: 0;
			-webkit-transform: translate3d(50vw, 0, 0) translate3d(10%, 0, 0) scale3d(.1, .1, 1);
			transform: translate3d(50vw, 0, 0) translate3d(10%, 0, 0) scale3d(.1, .1, 1);
		}
	}
	
	@keyframes utariAccept {
		40% {
			-webkit-animation-timing-function: cubic-bezier(.4, 1, .3, 1);
			animation-timing-function: cubic-bezier(.4, 1, .3, 1);
			-webkit-transform: translate3d(-40%, 0, 0) scale3d(1.1, 1.1, 1);
			transform: translate3d(-40%, 0, 0) scale3d(1.1, 1.1, 1);
		}
		
		100% {
			opacity: 0;
			-webkit-transform: translate3d(50vw, 0, 0) translate3d(10%, 0, 0) scale3d(.1, .1, 1);
			transform: translate3d(50vw, 0, 0) translate3d(10%, 0, 0) scale3d(.1, .1, 1);
		}
	}
}

/***********************************************/

/******************* slamet ********************/

/***********************************************/
.counter {
	position: absolute;
	left: 50%;
	top: 30px;
	width: 40px;
	margin-left: -20px;
}

.counter svg {
	display: block;
	margin: 14px auto 0;
	fill: #58785a;
}

.counter__number {
	text-align: center;
	position: absolute;
	background: #e66868;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
	bottom: -5px;
	right: -5px;
}

.cardstack--slamet .cardstack__item--reject {
	-webkit-animation: slametReject .5s forwards;
	animation: slametReject .5s forwards;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

@-webkit-keyframes slametReject {
	to {
		opacity: 0;
		-webkit-transform: rotate3d(1, 0, 0, -90deg);
		transform: rotate3d(1, 0, 0, -90deg);
	}
}

@keyframes slametReject {
	to {
		opacity: 0;
		-webkit-transform: rotate3d(1, 0, 0, -90deg);
		transform: rotate3d(1, 0, 0, -90deg);
	}
}

.cardstack--slamet .cardstack__item--accept {
	-webkit-animation: slametAccept .6s forwards;
	animation: slametAccept .6s forwards;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

@-webkit-keyframes slametAccept {
	40% {
		-webkit-animation-timing-function: cubic-bezier(.4, 1, .3, 1);
		animation-timing-function: cubic-bezier(.4, 1, .3, 1);
		-webkit-transform: translate3d(0, 20%, 0) scale3d(1.1, 1.1, 1);
		transform: translate3d(0, 20%, 0) scale3d(1.1, 1.1, 1);
	}
	
	80% {
		opacity: 1;
		-webkit-transform: translate3d(0, -280px, 0) scale3d(.1, .1, 1);
		transform: translate3d(0, -280px, 0) scale3d(.1, .1, 1);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -250px, 0) scale3d(.05, .05, 1);
		transform: translate3d(0, -250px, 0) scale3d(.05, .05, 1);
	}
}

@keyframes slametAccept {
	40% {
		-webkit-animation-timing-function: cubic-bezier(.4, 1, .3, 1);
		animation-timing-function: cubic-bezier(.4, 1, .3, 1);
		-webkit-transform: translate3d(0, 20%, 0) scale3d(1.1, 1.1, 1);
		transform: translate3d(0, 20%, 0) scale3d(1.1, 1.1, 1);
	}
	
	80% {
		opacity: 1;
		-webkit-transform: translate3d(0, -280px, 0) scale3d(.1, .1, 1);
		transform: translate3d(0, -280px, 0) scale3d(.1, .1, 1);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -250px, 0) scale3d(.05, .05, 1);
		transform: translate3d(0, -250px, 0) scale3d(.05, .05, 1);
	}
}

/***********************************************/

/******************** eka **********************/

/***********************************************/
.cardstack--eka .cardstack__item--reject {
	-webkit-animation: ekaReject .5s forwards;
	animation: ekaReject .5s forwards;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

@-webkit-keyframes ekaReject {
	to {
		opacity: 0;
		-webkit-transform: translate3d(-150%, 150%, 0) rotate3d(0, 0, 1, -20deg);
		transform: translate3d(-150%, 150%, 0) rotate3d(0, 0, 1, -20deg);
	}
}

@keyframes ekaReject {
	to {
		opacity: 0;
		-webkit-transform: translate3d(-150%, 150%, 0) rotate3d(0, 0, 1, -20deg);
		transform: translate3d(-150%, 150%, 0) rotate3d(0, 0, 1, -20deg);
	}
}

.cardstack--eka .cardstack__item--accept {
	-webkit-animation: ekaAccept .5s forwards;
	animation: ekaAccept .5s forwards;
	-webkit-transform-origin: -100% 50%;
	transform-origin: -100% 50%;
}

@-webkit-keyframes ekaAccept {
	to {
		opacity: 0;
		-webkit-transform: translate3d(150%, -150%, 0) rotate3d(0, 0, 1, 20deg);
		transform: translate3d(150%, -150%, 0) rotate3d(0, 0, 1, 20deg);
	}
}

@keyframes ekaAccept {
	to {
		opacity: 0;
		-webkit-transform: translate3d(150%, -150%, 0) rotate3d(0, 0, 1, 20deg);
		transform: translate3d(150%, -150%, 0) rotate3d(0, 0, 1, 20deg);
	}
}

/***********************************************/

/******************** dian *********************/

/***********************************************/
.cardstack--dian .cardstack__item--reject {
	-webkit-animation: dianReject .5s forwards;
	animation: dianReject .5s forwards;
	-webkit-transform-origin: 50% -300%;
	transform-origin: 50% -300%;
}

@-webkit-keyframes dianReject {
	to {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, 20deg);
		transform: rotate3d(0, 0, 1, 20deg);
	}
}

@keyframes dianReject {
	to {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, 20deg);
		transform: rotate3d(0, 0, 1, 20deg);
	}
}

.cardstack--dian .cardstack__item--accept {
	-webkit-animation: dianAccept .5s forwards;
	animation: dianAccept .5s forwards;
	-webkit-transform-origin: 50% -300%;
	transform-origin: 50% -300%;
}

@-webkit-keyframes dianAccept {
	to {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, -20deg);
		transform: rotate3d(0, 0, 1, -20deg);
	}
}

@keyframes dianAccept {
	to {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, -20deg);
		transform: rotate3d(0, 0, 1, -20deg);
	}
}

/***********************************************/

/******************** iman *********************/

/***********************************************/
.cardstack--iman .cardstack__item--reject {
	-webkit-animation: imanReject .5s forwards;
	animation: imanReject .5s forwards;
}

@-webkit-keyframes imanReject {
	to {
		-webkit-transform: translate3d(-25vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}
}

@keyframes imanReject {
	to {
		-webkit-transform: translate3d(-25vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}
}

.cardstack--iman .cardstack__item--accept {
	-webkit-animation: imanAccept .5s forwards;
	animation: imanAccept .5s forwards;
}

@-webkit-keyframes imanAccept {
	to {
		-webkit-transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
		transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
	}
}

@keyframes imanAccept {
	to {
		-webkit-transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
		transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
	}
}

/* ...when content has 100% viewport width */
@media screen and (max-width: 60em) {
	@-webkit-keyframes imanReject {
		to {
			-webkit-transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
			transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
		}
	}
	
	@keyframes imanReject {
		to {
			-webkit-transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
			transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
		}
	}
	
	@-webkit-keyframes imanAccept {
		to {
			-webkit-transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
			transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
		}
	}
	
	@keyframes imanAccept {
		to {
			-webkit-transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
			transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
		}
	}
}

/***********************************************/

/****************** iskandar *******************/

/***********************************************/
.cardstack--iskandar .cardstack__item--reject {
	-webkit-animation: iskandarReject .5s forwards;
	animation: iskandarReject .5s forwards;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

@-webkit-keyframes iskandarReject {
	50% {
		opacity: 1;
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100px, 20px) rotate3d(1, 0, 0, 90deg);
		transform: translate3d(0, -100px, 20px) rotate3d(1, 0, 0, 90deg);
	}
}

@keyframes iskandarReject {
	50% {
		opacity: 1;
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100px, 20px) rotate3d(1, 0, 0, 90deg);
		transform: translate3d(0, -100px, 20px) rotate3d(1, 0, 0, 90deg);
	}
}

.cardstack--iskandar .cardstack__item--accept {
	-webkit-animation: iskandarAccept .5s forwards;
	animation: iskandarAccept .5s forwards;
}

@-webkit-keyframes iskandarAccept {
	to {
		-webkit-transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
		transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
	}
}

@keyframes iskandarAccept {
	to {
		-webkit-transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
		transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
	}
}

/* ...when content has 100% viewport width */
@media screen and (max-width: 60em) {
	@-webkit-keyframes iskandarAccept {
		to {
			-webkit-transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
			transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
		}
	}
	
	@keyframes iskandarAccept {
		to {
			-webkit-transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
			transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
		}
	}
}

/***********************************************/

/******************** kasih ********************/

/***********************************************/
.cardstack--kasih .cardstack__item--reject {
	-webkit-animation: kasihReject .4s ease-in forwards;
	animation: kasihReject .4s ease-in forwards;
}

@-webkit-keyframes kasihReject {
	to {
		-webkit-transform: translate3d(-25vw, 0, 0) translate3d(-60%, 0, 0);
		transform: translate3d(-25vw, 0, 0) translate3d(-60%, 0, 0);
	}
}

@keyframes kasihReject {
	to {
		-webkit-transform: translate3d(-25vw, 0, 0) translate3d(-60%, 0, 0);
		transform: translate3d(-25vw, 0, 0) translate3d(-60%, 0, 0);
	}
}

.cardstack--kasih .cardstack__item--accept {
	-webkit-animation: kasihAccept .4s ease-in forwards;
	animation: kasihAccept .4s ease-in forwards;
}

@-webkit-keyframes kasihAccept {
	to {
		-webkit-transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0);
		transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0);
	}
}

@keyframes kasihAccept {
	to {
		-webkit-transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0);
		transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0);
	}
}

/* ...when content has 100% vieport width */
@media screen and (max-width: 60em) {
	@-webkit-keyframes kasihReject {
		to {
			-webkit-transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0);
			transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0);
		}
	}
	
	@keyframes kasihReject {
		to {
			-webkit-transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0);
			transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0);
		}
	}
	
	@-webkit-keyframes kasihAccept {
		to {
			-webkit-transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0);
			transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0);
		}
	}
	
	@keyframes kasihAccept {
		to {
			-webkit-transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0);
			transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0);
		}
	}
}

/***********************************************/

/******************* buana ********************/

/***********************************************/
.cardstack--buana .cardstack__item--reject {
	-webkit-animation: buanaReject .5s forwards;
	animation: buanaReject .5s forwards;
}

@-webkit-keyframes buanaReject {
	to {
		opacity: 0;
		-webkit-transform: translate3d(-25%, 200%, 0) rotate3d(0, 0, 1, 25deg);
		transform: translate3d(-25%, 200%, 0) rotate3d(0, 0, 1, 215deg);
	}
}

@keyframes buanaReject {
	to {
		opacity: 0;
		-webkit-transform: translate3d(-25%, 200%, 0) rotate3d(0, 0, 1, 25deg);
		transform: translate3d(-25%, 200%, 0) rotate3d(0, 0, 1, 25deg);
	}
}

.cardstack--buana .cardstack__item--accept {
	-webkit-animation: buanaAccept .5s forwards;
	animation: buanaAccept .5s forwards;
}

@-webkit-keyframes buanaAccept {
	to {
		opacity: 0;
		-webkit-transform: translate3d(25%, 200%, 0) rotate3d(0, 0, 1, -25deg);
		transform: translate3d(25%, 200%, 0) rotate3d(0, 0, 1, -25deg);
	}
}

@keyframes buanaAccept {
	to {
		opacity: 0;
		-webkit-transform: translate3d(25%, 200%, 0) rotate3d(0, 0, 1, -25deg);
		transform: translate3d(25%, 200%, 0) rotate3d(0, 0, 1, -25deg);
	}
}

/***********************************************/

/******************** mawar *********************/

/***********************************************/
.cardstack--mawar .cardstack__item--reject {
	-webkit-animation: mawarReject .5s forwards;
	animation: mawarReject .5s forwards;
}

@-webkit-keyframes mawarReject {
	to {
		-webkit-transform: translate3d(-25vw, 0, 0) translate3d(-60%, 0, 0);
		transform: translate3d(-25vw, 0, 0) translate3d(-60%, 0, 0);
	}
}

@keyframes mawarReject {
	to {
		-webkit-transform: translate3d(-25vw, 0, 0) translate3d(-60%, 0, 0);
		transform: translate3d(-25vw, 0, 0) translate3d(-60%, 0, 0);
	}
}

.cardstack--mawar .cardstack__item--accept {
	-webkit-animation: mawarAccept .5s forwards;
	animation: mawarAccept .5s forwards;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

@-webkit-keyframes mawarAccept {
	to {
		opacity: 0;
		-webkit-transform: translate3d(150px, 0, 0) scale3d(.7, .7, 1) rotate3d(0, 1, 0, 90deg);
		transform: translate3d(150px, 0, 0) scale3d(.7, .7, 1) rotate3d(0, 1, 0, 90deg);
	}
}

@keyframes mawarAccept {
	to {
		opacity: 0;
		-webkit-transform: translate3d(150px, 0, 0) scale3d(.7, .7, 1) rotate3d(0, 1, 0, 90deg);
		transform: translate3d(150px, 0, 0) scale3d(.7, .7, 1) rotate3d(0, 1, 0, 90deg);
	}
}

/* ...when content has 100% vieport width */
@media screen and (max-width: 60em) {
	@-webkit-keyframes mawarReject {
		to {
			-webkit-transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0);
			transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0);
		}
	}
	
	@keyframes mawarReject {
		to {
			-webkit-transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0);
			transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0);
		}
	}
}

/***********************************************/

/******************** cinta **********************/

/***********************************************/
.cardstack--cinta .cardstack__item--reject {
	-webkit-animation: cintaReject .5s forwards;
	animation: cintaReject .5s forwards;
}

@-webkit-keyframes cintaReject {
	to {
		opacity: 0;
		-webkit-transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0);
		transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0);
	}
}

@keyframes cintaReject {
	to {
		opacity: 0;
		-webkit-transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0);
		transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0);
	}
}

.cardstack--cinta .cardstack__item--accept {
	-webkit-animation: cintaAccept .5s forwards;
	animation: cintaAccept .5s forwards;
}

@-webkit-keyframes cintaAccept {
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 1000px);
		transform: translate3d(0, 0, 1000px);
	}
}

@keyframes cintaAccept {
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 1000px);
		transform: translate3d(0, 0, 1000px);
	}
}

@media screen and (max-width: 60em) {
	.cardstack {
		width: 260px;
		height: 260px;
	}
}

.dropdown {
	display: inline-flex;
	position: relative;
	vertical-align: top;
}

.dropdown.is-active, .dropdown.is-hoverable:hover .dropdown-menu {
	display: block;
}

.dropdown.is-right .dropdown-menu {
	left: auto;
	right: 0;
}

.dropdown.is-up .dropdown-menu {
	bottom: 100%;
	padding-bottom: 4px;
	padding-top: initial;
	top: auto;
}

.dropdown .dropdown-menu {
	display: none;
	left: 0;
	min-width: 12rem;
	padding-top: 4px;
	position: absolute;
	top: 100%;
	z-index: 20;
}

.dropdown .dropdown-content {
	background-color: var(--highlight);
	border-radius: 2px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
	padding-bottom: .5rem;
	padding-top: .5rem;
}

.dropdown .dropdown-content .dropdown-item {
	color: var(--text);
	display: block;
	font-size: .875rem;
	line-height: 1.5;
	padding: .375rem 1rem;
	position: relative;
}

.dropdown .dropdown-content a.dropdown-item {
	padding-right: 3rem;
	white-space: nowrap;
}

.dropdown .dropdown-content a.dropdown-item:hover {
	background-color: var(--highlight);
	color: var(--bold);
}

.dropdown .dropdown-content a.dropdown-item.is-active {
	background-color: var(--primary);
	color: var(--primarycolor);
}

.dropdown .dropdown-content .dropdown-divider {
	background-color: var(--border);
	border: none;
	display: block;
	height: 1px;
	margin: .5rem 0;
}

.tabulator-row.tabulator-row-even {
	background: var(--highlight);
}

.previous_results_wrapper h3 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

.previous_results_wrapper .quiz_results {
	box-shadow: 1px 1px 5px 1px var(--shadow);
	padding: 1rem;
	max-height: 400px;
	overflow-y: scroll;
	margin: 1rem 0;
}

.previous_results_wrapper .quiz_results li {
	padding: .5rem;
	border-bottom: 1px solid var(--border);
}

.previous_results_wrapper .quiz_results li:first-child {
	padding-top: 0;
	paddng-bottom: 0;
}

.previous_results_wrapper .quiz_results li:last-child {
	padding-top: 0;
	paddng-bottom: 0;
}

.course_status_fullscreen .vibebp_sidebars .vibebp_left_sidebar_wrapper, .course_status_fullscreen .profile_menu, .course_status_fullscreen.wplms_course_status .drag_to_refresh {
	display: none !important;
}

.confirmpopup_wrapper {
	position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, .1);
	top: 0;
	left: 0;
	z-index: 9999999;
	display: flex;
	justify-content: center;
	align-items: center;
}

.confirmpopup_wrapper .confirmpopup_content {
	background: var(--highlight);
	padding: 1rem;
	border-radius: 3px;
}

.course_status_fullscreen .course_status {
	font-size: 1rem;
}

.course_status_fullscreen.course_status_loaded {
	max-height: 100vh;
	-ms-overflow-style: none;
}

.course_status_fullscreen.course_status_loaded::-webkit-scrollbar {
	display: none;
}

.course_status_fullscreen.course_status_loaded .pusher>header, .course_status_fullscreen.course_status_loaded .pusher>footer {
	display: none;
}

.course_status_fullscreen.course_status_loaded .fixed_block .elementor-column-wrap.elementor-element-populated {
	width: 100vw !important;
	transform: none !important;
	z-index: 9999;
}

.course_status_fullscreen #course_component {
	z-index: 9999;
}

.course_status_fullscreen .course_status {
	position: fixed;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0;
	margin: 0;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background: var(--body);
	z-index: 9999;
	overflow-y: scroll;
	overflow-x: hidden;
}

.course_status_fullscreen .course_status .course_timeline>ul.stickypos {
	position: sticky;
	top: 3rem;
}

.course_status_fullscreen .course_status .course_timeline>ul:hover {
	overflow-y: scroll;
	scrollbar-width: none;
}

.course_status_fullscreen .course_status .course_timeline>ul:hover::-webkit-scrollbar {
	display: none;
}

.course_status_fullscreen.admin-bar .course_status {
	top: 32px;
	height: calc(100vh - 32px);
}

.course_status {
	margin: -1.5rem -1.5rem 0;
	display: flex;
	flex-direction: row;
	position: relative;
	min-height: calc(100vh - 4rem);
	height: calc(100% + 1.5rem);
	flex-wrap: wrap;
}

.course_status .unit_iframe_wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	margin-bottom: 2rem;
}

.course_status .unit_iframe_wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.course_status .reviewpopup_wrapper, .course_status .course_instructions_wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .45);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.course_status .reviewpopup_wrapper .reviewpopup_content, .course_status .course_instructions_wrapper .reviewpopup_content {
	margin-top: 90px;
}

.course_status .reviewpopup_wrapper .reviewpopup_content, .course_status .reviewpopup_wrapper .course_instructions, .course_status .course_instructions_wrapper .reviewpopup_content, .course_status .course_instructions_wrapper .course_instructions {
	position: relative;
	width: 50%;
	background: var(--highlight);
	padding: 1.5rem;
	border-radius: 4px;
	box-shadow: 1px 2px 50px var(--shadow);
}

.course_status .reviewpopup_wrapper .reviewpopup_content .popup-footer, .course_status .reviewpopup_wrapper .course_instructions .popup-footer, .course_status .course_instructions_wrapper .reviewpopup_content .popup-footer, .course_status .course_instructions_wrapper .course_instructions .popup-footer {
	display: flex;
	justify-content: space-between;
	background: var(--shadow);
	margin: 1rem -1.5rem -1.5rem;
	padding: .8rem 1.5rem;
	border-radius: 0 0 4px 4px;
	align-items: center;
	line-height: 1;
}

.course_status .reviewpopup_wrapper .reviewpopup_content .popup-footer>a, .course_status .reviewpopup_wrapper .course_instructions .popup-footer>a, .course_status .course_instructions_wrapper .reviewpopup_content .popup-footer>a, .course_status .course_instructions_wrapper .course_instructions .popup-footer>a {
	color: var(--bold);
}

.course_status .reviewpopup_wrapper .reviewpopup_content .popup-footer>a.button, .course_status .reviewpopup_wrapper .course_instructions .popup-footer>a.button, .course_status .course_instructions_wrapper .reviewpopup_content .popup-footer>a.button, .course_status .course_instructions_wrapper .course_instructions .popup-footer>a.button {
	flex: 1 0 160px;
	max-width: 240px;
	display: flex;
	justify-content: space-between;
	white-space: break-spaces;
	height: auto;
}

.course_status .reviewpopup_wrapper .reviewpopup_content .course-star-rating span, .course_status .reviewpopup_wrapper .course_instructions .course-star-rating span, .course_status .course_instructions_wrapper .reviewpopup_content .course-star-rating span, .course_status .course_instructions_wrapper .course_instructions .course-star-rating span {
	font-size: 2rem;
}

.course_status .reviewpopup_wrapper .reviewpopup_content .close, .course_status .reviewpopup_wrapper .course_instructions .close, .course_status .course_instructions_wrapper .reviewpopup_content .close, .course_status .course_instructions_wrapper .course_instructions .close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	z-index: 99999;
	cursor: pointer;
}

.course_status .reviewpopup_wrapper .reviewpopup_content .close span:before, .course_status .reviewpopup_wrapper .course_instructions .close span:before, .course_status .course_instructions_wrapper .reviewpopup_content .close span:before, .course_status .course_instructions_wrapper .course_instructions .close span:before {
	color: red;
	font-weight: 900;
	font-size: 1.5rem;
}

.course_status .reviewpopup_wrapper .reviewpopup_content .reviewform, .course_status .reviewpopup_wrapper .course_instructions .reviewform, .course_status .course_instructions_wrapper .reviewpopup_content .reviewform, .course_status .course_instructions_wrapper .course_instructions .reviewform {
	margin: 1rem 0;
}

.course_status .reviewpopup_wrapper .reviewpopup_content .reviewform label, .course_status .reviewpopup_wrapper .course_instructions .reviewform label, .course_status .course_instructions_wrapper .reviewpopup_content .reviewform label, .course_status .course_instructions_wrapper .course_instructions .reviewform label {
	font-size: 2rem;
	display: inline-block;
}

.course_status .reviewpopup_wrapper .reviewpopup_content .reviewform>*, .course_status .reviewpopup_wrapper .course_instructions .reviewform>*, .course_status .course_instructions_wrapper .reviewpopup_content .reviewform>*, .course_status .course_instructions_wrapper .course_instructions .reviewform>* {
	margin: 5px 0;
	width: 100%;
	padding: 5px;
}

.course_status .reviewpopup_wrapper .course_instructions, .course_status .course_instructions_wrapper .course_instructions {
	height: calc(100% - 2rem);
	overflow: hidden;
}

.course_status .reviewpopup_wrapper .course_instructions h1, .course_status .course_instructions_wrapper .course_instructions h1 {
	width: calc(100% - 2rem);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.course_status .reviewpopup_wrapper .course_instructions h1+div, .course_status .course_instructions_wrapper .course_instructions h1+div {
	height: calc(100% - 4rem);
	overflow-y: auto;
	position: relative;
}

@media (max-width: 998px) {
	.course_status .reviewpopup_wrapper .reviewpopup_content, .course_status .course_instructions_wrapper .reviewpopup_content {
		width: 90%;
	}
}

.course_status.moveonside .course_timeline {
	display: none;
	min-width: auto;
}

.course_status.moveonside .course_timeline.comments_shown {
	overflow-y: scroll;
}

.course_status.moveonside .course_content {
	width: 100%;
}

.course_status .course_package_wrapper {
	width: 100%;
}

.course_status .course_package_wrapper .course_package_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: var(--highlight);
	padding: 0 1rem;
	min-height: 2rem;
}

.course_status .course_assignment_wrapper .upload_assignment {
	width: 100%;
}

.course_status .course_assignment_wrapper .assignment_attachments {
	margin: 2rem 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.course_status .course_assignment_wrapper .assignment_attachments>div {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: .5rem 1rem;
	border: 1px solid var(--border);
	padding: 1rem;
	min-width: 200px;
}

.course_status .course_assignment_wrapper .course_assignment {
	display: flex;
	width: 100%;
	flex-direction: row-reverse;
	justify-content: space-between;
	flex-wrap: wrap;
}

.course_status .course_assignment_wrapper .assignment_left {
	width: 100%;
	margin-right: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.course_status .course_assignment_wrapper .assigment_evaluated {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
}

.course_status .course_assignment_wrapper .upload_assignment {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.course_status .course_assignment_wrapper .assignment_right {
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-end;
	align-items: center;
	font-size: 20rem;
	min-width: 20rem;
}

.course_status .course_assignment_wrapper .allowed_file_extenstions {
	margin: 2rem 0;
}

.course_status .course_assignment_wrapper .allowed_file_extenstions span {
	margin: .1rem;
}

.course_status .course_assignment_wrapper .allowed_file_extenstions span:not(:last-child):after {
	content: ",";
}

.course_status .circular_progress {
	position: relative;
	width: 24px;
	height: 24px;
	display: block;
	border-radius: 50%;
	background: #eee;
	background-image: linear-gradient(to right, transparent 50%, var(--success) 0);
	color: rgba(0, 0, 0, 0);
	text-align: center;
}

.course_status .circular_progress:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
	border-radius: 0 100% 100% 0/50%;
	background-color: inherit;
	transform-origin: left;
	animation: spin 50s linear infinite, bg 100s step-end infinite;
	animation-play-state: paused;
	animation-delay: inherit;
}

.course_status .course_content {
	padding: 1rem 1rem 0;
	flex: 5 0 220px;
	display: flex;
	width: 100%;
	flex-direction: column;
}

.course_status .course_content .course_content_header {
	display: flex;
	justify-content: space-between;
	position: sticky;
	top: 0;
	background: var(--highlight);
	margin: -1rem;
	padding: 1rem;
	line-height: 0;
	border-bottom: 1px solid var(--border);
	box-shadow: 0 1px 2px var(--border);
	z-index: 999;
}

.course_status .course_content .course_content_header .toggle_timeline_wrapper {
	display: flex;
	align-items: center;
}

.course_status .course_content .course_content_header .toggle_timeline_wrapper .vicon+span {
	font-size: 11px;
	cursor: pointer;
	opacity: .2;
	line-height: 1;
}

.course_status .course_content .course_content_header .toggle_timeline_wrapper .vicon+span+span {
	font-size: 11px;
	line-height: 1;
	opacity: .3;
	letter-spacing: 1px;
	margin-left: 10px;
	cursor: grab;
}

.course_status .course_content .course_content_header .toggle_timeline_wrapper:hover .vicon+span {
	opacity: 1;
}

.course_status .course_content .course_content_header+h2 {
	margin-top: 2rem;
	font-size: 2rem;
	margin-bottom: 1rem;
	font-weight: 600;
}

.course_status .course_content .course_content_content_wrapper {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	flex: 0;
	margin-top: 1.5rem;
	height: auto;
}

.course_status .course_content .course_content_content_wrapper h2 {
	margin: 1.5rem 0;
	font-size: 2.5rem;
	line-height: 1;
	margin-bottom: 1rem;
	font-weight: 600;
}

.course_status .course_content .course_content_content_wrapper .unit_videos {
	margin: 2rem 0;
}

.course_status .course_content .course_content_content_wrapper .next_curriculum_item {
	padding: 1rem;
	cursor: pointer;
	background: var(--highlight);
	border: 1px solid var(--border);
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	margin: 1rem 0;
	position: relative;
}

.course_status .course_content .course_content_content_wrapper .next_curriculum_item.locked:before {
	content: "";
	position: absolute;
	font-family: "vicon";
	left: 1rem;
}

.course_status .course_content .course_content_content_wrapper .next_curriculum_item>span {
	margin: 0 .5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.course_status .course_content .course_content_content_wrapper .next_curriculum_item>span>span {
	padding: 0 10px;
	display: flex;
	align-items: center;
}

.course_status .course_content .course_content_content_wrapper .next_curriculum_item>span svg {
	max-width: 24px !important;
	fill: var(--bold);
}

.course_status .course_content .course_content_content_wrapper .next_curriculum_item:hover {
	background: var(--primary);
	color: var(--primarycolor);
}

.course_status .course_content .course_content_content_wrapper .next_curriculum_item:hover svg {
	fill: var(--primarycolor);
}

.course_status .course_content .course_content_content_wrapper .driptimer_wrapper {
	width: 100%;
	margin: auto;
	margin-top: 3rem;
}

.course_status .course_content .course_content_content_wrapper .driptimer_wrapper .driptimer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.course_status .course_content .course_content_content_wrapper .driptimer_wrapper .driptimer span {
	width: 100%;
}

.course_status .course_content .course_content_content_wrapper .driptimer_wrapper .driptimer span.timer_amount {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	font-size: 2rem;
}

.course_status .course_content .course_content_content_wrapper .driptimer_wrapper .driptimer span.timer_amount>span, .course_status .course_content .course_content_content_wrapper .driptimer_wrapper .driptimer span.timer_unit>span {
	min-width: 35px;
	text-align: center;
}

.course_status .course_content .course_content_content_wrapper .driptimer_wrapper .driptimer span.timer_unit {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	font-size: 1rem;
}

.course_status .course_content .course_content_content_wrapper .unit_assignments .assignment {
	display: flex;
	display: flex;
	flex-direction: column;
	flex-direction: column;
	margin: 1rem 0;
	border: 1px solid var(--border);
}

.course_status .course_content .course_content_content_wrapper .unit_assignments .assignment .assignment_heading {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 1rem;
}

.course_status .course_content .course_content_content_wrapper .unit_assignments .assignment_content_wrapper {
	padding: 1rem;
}

.course_status .course_content .course_content_content_wrapper .unit_attachments {
	margin: 2rem 0;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.course_status .course_content .course_content_content_wrapper .unit_attachments .attachment {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: .5rem 0;
}

.course_status .course_content .course_content_content_wrapper .unit_attachments .attachment>span {
	display: flex;
	align-items: center;
	margin: 0 -5px;
}

.course_status .course_content .course_content_content_wrapper .unit_attachments .attachment>span span.attachment_icon svg#Layer_1 {
	fill: var(--text);
	color: var(--text);
}

.course_status .course_content .course_content_content_wrapper .unit_attachments .attachment>span span.attachment_icon>svg {
	width: 32px;
	fill: var(--text);
}

.course_status .course_content .course_content_content_wrapper .unit_attachments .attachment>span>* {
	margin: 0 5px;
}

.course_status .course_content .course_content_content_wrapper .tabs {
	display: inline-block;
}

.course_status .course_content .course_content_content_wrapper .tabs div {
	border: none;
}

.course_status .course_content .course_content_content_wrapper .finish_course>.button {
	min-height: 72px;
	margin-bottom: 30px;
	color: var(--primarycolor);
	background: var(--primary);
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.course_status .course_timeline {
	position: relative;
	transition: .2s all;
	flex: 1 0 220px;
	margin: 0;
	background: var(--highlight) !important;
	background: none;
	border-right: 1px solid var(--border) !important;
	border: none;
}

.course_status .course_timeline .course_heading {
	padding: 3rem 1.5rem;
	opacity: 1;
	opacity: 1;
	overflow: hidden;
	overflow: hidden;
	background: var(--primary);
	color: var(--primarycolor);
}

.course_status .course_timeline .course_heading h2 {
	font-size: 2rem;
	margin-bottom: 1rem;
	line-height: 1;
	color: var(--primarycolor);
}

.course_status .course_timeline .course_heading .course_progress>span {
	background: var(--primarycolor);
}

.course_status .course_timeline.expand {
	min-width: 50%;
}

.course_status .course_timeline .unit_comments_enclosure {
	position: absolute;
	top: 0;
	background: var(--sidebar);
	width: 100%;
	z-index: 999;
	height: 100%;
}

.course_status .course_timeline .unit_comments_enclosure .vibe_tabs {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.course_status .course_timeline .unit_comments_enclosure .vibe_tabs .vibe_tab {
	cursor: pointer;
	padding: .8rem .5rem;
	border: 1px solid var(--border);
	border-radius: 5px;
	width: 50%;
	text-align: center;
	background: var(--highlight);
}

.course_status .course_timeline .unit_comments_enclosure .vibe_tabs .vibe_tab.active {
	background: var(--sidebar);
	border-bottom: none;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper {
	position: relative;
	position: relative;
	display: flex;
	flex-direction: column;
	height: calc(100vh - 2rem);
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper>span {
	background: var(--highlight);
	padding: 1rem;
	width: 100%;
	line-height: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--border);
	box-shadow: 0 1px 2px var(--border);
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper.active .unit_comments_action .addcomment_buttons .button {
	flex: none;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments {
	padding: 1rem;
	overflow-y: auto;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments>ul {
	margin: 0;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment_wrapper.disabled {
	opacity: .5;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment_wrapper>ul {
	margin-left: 24px;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment {
	display: flex;
	flex-direction: row;
	margin: 0 0 1rem 0;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment:hover .unit_comment_content {
	box-shadow: 0 1px 1px var(--border);
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment .comment_user {
	align-self: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	margin-right: 10px;
	max-width: 48px;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment .comment_user img {
	width: 32px;
	height: 32px;
	object-fit: cover;
	border-radius: 50%;
	margin: 0 5px;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment .comment_user span {
	font-size: .8rem;
	opacity: .7;
	max-width: 64px;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment .unit_comment_content {
	flex: 1;
	padding: 1rem;
	background: var(--highlight);
	border-radius: 5px;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment .unit_comment_content .unit_comment_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: .8rem;
	opacity: .6;
	margin: -.5rem 0 .5rem;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment .unit_comment_content .unit_comment_header .comment_actions span {
	margin: 0 3px;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment .unit_comment_content .unit_comment_header .comment_actions span.tip:after {
	left: -40px;
	top: -3.3rem;
	font-size: .7rem;
	width: auto;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment .unit_comment_content .unit_comment_header .comment_actions span.active {
	color: var(--primarycolor);
	background: var(--primary);
	padding: 2px;
	border-radius: 2px;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments_action {
	padding: .5rem;
	display: flex;
	z-index: 9;
	margin: 0;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments_action .button {
	margin: .5rem;
	flex: 1 0 160px;
	cursor: pointer;
	max-height: 36px;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments_action .button>span {
	flex: 1;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments_action .button>.vicon {
	flex: 0 0 24px;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments_action .addcomment {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments_action .addcomment textarea {
	max-height: 15rem;
	min-height: 7rem;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments_action .addcomment .addcomment_buttons {
	height: 48px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 5px;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments_action .addcomment .addcomment_buttons .button {
	flex: 1;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments_action .addcomment .addcomment_buttons .link {
	margin-left: 10px;
}

.course_status .course_timeline .course_action_points {
	width: 100%;
	overflow: hidden;
	position: sticky;
	top: 0;
	background: var(--highlight);
	z-index: 9;
	box-shadow: 0 1px 2px var(--border);
	align-items: center;
	padding: 1rem;
}

.course_status .course_timeline .course_action_points .search-course {
	display: flex;
	align-items: center;
	background: var(--highlight);
	transform: translateY(-1000%);
	transition: all 200ms;
	position: absolute;
	width: calc(100% - 1.5rem);
	top: 0;
}

.course_status .course_timeline .course_action_points .search-course input {
	border: none;
	flex: 1;
	padding: .5em;
	font-size: 1.2em;
	font-size: 1rem;
	background: var(--white);
}

.course_status .course_timeline .course_action_points .search-course>span {
	font-size: 11px;
	opacity: .6;
}

.course_status .course_timeline .course_action_points .search-course>span+span {
	opacity: 1;
	padding: 0 5px;
}

.course_status .course_timeline .course_action_points .search-course.active {
	transform: translateY(0px);
	z-index: 999;
}

.course_status .course_timeline .course_action_points .action_points {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

.course_status .course_timeline .course_action_points .action_points div {
	padding: 1rem;
	flex: 1;
	min-width: 20px;
}

.course_status .course_timeline .course_action_points .action_points div.finish_course {
	min-width: 160px;
	margin: 0;
	padding: 0 1rem;
}

.course_status .course_timeline .course_action_points .action_points div.finish_course .button {
	width: 100%;
}

.course_status .course_timeline .course_action_points .action_points .vicon.vicon-arrow-left {
	position: relative;
	z-index: auto;
}

.course_status .course_timeline>ul {
	margin-top: -3.6rem;
	list-style: none;
	margin: 0;
}

.course_status .course_timeline>ul li {
	transition: all .5s;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 !important;
	padding: 1rem;
	border-bottom: 1px solid var(--border);
}

.course_status .course_timeline>ul li.collapsed_lesson {
	transform: scaleY(0);
	display: none;
}

.course_status .course_timeline>ul li.open_lesson {
	transform: scaleY(1);
	display: flex;
}

.course_status .course_timeline>ul li p {
	flex: 1;
	align-items: center;
	display: flex;
	cursor: pointer;
}

.course_status .course_timeline>ul li p>span {
	align-items: center;
	display: flex;
	margin-right: .5rem;
}

.course_status .course_timeline>ul li p>span svg {
	fill: var(--bold);
	width: 16px !important;
	height: 16px;
}

.course_status .course_timeline>ul li p>span.lesson_title {
	flex: 1;
}

.course_status .course_timeline>ul li p>span .lesson_duration, .course_status .course_timeline>ul li p>span .lesson_count, .course_status .course_timeline>ul li p>span.lesson_duration, .course_status .course_timeline>ul li p>span.lesson_count {
	font-size: 75%;
	opacity: .5;
	margin-right: .5rem;
}

.course_status .course_timeline>ul li.active {
	border-left: 5px solid var(--primary);
	color: var(--primary);
	font-weight: 600;
	margin: 0;
}

.course_status .course_timeline>ul li.active svg {
	fill: var(--primary);
}

.course_status .course_timeline>ul li .unit_progress_wrapper {
	position: relative;
	height: 100%;
}

.course_status .course_timeline>ul li.section {
	background: var(--sidebar);
	color: var(--bold);
	margin: 0;
}

.course_status .course_timeline>ul li.section p {
	font-weight: 600;
	font-size: 120%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.course_status .course_timeline>ul li:not(.section).done>div.unit_progress_wrapper:before {
	content: "";
	font-family: "vicon";
	color: #34c534;
	font-weight: 900;
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	z-index: 9;
	align-items: center;
	justify-content: center;
}

.course_status .course_timeline>ul li:not(.section).done>div.unit_progress_wrapper .react-progress-circle {
	line-height: 0;
}

.course_status .right_block {
	display: flex;
	align-items: center;
	text-transform: uppercase;
	font-size: 11px;
}

.course_status .right_block .review_block {
	margin: 0 5px;
}

.course_status .unit_prevnext {
	display: flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	justify-content: flex-end;
	margin: 0 !important;
	margin: 0 -5px;
	color: var(--bold) !important;
	background: none;
	border-radius: 5px;
	overflow: hidden;
	flex: 1;
	line-height: 1;
}

.course_status .unit_prevnext .navigate_unit {
	margin: 0 5px;
	display: flex;
	align-items: center;
}

.course_status .unit_prevnext .navigate_unit span:not(.vicon) {
	cursor: pointer;
	font-size: 11px;
	line-height: 1;
	text-transform: uppercase;
	padding: 2px;
}

.course_status .uploader {
	height: 100%;
	border: 2px dashed var(--border);
	align-items: center;
	display: flex;
}

.course_status .uploader .upload_file {
	padding: .3rem;
	font-size: .9rem;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.course_status .uploader .upload_file input {
	display: none;
}

.course_status .lesson_info {
	font-weight: 600;
	opacity: .5;
	display: flex;
	align-items: center;
	margin-bottom: 3px;
}

.course_status .lesson_info>span+span {
	margin-left: 1rem;
}

.course_status .ReactProgressCircle_circleBackground {
	fill: rgba(0, 0, 0, 0);
	stroke: var(--border);
	transition: stroke-dashoffset .8s;
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
}

.course_status .ReactProgressCircle_circle {
	fill: rgba(0, 0, 0, 0);
	stroke: var(--success);
}

.course_status .start_timer, .course_status .end_timer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	border: 1px solid var(--border);
	padding: .5rem;
	margin: .5rem;
}

.course_status .start_timer>div, .course_status .end_timer>div {
	margin: .5rem;
}

.course_status .start_timer .circle_timer .react-progress-circle, .course_status .end_timer .circle_timer .react-progress-circle {
	display: none !important;
}

.course_status .start_timer .circle_timer .react-progress-circle+span .timer_amount, .course_status .end_timer .circle_timer .react-progress-circle+span .timer_amount {
	font-size: 1rem !important;
}

.course_status .start_timer .circle_timer .timer_amount, .course_status .end_timer .circle_timer .timer_amount {
	font-size: 1rem !important;
}

.course_status .incourse {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	flex-direction: row-reverse;
	margin: -.5rem;
}

.course_status .incourse>* {
	margin: .5rem;
}

.course_status .incourse .quiz_pagination_wrapper {
	margin: 1.5rem 0;
}

.course_status .incourse .quiz_pagination_wrapper .buttons {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.course_status .incourse .quiz_pagination_wrapper .question .button {
	width: auto !important;
	display: inline-block !important;
	height: auto !important;
}

.course_status .incourse .quiz_pagination_wrapper>.button {
	background: var(--highlight) !important;
	color: var(--bold) !important;
	border: 1px solid var(--border) !important;
	min-width: auto !important;
	margin: 0;
	text-align: center;
	border-radius: 0;
	padding: 12px 0;
	width: 48px !important;
}

.course_status .incourse .quiz_pagination_wrapper>.button.right {
	float: none;
}

.course_status .incourse .quiz_pagination_wrapper>.button.active {
	background: var(--primary) !important;
	color: var(--primarycolor) !important;
}

.course_status .incourse .quiz_pagination_wrapper>.button.ques_link {
	min-with: auto !important;
}

.course_status .incourse .quiz_stats_chart {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.course_status .incourse .quiz_stats_chart .quiz_stats_chart_pie {
	width: 340px;
}

.course_status .incourse .quiz_stats_chart .question_stats_content_wrapper {
	width: calc(100% - 340px);
	margin-bottom: 1rem;
}

.course_status .incourse .quiz_stats_chart span.question_stats_content_heading {
	margin-bottom: 1rem;
	display: inline-block;
}

.course_status .incourse .quiz_stats_chart span.question_stats_content_heading:not(:nth-child(1)) {
	margin-top: 1.5rem;
}

.course_status .incourse .quiz_stats_chart .question_stats_content {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
}

.course_status .incourse .quiz_stats_chart .question_stats_content>* {
	margin: 5px;
}

.course_status .incourse .question_wrapper {
	min-height: 100px;
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	text-align: center;
	transition: all 200ms ease-in;
}

.course_status .incourse .question_wrapper.loaded .result {
	transform: translateX(40%);
}

.course_status .incourse .question_wrapper.loaded .result .correct>span, .course_status .incourse .question_wrapper.loaded .result .incorrect>span {
	transform: scale(1);
}

.course_status .incourse .question_wrapper .fillblank_area {
	clear: none;
	display: inline-block;
}

.course_status .incourse .question_wrapper .result {
	transition: all 200ms ease-in;
}

.course_status .incourse .question_wrapper .incorrect, .course_status .incourse .question_wrapper .correct {
	display: inline-block;
	margin-top: 15px;
	padding: 10px;
}

.course_status .incourse .question_wrapper .incorrect strong {
	color: #ef614d;
	font-size: 48px;
	line-height: 64px;
	margin: 0 10px;
	font-weight: 600;
}

.course_status .incourse .question_wrapper .incorrect>span {
	background: #ef614d;
}

.course_status .incourse .question_wrapper .incorrect>span:before {
	content: "";
	font-family: vicon;
	color: #fff;
	font-weight: 900;
	position: absolute;
	font-size: 3rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.course_status .incourse .question_wrapper .correct strong {
	font-size: 48px;
	line-height: 64px;
	margin: 0 10px;
	font-weight: 600;
	color: #75b733;
}

.course_status .incourse .question_wrapper .correct>span:before {
	content: "";
	font-family: vicon;
	color: #fff;
	font-weight: 900;
	position: absolute;
	font-size: 3rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.course_status .incourse .question_wrapper span {
	position: relative;
	width: 64px;
	height: 64px;
	float: left;
	border-radius: 50%;
	background: #75b733;
	display: block;
	padding: 30px;
	transform: scale(15);
	transition: all 200ms ease-in-out;
}

.course_status .incourse .question_wrapper span .correct>span:before {
	font-family: fonticon;
	top: 18px;
	left: 18px;
	content: "";
	color: #fff;
	font-size: 30px;
	line-height: 1;
	position: absolute;
}

.course_status .incourse .checked_answer {
	margin: 2.5rem 0 0;
	padding: 1rem;
	font-size: 1.2rem;
	color: var(--bold);
	border: 1px solid var(--border);
	background-color: var(--sidebar);
	border-radius: 2px;
}

.course_status .incourse .checked_answer.incorrect {
	background: #d8eec2;
}

.course_status .incourse .checked_answer.correct {
	background: #d8eec2;
}

.course_status .incourse .checked_answer span {
	white-space: nowrap;
}

.course_status .incourse .quiztimer {
	display: grid;
	justify-items: center;
	align-items: center;
}

.course_status .incourse .quiztimer .circle_timer {
	display: flex;
	flex-direction: row;
}

.course_status .incourse .quiztimer .circle_timer>span {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.course_status .incourse .quiztimer .circle_timer .react-progress-circle {
	display: flex;
}

.course_status .incourse .quiztimer .timer_amount, .course_status .incourse .quiztimer .timer_unit {
	color: var(--bold);
	line-height: 1em;
	display: grid;
	grid-template-columns: 1fr 5px 1fr;
	justify-items: center;
}

.course_status .incourse .quiztimer .timer_amount span:nth-child(n+4), .course_status .incourse .quiztimer .timer_amount span:nth-child(n+4), .course_status .incourse .quiztimer .timer_unit span:nth-child(n+4), .course_status .incourse .quiztimer .timer_unit span:nth-child(n+4) {
	display: none;
}

.course_status .incourse .quiztimer .timer_amount {
	font-size: 2rem;
}

.course_status .incourse .quiztimer .timer_amount span {
	margin: 0 5px;
}

.course_status .incourse .quiztimer .timer_unit {
	font-size: 11px;
}

.course_status .incourse .fillblank_area {
	clear: none;
	display: inline-block;
}

.course_status .incourse span.select_question_content {
	display: inline-block;
}

.course_status .incourse .question_content select {
	margin: 0 5px;
}

.course_status .incourse .droppable>div {
	border: 1px solid var(--border);
	padding: 1rem;
	cursor: move;
}

.course_status .incourse .droppable:hover>div {
	border-color: var(--primary);
}

.course_status .incourse .droppable.active {
	overflow-y: scroll;
}

.course_status .incourse .question .droppable, .course_status .incourse .match_options {
	touch-action: none;
}

.course_status .incourse .droppable>div+div {
	border-top: none;
}

.course_status .incourse .droppable .dragging {
	border: 1px solid #f5d01a;
	box-shadow: 0 0 6px #efc600;
}

.course_status .incourse .quiz_questions_content .question_actions {
	margin-top: 1rem;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	font-size: 1.5rem;
}

.course_status .incourse .quiz_questions_content .question_actions span.button {
	cursor: pointer;
	padding: .2rem;
	font-size: 1.2rem;
	margin: 0;
}

.course_status .incourse .quiz_questions_content .question_actions>div {
	display: flex;
	flex-direction: row;
}

.course_status .incourse .quiz_questions_content .question_actions>div span {
	margin: 0 .2rem;
	z-index: 11;
}

.course_status .incourse .quiz_questions_content .question_actions>div span:not(.marks) {
	cursor: pointer;
}

.course_status .incourse .quiz_questions_content .question .marks i.icon-check-5:before {
	content: "";
	font-family: vicon;
	font-weight: 400 !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	margin: 5px;
}

.course_status .incourse .question .question_option p {
	display: inline-block;
}

.course_status .incourse .question_option {
	display: block;
	margin-bottom: 1rem;
}

.course_status .incourse .question_option label {
	margin-bottom: 0;
}

.course_status .incourse .question_option.radio+.radio {
	margin-left: 0;
}

.course_status .incourse .match_playground {
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: center;
	align-items: stretch;
	grid-gap: 1rem;
	margin: 1rem 0;
}

.course_status .incourse .match_playground .droppable {
	border: 1px solid rgba(0, 0, 0, .2);
}

.course_status .incourse .match_playground .match_options .match_option {
	border: 1px solid rgba(0, 0, 0, .08);
	padding: 2rem;
}

.course_status .incourse .match_playground .droppable {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 10px;
	padding: 30px;
	justify-content: center;
	align-items: center;
}

.course_status .incourse .match_playground .droppable>div {
	border-top: 1px solid var(--border);
}

.course_status .incourse .match_playground .match_option {
	background: var(--border);
}

.course_status .incourse .match_playground .match_option .children>div {
	border: 1px solid var(--border);
	padding: 1rem;
	background: var(--highlight);
}

.course_status .incourse .quiz_questions_content {
	flex: 3 0 70%;
	max-width: 100%;
}

.course_status .incourse .quiz_questions_content .question_content {
	padding: 1rem 0;
	border-top: none;
}

.course_status .incourse .quiz_questions_content .question_content span.selectimitate {
	cursor: pointer;
	margin: 0 .5rem;
	display: inline-block;
}

.course_status .incourse .quiz_questions_content .question_content span.selectimitate.no_value {
	min-width: 100px;
	height: 1.2rem;
	border-bottom: 2px solid var(--border);
}

.course_status .incourse .quiz_questions_content .question {
	position: relative;
}

.course_status .incourse .quiz_questions_content .question .question_hint {
	cursor: pointer;
	margin-right: 5px;
}

.course_status .incourse .quiz_questions_content .question .question_hint:before {
	content: "";
	font-family: vicon;
	font-size: 22px;
}

.course_status .incourse .quiz_questions_content .question .question_hint.show:before {
	content: "";
}

.course_status .incourse .quiz_questions_content .question .question_hint span.question_hint_content {
	transform: scale(0);
	padding: 1rem;
	background: var(--sidebar);
	border-radius: 5px;
	margin: 1rem 0;
	opacity: 0;
	transition: .2s all;
}

.course_status .incourse .quiz_questions_content .question .question_hint span.question_hint_content.show {
	transform: scale(1);
	opacity: 1;
}

.course_status .incourse .quiz_questions_content .question .explanation {
	padding: 1rem;
	font-size: 1.2rem;
	border: 1px solid var(--border);
	background: var(--highlight);
	z-index: 99;
	position: relative;
}

.course_status .incourse .quiz_questions_content .question_wrapper.loaded .result {
	transform: translate(0, -24px) scale(.75);
}

.course_status .incourse div.sort_options {
	touch-action: none;
}

.course_status .incourse .single-quiz .question .question_content:first-child {
	border-top: none;
}

.course_status .incourse .quiz_questions li>strong {
	display: block;
	margin: 5px 0;
}

.course_status .incourse .incoursequiz_details {
	display: flex;
	flex: 1 0 25%;
	flex: 1;
	max-width: 100%;
	flex-direction: column;
	justify-content: space-between;
	align-items: baseline;
	align-items: center;
	align-items: center;
	margin-bottom: 1.5rem;
	z-index: 999;
	position: sticky;
	top: 3rem;
	background: var(--highlight);
	border: 1px solid var(--border);
	border-radius: 5px;
	transition: .5s all;
	margin: 1rem 0;
}

.course_status .incourse .incoursequiz_details>div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 -.5rem;
	align-items: center;
	width: 100%;
}

.course_status .incourse .incoursequiz_details>div>* {
	margin: .5rem;
}

.course_status .incourse .incoursequiz_details>div strong {
	flex: 1;
	display: flex;
}

.course_status .incourse .incoursequiz_details>div strong .student_score {
	font-size: 1.8rem;
}

.course_status .incourse .incoursequiz_details>div strong .student_quiz_status {
	opacity: .7;
	font-size: 75%;
	margin: 0 .75rem;
}

.course_status .incourse .incoursequiz_details>div .show_questions {
	display: flex;
	align-items: center;
}

.course_status .incourse .incoursequiz_details>div .show_questions>span:not(.vicon) {
	font-size: 11px;
	opacity: .5;
	text-transform: uppercase;
}

.course_status .incourse .incoursequiz_details .incourse_quiz_button {
	width: 100%;
}

.course_status .incourse .incoursequiz_details .incourse_quiz_button>a {
	flex: 1;
	margin: 0 1rem;
}

.course_status .incourse .incoursequiz_details .quiz_timeline {
	min-width: 160px;
	margin: 0;
	padding: 0;
	max-height: none;
	overflow: hidden;
}

.course_status .incourse .incoursequiz_details .quiz_timeline li.done>span {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}

.course_status .incourse .incoursequiz_details .quiz_timeline li.done>span:not(.correct, .incorrect):before {
	position: relative;
	color: var(--primary);
}

.course_status .incourse .incoursequiz_details .quiz_timeline li.done.active>span:before {
	color: var(--primarycolor);
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper {
	border: none;
	justify-content: center;
	align-items: center;
	display: flex;
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul {
	display: flex;
	flex-wrap: wrap;
	margin: -.25rem;
	font-size: .8rem;
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li {
	margin: .25rem;
	padding: 5px;
	border-radius: 2px;
	border: none;
	border: 1px solid var(--border);
	display: flex;
	width: 32px;
	height: 24px;
	align-items: center;
	cursor: pointer;
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li.bookmarked {
	box-shadow: 0 2px 2px var(--shadow);
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li.done {
	background: var(--border);
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li.done>span:before {
	content: "";
	font-family: vicon;
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li.done.correct {
	color: #fff;
	background: rgba(0, 128, 0, .5);
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li.done.incorrect {
	color: #fff;
	background: rgba(255, 0, 0, .5);
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li.done.incorrect>span:before {
	content: "";
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li.active {
	background: var(--primary);
	color: var(--primarycolor);
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li>span {
	position: relative;
	width: 100%;
	text-align: center;
	margin: 0;
	height: auto;
	background: none;
	border-radius: 0;
	border: none;
	top: auto;
	left: auto;
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul>span {
	display: flex;
	align-items: center;
	margin: 0 .5rem;
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul>span>span:not(.vicon) {
	font-size: 11px;
	opacity: .5;
	text-transform: uppercase;
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper.question_numbers ul>li {
	width: auto !important;
	white-space: nowrap;
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper.question_numbers ul>li:before {
	content: attr(data-number);
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper.question_numbers ul>li>span {
	padding: 0 5px;
	background: var(--border);
	margin: -2px -2px -2px 5px;
	border-radius: 2px;
}

.course_status .incourse span.question_hint_content {
	transform: scale(0);
	padding: 1rem;
	background: var(--sidebar);
	border-radius: 5px;
	margin: 1rem 0;
	opacity: 0;
	transition: .2s all;
}

.course_status .incourse span.question_hint_content.show {
	transform: scale(1);
	opacity: 1;
}

.course_status .incourse .question_option .radio>input[type=radio]+label, .course_status .incourse .question_option .checkbox>input[type=radio]+label {
	display: flex;
	align-items: center;
}

.course_status .incourse div#unit.quiz_title h1 {
	width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.course_status .incourse div#unit.quiz_title h5 {
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.course_status .incourse .loading_quiz.disabled {
	display: none;
}

.course_status .incourse .loading_quiz {
	position: fixed !important;
	width: 0%;
	height: 0%;
	left: 50%;
	top: 50%;
	z-index: 9999;
}

.course_status .incourse .question_correct {
	border: 2px solid rgba(0, 128, 0, .5) !important;
	padding: 5px;
	border-radius: 5px;
}

.course_status .incourse .question_incorrect {
	border: 2px solid rgba(255, 0, 0, .5) !important;
	padding: 5px;
	border-radius: 5px;
}

.course_status .incourse .quiz_questions_content {
	flex: 3 0 70%;
	max-width: 100%;
}

.course_status .incourse .quiz_questions_content .question_option.radio label>div, .course_status .incourse .quiz_questions_content .question_option.checkbox label>div {
	display: inline-block;
}

.course_status .incourse .quiz_questions_content .question_option.radio label>div>p, .course_status .incourse .quiz_questions_content .question_option.checkbox label>div>p {
	margin: 0;
}

.course_status .incourse .incourse_quiz_button {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	width: 100%;
}

.course_status .incourse .incourse_quiz_button a {
	text-align: center;
	width: 100%;
	margin: .25rem !important;
}

.course_status .incourse .quiz_retake {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .5rem;
	justify-content: space-between;
	width: 100%;
}

.course_status .incourse .quiz_retake>* {
	flex: 1 0 180px;
}

.course_status .incourse .confirmpopup_wrapper {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background: rgba(0, 0, 0, .5);
	z-index: 99999;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

.course_status .incourse .confirmpopup_wrapper .confirmpopup_content {
	padding: 1rem;
	background: var(--highlight);
	border-radius: 5px;
	min-width: 50%;
}

.course_status .incourse span.question_stats_content_heading {
	margin-bottom: 1rem;
	display: inline-block;
}

.course_status .incourse span.question_stats_content_heading:not(:nth-child(1)) {
	margin-top: 1.5rem;
}

.course_status .incourse .question_stats_content .checked_answer span {
	text-transform: capitalize;
}

.course_status .incourse .question_stats_content {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
	align-items: start;
}

.course_status .incourse .question_stats_content>* {
	margin: 5px;
}

.course_status .incourse .question_stats_content span {
	margin: 5px;
}

.course_status .incourse .question_stats_content .checked_answer {
	text-align: center;
}

.course_status .incourse .quiz_stats_chart {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.course_status .incourse .quiz_stats_chart .quiz_stats_chart_pie {
	flex: 1 0 240px;
}

.course_status .incourse .quiz_stats_chart .question_stats_content_wrapper {
	flex: 2 0 480px;
}

.course_content_content {
	display: inline-block;
	width: 100%;
	padding: .75rem 1rem 0;
}

.course_content_content ul {
	list-style: disc inside;
}

.course_content_content ol {
	list-style: decimal inside;
}

.course_content_content h2 {
	font-size: 2.5rem;
	font-weight: 800;
	margin: 0 0 1.5rem !important;
}

.course_content_content .video_wrapper {
	z-index: 11;
}

.course_content_content .unit_attachments {
	background: var(--border);
	padding: 1rem;
	margin: 1rem 0;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
}

.course_content_content .unit_attachments h3 {
	font-weight: 600;
	margin-bottom: .5rem;
}

.course_content_content .unit_attachments .attachment {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: .5rem 0;
}

.course_content_content .unit_attachments .attachment>span {
	display: flex;
	align-items: center;
	margin: 0 -5px;
}

.course_content_content .unit_attachments .attachment>span span.attachment_icon>svg {
	width: 32px;
	fill: var(--text);
	color: var(--text);
}

.course_content_content .unit_attachments .attachment>span>* {
	margin: 0 5px;
}

.course_content_content .unit_assignments {
	background: var(--border);
	padding: 1rem;
	margin: 1rem 0;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
}

.course_content_content .unit_assignments h3 {
	font-weight: 600;
	margin-bottom: .5rem;
}

.course_content_content .unit_assignments .assignment .assignment_heading {
	display: flex;
	justify-content: space-between;
	padding: 5px 0;
}

.course_content_content .pratice_questions {
	margin: 1rem 0;
}

.course_content_content .pratice_questions .incourse {
	margin: 1rem 0;
	background: var(--sidebar);
	padding: 1rem 1.5rem;
	border-radius: 8px;
}

.course_content_content .pratice_questions .incourse .quiz_questions_content {
	margin: 0;
}

.finish-course-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	padding-top: 60px;
}

.finish-course-content h1 {
	font-size: 3rem;
}

.finish-course-content h2 {
	font-size: 2.5rem;
}

.finish-course-content h3 {
	font-size: 1.8rem;
}

.finish-course-content .post_completion_message {
	flex: 1;
	max-height: calc(100vh - 550px);
	overflow-y: auto;
	min-height: 100px;
}

.finish-course-content .vibe_editor_rich_text {
	text-align: start;
}

.finish-course-content .completion_message {
	font-size: 1.2rem;
	margin: 1rem 0;
}

.finish-course-content .awards {
	display: flex;
	align-items: baseline;
	justify-content: center;
	margin: 1.5rem 0;
}

.finish-course-content .awards .certificate svg, .finish-course-content .awards .badge img {
	fill: var(--light);
	width: 64px;
	height: 64px;
	border-radius: 5px;
}

.finish-course-content .awards>* {
	margin: 1rem .5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #fafafa;
	padding: 1rem;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
	border-radius: 5px;
	width: 128px;
	transition: all .2s;
	font-size: 1rem;
	font-weight: 600;
}

.finish-course-content .awards>*:hover {
	box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
	transform: translateY(-2px);
}

.finish-course-content .finished_percentage {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	position: absolute;
	top: -90px;
	right: calc(50% - 90px);
}

.finish-course-content .finished_percentage>span {
	width: 180px;
	height: 180px;
	font-weight: 800;
	font-weight: 600;
	display: flex;
	flex-direction: column;
	line-height: 0;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 1.6rem;
	color: var(--primarycolor);
	background: var(--primary);
	box-shadow: 0 -1px 1rem var(--highlight);
}

.finish-course-content .finished_percentage>span:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	border: 10px solid #fff;
	box-shadow: inset 0 1px 10px rgba(0, 0, 0, .4);
	border-radius: 50%;
	z-index: 0;
}

.finish-course-content .finished_percentage>span>span {
	line-height: 1;
	font-size: 11px;
	font-size: 11px;
	display: flex;
	flex-wrap: wrap;
	letter-spacing: 1px;
	letter-spacing: 2px;
	position: relative;
	font-weight: 800;
}

.finish-course-content .finished_percentage>span>span+span {
	width: 80%;
}

.finish-course-content .finished_percentage>span>span strong {
	font-size: 4rem;
	color: var(--primarycolor);
	margin-left: -.5rem;
}

.finish-course-content .finished_percentage>span>span strong+span {
	font-size: 1rem;
	position: absolute;
	margin-top: 1rem;
	right: -1rem;
	top: 0;
}

.quiz_bar {
	background: var(--highlight);
	padding: .5rem;
	margin: 1rem 0;
	align-items: center;
	display: inline-block;
	width: 100%;
}

.quiz_pagination_wrapper .faded {
	opacity: .45;
}

.quiztimer {
	display: flex;
	justify-content: center;
}

.quiztimer .c100.big {
	font-size: 10rem;
}

.quiztimer .c100.big>span {
	font-size: 1.5rem;
	display: flex;
	flex-direction: column;
	line-height: 1.5;
}

.quiztimer .c100.big>span span.timer_amount, .quiztimer .c100.big>span span.timer_unit {
	display: flex;
	align-items: center;
	justify-content: center;
}

.quiztimer .c100.big>span span.timer_amount>span+span, .quiztimer .c100.big>span span.timer_unit>span+span {
	margin-left: 2px;
}

.quiztimer .c100.big>span>span.timer_unit {
	font-size: .7rem;
	opacity: .5;
}

.quiztimer .c100.big:after {
	border: 1px dashed rgba(0, 0, 0, .05);
}

.course_assignment {
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: -.5rem;
}

.course_assignment>* {
	flex: 1 0 240px;
	max-width: 100%;
	margin: .5rem;
}

.course_assignment>*.assignment_content_wrapper {
	flex: 3 0 480px;
}

.course_assignment .assignment_content_wrapper .vibe_rich_editor {
	border: none;
}

.course_assignment .assignment_content_wrapper .allowed_file_extenstions {
	font-size: 11px;
	opacity: .6;
	margin: .5rem -.5rem;
	display: flex;
	align-items: center;
}

.course_assignment .assignment_content_wrapper .allowed_file_extenstions>* {
	margin: 0 .1rem;
}

.course_assignment .assignment_content_wrapper .assignment_attachments {
	background: var(--highlight);
	border: 1px solid var(--border);
	text-align: center;
	margin: .5rem 0;
	padding: .5rem;
}

.course_assignment .assignment_content_wrapper .assigment_evaluated {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1rem;
	margin: 1rem 0;
}

.course_assignment .assignment_content_wrapper .assigment_evaluated .remarks {
	grid-column: 1/-1;
}

.course_assignment .assignment_content_wrapper .assigment_evaluated .remarks h3 {
	margin: .5rem 0;
}

.course_assignment .assignment_details {
	padding: 1rem;
	border: 1px solid var(--border);
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	font-size: 1.5rem;
	font-weight: 600;
	background: var(--highlight);
	box-shadow: 0 1px 5px var(--border);
	border-radius: 5px;
}

.course_assignment .assignment_details .assignment_marks {
	margin-bottom: 1rem;
	display: flex;
	flex-direction: column;
	font-size: 2.5rem;
	align-items: center;
}

.course_assignment .assignment_details .assignment_marks>span+span {
	margin: 0 10px;
	font-size: .8rem;
	opacity: .6;
	font-weight: 400;
}

@media (max-width: 768px) {
	.course_status .course_content .course_content_header {
		height: 3rem;
	}
	
	.course_status .course_content .course_content_content_wrapper {
		margin-bottom: 1.5rem;
	}
	
	.course_status .course_assignment_wrapper .course_assignment {
		flex-direction: row;
	}
	
	.course_status .course_assignment_wrapper .course_assignment .assignment_details {
		margin-left: 0;
		margin-bottom: 1.5rem;
	}
	
	.course_status .reviewpopup_wrapper .reviewpopup_content .popup-footer>a, .course_status .reviewpopup_wrapper .course_instructions .popup-footer>a, .course_status .course_instructions_wrapper .reviewpopup_content .popup-footer>a, .course_status .course_instructions_wrapper .course_instructions .popup-footer>a {
		flex: auto;
		text-overflow: ellipsis;
		width: 100%;
		display: inline-block;
		overflow: hidden;
	}
	
	.course_status .reviewpopup_wrapper .reviewpopup_content .popup-footer, .course_status .reviewpopup_wrapper .course_instructions .popup-footer, .course_status .course_instructions_wrapper .reviewpopup_content .popup-footer, .course_status .course_instructions_wrapper .course_instructions .popup-footer {
		flex-wrap: wrap;
	}
	
	.course_status .course_timeline .course_action_points .search-course {
		padding: 0 .5rem;
	}
}

.course_progress_wrapper {
	display: flex;
	align-items: center;
	min-width: 150px;
	font-size: .75rem;
}

.course_progress_wrapper>span {
	margin: 0 .5rem;
}

.course_progress_wrapper .course_progress {
	position: relative;
	width: 100%;
	height: 5px;
	background: rgba(0, 0, 0, .05);
}

.course_progress_wrapper .course_progress>span {
	background: #1ebf1e;
	height: 100%;
	height: 5px;
	border-radius: 5px;
	position: absolute;
	left: 0;
	top: 0;
}

.wplms-course-star-rating {
	display: flex;
	align-items: center;
	flex-direction: row;
}

.wplms-course-star-rating .vicon {
	padding: 3px 3px 5px 5px;
}

.wplms-course-star-rating .vicon.golden {
	background: gold;
	color: #fff;
	border-radius: 5px;
}

.wplms-course-star-rating .vicon+.vicon {
	margin-left: .5rem;
}

@media (max-width: 768px) {
	.course_status .incourse .incoursequiz_details {
		flex: 1 0 100% !important;
	}
	
	.course_status {
		flex-direction: column;
	}
	
	.course_status_fullscreen.admin-bar #wpadminbar {
		display: none;
	}
	
	.course_status_fullscreen.admin-bar .course_status {
		height: 100vh;
		top: 0;
	}
	
	.incourse .incoursequiz_details.hide_controls {
		background: none;
		border-color: rgba(0, 0, 0, 0);
	}
	
	.incourse .incoursequiz_details.hide_controls .quiz_timeline, .incourse .incoursequiz_details.hide_controls .incourse_quiz_button>*:not(.start_quiz), .incourse .incoursequiz_details.hide_controls .buttons {
		display: none;
	}
	
	.incourse .incoursequiz_details.hide_controls>div.quiz_first_block {
		background: var(--highlight);
		justify-content: space-between;
	}
	
	.incourse .incoursequiz_details.hide_controls>div>strong, .incourse .incoursequiz_details.hide_controls>div .quiztimer_wrapper {
		background: var(--highlight);
		border-radius: 5px;
	}
	
	.incourse .incoursequiz_details.hide_controls>div .buttons {
		opacity: 0;
	}
	
	.incourse .incoursequiz_details.show_controls>div>strong, .incourse .incoursequiz_details.show_controls .quiztimer_wrapper {
		background: none;
		border-color: var(--border);
	}
	
	.incourse .incoursequiz_details.show_controls .buttons {
		opacity: 1;
	}
	
	.incourse .incoursequiz_details.show_controls:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: var(--highlight);
		z-index: -1;
	}
}

a.button.is-primary {
	color: var(--primarycolor);
}

.buttons.has-addons {
	display: flex;
}

.buttons.has-addons.small>.button {
	background: none;
	padding: .5rem;
	height: 1.5rem;
	font-size: .8rem;
	color: var(--primary);
	margin: 0;
	border: 1px solid;
	display: flex;
	align-items: center;
	border-radius: 0 5px 5px 0;
}

.buttons.has-addons.small>.button:first-child {
	border-radius: 5px 0 0 5px;
	border-right: none;
}

.buttons.has-addons.small>.button:hover, .buttons.has-addons.small>.button.is-focused {
	color: var(--primarycolor);
	background: var(--primary);
	border-color: var(--primary);
}

.button.is-focused {
	color: var(--primarycolor);
	background: var(--primary);
}

@media (max-width: 1000px) {
	.course_status .reviewpopup_wrapper .reviewpopup_content, .course_status .reviewpopup_wrapper .course_instructions, .course_status .course_instructions_wrapper .reviewpopup_content, .course_status .course_instructions_wrapper .course_instructions {
		width: 80%;
	}
}

@media (max-width: 500px) {
	.incourse .quiz_stats_chart .quiz_stats_chart_pie {
		width: 100% !important;
	}
	
	.incourse .quiz_stats_chart .question_stats_content_wrapper {
		width: 100% !important;
	}
	
	.incourse .quiz_questions_content .question_wrapper.loaded .result {
		transform: scale(.5) translateY(-10px);
		transform-origin: top;
	}
	
	span.review_block>span:not(.vicon) {
		display: none;
	}
}

@media (max-width: 480px) {
	.incourse .quiz_stats_chart .question_stats_content_wrapper {
		flex: 2 0 100%;
	}
	
	.incourse .quiz_questions_content {
		margin: 0 -.5rem;
	}
	
	.course_status .incourse .quiz_stats_chart .question_stats_content_wrapper {
		flex: 2 0 100%;
	}
	
	.course_status .incourse .question_stats_content .checked_answer {
		color: #1f2b39;
	}
	
	.quiz_pagination_wrapper.buttons.has-addons .button {
		display: none;
	}
	
	.quiz_pagination_wrapper.buttons.has-addons .button.ques_link {
		display: block;
		flex: 1;
	}
}

.quiz_timeline {
	max-height: none;
}

.single-quiz .content .question label {
	font-size: 1rem;
	margin: 0;
	display: flex;
	align-items: center;
}

.vbp_pdf_object object {
	display: inline-flex;
	height: 100vh;
	width: 100%;
}

.vbp_pdf_object object embed {
	width: 100%;
}

.wp-playlist.wp-video-playlist, .wp-playlist.wp-audio-playlist {
	color: var(--text);
	background: var(--highlight);
	border-color: var(--border);
}

.wplms_playlist {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: start;
}

.wplms_playlist .track {
	margin: .5rem .2rem;
	padding: .25rem;
	border: 1px solid var(--border);
	cursor: pointer;
	width: 100%;
}

.wplms_playlist .track.active {
	border-color: var(--primary);
}

.course_status .course_content .course_content_content .vibe_editor_rich_text .wplms-playlist {
	position: relative;
	bottom: 400px;
}

.course_status .course_content .course_content_content .wp-playlist {
	max-height: 300px;
	box-shadow: 5px 5px 15px var(--shadow);
	overflow-y: auto;
}

.course_status .course_content .course_content_content .wp-playlist-next-button:before {
	content: "";
	font-family: "vicon";
}

.course_status .course_content .course_content_content .wp-playlist-prev-button:before {
	content: "";
	font-family: "vicon";
}

.course_status .course_content .course_content_content .wp-playlist-prev-button, .course_status .course_content .course_content_content .wp-playlist-next-button {
	color: var(--text) !important;
	padding: .5rem 1rem;
	font-size: 1.5rem;
	font-weight: 800;
	background: var(--primary);
	border-radius: 5px !important;
	cursor: pointer;
}

.course_status .vibebp_content_show_fireworks {
	display: flex;
	align-items: center;
	justify-content: center;
}

.incourse.leaderboard_contest .incoursequiz_details {
	display: flex;
	flex: 1 0 240px;
	flex-wrap: nowrap;
}

.incourse.leaderboard_contest .live_contest_quiz_leaderboard {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--border);
	padding: .5rem;
	max-height: 350px;
	overflow-y: auto;
	width: 100%;
}

.incourse.leaderboard_contest .live_contest_quiz_leaderboard>div.contest_user {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: .25rem;
}

.incourse.leaderboard_contest .live_contest_quiz_leaderboard>div.contest_user>span:nth-child(1) {
	display: flex;
	flex-direction: column;
}

.incourse.leaderboard_contest .live_contest_quiz_leaderboard>div.contest_user>span:nth-child(1) img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	margin-right: 1rem;
}

.incourse.leaderboard_contest .live_contest_quiz_leaderboard .live-leaderboard-list .contest_user {
	display: grid;
	grid-template-columns: 20px 1fr 1fr 1fr;
	align-items: start;
	gap: .2rem;
	margin: 1rem 0;
	justify-items: center;
}

.incourse.leaderboard_contest .live_contest_quiz_leaderboard .live-leaderboard-list .contest_user span.member_info {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.incourse.leaderboard_contest .live_contest_quiz_leaderboard .live-leaderboard-list .contest_user span.member_info .up {
	color: var(--success);
}

.incourse.leaderboard_contest .live_contest_quiz_leaderboard .live-leaderboard-list .contest_user span.member_info .down {
	color: var(--danger);
}

.incourse.leaderboard_contest .live_contest_quiz_leaderboard .live-leaderboard-list .contest_user span.member_info span.vibebp_member {
	display: flex;
	justify-self: start;
	flex-direction: column;
}

.incourse.leaderboard_contest .live_contest_quiz_leaderboard .live-leaderboard-list .contest_user span.member_info span.vibebp_member img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
}

.prevnextbuttonsdiv {
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	position: sticky;
}

.question_timer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	width: 100%;
}

.question_timer .question-duration-progress {
	height: 7px;
	background: var(--shadow);
	position: relative;
	width: 100%;
	border-radius: 5px;
}

.question_timer .question-duration-progress span {
	height: 100%;
	border-radius: 5px;
	-webkit-mask: linear-gradient(#fff 0 0);
	mask: linear-gradient(#fff 0 0);
	display: block;
	transition: .2s all;
}

.question_timer .question-duration-progress span:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(to right, #ff2525, #daea76, #0ded0d);
}

@media (max-width: 500px) {
	.course_status .course_timeline.comments_shown {
		height: 100%;
	}
	
	body:not(.course_status_fullscreen) .course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper {
		height: 100%;
	}
	
	.course_status .unit_prevnext .navigate_unit span:not(.vicon) {
		display: none;
	}
	
	.course_status .unit_prevnext .navigate_unit span.vicon {
		border: 1px solid var(--shadow);
		padding: .5rem;
	}
}

@media (min-width: 768px) {
	.incourse .incoursequiz_details>div .quiz_detail_toggle {
		display: none;
	}
	
	.incourse .quiztimer .circle_timer .react-progress-circle {
		display: initial;
	}
}

.dropdown {
	display: inline-flex;
	position: relative;
	vertical-align: top;
}

.dropdown.is-active, .dropdown.is-hoverable:hover .dropdown-menu {
	display: block;
}

.dropdown.is-right .dropdown-menu {
	left: auto;
	right: 0;
}

.dropdown.is-up .dropdown-menu {
	bottom: 100%;
	padding-bottom: 4px;
	padding-top: initial;
	top: auto;
}

.dropdown .dropdown-menu {
	display: none;
	left: 0;
	min-width: 12rem;
	padding-top: 4px;
	position: absolute;
	top: 100%;
	z-index: 20;
}

.dropdown .dropdown-content {
	background-color: var(--highlight);
	border-radius: 2px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
	padding-bottom: .5rem;
	padding-top: .5rem;
}

.dropdown .dropdown-content .dropdown-item {
	color: var(--text);
	display: block;
	font-size: .875rem;
	line-height: 1.5;
	padding: .375rem 1rem;
	position: relative;
}

.dropdown .dropdown-content a.dropdown-item {
	padding-right: 3rem;
	white-space: nowrap;
}

.dropdown .dropdown-content a.dropdown-item:hover {
	background-color: var(--highlight);
	color: var(--bold);
}

.dropdown .dropdown-content a.dropdown-item.is-active {
	background-color: var(--primary);
	color: var(--primarycolor);
}

.dropdown .dropdown-content .dropdown-divider {
	background-color: var(--border);
	border: none;
	display: block;
	height: 1px;
	margin: .5rem 0;
}

.tabulator-row.tabulator-row-even {
	background: var(--highlight);
}

.dropdown {
	display: inline-flex;
	position: relative;
	vertical-align: top;
}

.dropdown.is-active, .dropdown.is-hoverable:hover .dropdown-menu {
	display: block;
}

.dropdown.is-right .dropdown-menu {
	left: auto;
	right: 0;
}

.dropdown.is-up .dropdown-menu {
	bottom: 100%;
	padding-bottom: 4px;
	padding-top: initial;
	top: auto;
}

.dropdown .dropdown-menu {
	display: none;
	left: 0;
	min-width: 12rem;
	padding-top: 4px;
	position: absolute;
	top: 100%;
	z-index: 20;
}

.dropdown .dropdown-content {
	background-color: var(--highlight);
	border-radius: 2px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
	padding-bottom: .5rem;
	padding-top: .5rem;
}

.dropdown .dropdown-content .dropdown-item {
	color: var(--text);
	display: block;
	font-size: .875rem;
	line-height: 1.5;
	padding: .375rem 1rem;
	position: relative;
}

.dropdown .dropdown-content a.dropdown-item {
	padding-right: 3rem;
	white-space: nowrap;
}

.dropdown .dropdown-content a.dropdown-item:hover {
	background-color: var(--highlight);
	color: var(--bold);
}

.dropdown .dropdown-content a.dropdown-item.is-active {
	background-color: var(--primary);
	color: var(--primarycolor);
}

.dropdown .dropdown-content .dropdown-divider {
	background-color: var(--border);
	border: none;
	display: block;
	height: 1px;
	margin: .5rem 0;
}

.tabulator-row.tabulator-row-even {
	background: var(--highlight);
}

#course_component {
	z-index: 9;
}

.button.major {
	color: var(--white);
	background: var(--light);
	border: none;
	height: 5rem;
	padding: 1rem;
	display: inline-block;
	position: relative;
	min-width: 320px;
	flex: 1 0 320px;
	max-width: 420px;
	margin-bottom: 1rem;
}

.button.major span {
	display: block;
	opacity: .8;
}

.button.major:hover {
	color: var(--white);
}

.vbp_message {
	grid-column: 1/-1;
}

.element_overlay.overlay .right, .element_overlay.overlay .switch {
	float: none;
}

.list-group-item-new-react {
	border: 1px solid var(--border);
	padding: 15px;
}

.list-group-item-new-react {
	border-top: none;
	border-radius: 0;
}

.list-group-item-new-react:first-child {
	border-top: 1px solid var(--border);
	border-radius: 3px;
}

.list-group-item-new-react:last-child {
	border-radius: 3px;
}

.time_field {
	position: relative;
}

.time_field ul.time_options {
	height: 300px;
	overflow-y: auto;
	width: 200px;
	position: absolute;
	top: 100%;
	z-index: 9999999;
	background: var(--highlight);
}

.time_field ul.time_options li {
	border: 1px solid var(--border);
	padding: .5rem !important;
}

#content {
	z-index: 999 !important;
}

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--border);
	transition: .4s;
	border-radius: 34px;
	height: 30px;
}

.switch .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 2px;
	bottom: 2px;
	border-radius: 50%;
	background-color: var(--white);
	transition: .4s;
}

.switch input:checked+.slider {
	background-color: var(--primary);
}

.switch input:checked+.slider:before {
	transform: translateX(30px);
}

.switch input:focus+.slider {
	box-shadow: 0 0 1px var(--primary);
}

.change_data_wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .45);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.change_data_wrapper .change_data_content {
	position: relative;
	width: 50%;
	background: var(--highlight);
	padding: 1.5rem;
	border-radius: 4px;
	box-shadow: 1px 2px 50px var(--shadow);
}

.change_data_wrapper .change_data_content .heading_area {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.change_data_wrapper .change_data_content .heading_area h3 {
	font-size: 1.6rem;
	margin-bottom: 1rem;
}

.change_data_wrapper .change_data_content .upload_csv_area input[type=file] {
	display: none;
}

.change_data_wrapper .change_data_content .upload_csv_area label {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1.5rem;
	border: 5px dashed var(--border);
}

.change_data_wrapper .change_data_content .upload_csv_actions {
	display: flex;
	justify-content: space-between;
}

.change_data_wrapper .change_data_content .popup-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.change_data_wrapper .change_data_content span.vicon.vicon-close.close {
	position: absolute;
	top: .5rem;
	right: .5rem;
	cursor: pointer;
}

.change_data_wrapper .change_data_content h3 {
	margin: 1rem 0;
}

.change_data_wrapper .change_data_content .checkbox {
	margin: .5rem 0 2rem 0;
}

.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
}

.lds-ellipsis div {
	position: absolute;
	top: 27px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: var(--primary);
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
	left: 6px;
	animation: lds-ellipsis1 .6s infinite;
}

.lds-ellipsis div:nth-child(2) {
	left: 6px;
	animation: lds-ellipsis2 .6s infinite;
}

.lds-ellipsis div:nth-child(3) {
	left: 26px;
	animation: lds-ellipsis2 .6s infinite;
}

.lds-ellipsis div:nth-child(4) {
	left: 45px;
	animation: lds-ellipsis3 .6s infinite;
}

@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}
	
	100% {
		transform: scale(1);
	}
}

@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}
	
	100% {
		transform: scale(0);
	}
}

@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}
	
	100% {
		transform: translate(19px, 0);
	}
}

.field_wrapper .media_wrapper {
	position: relative;
}

.field_wrapper>span>label {
	display: block;
}

.field_wrapper label .tip_trigger {
	margin-left: 10px;
}

.field_wrapper .media_file {
	background: var(--background);
	border-radius: 5px;
	line-height: 0;
	width: 100%;
	height: 100%;
	max-height: 220px;
	overflow: hidden;
	position: relative;
}

.field_wrapper .media_file span.vicon.vicon-close {
	position: absolute;
	right: 0;
	top: 0;
	padding: 5px;
	color: var(--danger);
	z-index: 999;
}

.field_wrapper .featured_video {
	margin: 1rem 2px 0;
	border-radius: 2px;
	padding: 5px 10px;
	border: 1px solid var(--border);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.field_wrapper .featured_video .featured_video_options>* {
	padding: 5px;
}

.field_wrapper .field_featured_audio {
	display: flex;
	justify-content: space-between;
	border: 1px solid var(--border);
	border-radius: 30px;
	padding: 10px 20px;
	align-items: center;
}

.course_duration_stick_left {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	grid-gap: 1.5rem;
}

.course_duration_stick_left .field_wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background: var(--highlight);
	border-radius: 0;
	padding: .5rem 1rem;
	justify-content: space-between;
	border: 1px solid var(--border);
}

.course_duration_stick_left .field_wrapper .tip_trigger {
	margin-left: 10px;
}

.course_duration_stick_left .field_wrapper:not(.field_next_button, .field_prev_button)>span {
	flex: 1 0 160px;
}

.course_duration_stick_left .field_wrapper>.field_value {
	flex: 1 0 160px;
	display: flex;
	justify-content: flex-end;
}

.course_duration_stick_left .field_wrapper>.field_value div:not(.switch), .course_duration_stick_left .field_wrapper>.field_value input {
	width: 100%;
}

.course_duration_stick_left .field_wrapper>.field_value .date {
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
}

.course_duration_stick_left .field_wrapper>.field_value .date .vicon-close {
	margin: 0 .5rem;
	cursor: pointer;
	user-select: none;
}

.course_duration_stick_left .field_wrapper strong {
	display: none;
}

.course_duration_stick_left .duration_field {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.course_duration_stick_left .duration_field input {
	height: 35px;
	border-right: 0;
}

.course_duration_stick_left .duration_field .vicon {
	padding: 5px;
}

.course_duration_stick_left .duration_field select {
	width: 80px;
}

.taxonomy_field {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: -5px;
}

.taxonomy_field>* {
	margin: 5px;
}

.taxonomy_field .selected_term_list_wrapper {
	flex: 1;
}

.taxonomy_field .selected_term_list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: -2px;
}

.taxonomy_field .term_select {
	flex: 1 0 80px;
	margin: 2px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.taxonomy_field .term_select input {
	padding: 0;
	border: none;
}

.taxonomy_field .term_select>span:not(.vicon) {
	background: var(--highlight);
	border: 1px solid var(--border);
	padding: 5px 10px;
	width: 100%;
	margin: 2px;
}

.taxonomy_field .term_select .term_select_label {
	margin: 2px;
	border-radius: 2px;
	padding: 5px 10px;
	background: var(--highlight);
	border: 1px solid var(--border);
}

.taxonomy_field .term_select i {
	font-size: 1rem;
	padding-left: 5px;
}

.taxonomy_field .selectcptfield_list {
	display: block;
}

.taxonomy_field .selectcptfield_list .selectcptfield_items span {
	padding: .5rem;
	border: 1px solid var(--border);
	display: inline-block;
}

.taxonomy_field .search_term_list {
	position: absolute;
	top: calc(100% + 2px);
	width: 100%;
	left: 0;
	background: var(--highlight);
	border: 1px solid var(--border);
	box-shadow: 0 1px 5px var(--shadow);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	z-index: 9;
}

.taxonomy_field .search_term_list .search_term {
	padding: 2px 5px;
	border-radius: 2px;
	margin: 2px;
	background: var(--highlight);
	border: 1px solid var(--border);
}

.multiselect {
	display: flex;
	flex-direction: row;
	border: 1px solid var(--border);
	align-items: center;
	justify-content: space-between;
}

.multiselect .selectcptfield_items {
	display: flex;
	align-items: flex-start;
}

.multiselect .selectcptfield_items span {
	margin: 2px;
	padding: 2px;
	border: 1px solid var(--border);
	background: var(--highlight);
}

.multiselect .selectimitate {
	margin: 2px;
	padding: 5px;
	flex: 1;
	display: flex;
	justify-content: flex-end;
}

.multiselect .selectimitate .search_results {
	display: none;
}

.multiselect .selectimitate .search_results.active {
	display: flex;
	flex-wrap: wrap;
	max-height: 50vh;
	overflow: auto;
}

.multiselect .selectimitate .search_results .search_result {
	margin: 2px;
	padding: 2px;
	background: var(--highlight);
	border: 1px solid var(--border);
}

.multiselect .selectimitate .search_results .search_result.stick_label {
	flex: 1 0 100%;
	border: none !important;
	font-weight: 600;
}

.multiselect .selectimitate .search_results .search_results_box {
	flex: 1 0 100%;
	border: 1px solid var(--border);
	display: flex;
	align-items: center;
	padding: 5px;
	gap: 10px;
	position: sticky;
	top: 0;
	background: var(--highlight);
	z-index: 9;
}

.multiselect .selectimitate .search_results .search_results_box input {
	background: none !important;
	border: none !important;
	flex: 1;
}

div.embed_block {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .1);
	top: 0;
	left: 0;
}

.single_media div.embed_block_wrapper {
	position: relative;
}

.rotate90 {
	transform: rotate(90deg);
}

.reviewpopup_wrapper, .course_instructions_wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .45);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.reviewpopup_wrapper .reviewpopup_content, .reviewpopup_wrapper .course_instructions, .course_instructions_wrapper .reviewpopup_content, .course_instructions_wrapper .course_instructions {
	position: relative;
	width: 50%;
	background: var(--highlight);
	padding: 1.5rem;
	border-radius: 4px;
	box-shadow: 1px 2px 50px var(--shadow);
}

.reviewpopup_wrapper .reviewpopup_content .popup-footer, .reviewpopup_wrapper .course_instructions .popup-footer, .course_instructions_wrapper .reviewpopup_content .popup-footer, .course_instructions_wrapper .course_instructions .popup-footer {
	display: flex;
	justify-content: space-between;
	background: #eee;
	margin: 1rem -1.5rem -1.5rem;
	padding: .8rem 1.5rem;
	border-radius: 0 0 4px 4px;
	align-items: center;
	line-height: 1;
}

.reviewpopup_wrapper .reviewpopup_content .popup-footer>a, .reviewpopup_wrapper .course_instructions .popup-footer>a, .course_instructions_wrapper .reviewpopup_content .popup-footer>a, .course_instructions_wrapper .course_instructions .popup-footer>a {
	flex: 1;
}

.reviewpopup_wrapper .reviewpopup_content .course-star-rating span, .reviewpopup_wrapper .course_instructions .course-star-rating span, .course_instructions_wrapper .reviewpopup_content .course-star-rating span, .course_instructions_wrapper .course_instructions .course-star-rating span {
	font-size: 2rem;
}

.reviewpopup_wrapper .reviewpopup_content .close, .reviewpopup_wrapper .course_instructions .close, .course_instructions_wrapper .reviewpopup_content .close, .course_instructions_wrapper .course_instructions .close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	z-index: 99999;
	cursor: pointer;
}

.reviewpopup_wrapper .reviewpopup_content .close span:before, .reviewpopup_wrapper .course_instructions .close span:before, .course_instructions_wrapper .reviewpopup_content .close span:before, .course_instructions_wrapper .course_instructions .close span:before {
	color: red;
	font-weight: 900;
	font-size: 1.5rem;
}

.reviewpopup_wrapper .reviewpopup_content .reviewform, .reviewpopup_wrapper .course_instructions .reviewform, .course_instructions_wrapper .reviewpopup_content .reviewform, .course_instructions_wrapper .course_instructions .reviewform {
	margin: 1rem 0;
}

.reviewpopup_wrapper .reviewpopup_content .reviewform label, .reviewpopup_wrapper .course_instructions .reviewform label, .course_instructions_wrapper .reviewpopup_content .reviewform label, .course_instructions_wrapper .course_instructions .reviewform label {
	font-size: 2rem;
	display: inline-block;
}

.reviewpopup_wrapper .reviewpopup_content .reviewform>*, .reviewpopup_wrapper .course_instructions .reviewform>*, .course_instructions_wrapper .reviewpopup_content .reviewform>*, .course_instructions_wrapper .course_instructions .reviewform>* {
	margin: 5px 0;
	width: 100%;
	padding: 5px;
}

@media (max-width: 998px) {
	.reviewpopup_wrapper .reviewpopup_content, .course_instructions_wrapper .reviewpopup_content {
		width: 90%;
	}
}

.field_datetime .datetime {
	background: var(--highlight);
	border: 1px solid var(--border);
	padding: 0 10px;
	display: flex;
	align-items: center;
}

.field_datetime .datetime input {
	background: none !important;
	border: none !important;
}

.all_courses_directory_wrapper .filter_dropdown {
	position: absolute;
	left: 0;
	top: 100%;
	width: 240px;
	background: var(--sidebar);
	padding: 1rem;
	border-radius: 0 0 5px 5px;
	display: flex;
	display: none;
	flex-direction: column;
	gap: 1rem;
	z-index: 9;
}

.all_courses_directory_wrapper .wplms_courses_filter_wrapper {
	display: flex;
	gap: 1rem;
}

.all_courses_directory_wrapper .wplms_courses_filter_wrapper .wplms_courses_filter {
	position: relative;
	background: var(--sidebar);
	padding: 5px 10px;
	border-radius: 5px;
}

.all_courses_directory_wrapper .wplms_courses_filter_wrapper .wplms_courses_filter:hover {
	box-shadow: 0 -1px 2px var(--shadow);
	border-radius: 5px 5px 0 0;
}

.all_courses_directory_wrapper .wplms_courses_filter_wrapper .wplms_courses_filter:hover>.filter_dropdown {
	display: flex;
	box-shadow: 0 1px 2px var(--shadow);
}

.all_courses_directory_wrapper .wplms_courses_filter_wrapper .wplms_courses_filter strong {
	display: flex;
	align-items: baseline;
	gap: 1rem;
	justify-content: space-between;
}

.all_courses_directory_wrapper .wplms_courses_filter_wrapper .wplms_courses_filter strong:after {
	content: "";
	font-family: vicon;
	font-size: 80%;
}

.all_courses_directory_wrapper .all_courses_wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 1rem;
}

.all_courses_directory_wrapper .all_courses_wrapper .wplms_directory_course {
	border: 1px solid var(--border);
	padding: 1rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	background: var(--highlight);
}

.all_courses_directory_wrapper .all_courses_wrapper .wplms_directory_course img {
	border-radius: 5px;
}

.all_courses_directory_wrapper .all_courses_wrapper .wplms_directory_course .vibebp_avatar {
	border-radius: 50%;
	width: 32px;
	height: 32px;
}

.all_courses_directory_wrapper .all_courses_pagination {
	display: flex;
	gap: 10px;
}

.all_courses_directory_wrapper .all_courses_pagination>* {
	border: 1px solid var(--primary);
	padding: 0 10px;
	border-radius: 5px;
}

.all_courses_directory_wrapper .all_courses_pagination>span {
	background: var(--primary);
	color: var(--primarycolor);
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em;
	}
	
	5%, 95% {
		box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em;
	}
	
	10%, 59% {
		box-shadow: 0 -.83em 0 -.4em, -.087em -.825em 0 -.42em, -.173em -.812em 0 -.44em, -.256em -.789em 0 -.46em, -.297em -.775em 0 -.477em;
	}
	
	20% {
		box-shadow: 0 -.83em 0 -.4em, -.338em -.758em 0 -.42em, -.555em -.617em 0 -.44em, -.671em -.488em 0 -.46em, -.749em -.34em 0 -.477em;
	}
	
	38% {
		box-shadow: 0 -.83em 0 -.4em, -.377em -.74em 0 -.42em, -.645em -.522em 0 -.44em, -.775em -.297em 0 -.46em, -.82em -.09em 0 -.477em;
	}
	
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em;
	}
}

.dropdown {
	display: inline-flex;
	position: relative;
	vertical-align: top;
}

.dropdown.is-active, .dropdown.is-hoverable:hover .dropdown-menu {
	display: block;
}

.dropdown.is-right .dropdown-menu {
	left: auto;
	right: 0;
}

.dropdown.is-up .dropdown-menu {
	bottom: 100%;
	padding-bottom: 4px;
	padding-top: initial;
	top: auto;
}

.dropdown .dropdown-menu {
	display: none;
	left: 0;
	min-width: 12rem;
	padding-top: 4px;
	position: absolute;
	top: 100%;
	z-index: 20;
}

.dropdown .dropdown-content {
	background-color: var(--highlight);
	border-radius: 2px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
	padding-bottom: .5rem;
	padding-top: .5rem;
}

.dropdown .dropdown-content .dropdown-item {
	color: var(--text);
	display: block;
	font-size: .875rem;
	line-height: 1.5;
	padding: .375rem 1rem;
	position: relative;
}

.dropdown .dropdown-content a.dropdown-item {
	padding-right: 3rem;
	white-space: nowrap;
}

.dropdown .dropdown-content a.dropdown-item:hover {
	background-color: var(--highlight);
	color: var(--bold);
}

.dropdown .dropdown-content a.dropdown-item.is-active {
	background-color: var(--primary);
	color: var(--primarycolor);
}

.dropdown .dropdown-content .dropdown-divider {
	background-color: var(--border);
	border: none;
	display: block;
	height: 1px;
	margin: .5rem 0;
}

.tabulator-row.tabulator-row-even {
	background: var(--highlight);
}

.saving_course_wrapper {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	background: var(--darkborder);
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.saving_course_wrapper .saving_course {
	padding: 1.5rem;
	background: var(--highlight);
	border-radius: 5px;
}

.saving_course_wrapper .saving_course h2 {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--border);
}

.saving_course_wrapper .saving_course .saving_course_element {
	display: flex;
	justify-content: space-between;
}

.wplms_course_creation_controls {
	position: absolute;
	z-index: 99;
}

.create_fullscreen .vibebp_myprofile .profile_grid .profile_grid_header {
	z-index: -1;
}

.create_fullscreen .wplms_create_course_overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background: var(--body);
	display: flex;
	justify-content: center;
	min-height: 100vh;
	height: 100vh;
	width: 100vw;
	overflow-y: scroll;
}

.wplms_create_course_overlay {
	display: flex;
	justify-content: flex-start;
}

.wplms_create_course_overlay .wplms_create_course_wrapper {
	flex: 10;
	width: 100%;
}

.wplms_create_course_overlay .wplms_create_course_help_wrapper {
	position: relative;
	z-index: 999;
	height: 100%;
}

.wplms_create_course_overlay .wplms_create_course_help_wrapper .wplms_create_course_help {
	padding: 1rem;
	position: absolute;
	transition: all .2s;
	background: #fff8e0;
	color: #222;
	transform: translateY(0px);
	margin-top: -60px;
}

@media (max-width: 1284px) {
	.wplms_create_course_overlay .wplms_create_course_help_wrapper {
		position: absolute;
		left: 100%;
		width: 240px;
	}
}

.wplms_create_course_wrapper {
	margin: -.5rem 0 1.5rem;
	padding: 1.5rem 0;
	max-width: 1280px;
}

.wplms_create_course_wrapper .wplms_course_creation_tabs {
	overflow-x: auto;
	position: relative;
	margin: 0 0 3rem 0;
}

.wplms_create_course_wrapper .wplms_course_creation_tabs>ul {
	display: flex;
	flex-direction: row;
}

.wplms_create_course_wrapper .wplms_course_creation_tabs li {
	position: relative;
	cursor: pointer;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.wplms_create_course_wrapper .wplms_course_creation_tabs li:first-child:after {
	content: "";
	position: absolute;
	left: 0;
	top: 3.5rem;
	background: var(--body);
	width: 50%;
	height: 2px;
	z-index: 9;
}

.wplms_create_course_wrapper .wplms_course_creation_tabs li:last-child:after {
	content: "";
	position: absolute;
	right: 0;
	top: 3.5rem;
	background: var(--body);
	width: 50%;
	height: 2px;
	z-index: 9;
}

.wplms_create_course_wrapper .wplms_course_creation_tabs li:before {
	content: "";
	position: absolute;
	top: 3rem;
	background: var(--sidebar);
	width: 1rem;
	height: 1rem;
	z-index: 99;
	border-radius: 50%;
}

.wplms_create_course_wrapper .wplms_course_creation_tabs li.active {
	opacity: 1;
}

.wplms_create_course_wrapper .wplms_course_creation_tabs li.active:before {
	background: var(--primary);
	transition: all .5s;
	animation: tab_point .5s .1s forwards;
}

.wplms_create_course_wrapper .wplms_course_creation_tabs li.active a, .wplms_create_course_wrapper .wplms_course_creation_tabs li.active i {
	color: var(--primary);
	opacity: 1;
}

.wplms_create_course_wrapper .wplms_course_creation_tabs li.active a strong, .wplms_create_course_wrapper .wplms_course_creation_tabs li.active a span, .wplms_create_course_wrapper .wplms_course_creation_tabs li.active i strong, .wplms_create_course_wrapper .wplms_course_creation_tabs li.active i span {
	color: var(--primary);
}

.wplms_create_course_wrapper .wplms_course_creation_tabs li.active a:after {
	content: "";
	height: 2px;
	display: block;
	left: 0;
	top: -2rem;
	width: 0;
	z-index: 99;
	position: absolute;
	background: var(--primary);
	border-radius: 2px;
	transition: all .5s;
}

.wplms_create_course_wrapper .wplms_course_creation_tabs li+li.active a:after {
	animation: tabs_increase .5s forwards;
}

.wplms_create_course_wrapper .wplms_course_creation_tabs li:last-child.active a:after {
	left: auto;
	width: calc(50% + .5rem);
	right: 50%;
}

.wplms_create_course_wrapper .wplms_course_creation_tabs li:first-child.active a:after {
	width: calc(50% + 1rem);
	left: calc(50% - .5rem);
}

.wplms_create_course_wrapper .wplms_course_creation_tabs li i {
	font-size: 2rem;
	margin-bottom: 2.5rem;
	opacity: .4;
}

.wplms_create_course_wrapper .wplms_course_creation_tabs li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 1rem;
	width: 100%;
	color: var(--bold);
	position: relative;
	opacity: .4;
	margin-top: 1rem;
}

.wplms_create_course_wrapper .wplms_course_creation_tabs li a span {
	font-size: .8rem;
	opacity: .8;
	color: var(--text);
}

.wplms_create_course_wrapper .wplms_course_creation_tabs:after {
	position: absolute;
	content: "";
	background: var(--sidebar);
	top: 3.5rem;
	width: 100%;
	height: 2px;
}

.wplms_create_course_wrapper .wplms_edit_course_content {
	width: 100%;
	padding: 1.5rem 0;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_settings .field_wrapper>span {
	display: flex;
	flex-direction: column;
	flex: 1 0 180px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_settings .field_wrapper>span label {
	margin-bottom: 0;
}

.wplms_create_course_wrapper .wplms_edit_course_content .text_field {
	font-size: 5rem;
	line-height: 1;
	padding: 0;
	width: 100%;
	background: none;
	border: none;
}

.wplms_create_course_wrapper .wplms_edit_course_content .text_field:focus {
	outline: none;
	border-bottom: 2px solid var(--border);
}

.wplms_create_course_wrapper .wplms_edit_course_content .create_course_wrapper {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.wplms_create_course_wrapper .wplms_edit_course_content .create_course_wrapper .create_course {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

.wplms_create_course_wrapper .wplms_edit_course_content .create_course_wrapper .create_course_left_panel {
	flex: 1 0 120px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .create_course_wrapper .create_course_right_panel {
	flex: 2 0 240px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .create_course_wrapper .create_course_grid_panel {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.wplms_create_course_wrapper .wplms_edit_course_content .create_course_wrapper .create_course_grid_panel .vibe_vibe_duration {
	width: 100%;
}

.wplms_create_course_wrapper .wplms_edit_course_content .create_course_wrapper .create_course_grid_panel .vibe_vibe_duration .grid {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.wplms_create_course_wrapper .wplms_edit_course_content .create_course_wrapper .create_course_grid_panel .vibe_vibe_duration .grid>* {
	background: var(--highlight);
	border: 1px solid var(--border);
	padding: .75rem;
	flex: 1 0 120px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .create_course_wrapper .create_course_actions_panel {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.wplms_create_course_wrapper .wplms_edit_course_content .create_course_wrapper .create_course_actions_panel .course_drafts>span {
	display: flex;
	align-items: center;
	opacity: .8;
	padding: 8px 12px;
	border: 2px solid var(--text);
	border-radius: 5px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .create_course_wrapper .create_course_actions_panel .course_drafts>span .vicon {
	font-size: 1.5rem;
	margin: 5px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_pricing {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(272px, 1fr));
	grid-gap: 1.5rem;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_pricing>div {
	padding: 1rem;
	background: var(--highlight);
	border: 1px solid var(--border);
	display: flex;
	flex-direction: column;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_pricing>div .field_switch, .wplms_create_course_wrapper .wplms_edit_course_content .course_pricing>div .field_text, .wplms_create_course_wrapper .wplms_edit_course_content .course_pricing>div .field_duration {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1rem;
	flex-wrap: wrap;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_pricing>div .field_selectproduct {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_pricing>div .field_selectproduct .field_value {
	flex: 1;
	margin-left: 1rem;
	text-align: end;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_pricing>div .add_cpt {
	padding: 10px;
	border: 2px dashed var(--border);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_pricing>div .add_cpt>div {
	flex: 1;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_pricing>div .add_cpt .select_cpt_wrapper a {
	display: flex;
	align-items: center;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_pricing>div .add_cpt a i {
	padding: 5px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_pricing>div .add_cpt .select_existing_cpt div {
	display: flex;
	align-items: center;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_pricing>div .add_cpt .select_existing_cpt div .link {
	margin: 0 10px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_pricing>div .add_cpt .select_existing_cpt div.selectcptfield {
	flex-direction: column;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_pricing>div .add_cpt .select_existing_cpt div.search_results, .wplms_create_course_wrapper .wplms_edit_course_content .course_pricing>div .add_cpt .select_existing_cpt div.selectcptfield_list {
	width: 100%;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_pricing>div .add_cpt .select_existing_cpt div.search_results span, .wplms_create_course_wrapper .wplms_edit_course_content .course_pricing>div .add_cpt .select_existing_cpt div.selectcptfield_list span {
	padding: 4px 8px;
	border-radius: 16px;
	background: var(--light);
	margin: 2px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_pricing>div .add_cpt .select_existing_cpt div.selectcptactions {
	margin: 10px 0;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_pricing>div .add_cpt .new_cpt_wrapper+div {
	display: flex;
	align-items: center;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_pricing>div .add_cpt .new_cpt_wrapper+div .link {
	margin: 0 10px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_pricing>div.vibe_publish_course>div .field_publish_button span {
	display: none;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_pricing>div.vibe_publish_course>div .field_publish_button .button {
	display: flex;
	background: var(--success);
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_settings {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(272px, 1fr));
	grid-gap: 1.5rem;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_settings>div {
	padding: 1rem;
	background: var(--highlight);
	border: 1px solid var(--border);
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_settings>div.vibe_vibe_course_instructions, .wplms_create_course_wrapper .wplms_edit_course_content .course_settings>div.vibe_vibe_course_message {
	grid-column: 1/-1;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_settings>div>div>.field_wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_settings>div>div>.field_wrapper span>label {
	font-size: .8rem;
	opacity: .8;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_settings>div>div>.field_wrapper .media_wrapper {
	border: 1px dashed;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_settings>div>div>.field_wrapper .media_wrapper .vicon.vicon-plus {
	padding: 1rem;
	cursor: pointer;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_settings>div>div>.field_wrapper .field_value {
	justify-self: flex-end;
	max-width: 100%;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_settings>div>div>.field_wrapper .field_value .date {
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_settings>div>div>.field_wrapper .field_value .date .vicon-close {
	margin: 0 .5rem;
	cursor: pointer;
	user-select: none;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_settings>div>div>.field_wrapper .add_wrapper {
	display: flex;
	align-items: center;
	border: 1px solid var(--border);
	border-radius: 2rem;
	padding: 5px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_settings>div>div>.field_wrapper .add_wrapper input[type=text] {
	padding: 0;
	border: none;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_settings>div .type_editor .field_wrapper {
	display: block;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_settings>div .type_editor .field_wrapper label {
	display: block;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components {
	display: grid;
	align-items: flex-start;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	grid-gap: 1.5rem;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div {
	padding: 1rem;
	background: var(--highlight);
	height: 100%;
	border: 1px solid var(--border);
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .component_field_wrapper {
	height: 100%;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .component_field_wrapper>div {
	position: relative;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .component_field_wrapper .unit_field>div {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .coursegroups, .wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .courseforums {
	height: 100%;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .coursegroups>span, .wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .courseforums>span {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	margin: 2rem 0;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .coursegroups>span>span.vicon, .wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .courseforums>span>span.vicon {
	font-size: 8rem;
	margin-bottom: 1rem;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .coursegroups .add_cpt, .wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .courseforums .add_cpt {
	position: relative;
	display: flex;
	flex-direction: column;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .coursegroups .add_cpt>span, .wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .courseforums .add_cpt>span {
	display: flex;
	justify-content: space-between;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .coursegroups .add_cpt>div, .wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .courseforums .add_cpt>div {
	display: flex;
	flex-direction: column;
	padding: 1rem 0;
	align-items: center;
	justify-content: center;
	margin: .5rem 0;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .coursegroups select, .wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .courseforums select {
	margin: .5rem 0;
	width: 100%;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .coursegroups .button, .wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .courseforums .button {
	margin-top: 1rem;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .coursegroups .selectcptfield, .wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .courseforums .selectcptfield {
	width: 100%;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .coursegroups .selectcptfield input, .wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .courseforums .selectcptfield input {
	width: 100%;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .coursegroups .selectcptfield .selectcptfield_list, .wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .courseforums .selectcptfield .selectcptfield_list {
	display: flex;
	margin-bottom: 10px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .coursegroups .selectcptfield .selectcptfield_list .selectcptfield_items, .wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .courseforums .selectcptfield .selectcptfield_list .selectcptfield_items {
	background: var(--border);
	padding: 4px 8px;
	border-radius: 16px;
	width: 100%;
	text-align: center;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .coursegroups .selectcptfield .selectcptfield_list .control, .wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .courseforums .selectcptfield .selectcptfield_list .control {
	width: 100%;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .coursegroups .selectcptfield .search_results, .wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .courseforums .selectcptfield .search_results {
	border: 1px solid var(--border);
	border-bottom: none;
	border-top: none;
	margin-top: 0;
	background: var(--border);
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .coursegroups .selectcptfield .search_results .search_result, .wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .courseforums .selectcptfield .search_results .search_result {
	padding: .5rem;
	border-bottom: 1px solid var(--border);
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .coursegroups .selectcptfield .search_results.active, .wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .courseforums .selectcptfield .search_results.active {
	max-height: 50vh;
	overflow: auto;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .coursegroups .course_group {
	display: flex;
	position: relative;
	flex-direction: column;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .coursegroups .course_group strong {
	margin: .5rem 0;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .coursegroups .course_group strong>span {
	display: block;
	font-weight: 400;
	font-size: 11px;
	opacity: .6;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .coursegroups .course_group .group_meta {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid var(--border);
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .coursegroups .course_group span.vicon-pencil-alt {
	position: absolute;
	top: calc(50% - 3rem);
	left: calc(50% - 3rem);
	font-size: 2rem;
	background: rgba(0, 0, 0, .4);
	padding: 2rem;
	border-radius: 50%;
	color: #fff;
	transition: all .2s;
	transform: scale(0);
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .coursegroups .course_group:hover span.vicon-pencil-alt {
	transform: scale(1);
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .courseforums .course_forum strong {
	font-size: 1.5rem;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .courseforums .course_forum strong>span {
	display: block;
	font-weight: 400;
	font-size: 11px;
	opacity: .6;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .courseforums .course_forum .forum_meta {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid var(--border);
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .courseforums .course_forum span.vicon-pencil-alt {
	position: absolute;
	top: calc(50% - 3rem);
	left: calc(50% - 3rem);
	font-size: 2rem;
	background: rgba(0, 0, 0, .4);
	padding: 2rem;
	border-radius: 50%;
	color: #fff;
	transition: all .2s;
	transform: scale(0);
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_components>div .courseforums .course_forum:hover span.vicon-pencil-alt {
	transform: scale(1);
}

.wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_course_button, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_course_settings_button, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_course_components_button, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_curriculum_button, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_publish_course {
	margin-top: 1.5rem;
	grid-column: 1/-1;
	border: none !important;
	justify-items: flex-end;
	padding: 0 !important;
	background: none !important;
}

.wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_course_button>div, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_course_settings_button>div, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_course_components_button>div, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_curriculum_button>div, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_publish_course>div {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	margin-bottom: 1rem;
	align-items: center;
}

.wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_course_button>div .field_next_button, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_course_button>div .field_prev_button, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_course_settings_button>div .field_next_button, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_course_settings_button>div .field_prev_button, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_course_components_button>div .field_next_button, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_course_components_button>div .field_prev_button, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_curriculum_button>div .field_next_button, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_curriculum_button>div .field_prev_button, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_publish_course>div .field_next_button, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_publish_course>div .field_prev_button {
	display: flex !important;
	max-height: 6rem;
}

.wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_course_button>div .field_next_button>div, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_course_button>div .field_prev_button>div, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_course_settings_button>div .field_next_button>div, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_course_settings_button>div .field_prev_button>div, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_course_components_button>div .field_next_button>div, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_course_components_button>div .field_prev_button>div, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_curriculum_button>div .field_next_button>div, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_curriculum_button>div .field_prev_button>div, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_publish_course>div .field_next_button>div, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_publish_course>div .field_prev_button>div {
	width: 100%;
	display: flex;
}

.wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_course_button>div .field_next_button>div, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_course_settings_button>div .field_next_button>div, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_course_components_button>div .field_next_button>div, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_curriculum_button>div .field_next_button>div, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_publish_course>div .field_next_button>div {
	justify-content: flex-end;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_actions {
	display: flex;
	justify-content: space-between;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_actions>span {
	margin: 0 -.5rem;
	display: flex;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_actions>span>span {
	margin: .5rem;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content>.field_wrapper {
	margin: .5rem 0;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content>.field_wrapper.field_editor>label, .wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content>.field_wrapper.field_textarea>label {
	font-size: .8rem;
	opacity: .8;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content>.field_wrapper.field_selectcpt, .wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content>.field_wrapper.field_selectmulticpt, .wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content>.field_wrapper.field_duration, .wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content>.field_wrapper.field_switch {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content>.field_wrapper.field_number {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content>.field_wrapper.field_duration {
	background: var(--sidebar);
	padding: 1rem;
	border: 1px solid var(--border);
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content>.field_wrapper.field_title label {
	display: none;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content>.field_wrapper.field_selectmulticpt .add_wrapper {
	border: 1px solid var(--border);
	padding: 5px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content>.field_wrapper.field_selectmulticpt .selectcptfield_items, .wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content>.field_wrapper.field_selectmulticpt .search_results {
	display: flex;
	flex-direction: column;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content>.field_wrapper.field_selectmulticpt .selectcptfield_items span, .wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content>.field_wrapper.field_selectmulticpt .search_results span {
	background: var(--sidebar);
	text-align: center;
	border-radius: 2rem;
	padding: 5px;
	margin-bottom: 5px;
	display: flex;
	justify-content: center;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content>.field_wrapper.field_multiattachments .multimedia {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
	grid-gap: 10px;
	margin: 10px 0;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content>.field_wrapper.field_multiattachments .multimedia .attachments {
	grid-column: 2/-1;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
	grid-gap: 10px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content>.field_wrapper.field_multiattachments .multimedia .media_wrapper {
	border: 1px dashed var(--darkborder);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 64px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content>.field_wrapper.field_multiattachments .multimedia .media_wrapper img {
	height: 64px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content>.field_wrapper ul.vibequiztags li {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content>.field_wrapper ul.vibequiztags li strong {
	flex: 1;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content>.field_wrapper .add_quiz_tag_button {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content>.field_wrapper ul.vibequiztags li input {
	margin-top: 0;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content .unit_title {
	margin-bottom: 1rem;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content .unit_title .unit_title_extras {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content .unit_title .unit_title_extras br {
	display: none;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content .unit_title .unit_title_extras .instructor a {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content .unit_title .unit_title_extras .instructor a img {
	width: 32px;
	border-radius: 24px;
	margin: 0 5px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content .unit_title .unit_title_extras .instructor a>span {
	display: flex;
	line-height: 1;
	flex-direction: column;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content .edit_with_elementor_wrapper {
	display: flex;
	justify-content: center;
	padding: 1rem;
	border: 3px dashed var(--border);
	color: var(--border);
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_content .edit_with_elementor_wrapper svg {
	fill: var(--border);
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_buttons {
	display: flex;
	align-items: center;
	margin: 1rem 0;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .element_overlay .element_buttons .link {
	margin: 0 1rem;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .course_curriculum_wrapper>div.sidecurriculum {
	position: sticky;
	top: 6rem;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .course_curriculum_wrapper .course_curriculum .vibe_vibe_course_curriculum {
	margin: 1.5rem 0;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .course_curriculum_wrapper .curriculum_field_wrapper {
	background: var(--border);
	box-shadow: inset 0 0 2px var(--border);
	border-radius: 5px;
	margin-bottom: 1rem;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .course_curriculum_wrapper .curriculum_field_wrapper .curriculum_element {
	display: flex;
	justify-content: space-between;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .course_curriculum_wrapper .curriculum_field_wrapper .curriculum_element .vicon-close {
	color: red;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .course_curriculum_wrapper .curriculum_field_wrapper .curriculum_element>strong {
	display: flex;
	align-items: center;
	flex: 1;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .course_curriculum_wrapper .curriculum_field_wrapper .curriculum_element>strong>i {
	padding: 0 10px 0 0;
	font-size: 1.5rem;
	border-right: 1px solid var(--border);
	line-height: 1;
	margin: 0 10px 0 0;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .course_curriculum_wrapper .curriculum_field_wrapper .curriculum_element>strong>i>svg {
	width: 24px;
	height: 24px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .course_curriculum_wrapper .curriculum_field_wrapper .curriculum_field {
	background: var(--highlight);
	border-radius: 5px;
	padding: .8rem;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .course_curriculum_wrapper .curriculum_field_wrapper .curriculum_field .new_section {
	position: relative;
	display: flex;
	align-items: center;
	cursor: move;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .course_curriculum_wrapper .curriculum_field_wrapper .curriculum_field .new_section input {
	cursor: auto;
	border: none;
	font-size: 1.2em;
	width: 100%;
	background: none;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .course_curriculum_wrapper .curriculum_field_wrapper .curriculum_field .new_section .vicon-plus {
	padding: 5px;
	background: var(--border);
	margin: 5px;
	font-size: 80%;
	border-radius: 5px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .course_curriculum_wrapper .add_curriculum_element {
	border: 2px dashed var(--border);
	padding: 1.5rem;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	margin: 1rem -.5rem;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .course_curriculum_wrapper .add_curriculum_element .button {
	margin: .5rem;
	flex: 1 0 160px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .course_curriculum_wrapper .add_curriculum_element .button .vicon {
	margin-right: 10px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum>div>.field_wrapper>.field_value {
	display: flex;
	grid-gap: 1.5rem;
	justify-content: space-between;
	flex-wrap: wrap;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum>div>.field_wrapper>.field_value .date {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum>div>.field_wrapper>.field_value .date .vicon-close {
	margin: 0 .5rem;
	cursor: pointer;
	user-select: none;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum>div>.field_wrapper>.field_value .course_curriculum_wrapper {
	flex: 1;
	min-width: 240px;
	margin-right: 1.5rem;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum>div>.field_wrapper>.field_value .element_overlay {
	flex: 2;
	min-width: 220px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper {
	flex: 2;
	min-width: 220px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	grid-gap: 1rem;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .field_upload_package, .wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .element_actions {
	grid-column: 1/-1;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .cpt_search_results {
	display: flex;
	flex-wrap: wrap;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .cpt_search_results>span {
	padding: 5px 10px;
	background: var(--sidebar);
	margin: 3px;
	border-radius: 15px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .add_cpt_type {
	padding: 1.5rem;
	background: var(--highlight);
	border: 1px solid var(--border);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .add_cpt_type.active {
	color: var(--highlight);
	background: var(--primary);
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .add_cpt_type .vicon {
	font-size: 54px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .add_cpt_type>span {
	display: flex;
	justify-content: center;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .add_cpt_type svg {
	fill: var(--text);
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper {
	grid-column: 1/-1;
	display: flex;
	flex-direction: column;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper .control {
	display: flex;
	align-items: center;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper>.field_wrapper {
	margin: .5rem 0;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper>.field_wrapper.field_editor>label, .wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper>.field_wrapper.field_textarea>label {
	font-size: .8rem;
	opacity: .8;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper>.field_wrapper.field_duration, .wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper>.field_wrapper.field_switch, .wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper>.field_wrapper.field_number, .wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper>.field_wrapper.field_selectmulticpt, .wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper>.field_wrapper.field_selectcpt {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper>.field_wrapper.field_duration {
	background: var(--sidebar);
	padding: 1rem;
	border: 1px solid var(--border);
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper>.field_wrapper.field_title label {
	display: none;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper>.field_wrapper.field_selectcpt .selectcptfield {
	position: relative;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper>.field_wrapper.field_selectcpt .selectcptfield .search_results {
	margin: 0;
	position: absolute;
	background: var(--highlight);
	background: var(--highlight);
	width: 100%;
	top: 100%;
	padding: 5px 0;
	z-index: 9;
	border: 1px solid var(--border);
	border-top: 0;
	display: initial;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper>.field_wrapper.field_selectcpt .selectcptfield .search_results .search_result {
	padding: 5px 10px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper>.field_wrapper.field_selectcpt .selectcptfield .search_results .search_result+.search_result {
	border-top: 1px solid var(--border);
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper>.field_wrapper.field_selectcpt .selectcptfield .selectcptfield_items span {
	background: var(--border);
	display: flex;
	border-radius: 20px;
	margin-bottom: 10px;
	justify-content: center;
	padding: 5px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper>.field_wrapper.field_selectmulticpt span.add_wrapper {
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid var(--border);
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper>.field_wrapper.field_multiattachments .multimedia {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
	grid-gap: 10px;
	margin: 10px 0;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper>.field_wrapper.field_multiattachments .multimedia .attachments {
	grid-column: 2/-1;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
	grid-gap: 10px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper>.field_wrapper.field_multiattachments .multimedia .media_wrapper {
	border: 1px dashed var(--darkborder);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 64px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper>.field_wrapper.field_multiattachments .multimedia .media_wrapper img {
	height: 64px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper>.field_wrapper ul.vibequiztags li {
	display: grid;
	grid-template-columns: 1fr minmax(100px, 1fr) minmax(100px, 1fr) 30px;
	align-items: center;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper>.field_wrapper ul.vibequiztags li input {
	margin-top: 0;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper input {
	background: none;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper .featured_video {
	padding: 5rem 0;
	border: 5px dashed var(--border);
	margin-bottom: 1rem;
	flex-wrap: wrap;
	text-align: center;
	justify-content: center;
	font-size: 2rem;
	display: flex;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper .featured_video input {
	margin: 0 1rem;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper .featured_video.active {
	flex-direction: column;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper .curriculum_element_actions {
	margin-top: 1.5rem;
	display: flex;
	align-items: center;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper .add_cpt_wrapper .curriculum_element_wrapper .curriculum_element_actions .link {
	margin: 0 1rem;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper #vibe_dynamic_quiz_questions {
	border: 3px dashed var(--border);
	margin: 1rem 0;
	padding: 1rem;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper #vibe_dynamic_quiz_questions ul.vibequiztags>li {
	display: grid;
	align-items: center;
	grid-gap: 10px;
	grid-template-columns: 1fr 80px 80px 10px;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper #vibe_dynamic_quiz_questions .add_quiz_tag_button {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper #vibe_dynamic_quiz_questions .add_quiz_tag_button>span {
	font-size: 1.2rem;
	font-weight: 600;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper #vibe_dynamic_quiz_questions ul.vibequiztags>li {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper #vibe_dynamic_quiz_questions ul.vibequiztags>li>input {
	margin-left: 5px;
	align-self: flex-end;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper #vibe_dynamic_quiz_questions ul.vibequiztags>li>div {
	flex: 1;
}

.wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum .curriculum_elements_wrapper #vibe_dynamic_quiz_questions ul.vibequiztags>li>div .term_select input {
	min-width: 100px;
}

.course_curriculum_builder_wrapper .curriculum_type_wrapper {
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
}

.course_curriculum_builder_wrapper .curriculum_type_wrapper .curriculum_type {
	background: var(--highlight);
	border: 1px solid var(--border);
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 1.5rem;
	border-radius: 5px;
	margin: 1rem;
	justify-content: space-between;
}

.course_curriculum_builder_wrapper .curriculum_type_wrapper .curriculum_type .vicon {
	font-size: 5rem;
	line-height: 1.5;
}

.course_curriculum_builder_wrapper .curriculum_type_wrapper .curriculum_type svg {
	height: 120px;
}

.course_curriculum_builder_wrapper .curriculum_type_wrapper .curriculum_type svg path {
	fill: var(--bold);
}

.course_curriculum_builder_wrapper .curriculum_type_wrapper .curriculum_type.active {
	background: var(--primary);
	color: var(--primarycolor);
}

.course_curriculum_builder_wrapper .curriculum_type_wrapper .curriculum_type span+span {
	font-size: 1rem;
}

.uploaded_package {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	padding: 3rem;
	background: var(--highlight);
	margin: 1rem 0;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, .1);
}

.uploaded_package i {
	font-size: 2rem;
	margin-right: 10px;
}

.uploaded_package>span {
	position: absolute;
	background: rgba(0, 0, 0, .6);
	padding: 1.5rem;
	border-radius: 50%;
	color: #fff;
	line-height: 1;
	margin: 0;
	transition: all .2s;
	transform: scale(0);
}

.uploaded_package:hover>span {
	transform: scale(1);
}

.course_upload_package_wrapper .upload_box {
	margin: 1.5rem;
	padding: 3rem 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 2px dashed var(--border);
}

.course_upload_package_wrapper input[type=file] {
	display: none;
}

.course_upload_package_wrapper .upload_package_actions {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}

.course_upload_package_wrapper .upload_package_actions>div, .course_upload_package_wrapper .upload_package_actions>a {
	flex: 1;
	margin: 1.5rem;
	min-width: 240px;
}

.course_upload_package_wrapper .upload_package_actions .existing_packages_wrapper {
	border: 1px solid var(--border);
	padding: 1rem;
	display: flex;
	flex-direction: column;
}

.course_upload_package_wrapper .upload_package_actions .existing_packages_wrapper .existing_packages_header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem;
}

.course_upload_package_wrapper .upload_package_actions .existing_packages_wrapper .package {
	display: flex;
	align-items: center;
	background: var(--highlight);
	padding: 8px;
	border-radius: 5px;
	justify-content: space-between;
}

.course_upload_package_wrapper .upload_package_actions .existing_packages_wrapper .package+.package {
	margin-top: 10px;
}

.course_upload_package_wrapper .upload_package_actions .existing_packages_wrapper .package.active {
	background: var(--primary);
	color: var(--primarycolor);
}

@media (max-width: 999px) {
	.wplms_create_course_wrapper .wplms_course_creation_tabs li a {
		text-align: center;
	}
	
	.wplms_create_course_wrapper .wplms_course_creation_tabs li a strong {
		display: none;
	}
	
	.wplms_create_course_wrapper .wplms_course_creation_tabs li a span {
		display: none;
	}
	
	.wplms_create_course_wrapper .wplms_course_creation_tabs li.active a strong {
		font-size: .8rem;
		font-weight: 400;
	}
}

@media (max-width: 800) {
	.wplms_create_course_wrapper .wplms_course_creation_tabs li a strong {
		display: none;
	}
	
	.wplms_create_course_wrapper .wplms_course_creation_tabs li.active a strong {
		display: block;
	}
	
	.wplms_create_course_wrapper .wplms_edit_course_content ul.create_course {
		display: block;
	}
	
	.wplms_create_course_wrapper .wplms_edit_course_content ul.create_course>li+li {
		margin-top: 1rem;
	}
	
	.wplms_create_course_wrapper .wplms_edit_course_content ul.create_course>li+li.vibe_post_excerpt {
		margin-bottom: 1rem;
	}
	
	.wplms_create_course_wrapper .wplms_edit_course_content .vibe_form_field .text_field {
		font-size: 4rem;
	}
}

.field_quiz_questions {
	position: relative;
}

.field_quiz_questions .total_marks {
	font-weight: 600;
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 10px;
	font-size: 1.3rem;
}

.field_quiz_questions .unitquestions .field_wrapper {
	margin: .5rem 0;
	display: flex;
	flex-direction: column;
}

.field_quiz_questions .unitquestions .field_wrapper label {
	display: block;
	font-size: .8rem;
	color: rgba(0, 0, 0, .4);
}

.field_quiz_questions .unitquestions .add_cpt {
	border: 2px dashed var(--border);
	margin: 1rem 0;
	padding: 1rem;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}

.field_quiz_questions .unitquestions .add_cpt>div {
	flex: 1;
}

.field_quiz_questions .unitquestions .add_cpt>div.select_existing_cpt {
	margin: -.5rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.field_quiz_questions .unitquestions .add_cpt>div.select_existing_cpt .selectcptfield {
	flex: 1 0 200px;
}

.field_quiz_questions .unitquestions .add_cpt>div i, .field_quiz_questions .unitquestions .add_cpt>div span {
	padding: 5px;
}

.field_quiz_questions .unitquestions .add_cpt .question_actions {
	margin-top: 10px;
	display: flex;
	align-items: center;
}

.field_quiz_questions .unitquestions .add_cpt .question_actions .link {
	margin: 0 10px;
}

.field_quiz_questions .unitquestions .search_results {
	display: flex;
	margin: 10px 0;
	flex-wrap: wrap;
}

.field_quiz_questions .unitquestions .search_result {
	background: var(--border);
	padding: 5px 12px;
	border-radius: 24px;
	margin-right: 10px;
}

.field_quiz_questions .unitquestions .selectcptfield_items span {
	width: 100%;
	background: var(--border);
	display: flex;
	justify-content: center;
	text-align: center;
	padding: 5px 20px;
	border-radius: 24px;
}

.field_quiz_questions .unitquestions .question_block {
	display: flex;
	background: var(--highlight);
	margin: 1rem 0;
	padding: 1rem;
	border: 1px solid var(--border);
}

.field_quiz_questions .unitquestions .question_block .data_links {
	display: flex;
	font-size: .8rem;
	margin: 0 0 0 34px;
}

.field_quiz_questions .unitquestions .question_block .data_links a {
	opacity: .5;
	color: var(--primary) !important;
}

.field_quiz_questions .unitquestions .question_block .data_links a:hover {
	opacity: 1;
	color: var(--primary);
}

.field_quiz_questions .unitquestions .question_block .data_links li+li {
	margin: 0 5px;
}

.field_quiz_questions .unitquestions .question_block:hover .data_links a {
	color: rgba(0, 0, 0, .8);
}

.field_quiz_questions .unitquestions .question_block .question_heading {
	flex: 1;
}

.field_quiz_questions .unitquestions .question_block .question_heading strong {
	font-size: 1.2rem;
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}

.field_quiz_questions .unitquestions .question_block .question_heading strong span>svg {
	width: 24px;
	margin-right: 10px;
}

.field_quiz_questions .unitquestions .question_block+.question_wrapper {
	background: rgba(0, 0, 0, .05);
	padding: 1rem;
	margin-top: -1rem;
}

.field_quiz_questions .unitquestions .question_block+.question_wrapper .question_actions {
	display: flex;
	align-items: center;
}

.field_quiz_questions .unitquestions .question_block+.question_wrapper .question_actions .link {
	margin: 0 5px;
}

.field_quiz_questions .unitquestions .repeatableoption {
	display: flex;
	flex-direction: column;
	margin: 1rem 0;
}

.field_quiz_questions .unitquestions .repeatableoption>li {
	display: flex;
	align-items: center;
}

.field_quiz_questions .unitquestions .repeatableoption>li>span {
	background: var(--highlight);
	border: 1px solid rgba(0, 0, 0, .2);
	align-self: flex-end;
	padding: 5px 12px;
}

.field_quiz_questions .unitquestions .repeatableoption>li input {
	border-top: none;
	border-left: none;
	border-right: none;
}

.field_quiz_questions .unitquestions .repeatableoption>li>.vicon-close {
	color: red;
	border: none;
	background: none;
	font-size: .7rem;
}

.field_quiz_questions .unitquestions .repeatableoption>li .vibev_editor {
	flex: 1;
}

.field_quiz_questions .unitquestions .repeatableoption>li .vibev_editor .vibe_editor, .field_quiz_questions .unitquestions .repeatableoption>li .vibev_editor .vibe_rich_editor {
	border: none;
	background: none;
	padding: 0;
}

.field_quiz_questions .unitquestions .text_field {
	font-size: 3rem;
}

.field_quiz_questions .unitquestions .question_type_wrapper {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.field_quiz_questions .unitquestions .question_type_wrapper .question_type {
	position: relative;
}

.field_quiz_questions .unitquestions .question_type_wrapper .question_type span svg {
	width: 48px;
	height: 48px;
}

.field_quiz_questions .unitquestions .question_type_wrapper .question_type span+span {
	position: absolute;
	bottom: -30px;
	left: -50%;
	width: 160px;
	opacity: 0;
	transform: translateY(20px) sclae(0);
	transition: all .5s;
	text-align: center;
	padding: 5px 10px;
	background: #222;
	border-radius: 2px;
	color: #fff;
}

.field_quiz_questions .unitquestions .question_type_wrapper .question_type:hover span+span {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.erroremptyvalue {
	animation: shake .5s;
	border-bottom: 2px solid var(--primary);
}

@keyframes shake {
	0% {
		transform: translate(1px, 1px) rotate(0deg);
	}
	
	10% {
		transform: translate(-1px, -2px) rotate(-1deg);
	}
	
	20% {
		transform: translate(-3px, 0px) rotate(1deg);
	}
	
	30% {
		transform: translate(3px, 2px) rotate(0deg);
	}
	
	40% {
		transform: translate(1px, -1px) rotate(1deg);
	}
	
	50% {
		transform: translate(-1px, 2px) rotate(-1deg);
	}
	
	60% {
		transform: translate(-3px, 1px) rotate(0deg);
	}
	
	70% {
		transform: translate(3px, 1px) rotate(-1deg);
	}
	
	80% {
		transform: translate(-1px, -1px) rotate(1deg);
	}
	
	90% {
		transform: translate(1px, 2px) rotate(0deg);
	}
	
	100% {
		transform: translate(0) rotate(0);
	}
}

.course_curriculum_wrapper .curriculum_field {
	touch-action: none;
}

.field_wrapper .field_wrapper+.field_wrapper {
	margin-top: 1rem;
}

.field_wrapper .practice_question_back {
	display: flex;
	justify-content: space-between;
}

.course_curriculum_partial .curriculum_element {
	padding: .5rem;
	border: 1px solid var(--border);
}

.course_curriculum_partial .curriculum_element input[type=number] {
	width: 40px;
	padding: 0;
}

.course_curriculum_partial .curriculum_element.section {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: .8rem;
	border: 1px solid var(--border);
}

.course_curriculum_partial .curriculum_element.section a {
	margin: .5rem;
}

.course_curriculum_partial .curriculum_element.section.active {
	border-color: var(--green);
}

.course_curriculum_partial .curriculum_element.unit {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.course_curriculum_partial .curriculum_element.unit.active {
	border-color: var(--green);
}

.course_curriculum_partial .curriculum_element.unit strong {
	display: flex;
	align-items: center;
}

.course_curriculum_partial .curriculum_element.unit strong i {
	margin: 0 .5rem;
}

.course_curriculum_builder>span {
	display: flex;
	align-items: center;
	margin: -.5rem;
}

.course_curriculum_builder>span>* {
	margin: .5rem;
}

.course_curriculum_builder>span>*:first-child>span {
	transform: rotate(180deg) translateY(3px);
}

.vibe_editor_modal .ve_modal-content .ve_modal-body .allMedia .single_media {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	line-height: 1 !important;
	text-align: center;
}

.vibe_editor_modal .ve_modal-content .ve_modal-body .allMedia .single_media .filename {
	margin: .5rem 0;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mycourses_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
	margin-bottom: 1rem;
	background: var(--highlight);
	border: 1px solid var(--border);
	position: sticky;
	top: 0;
	z-index: 8;
}

@keyframes tabs_increase {
	0% {
		width: 0;
	}
	
	100% {
		width: 100%;
	}
}

@keyframes tab_point {
	0% {
		transform: scale(0);
	}
	
	100% {
		width: scale(1);
	}
}

body.admin-bar.create_fullscreen .wplms_create_course_overlay {
	margin-top: 32px;
}

@media (max-width: 1024px) {
	.wplms_create_course_wrapper .wplms_edit_course_content .text_field {
		font-size: 3rem;
	}
}

@media (max-width: 768px) {
	.wplms_create_course_wrapper .wplms_edit_course_content ul.create_course {
		display: block;
		width: 100%;
	}
	
	.wplms_create_course_wrapper .wplms_edit_course_content ul.create_course .vibe_post_title, .wplms_create_course_wrapper .wplms_edit_course_content ul.create_course .vibe_vibe_duration {
		margin-top: 1.5rem;
	}
	
	.wplms_create_course_wrapper .wplms_edit_course_content ul.create_course .vibe_save_course_button {
		margin-top: 0;
		text-align: center;
		border-bottom: none;
		width: 100%;
	}
	
	.wplms_create_course_wrapper .wplms_edit_course_content ul.create_course .course_drafts {
		margin: 0 -1.5rem;
		border: none;
		justify-content: center;
		padding: 1.5rem;
	}
	
	.vibebp_myprofile .mycourses_header>div>* {
		max-width: none !important;
		flex: 1 0 160px;
	}
}

@media (max-width: 640px) {
	.wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_course_settings_button>div, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_course_components_button>div, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_save_curriculum_button>div, .wplms_create_course_wrapper .wplms_edit_course_content .vibe_publish_course>div {
		justify-content: center;
	}
	
	.course_pricing>div .field_selectproduct .field_value {
		margin-left: 0;
	}
}

.vbp_pdf_object object {
	display: inline-flex;
	height: 100vh;
	width: 100%;
}

.vbp_pdf_object object embed {
	width: 100%;
}

.dropdown {
	display: inline-flex;
	position: relative;
	vertical-align: top;
}

.dropdown.is-active, .dropdown.is-hoverable:hover .dropdown-menu {
	display: block;
}

.dropdown.is-right .dropdown-menu {
	left: auto;
	right: 0;
}

.dropdown.is-up .dropdown-menu {
	bottom: 100%;
	padding-bottom: 4px;
	padding-top: initial;
	top: auto;
}

.dropdown .dropdown-menu {
	display: none;
	left: 0;
	min-width: 12rem;
	padding-top: 4px;
	position: absolute;
	top: 100%;
	z-index: 20;
}

.dropdown .dropdown-content {
	background-color: var(--highlight);
	border-radius: 2px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
	padding-bottom: .5rem;
	padding-top: .5rem;
}

.dropdown .dropdown-content .dropdown-item {
	color: var(--text);
	display: block;
	font-size: .875rem;
	line-height: 1.5;
	padding: .375rem 1rem;
	position: relative;
}

.dropdown .dropdown-content a.dropdown-item {
	padding-right: 3rem;
	white-space: nowrap;
}

.dropdown .dropdown-content a.dropdown-item:hover {
	background-color: var(--highlight);
	color: var(--bold);
}

.dropdown .dropdown-content a.dropdown-item.is-active {
	background-color: var(--primary);
	color: var(--primarycolor);
}

.dropdown .dropdown-content .dropdown-divider {
	background-color: var(--border);
	border: none;
	display: block;
	height: 1px;
	margin: .5rem 0;
}

.tabulator-row.tabulator-row-even {
	background: var(--highlight);
}

.wplms_course_status .vibebp_sidebars .vibebp_main {
	padding-bottom: 0;
}

.wplms_courses_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: .5 -.5rem;
	margin-bottom: 1.5rem;
	background: var(--highlight);
	border: 1px solid var(--border);
	padding: .5rem;
	position: sticky;
	top: 0;
	z-index: 9;
}

.wplms_courses_header>div {
	display: flex;
	align-items: center;
	flex: 1 0 240px;
	max-width: 320px;
	margin: .5rem;
	justify-content: space-between;
}

.wplms_courses_header>div select {
	flex: 1;
}

.wplms_courses_header>div.vibebp_form_field {
	display: flex;
	border: 1px solid var(--border);
	padding: 0 5px;
}

.wplms_courses_header>div.vibebp_form_field input {
	background: none;
	flex: 1;
	border: none;
}

.wplms_courses_header>div.vibebp_form_field.no_border {
	border: none;
	justify-content: space-between;
}

.wplms_courses_header>div.vibebp_form_field.no_border>* {
	flex: 1;
	padding: .5rem 1rem !important;
	text-align: center;
}

.vibebp_myprofile .mycourses_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
	background: var(--highlight);
	border: 1px solid var(--border);
	position: sticky;
	top: 0;
	z-index: 8;
}

.vibebp_myprofile .mycourses_header>* {
	flex: 1 0 160px;
}

.vibebp_myprofile .mycourses_header select {
	max-width: 240px;
	flex: 1;
}

.vibebp_myprofile .mycourses_header .quizzes_tabs a span.count {
	margin: 0 .2rem;
	background: var(--primarycolor) !important;
	color: var(--primary);
	padding: .2rem;
	border-radius: 50%;
	width: 1.8rem;
	height: 1.8rem;
	text-align: center;
	font-size: .9rem;
	font-weight: 900;
}

.vibebp_myprofile .mycourses_header>div {
	display: flex;
	flex-direction: row !important;
	gap: .5rem;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	padding: .5rem;
}

.vibebp_myprofile .mycourses_header>div:first-child {
	justify-content: flex-start;
}

.vibebp_myprofile .mycourses_header>div>* {
	max-width: 240px;
}

.vibebp_myprofile .mycourses_header>div.header_tabs {
	justify-content: flex-start;
	padding: 5px;
	border-radius: 1.5rem;
	overflow: hidden;
	display: flex;
	gap: 5px;
	align-items: center;
}

.vibebp_myprofile .mycourses_header>div.header_tabs>* {
	flex: 1;
	padding: 8px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.vibebp_myprofile .mycourses_header>div.header_tabs>*.button.is-primary {
	border-radius: 30px;
}

.vibebp_myprofile .mycourses_header>div.header_tabs>*.active {
	background: var(--primary);
	color: var(--primarycolor);
}

.vibebp_myprofile .mycourses_header>div>select {
	flex: 1 0 160px;
}

.vibebp_myprofile .mycourses_header .mycourses_access_tabs>* {
	flex: 1;
}

.vibebp_myprofile .mycourses_header .mycourses_access_tabs .link {
	margin: 0 1rem;
}

.tip:after {
	z-index: 99;
}

.flex2 {
	flex: 2 0 160px !important;
	gap: .5rem;
}

.course_blocks {
	display: grid;
	grid-template-columns: repeat(auto-fill, 300px);
	width: 100%;
	grid-gap: 1.5rem;
	margin-bottom: 1rem;
}

.course_blocks .course_block {
	cursor: pointer;
	display: flex;
	height: 100%;
	flex-direction: column;
}

.course_blocks .course_block .course_featured_image {
	position: relative;
}

.course_blocks .course_block .course_featured_image img {
	display: block;
}

.course_blocks .course_block .course_retake {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}

.course_blocks .course_block .course_retake span.course_retakes {
	margin-right: .1rem;
}

.course_blocks .course_block .course_retake span.course_retakes span {
	font-weight: 900;
}

.course_blocks .course_block .course_featured_image_over {
	position: absolute;
	top: .5rem;
	left: 0;
	color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: calc(100% - .5rem);
}

.course_blocks .course_block .course_featured_image_over .course_label {
	font-size: 11px;
	text-transform: uppercase;
	padding: 5px 12px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.course_blocks .course_block .course_featured_image_over .course_label span.active {
	background: var(--primary);
	padding: 5px 12px;
	border-radius: 5px;
	margin-bottom: 5px;
	color: rgba(255, 255, 255, .8);
}

.course_blocks .course_block .course_featured_image_over .course_label span.expired {
	background: var(--light);
	color: var(--dark);
}

.course_blocks .course_block .course_block_content_wrapper {
	padding: 0 1rem 1rem;
	border: 1px solid var(--border);
	background: var(--highlight);
	flex: 1;
	display: flex;
	flex-direction: column;
}

.course_blocks .course_block .course_title_wrapper {
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 5px;
}

.course_blocks .course_block .course_title_wrapper .course_title {
	padding: .5rem 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.course_blocks .course_block .course_title_wrapper .course_title h3 {
	font-size: 1.2rem;
	margin: .5rem 0;
	font-weight: 600;
	color: var(--text);
	flex: 1 100px;
}

.course_blocks .course_block .course_title_wrapper .course_title .course_download_wrapper {
	margin: .5rem 0;
}

.course_blocks .course_block .course_title_wrapper .course_title .course_download_wrapper .download_progress {
	position: relative;
}

.course_blocks .course_block .course_title_wrapper .course_title .course_download_wrapper .download_progress span.downloadaction {
	position: absolute;
	top: 2px;
	left: 3px;
	font-size: 18px;
}

.course_blocks .course_block .course_title_wrapper .course_title .course_download_wrapper .download_progress span.downloadaction.vicon.vicon-control-play {
	top: 2px;
	left: 3px;
	font-size: 20px;
}

.course_blocks .course_block .course_title_wrapper .course_info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1rem;
}

.course_blocks .course_block .course_title_wrapper .course_info .course_instructor {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.course_blocks .course_block .course_title_wrapper .course_info .course_instructor .vibebp_member {
	display: flex;
	margin: 0;
	align-items: center;
}

.course_blocks .course_block .course_title_wrapper .course_info .course_instructor .vibebp_member.vibebp_member {
	margin-top: 5px;
}

.course_blocks .course_block .course_title_wrapper .course_info .course_instructor .vibebp_member span {
	color: var(--text);
}

.course_blocks .course_block .course_title_wrapper .course_info .course_instructor img {
	width: 24px;
	border-radius: 5px;
	margin-right: 5px;
}

.course_blocks .course_block .course_title_wrapper .course_info .joined_date {
	font-size: .8rem;
	text-align: end;
}

.course_blocks .course_block .course_meta_data {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.course_blocks .course_block .course_meta_data .button {
	margin-bottom: 0;
}

.course_blocks .course_block .course_meta_data .course_block_actions {
	display: flex;
	gap: 1rem;
	justify-content: space-between;
}

.course_blocks .course_block .course_meta_data .course_block_actions>* {
	display: flex;
	align-items: center;
	gap: 5px;
	line-height: 1;
	text-align: end;
	cursor: pointer;
}

.incourse {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: -.5rem;
}

.incourse>* {
	margin: .5rem;
}

.incourse .quiz_pagination_wrapper {
	margin: 1.5rem 0;
}

.incourse .quiz_pagination_wrapper>.button {
	background: var(--highlight) !important;
	color: var(--bold) !important;
	border: 1px solid var(--border) !important;
	min-width: auto !important;
	margin: 0;
	text-align: center;
	border-radius: 0;
	padding: 12px 0;
	width: 48px;
}

.incourse .quiz_pagination_wrapper>.button.right {
	float: none;
}

.incourse .quiz_pagination_wrapper>.button.active {
	background: var(--primary) !important;
	color: var(--primarycolor) !important;
}

.incourse .quiz_pagination_wrapper>.button.ques_link {
	min-with: auto !important;
}

.incourse .quiz_stats_chart {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.incourse .quiz_stats_chart .quiz_stats_chart_pie {
	flex: 1 0 240px;
}

.incourse .quiz_stats_chart .question_stats_content_wrapper {
	flex: 2 0 480px;
}

.incourse .quiz_stats_chart span.question_stats_content_heading {
	margin-bottom: 1rem;
	display: inline-block;
}

.incourse .quiz_stats_chart span.question_stats_content_heading:not(:nth-child(1)) {
	margin-top: 1.5rem;
}

.incourse .question_wrapper {
	min-height: 100px;
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	text-align: center;
	transition: all 200ms ease-in;
}

.incourse .question_wrapper.loaded .result {
	transform: translate(0, -24px) scale(.75);
}

.incourse .question_wrapper.loaded .result .correct>span, .incourse .question_wrapper.loaded .result .incorrect>span {
	transform: scale(1);
}

.incourse .question_wrapper .fillblank_area {
	clear: none;
	display: inline-block;
}

.incourse .question_wrapper .result {
	transition: all 200ms ease-in;
}

.incourse .question_wrapper .incorrect, .incourse .question_wrapper .correct {
	display: inline-block;
	margin-top: 15px;
	padding: 10px;
}

.incourse .question_wrapper .incorrect strong {
	color: #ef614d;
	font-size: 48px;
	line-height: 64px;
	margin: 0 10px;
	font-weight: 600;
}

.incourse .question_wrapper .incorrect>span {
	background: #ef614d;
}

.incourse .question_wrapper .incorrect>span:before {
	content: "";
	font-family: vicon;
	color: #fff;
	font-weight: 900;
	position: absolute;
	font-size: 3rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.incourse .question_wrapper .correct strong {
	font-size: 48px;
	line-height: 64px;
	margin: 0 10px;
	font-weight: 600;
	color: #75b733;
}

.incourse .question_wrapper .correct>span:before {
	content: "";
	font-family: vicon;
	color: #fff;
	font-weight: 900;
	position: absolute;
	font-size: 3rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.incourse .question_wrapper span {
	position: relative;
	width: 64px;
	height: 64px;
	float: left;
	border-radius: 50%;
	background: #75b733;
	display: block;
	padding: 30px;
	transform: scale(15);
	transition: all 200ms ease-in-out;
}

.incourse .question_wrapper span .correct>span:before {
	font-family: fonticon;
	top: 18px;
	left: 18px;
	content: "";
	color: #fff;
	font-size: 30px;
	line-height: 1;
	position: absolute;
}

.incourse .checked_answer {
	margin: 0;
	padding: 4px 5px;
	font-size: 1rem;
	color: var(--bold);
	border: 1px solid var(--border);
	background-color: var(--sidebar);
	border-radius: 2px;
}

.incourse .checked_answer.incorrect {
	background: #d8eec2;
}

.incourse .checked_answer.correct {
	background: #d8eec2;
}

.incourse .checked_answer span {
	white-space: nowrap;
}

.incourse .quiztimer {
	display: grid;
	justify-items: center;
	align-items: center;
}

.incourse .quiztimer .circle_timer {
	display: flex;
	flex-direction: row;
}

.incourse .quiztimer .circle_timer>span {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.incourse .quiztimer .circle_timer .react-progress-circle {
	display: flex;
}

.incourse .quiztimer .timer_amount, .incourse .quiztimer .timer_unit {
	color: var(--bold);
	line-height: 1em;
	display: grid;
	grid-template-columns: 1fr 5px 1fr;
	justify-items: center;
}

.incourse .quiztimer .timer_amount span:nth-child(n+4), .incourse .quiztimer .timer_amount span:nth-child(n+4), .incourse .quiztimer .timer_unit span:nth-child(n+4), .incourse .quiztimer .timer_unit span:nth-child(n+4) {
	display: none;
}

.incourse .quiztimer .timer_amount {
	font-size: 2rem;
}

.incourse .quiztimer .timer_amount span {
	margin: 0 5px;
}

.incourse .quiztimer .timer_unit {
	font-size: 11px;
}

.incourse .fillblank_area {
	clear: none;
	display: inline-block;
}

.incourse span.select_question_content {
	display: inline-block;
}

.incourse .question_content select {
	margin: 0 5px;
}

.incourse .droppable>div {
	border: 1px solid var(--border);
	padding: 1rem;
	cursor: move;
}

.incourse .droppable:hover>div {
	border-color: var(--primary);
}

.incourse .droppable.active {
	overflow-y: scroll;
}

.incourse .question .droppable, .incourse .match_options {
	touch-action: none;
}

.incourse .droppable>div+div {
	border-top: none;
}

.incourse .droppable .dragging {
	border: 1px solid #f5d01a;
	box-shadow: 0 0 6px #efc600;
}

.incourse .quiz_questions_content .question_actions {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 1rem;
	justify-content: space-between;
	align-items: center;
	font-size: 1.5rem;
	font-size: 1rem;
	margin: 10px 0;
	margin: 0 -5px;
	padding: 5px;
	border-radius: 5px;
	background: var(--sidebar);
}

.incourse .quiz_questions_content .question_actions .flagged {
	color: var(--primary);
}

.incourse .quiz_questions_content .question_actions>* {
	margin: 5px;
}

.incourse .quiz_questions_content .question_actions>div {
	display: flex;
	flex-direction: row;
}

.incourse .quiz_questions_content .question_actions>div span {
	margin: 0 .2rem;
	z-index: 11;
}

.incourse .quiz_questions_content .question_actions>div span:not(.marks) {
	cursor: pointer;
}

.incourse .quiz_questions_content .question .marks i.icon-check-5:before {
	content: "";
	font-family: vicon;
	font-weight: 400 !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	margin: 5px;
}

.incourse .question .question_option p {
	display: inline-block;
}

.incourse .question_option {
	display: block;
	margin-bottom: 1rem;
}

.incourse .question_option.radio+.radio {
	margin-left: 0;
}

.incourse .match_playground {
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: center;
	align-items: stretch;
	grid-gap: 1rem;
	margin: 1rem 0;
}

.incourse .match_playground .droppable {
	border: 1px solid rgba(0, 0, 0, .2);
}

.incourse .match_playground .match_options .match_option {
	border: 1px solid rgba(0, 0, 0, .08);
	padding: 2rem;
}

.incourse .match_playground .droppable {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 10px;
	padding: 30px;
	justify-content: center;
	align-items: center;
}

.incourse .match_playground .droppable>div {
	border-top: 1px solid var(--border);
}

.incourse .match_playground .match_option {
	background: var(--border);
}

.incourse .match_playground .match_option .children>div {
	border: 1px solid var(--border);
	padding: 1rem;
	background: var(--highlight);
}

.incourse .quiz_questions_content {
	margin-bottom: 3rem;
	flex: 3 0 70%;
	max-width: 100%;
}

.incourse .quiz_questions_content .question_content {
	padding: 1rem 0;
	border-top: none;
}

.incourse .quiz_questions_content .question_content span.selectimitate {
	cursor: pointer;
	margin: 0 .5rem;
	display: inline-block;
}

.incourse .quiz_questions_content .question_content span.selectimitate.no_value {
	min-width: 100px;
	height: 1.2rem;
	border-bottom: 2px solid var(--border);
}

.incourse .quiz_questions_content .question {
	position: relative;
}

.incourse .quiz_questions_content .question .question_hint {
	cursor: pointer;
	margin-right: 5px;
}

.incourse .quiz_questions_content .question .question_hint:before {
	content: "";
	font-family: vicon;
}

.incourse .quiz_questions_content .question .question_hint.show:before {
	content: "";
}

.incourse .quiz_questions_content .question .question_hint span.question_hint_content {
	transform: scale(0);
	padding: 5px;
	background: var(--sidebar);
	border-radius: 5px;
	margin: 1rem 0;
	opacity: 0;
	transition: .2s all;
}

.incourse .quiz_questions_content .question .question_hint span.question_hint_content.show {
	transform: scale(1);
	opacity: 1;
}

.incourse .quiz_questions_content .question .explanation {
	padding: 1rem;
	border: 1px solid var(--border);
	background: var(--highlight);
	z-index: 99;
	position: relative;
}

.incourse .quiz_questions_content .question_wrapper.loaded .result {
	transform: translate(0, -24px) scale(.75);
}

.incourse div.sort_options {
	touch-action: none;
}

.incourse .single-quiz .question .question_content:first-child {
	border-top: none;
}

.incourse .quiz_questions li>strong {
	display: block;
	margin: 5px 0;
}

.incourse .incoursequiz_details {
	display: flex;
	flex: 1 0 25%;
	flex: 1;
	max-width: 100%;
	flex-direction: column;
	justify-content: space-between;
	align-items: baseline;
	align-items: center;
	align-items: center;
	margin-bottom: 1.5rem;
	z-index: 999;
	position: sticky;
	top: 3rem;
	width: 100%;
	background: var(--highlight);
	border: 1px solid var(--border);
	border-radius: 5px;
	transition: .5s all;
	margin: 1rem 0;
}

.incourse .incoursequiz_details.fixed {
	position: sticky;
	top: 3rem;
}

.incourse .incoursequiz_details>div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 -.5rem;
	align-items: center;
	width: 100%;
}

.incourse .incoursequiz_details>div.quiz_first_block {
	background: var(--highlight);
	justify-content: space-between;
}

.incourse .incoursequiz_details>div>* {
	margin: .5rem;
}

.incourse .incoursequiz_details>div strong {
	flex: 1;
	display: flex;
	align-items: center;
}

.incourse .incoursequiz_details>div strong .student_score {
	font-size: 1.8rem;
}

.incourse .incoursequiz_details>div strong .student_quiz_status {
	opacity: .7;
	font-size: 75%;
	margin: 0 .75rem;
}

.incourse .incoursequiz_details>div .show_questions {
	display: flex;
	align-items: center;
}

.incourse .incoursequiz_details>div .show_questions>span:not(.vicon) {
	font-size: 11px;
	opacity: .5;
	text-transform: uppercase;
}

.incourse .incoursequiz_details .incourse_quiz_button>a {
	flex: 1;
	margin: 0 1rem;
}

.incourse .incoursequiz_details .quiz_timeline {
	min-width: 160px;
	margin: 0;
	padding: 0;
	max-height: none;
	overflow: hidden;
}

.incourse .incoursequiz_details .quiz_timeline li.done>span {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}

.incourse .incoursequiz_details .quiz_timeline li.done>span:not(.correct, .incorrect):before {
	position: relative;
	color: var(--primary);
}

.incourse .incoursequiz_details .quiz_timeline li.done.active>span:before {
	color: var(--primarycolor);
}

.incourse .incoursequiz_details .quiz_timeline .timeline_wrapper {
	border: none;
	justify-content: center;
	align-items: center;
	display: flex;
}

.incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul {
	display: flex;
	flex-wrap: wrap;
	margin: -.25rem;
	font-size: .8rem;
}

.incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li {
	margin: .25rem;
	padding: 5px;
	border-radius: 2px;
	border: none;
	border: 1px solid var(--border);
	display: flex;
	width: 32px;
	height: 24px;
	align-items: center;
}

.incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li.bookmarked {
	box-shadow: 0 2px 2px var(--shadow);
}

.incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li.done {
	background: var(--border);
}

.incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li.done>span:before {
	content: "";
	font-family: vicon;
}

.incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li.done.correct {
	color: #fff;
	background: rgba(0, 128, 0, .5);
}

.incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li.done.incorrect {
	color: #fff;
	background: rgba(255, 0, 0, .5);
}

.incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li.done.incorrect>span:before {
	content: "";
}

.incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li.active {
	background: var(--primary);
	color: var(--primarycolor);
}

.incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li>span {
	position: relative;
	width: 100%;
	text-align: center;
	margin: 0;
	height: auto;
	background: none;
	border-radius: 0;
	border: none;
	top: auto;
	left: auto;
}

.incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li>span:before {
	color: #fff;
}

.incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul>span {
	display: flex;
	align-items: center;
	margin: 0 .5rem;
}

.incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul>span>span:not(.vicon) {
	font-size: 11px;
	opacity: .5;
	text-transform: uppercase;
}

.incourse .incoursequiz_details .quiz_timeline .timeline_wrapper.question_numbers ul>li {
	width: auto !important;
	white-space: nowrap;
}

.incourse .incoursequiz_details .quiz_timeline .timeline_wrapper.question_numbers ul>li:before {
	content: attr(data-number);
}

.incourse .incoursequiz_details .quiz_timeline .timeline_wrapper.question_numbers ul>li>span {
	padding: 0 5px;
	background: var(--border);
	margin: -2px -2px -2px 5px;
	border-radius: 2px;
}

.incourse span.question_hint_content {
	transform: scale(0);
	padding: 1rem;
	background: var(--sidebar);
	border-radius: 5px;
	margin: 1rem 0;
	opacity: 0;
	transition: .2s all;
}

.incourse span.question_hint_content.show {
	transform: scale(1);
	opacity: 1;
}

.incourse .question_option .radio>input[type=radio]+label, .incourse .question_option .checkbox>input[type=radio]+label {
	display: flex;
	align-items: center;
}

.incourse div#unit.quiz_title h1 {
	width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.incourse div#unit.quiz_title h5 {
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.incourse .loading_quiz.disabled {
	display: none;
}

.incourse .loading_quiz {
	position: fixed !important;
	width: 0%;
	height: 0%;
	left: 50%;
	top: 50%;
	z-index: 9999;
}

.incourse .question_correct {
	border: 2px solid rgba(0, 128, 0, .5) !important;
	padding: 5px;
	border-radius: 5px;
}

.incourse .question_incorrect {
	border: 2px solid rgba(255, 0, 0, .5) !important;
	padding: 5px;
	border-radius: 5px;
}

.incourse .quiz_questions_content {
	flex: 3 0 480px;
	max-width: 100%;
}

.incourse .quiz_questions_content .question_option.radio label>div, .incourse .quiz_questions_content .question_option.checkbox label>div {
	display: inline-block;
}

.incourse .quiz_questions_content .question_option.radio label>div>p, .incourse .quiz_questions_content .question_option.checkbox label>div>p {
	margin: 0;
}

.incourse .incourse_quiz_button {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	width: 100%;
}

.incourse .incourse_quiz_button a {
	text-align: center;
	width: 100%;
	margin: .25rem !important;
}

.incourse .quiz_retake {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 -.25rem;
	justify-content: space-between;
	width: 100%;
}

.incourse .quiz_retake>* {
	flex: 1 0 80px;
	margin: .25rem;
}

.incourse .confirmpopup_wrapper {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background: var(--shadow);
	z-index: 9999999;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

.incourse .confirmpopup_wrapper .confirmpopup_content {
	padding: 1rem;
	background: var(--highlight);
	border-radius: 5px;
	min-width: 50%;
}

.incourse span.question_stats_content_heading {
	margin-bottom: 1rem;
	display: inline-block;
}

.incourse span.question_stats_content_heading:not(:nth-child(1)) {
	margin-top: 1.5rem;
}

.incourse .question_stats_content {
	align-items: start;
}

.incourse .question_stats_content span {
	margin: 5px;
}

.incourse .question_stats_content .checked_answer {
	margin-bottom: 0;
	font-size: 1rem;
	padding: 5px;
	text-align: center;
}

.incourse .question_stats_content .checked_answer span {
	text-transform: capitalize;
}

.incourse .quiz_stats_chart {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.incourse .quiz_stats_chart .quiz_stats_chart_pie {
	flex: 1 0 240px;
}

.incourse .quiz_stats_chart .question_stats_content_wrapper {
	flex: 2 0 480px;
}

.leaderboard_wrapper {
	margin: 1rem 0;
}

.leaderboard_wrapper .leaderboard_header {
	display: flex;
	justify-content: space-between;
	margin: 0 0 1rem;
	flex-wrap: wrap;
}

.leaderboard_wrapper .leaderboard_header>* {
	flex: 1;
	min-width: 160px;
	display: flex;
	align-items: center;
}

.leaderboard_wrapper .leaderboard_header>*:first-child {
	justify-content: flex-start;
}

.leaderboard_wrapper .leaderboard_header>*:last-child {
	justify-content: flex-end;
}

.course_error {
	position: fixed;
	z-index: 9999999;
	top: .5rem;
	left: 50%;
	transform: translate(-50%);
}

.statistics_wrapper {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.statistics_wrapper .vital_stats {
	flex: 1;
	min-width: 240px;
}

.statistics_wrapper .vital_stats>ul {
	display: flex;
	flex-direction: column;
}

.statistics_wrapper .vital_stats>ul>li {
	display: flex;
	justify-content: space-between;
	padding: 5px;
}

.statistics_wrapper .statistics_marks_distribution {
	flex: 2;
	min-width: 240px;
}

@keyframes spin {
	to {
		transform: rotate(.5turn);
	}
}

@keyframes bg {
	50% {
		background: var(--success);
	}
}

@media (max-width: 640px) {
	.wplms_course_status .vibebp_myprofile .profile_grid .profile_grid_header {
		background: rgba(0, 0, 0, 0) !important;
		z-index: 9;
	}
	
	.mycourses_header .vibebp_form_field {
		max-width: none;
	}
	
	.incourse .incoursequiz_details {
		flex: 1;
	}
	
	.incourse .incoursequiz_details .quiz_timeline {
		overflow-x: visible;
		overflow-y: hidden;
	}
}

@media (max-width: 768px) {
	.incourse .incoursequiz_details {
		flex: 1 0 100% !important;
	}
	
	.ques_link {
		min-width: 20px !important;
	}
	
	.incourse .quiztimer .timer_amount {
		font-size: 1rem;
	}
	
	.quiz_stats_chart .quiz_stats_chart_pie {
		width: 100%;
		margin-bottom: 30px;
	}
	
	.incourse .quiz_questions_content {
		padding: 1rem;
	}
}

@media (max-width: 480px) {
	.incourse .quiz_stats_chart .question_stats_content_wrapper {
		flex: 2 0 100%;
	}
	
	.incourse .quiz_questions_content {
		margin: 0 -.5rem;
	}
	
	.course_status .incourse .quiz_stats_chart .question_stats_content_wrapper {
		flex: 2 0 100%;
	}
	
	.course_status .incourse .question_stats_content .checked_answer {
		color: #1f2b39;
		font-size: 11px;
		padding: 5px;
	}
}

.pratice_questions .question_wrapper .result .correct strong, .pratice_questions .question_wrapper .result .incorrect strong {
	display: none;
}

@media (max-width: 500px) {
	.incourse .quiz_stats_chart .quiz_stats_chart_pie {
		width: 100% !important;
	}
	
	.incourse .quiz_stats_chart .question_stats_content_wrapper {
		width: 100% !important;
	}
	
	.incourse .quiz_questions_content .question_wrapper.loaded .result {
		transform: translate(0, -24px) scale(.75);
	}
}

.quiz_questions_content .quiz_content .fitvids, .quiz_questions_content .question .explanation .fitvids {
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
}

.quiz_questions_content .quiz_content .fitvids iframe, .quiz_questions_content .question .explanation .fitvids iframe {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.wplms_assigned_members {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
}

.wplms_assigned_members .wplms_assigned_member {
	margin: 5px;
	background: var(--highlight);
	padding: 5px;
	border-radius: 30px;
}

.wplms_assigned_members .wplms_assigned_member img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	margin-right: 5px;
}

.vbp_pdf_object object {
	display: inline-flex;
	height: 100vh;
	width: 100%;
}

.vbp_pdf_object object embed {
	width: 100%;
}

.wp-playlist.wp-video-playlist, .wp-playlist.wp-audio-playlist {
	color: var(--text);
	background: var(--highlight);
	border-color: var(--border);
}

.wplms_playlist {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: start;
}

.wplms_playlist .track {
	margin: .5rem .2rem;
	padding: .25rem;
	border: 1px solid var(--border);
	cursor: pointer;
	width: 100%;
}

.wplms_playlist .track.active {
	border-color: var(--primary);
}

.vibebp_pointsbadges_wrapper {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 1rem;
}

.vibebp_pointsbadges_wrapper .vibebp_main_header {
	border: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.vibebp_pointsbadges_wrapper .vibebp_lmsbadges_wrapper {
	background: var(--highlight);
	padding: 1rem;
}

.vibebp_pointsbadges_wrapper .vibebp_lmsbadges_wrapper .user_poins {
	background: var(--success);
	color: var(--highlight);
	padding: .5rem 1rem;
	border-radius: .75rem;
	font-weight: 800;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
}

.vibebp_pointsbadges_wrapper .vibebp_lmsbadges_wrapper .user_poins>:nth-child(2) {
	background: var(--primary);
	padding: .5rem;
	border-radius: .5rem;
}

.vibebp_pointsbadges_wrapper .vibebp_lmsbadges_wrapper .wplms_lmsbadges_wrapper {
	margin-top: 1rem;
}

.vibebp_pointsbadges_wrapper .vibebp_lmsbadges_wrapper .wplms_lmsbadges_wrapper .wplms_all_lmsbadges {
	display: flex;
	width: 100%;
	flex-direction: row;
	overflow-x: auto;
	margin: -.5rem;
}

.vibebp_pointsbadges_wrapper .vibebp_lmsbadges_wrapper .wplms_lmsbadges_wrapper .wplms_all_lmsbadges .scroll_left_right {
	display: flex;
	align-items: center;
	font-size: 2rem;
	cursor: pointer;
}

.vibebp_pointsbadges_wrapper .vibebp_lmsbadges_wrapper .wplms_lmsbadges_wrapper .wplms_all_lmsbadges .single_lmsbadge {
	position: relative;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	flex: 1 0 172px;
	align-items: center;
	margin: .5rem;
	background: var(--highlight);
	border: 1px solid var(--border);
	padding: 1rem;
	border-radius: 1rem;
}

.vibebp_pointsbadges_wrapper .vibebp_lmsbadges_wrapper .wplms_lmsbadges_wrapper .wplms_all_lmsbadges .single_lmsbadge.inactive {
	filter: grayscale(100%);
}

.vibebp_pointsbadges_wrapper .vibebp_lmsbadges_wrapper .wplms_lmsbadges_wrapper .wplms_all_lmsbadges .single_lmsbadge>:nth-child(2) {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

.vibebp_pointsbadges_wrapper .vibebp_lmsbadges_wrapper .wplms_lmsbadges_wrapper .wplms_all_lmsbadges .single_lmsbadge .badge_title {
	font-size: 1rem;
	font-weight: 600;
}

.vibebp_pointsbadges_wrapper .vibebp_lmsbadges_wrapper .wplms_lmsbadges_wrapper .wplms_all_lmsbadges .single_lmsbadge .badge_image {
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
}

.vibebp_pointsbadges_wrapper .vibebp_lmsbadges_wrapper .wplms_lmsbadges_wrapper .wplms_all_lmsbadges>.single_lmsbadge.active:last-child {
	transform: scale(1.1);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.vibebp_showlmsbadge .ve_modal-content {
	overflow: auto !important;
}

.vibebp_showlmsbadge .ve_modal-body {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.vibebp_showlmsbadge .ve_modal-body>div {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	flex-direction: column;
	padding: 1rem;
}

.vibebp_showlmsbadge .ve_modal-body .badge_tab1 {
	align-items: unset;
	border-right: 1px solid #eee;
}

.vibebp_showlmsbadge .ve_modal-body .badge_tab1 .badge_users {
	display: flex;
	gap: .2rem;
	flex-wrap: wrap;
}

.vibebp_showlmsbadge .ve_modal-body .badge_tab1 .badge_users>div {
	display: inline-block;
}

.vibebp_showlmsbadge .ve_modal-body .badge_tab1 .badge_users>div .vibebp_member {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size: .75rem;
	font-weight: 600;
}

.vibebp_showlmsbadge .ve_modal-body .badge_tab1 .badge_users>div .vibebp_member .vibebp_avatar {
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
}

.vibebp_showlmsbadge .ve_modal-body .badge_tab1 .more_badge_users {
	font-size: .75rem;
	font-weight: 700;
}

.vibebp_showlmsbadge .ve_modal-body .badge_tab2 .badge_image {
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
}

.vibebp_showlmsbadge .ve_modal-body .badge_tab2 .badge_details {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 1rem;
}

.vibebp_showlmsbadge .ve_modal-body .badge_tab2 .badge_details .badge_name {
	font-size: 1.5rem;
	font-weight: 600;
}

.vibe_feedbacks_wrap {
	display: flex;
	flex-direction: column;
}

.vibe_feedbacks_wrap .heading_wrap {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	justify-content: space-between;
	align-items: baseline;
}

.vibe_feedbacks_wrap .heading_wrap strong {
	flex: 1;
}

.vibe_feedbacks_wrap .feedback {
	display: flex;
	align-items: start;
	gap: 1rem;
	margin: .5rem;
	background: var(--sidebar);
	padding: .5rem;
	border-radius: 10px;
}

.vibe_feedbacks_wrap .feedback div {
	flex: 2 80%;
}

.vibe_feedbacks_wrap .feedback .vibebp_member {
	display: flex;
	flex-direction: column;
	flex: 1 20%;
	align-items: center;
	text-align: center;
}

.vibe_feedbacks_wrap .feedback img.vibebp_avatar {
	width: 48px;
	height: 48px;
	border-radius: 50%;
}

.vibe_feedbacks_wrap span.vbp_message {
	background: var(--sidebar);
	padding: 1rem;
	border-radius: .5rem;
}

.vibe_feedbacks_wrap span.vbp_message:before {
	content: "";
	font-family: "vicon" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	margin: .2rem;
}

.dash_tab {
	cursor: pointer;
}

@media (max-width: 480px) {
	.vibebp_myprofile .mycourses_header>div>*, .vibebp_myprofile .mycourses_header>select {
		max-width: none;
	}
}

@media (max-width: 500px) {
	.quiz_wrapper .quiz_header .quiz_info div {
		min-width: auto;
	}
}

.incourse .checked_answer.incorrect {
	background: #ff6a00;
}

.incourse .checked_answer.correct {
	background: #75b733;
}

@media (max-width: 1160px) {
	.course_blocks {
		grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	}
	
	.course_blocks .course_block_actions {
		flex-wrap: wrap;
	}
}

@media (min-width: 768px) {
	.incourse .incoursequiz_details>div .quiz_detail_toggle {
		display: none;
	}
	
	.incourse .quiztimer .circle_timer .react-progress-circle {
		display: initial;
	}
}

.dropdown {
	display: inline-flex;
	position: relative;
	vertical-align: top;
}

.dropdown.is-active, .dropdown.is-hoverable:hover .dropdown-menu {
	display: block;
}

.dropdown.is-right .dropdown-menu {
	left: auto;
	right: 0;
}

.dropdown.is-up .dropdown-menu {
	bottom: 100%;
	padding-bottom: 4px;
	padding-top: initial;
	top: auto;
}

.dropdown .dropdown-menu {
	display: none;
	left: 0;
	min-width: 12rem;
	padding-top: 4px;
	position: absolute;
	top: 100%;
	z-index: 20;
}

.dropdown .dropdown-content {
	background-color: var(--highlight);
	border-radius: 2px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
	padding-bottom: .5rem;
	padding-top: .5rem;
}

.dropdown .dropdown-content .dropdown-item {
	color: var(--text);
	display: block;
	font-size: .875rem;
	line-height: 1.5;
	padding: .375rem 1rem;
	position: relative;
}

.dropdown .dropdown-content a.dropdown-item {
	padding-right: 3rem;
	white-space: nowrap;
}

.dropdown .dropdown-content a.dropdown-item:hover {
	background-color: var(--highlight);
	color: var(--bold);
}

.dropdown .dropdown-content a.dropdown-item.is-active {
	background-color: var(--primary);
	color: var(--primarycolor);
}

.dropdown .dropdown-content .dropdown-divider {
	background-color: var(--border);
	border: none;
	display: block;
	height: 1px;
	margin: .5rem 0;
}

.tabulator-row.tabulator-row-even {
	background: var(--highlight);
}

.course_manage {
	width: 100%;
	margin: 1rem 0;
}

.course_manage h2 {
	font-size: 2rem;
	font-weight: 600;
}

.course_manage .course_information {
	display: flex;
	flex-wrap: wrap;
}

.course_manage .course_information img {
	border-radius: 5px;
	max-width: 240px;
	flex: 1;
}

.course_manage .course_information>div {
	padding: 0 1rem;
	display: flex;
	flex-direction: column;
	flex: 3;
}

.course_manage .course_information .course_meta {
	display: flex;
	align-items: center;
	margin: 10px 0;
}

.course_manage .course_information .course_meta>span {
	display: flex;
	align-items: center;
}

.course_manage .course_information .course_meta>span+span {
	margin-left: 1rem;
}

.course_manage .course_information .course_meta>span>span {
	margin-right: 5px;
}

.course_manage .course_information .course_meta>span .wplms-course-star-rating {
	display: flex;
	flex-direction: row;
}

.course_manage .course_information .course_meta>span .wplms-course-star-rating>span {
	padding: 2px !important;
	margin: 0;
}

.course_manage .course_description_wrapper {
	position: fixed;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, .6);
	z-index: 9;
}

.course_manage .course_description_wrapper .course_description {
	background: var(--highlight);
	max-width: 80vw;
	max-height: 60vh;
	padding: 1rem !important;
	border-radius: 5px;
	overflow-y: scroll;
}

.course_manage .course_tabs {
	padding: 1rem 0;
}

.course_manage .course_tabs .instructor_tabs {
	border-bottom: 1px solid var(--border);
	display: flex;
	flex-wrap: wrap;
	cursor: pointer;
}

.course_manage .course_tabs .instructor_tabs span {
	padding: .5rem 1rem;
	border-bottom: 1px solid var(--border);
	margin-bottom: -1px;
}

.course_manage .course_tabs .instructor_tabs span.active {
	border: 1px solid var(--border);
	border-radius: 5px 5px 0 0;
	border-bottom-color: var(--body);
}

.course_manage .course_tab_content .course_activity_wrapper .portal .portal_header .header_extras {
	max-width: initial;
}

.course_manage .course_tab_content .course_activity_wrapper .portal .portal_header .header_extras select {
	flex: initial;
}

.course_manage .course_tab_content_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 1rem 0;
	flex-wrap: wrap;
}

.course_manage .course_tab_content_header>select, .course_manage .course_tab_content_header>div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex: 1;
	min-width: 160px;
}

.course_manage .course_tab_content_header .vibebp_form_field {
	flex: 2;
	margin: 0 1rem;
}

.course_manage .course_tab_content_header>div>select {
	flex: 1;
}

.course_manage .course_stats_wrapper .course_stats {
	display: flex;
	flex-direction: column;
}

.course_manage .course_stats_wrapper .course_general_stats {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	grid-gap: 1rem;
	margin-bottom: 3rem;
}

.course_manage .course_stats_wrapper .course_general_stats .data {
	border: 1px solid var(--border);
	background: var(--highlight);
	padding: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.course_manage .course_stats_wrapper .course_general_stats .data span {
	font-size: 3rem;
}

.course_manage .course_stats_wrapper .download_stats_wrapper {
	padding: .5rem;
	border: 3px dashed var(--border);
}

.course_manage .course_stats_wrapper .download_stats_wrapper .course_stats_download {
	display: flex;
	flex-wrap: wrap;
}

.course_manage .course_stats_wrapper .download_stats_wrapper .course_stats_download .checkbox {
	margin: .5rem;
}

.course_manage .course_stats_wrapper .download_stats_wrapper .course_stats_download_actions {
	margin: .5rem;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.course_manage .course_stats_wrapper .download_stats_wrapper .course_stats_download_actions select+a {
	margin: 0 1rem;
}

@media (max-width: 998px) {
	.course_manage .reviewpopup_content {
		width: 90%;
	}
}

.wplms_manage_courses_wrapper .wplms_courses_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: .5 -.5rem;
	margin-bottom: 1.5rem;
	background: var(--highlight);
	border: 1px solid var(--border);
	padding: .5rem;
	position: sticky;
	top: 0;
	z-index: 9;
}

.wplms_manage_courses_wrapper .wplms_courses_header>div {
	display: flex;
	align-items: center;
	flex: 1 0 240px;
	max-width: 320px;
	margin: .5rem;
	justify-content: space-between;
}

.wplms_manage_courses_wrapper .wplms_courses_header>div select {
	flex: 1;
}

.wplms_manage_courses_wrapper .wplms_courses_header>div.vibebp_form_field {
	display: flex;
	border: 1px solid var(--border);
	padding: 0 5px;
}

.wplms_manage_courses_wrapper .wplms_courses_header>div.vibebp_form_field input {
	background: none;
	flex: 1;
	border: none;
}

.wplms_manage_courses_wrapper .wplms_courses_header>div.vibebp_form_field.no_border {
	border: none;
}

.wplms_manage_courses_wrapper .course_instructor_blocks {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	width: 100%;
	grid-gap: 1.5rem;
}

.wplms_manage_courses_wrapper .course_instructor_blocks>.link {
	grid-column: 1/-1;
}

.wplms_manage_courses_wrapper .course_instructor_block {
	border: 1px solid var(--border);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: var(--highlight);
	cursor: pointer;
}

.wplms_manage_courses_wrapper .course_instructor_block .course_block_content_wrapper {
	border: none;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.wplms_manage_courses_wrapper .course_instructor_block .course_block_content_wrapper {
	padding: 0 1rem 1rem;
}

.wplms_manage_courses_wrapper .course_instructor_block .course_title_wrapper {
	display: flex;
	flex-direction: column;
}

.wplms_manage_courses_wrapper .course_instructor_block .course_title_wrapper .course_title {
	padding: .5rem 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.wplms_manage_courses_wrapper .course_instructor_block .course_title_wrapper .course_title h3 {
	font-size: 1.2rem;
	margin: .5rem 0;
	color: var(--text);
	font-weight: 600;
	flex: 1 100px;
}

.wplms_manage_courses_wrapper .course_instructor_block .course_title_wrapper .course_title .offline {
	margin: .5rem 0;
}

.wplms_manage_courses_wrapper .course_instructor_block .course_title_wrapper .course_instructor {
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}

.wplms_manage_courses_wrapper .course_instructor_block .course_title_wrapper .course_instructor span {
	color: var(--text);
}

.wplms_manage_courses_wrapper .course_instructor_block .course_title_wrapper .course_instructor img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin: 0 .5rem 0 0;
}

.wplms_manage_courses_wrapper .course_instructor_block .course_categories {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 10px;
}

.wplms_manage_courses_wrapper .course_instructor_block .course_categories span {
	padding: 2px 8px;
	background: var(--border);
	margin: 2px;
	border-radius: 5px;
}

.wplms_manage_courses_wrapper .course_instructor_block .course_meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px dashed var(--border);
	padding: 10px;
}

.wplms_manage_courses_wrapper .course_instructor_block .course_meta>span {
	display: flex;
	align-items: center;
}

.wplms_manage_courses_wrapper .course_instructor_block .course_meta>span .vicon {
	margin: 0 10px;
}

.wplms_manage_courses_wrapper .course_instructor_block .course_featured_image {
	position: relative;
}

.wplms_manage_courses_wrapper .course_instructor_block .course_featured_image .course_actions {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	width: 100%;
	padding: .5rem;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.wplms_manage_courses_wrapper .course_instructor_block .course_featured_image .course_actions span.vicon {
	text-shadow: 1px 2px #000;
}

.wplms_manage_courses_wrapper .course_instructor_block .course_featured_image .course_actions .post_time {
	color: var(--bold);
	font-size: 12px;
}

.wplms_manage_courses_wrapper .course_instructor_block .course_featured_image .course_actions>div {
	display: flex;
	flex-direction: column;
	gap: 5px;
	align-items: flex-end;
}

.wplms_manage_courses_wrapper .course_instructor_block .course_featured_image .course_actions>div .course_short_menu {
	background: var(--sidebar);
	padding: 8px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.wplms_manage_courses_wrapper .course_instructor_block .course_featured_image .course_actions>div .course_short_menu>* {
	display: flex;
	gap: 10px;
	justify-content: space-between;
	align-items: center;
}

.wplms_manage_courses_wrapper .course_instructor_block .course_featured_image .course_actions .actions {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.wplms_manage_courses_wrapper .course_instructor_block .course_featured_image .course_actions .actions span {
	z-index: 16;
	color: var(--text);
	color: var(--primary);
	box-shadow: var(--shadow);
	text-shadow: var(--shadow);
	cursor: pointer;
}

.course_admin .students_filter {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: -.25rem -.25rem 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px dashed var(--border);
}

.course_admin .students_filter>* {
	margin: .25rem;
}

.course_admin .course_students {
	display: flex;
	flex-direction: column;
}

.course_admin .course_students .course_student {
	display: flex;
	align-items: center;
	margin: .75rem 0;
	justify-content: space-between;
	flex-wrap: wrap;
}

.course_admin .course_students .course_student>div {
	margin: 0 .75rem;
}

.course_admin .course_students .course_student>div>span {
	margin: 0 .5rem;
}

.course_admin .course_students .course_student .user_credentials {
	display: flex;
	align-items: center;
	flex: 1;
	flex-wrap: wrap;
}

.course_admin .course_students .course_student .user_credentials>img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	margin: 0 10px 0 0;
}

.course_admin .course_students .course_student .user_credentials .link {
	color: var(--text);
}

.course_admin .course_students .course_student .user_course_stat {
	display: flex;
	flex-direction: column;
	background: var(--highlight);
	border: 1px solid var(--border);
	flex-basis: 100%;
	margin-top: 1rem;
	padding: 1rem;
}

.course_admin .course_students .course_student .user_course_stat .completed {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	min-width: 150px;
}

.course_admin .course_students .course_student .user_course_stat>div {
	display: flex;
	justify-content: space-between;
	padding: 0 0 1rem;
}

.course_admin .course_students .course_student .user_course_stat>div.section {
	font-size: 1.2rem;
}

.course_admin .bulk_action {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(36px, 1fr));
	grid-gap: .5rem;
	margin: 1rem 0;
	position: relative;
}

.course_admin .bulk_action>span {
	padding: .5rem;
	text-align: center;
	background: var(--highlight);
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 5px;
	position: relative;
}

.course_admin .bulk_action>span:hover, .course_admin .bulk_action>span.active {
	background: var(--primary);
	color: #fff;
}

.course_admin .bulk_action>span:hover:after, .course_admin .bulk_action>span.active:after {
	z-index: 9;
}

.course_admin .bulk_action_single {
	grid-column: 1/-1;
	padding: 1rem;
	border: 1px dashed var(--border);
	display: flex;
	flex-direction: column;
}

.course_admin .bulk_action_single input {
	margin: 0 0 1rem;
}

.course_admin .bulk_action_single .search_student_results {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
	grid-gap: .5rem;
	margin: .5rem 0;
}

.course_admin .bulk_action_single .search_student_results .search_student {
	border: 1px solid rgba(0, 0, 0, .1);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 5px;
	border-radius: 5px;
	font-size: .8rem;
	overflow: hidden;
}

.course_admin .bulk_action_single .search_student_results .search_student.selected_searched_students {
	background: var(--primary);
	color: #fff;
}

.course_admin .bulk_action_single .selected_students .search_student {
	position: relative;
}

.course_admin .bulk_action_single .selected_students .search_student:hover:after {
	content: "";
	background: rgba(0, 0, 0, .6);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-family: "vicon";
}

.course_admin .bulk_action_single .bulk_action_button {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.course_admin .bulk_action_single .bulk_action_button .link {
	margin: 0 10px;
}

.wplms_manage_quizzes_wrapper .wplms_quizzes_header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.5rem;
	flex-wrap: wrap;
	font-size: 1rem;
}

.wplms_manage_quizzes_wrapper .wplms_quizzes_header>span>img {
	width: 48px;
	border-radius: 50%;
}

.wplms_manage_quizzes_wrapper .wplms_quizzes_header .vibebp_form_field {
	display: flex;
	align-items: center;
}

.wplms_manage_quizzes_wrapper .wplms_quizzes_header .vibebp_form_field select {
	margin: 0 .5rem;
}

.wplms_manage_quizzes_wrapper .vibebp_quizzes {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	grid-gap: 1rem;
}

.wplms_manage_quizzes_wrapper .vibebp_quizzes .new_quiz {
	border: 3px dashed rgba(0, 0, 0, .2);
	display: grid;
	align-items: center;
	justify-items: center;
	font-size: 4rem;
	padding: 4rem;
}

.wplms_manage_quizzes_wrapper .vibebp_quizzes .wplms_quiz {
	background: var(--highlight);
	width: 100%;
	padding: 1rem;
	border: 1px solid var(--border);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
}

.wplms_manage_quizzes_wrapper .vibebp_quizzes .wplms_quiz h3 {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

.wplms_manage_quizzes_wrapper .vibebp_quizzes .wplms_quiz .wplms_quiz-type {
	margin: 1rem 0;
	display: flex;
}

.wplms_manage_quizzes_wrapper .vibebp_quizzes .wplms_quiz .wplms_quiz-type span {
	margin: 0 5px;
	padding: 5px;
	font-size: 1rem;
	border-radius: 5px;
	background: var(--border);
}

.wplms_manage_quizzes_wrapper .vibebp_quizzes .wplms_quiz .quiz_meta {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(24px, 1fr));
	grid-gap: .5rem;
	border-top: 1px dashed var(--border);
	padding-top: 10px;
}

.wplms_manage_quizzes_wrapper .vibebp_quizzes .wplms_quiz .quiz_meta>span {
	display: flex;
	align-items: center;
}

.wplms_manage_quizzes_wrapper .vibebp_quizzes .wplms_quiz .quiz_meta>span .vicon {
	margin: 0 10px;
}

.wplms_manage_quizzes_wrapper .vibebp_quizzes>.link {
	grid-column: 1/-1;
}

.wplms_manage_quizzes_wrapper .add_cpt_wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	grid-gap: 1rem;
}

.wplms_manage_quizzes_wrapper .add_cpt_wrapper .field_upload_package, .wplms_manage_quizzes_wrapper .add_cpt_wrapper .element_actions {
	grid-column: 1/-1;
}

.wplms_manage_quizzes_wrapper .add_cpt_wrapper .add_cpt_type {
	padding: 1.5rem;
	background: var(--highlight);
	font-size: 1.2rem;
	text-align: center;
	border: 1px solid var(--border);
	display: flex;
	align-items: center;
	gap: 1rem;
}

.wplms_manage_quizzes_wrapper .add_cpt_wrapper .add_cpt_type .vicon {
	margin: 0 1rem;
}

.wplms_manage_quizzes_wrapper .add_cpt_wrapper .add_cpt_type .selectcptfield_items>span {
	background: var(--border);
	padding: .5rem 1rem;
	border-radius: 5px;
}

.wplms_manage_quizzes_wrapper .add_cpt_wrapper .vibe_form_field.post_title input {
	font-size: 3rem;
	padding: 5px 0;
	border: none;
	background: none;
	border-bottom: 2px solid var(--border);
}

.wplms_manage_quizzes_wrapper .add_cpt_wrapper .field_title, .wplms_manage_quizzes_wrapper .add_cpt_wrapper .field_taxonomy {
	grid-column: 1/-1;
}

.wplms_manage_quizzes_wrapper .add_cpt_wrapper .field_title, .wplms_manage_quizzes_wrapper .add_cpt_wrapper .field_quiz_questions, .wplms_manage_quizzes_wrapper .add_cpt_wrapper .curriculum_element_actions, .wplms_manage_quizzes_wrapper .add_cpt_wrapper .field_editor, .wplms_manage_quizzes_wrapper .add_cpt_wrapper .field_textarea, .wplms_manage_quizzes_wrapper .add_cpt_wrapper .field_dynamic_quiz_questions {
	grid-column: 1/-1;
}

.wplms_manage_quizzes_wrapper .add_cpt_wrapper .field_dynamic_quiz_questions .add_quiz_tag_button {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.wplms_manage_quizzes_wrapper .add_cpt_wrapper .field_dynamic_quiz_questions .add_quiz_tag_button span {
	flex: 1;
	display: flex;
	justify-content: flex-end;
	min-width: 60px;
}

.wplms_manage_quizzes_wrapper .add_cpt_wrapper .total_marks {
	top: 0;
}

.wplms_manage_quizzes_wrapper .add_cpt_wrapper .field_switch, .wplms_manage_quizzes_wrapper .add_cpt_wrapper .field_duration {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: var(--highlight);
	align-items: center;
	padding: 1rem;
	border: 1px solid var(--border);
}

.wplms_manage_quizzes_wrapper .add_cpt_wrapper .field_wrapper label {
	display: block;
	opacity: .8;
}

.wplms_manage_quizzes_wrapper .add_cpt_wrapper .field_wrapper label .tip_trigger {
	opacity: .6;
	margin: 10px;
}

.wplms_manage_quizzes_wrapper .add_cpt_wrapper .vibequiztags {
	border: 2px dashed var(--border);
	padding: 1rem;
	margin: 10px 0;
}

.wplms_manage_quizzes_wrapper .add_cpt_wrapper .vibequiztags li {
	display: grid;
	grid-template-columns: 1fr 80px 80px 10px;
	grid-gap: 10px;
	align-items: center;
}

.wplms_manage_quizzes_wrapper .add_cpt_wrapper .vibequiztags .add_quiz_tag_button {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.wplms_manage_quizzes_wrapper .add_cpt_wrapper .element_actions {
	margin-top: 1.5rem;
	display: flex;
	align-items: center;
}

.wplms_manage_quizzes_wrapper .add_cpt_wrapper .element_actions .link {
	margin: 0 1rem;
}

.quiz_wrapper .quiz_header {
	display: flex;
	flex-direction: column;
	margin-bottom: 1.5rem;
}

.quiz_wrapper .quiz_header h2 {
	font-size: 2.5rem;
	font-weight: 600;
	margin: 10px 0;
}

.quiz_wrapper .quiz_header .header_links {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.quiz_wrapper .quiz_header .header_links>span>span+span {
	padding-left: 12px;
}

.quiz_wrapper .quiz_header .quiz_info {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.quiz_wrapper .quiz_header .quiz_info span, .quiz_wrapper .quiz_header .quiz_info div {
	display: flex;
	align-items: center;
	margin: 0 2px;
}

.quiz_wrapper .quiz_header .quiz_info div {
	min-width: 240px;
	flex: 1;
}

.quiz_wrapper .quiz_header .quiz_info div:last-child {
	justify-content: flex-end;
}

.quiz_wrapper .incourse {
	display: flex;
	flex-wrap: wrap;
}

.quiz_wrapper .incourse .quiz_questions_content {
	flex: 3 0 480px;
	max-width: 100%;
}

.quiz_wrapper .incourse .incoursequiz_details {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-width: 12rem;
	border: 1px solid rgba(0, 0, 0, .1);
	padding: .5rem;
	margin: 0 1rem 1rem 0;
}

.quiz_wrapper .incourse .incoursequiz_details .incourse_quiz_button {
	margin: 1rem;
}

.quiz_wrapper .incourse .incoursequiz_details .incourse_quiz_button .button {
	margin: 0 1rem;
}

.quiz_wrapper .incourse .incoursequiz_details .quiztimer {
	display: flex;
	justify-content: center;
}

.course_submissions_tabs_wrapper {
	margin: 1rem 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.course_submissions_tabs_wrapper .link {
	margin: 0 1rem;
}

span span.vicon.vicon-angle-up, span span.vicon.vicon-angle-down {
	padding: 11px 8px;
	background: var(--highlight);
	display: inline-block;
	border: 1px solid var(--border);
	border-left: none;
}

span span.vicon.vicon-angle-up.active, span span.vicon.vicon-angle-down.active {
	background: var(--light);
	color: var(--bold);
}

.course_submissions_wrapper .student_list {
	display: flex;
	flex-direction: column;
}

.course_submissions_wrapper .student_list .student_item {
	display: flex;
	flex-direction: row;
	margin-bottom: 1rem;
	justify-content: space-between;
	align-items: center;
}

.course_submissions_wrapper .student_list .student_item .user_credentials {
	display: flex;
	align-items: center;
	flex: 1;
}

.course_submissions_wrapper .student_list .student_item .user_credentials img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	margin-right: 1rem;
}

.course_submissions_wrapper .student_list .student_item .user_credentials .link {
	color: var(--text);
}

.course_submissions_wrapper .student_list .student_item .user_controls {
	display: flex;
	align-items: center;
}

.course_submissions_wrapper .student_list .student_item .user_controls span {
	margin: 0 10px;
}

.course_submissions_wrapper .course_structure {
	padding: 1rem;
	border: 1px solid var(--border);
	display: flex;
	flex-direction: column;
}

.course_submissions_wrapper .course_structure .curriculum_item, .course_submissions_wrapper .course_structure .total_marks {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0;
}

.course_submissions_wrapper .course_structure .curriculum_item .vicon, .course_submissions_wrapper .course_structure .total_marks .vicon {
	margin: 0 10px;
}

.course_submissions_wrapper .course_structure .total_marks span {
	display: flex;
	align-items: center;
}

.course_submissions_wrapper .question_list {
	padding: 1rem;
	border: 1px solid var(--border);
	display: flex;
	flex-direction: column;
}

.course_submissions_wrapper .question_list .question_container {
	display: flex;
	flex-direction: row;
	margin: 1rem 0;
}

.course_submissions_wrapper .question_list .question_container .question {
	flex: 3;
	min-wdith: 240px;
}

.course_submissions_wrapper .question_list .question_container .question .marked_answer>span, .course_submissions_wrapper .question_list .question_container .question .question_correct_answer>span, .course_submissions_wrapper .question_list .question_container .question .question_explanation>span {
	display: block;
	font-size: .8rem;
	opacity: .8;
}

.course_submissions_wrapper .question_list .question_container .question_score {
	flex: 1;
	min-width: 160px;
	display: flex;
	flex-direction: column;
}

.course_submissions_wrapper .question_list .question_container .question_score>span {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.course_submissions_wrapper .question_list .total_marks {
	font-size: 1.6rem;
	display: flex;
	justify-content: space-between;
}

.course_submissions_wrapper .question_list .remarks_wrapper {
	display: flex;
}

.course_submissions_wrapper .question_list .remarks_wrapper>div {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.course_submissions_wrapper .question_list .remarks_wrapper>div span, .course_submissions_wrapper .question_list .remarks_wrapper>div .button {
	margin-top: 1rem;
}

.course_submissions_wrapper .assigmmnet_submission .assigmmnet_submission-header {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin: 1rem 0;
	flex-direction: column;
}

.course_submissions_wrapper .assigmmnet_submission .assigmmnet_submission-header .user_credentials {
	display: flex;
	align-items: center;
	flex: 1;
}

.course_submissions_wrapper .assigmmnet_submission .assigmmnet_submission-header .user_credentials img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	margin-right: 1rem;
}

.course_submissions_wrapper .assigmmnet_submission h3, .course_submissions_wrapper .assigmmnet_submission h4 {
	margin-top: 1rem;
}

.course_submissions_wrapper .assigmmnet_submission .attachments {
	padding: 1rem;
	border: 2px dashed var(--border);
	margin: .5rem 0;
	display: flex;
	flex-wrap: wrap;
}

.course_submissions_wrapper .assigmmnet_submission .attachments>* {
	flex: 1 0 160px;
}

.course_submissions_wrapper .assigmmnet_submission .add_upload {
	display: flex;
	flex-wrap: wrap;
}

.course_submissions_wrapper .assigmmnet_submission .add_upload .media_wrapper {
	margin: 0 1rem;
	padding: 1rem;
	border: 1px dashed var(--border);
	max-width: 160px;
	justify-content: center;
	align-items: center;
	display: flex;
}

.leaderboard_members {
	display: flex;
	flex-direction: column;
}

.leaderboard_members .leaderboard_member {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1rem;
}

.leaderboard_members .leaderboard_member img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
}

.instructor_reports .reports_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1.5rem;
}

.instructor_reports .reports_list, .instructor_reports .report_steps_wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	width: 100%;
	grid-gap: 1.5rem;
}

.instructor_reports .reports_list .new_report, .instructor_reports .reports_list .add_step, .instructor_reports .report_steps_wrapper .new_report, .instructor_reports .report_steps_wrapper .add_step {
	border: 3px dashed var(--border);
	padding: 1rem;
	height: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 5rem;
}

.instructor_reports .reports_list>.vbp_message, .instructor_reports .reports_list>.link, .instructor_reports .report_steps_wrapper>.vbp_message, .instructor_reports .report_steps_wrapper>.link {
	grid-column: 1/-1;
}

.instructor_reports .new_report_wrapper h3 {
	font-size: 1.5rem;
	margin: 1rem 0;
}

.instructor_reports .new_report_wrapper .wplms_reports_block {
	border: 1px solid var(--border);
	background: var(--highlight);
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
}

.instructor_reports .new_report_wrapper .wplms_reports_block .selected_items {
	display: flex;
	flex-wrap: wrap;
	margin: 10px 0;
}

.instructor_reports .new_report_wrapper .wplms_reports_block .selected_items>span {
	border-radius: 2px;
	padding: 2px 8px;
	border: 1px solid var(--border);
	margin: 3px;
}

.instructor_reports .report_steps_wrapper {
	position: relative;
}

.instructor_reports .report_steps_wrapper svg {
	position: absolute;
	z-index: -1;
}

.instructor_reports .report_steps_wrapper .wplms_reports_block {
	position: relative;
}

.instructor_reports .report_steps_wrapper .wplms_reports_block>.vicon-close {
	position: absolute;
	right: 1rem;
	top: 1rem;
}

.instructor_reports .report_steps_wrapper .wplms_reports_block h4 {
	font-size: 1.5rem;
}

.instructor_reports .report_steps_wrapper .wplms_reports_block h4 span {
	font-size: 1rem;
	opacity: .8;
	display: block;
}

.instructor_reports .report_steps_wrapper .wplms_reports_block .start_connector_dot, .instructor_reports .report_steps_wrapper .wplms_reports_block .end_connector_dot {
	position: absolute;
	top: calc(50% - 6px);
	left: -6px;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	background: #444;
}

.instructor_reports .report_steps_wrapper .wplms_reports_block .end_connector_dot {
	left: auto;
	right: -6px;
}

.comments_wrapper {
	display: flex;
	flex-direction: column;
}

.comments_wrapper .comment_wrapper {
	border: 1px solid var(--border);
	margin-bottom: 1rem;
	padding: 1rem;
	background: var(--highlight);
}

.comments_wrapper .comment_wrapper>span {
	font-size: 11px;
	opacity: .6;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.comments_wrapper .comment_wrapper span.friendly_time {
	font-size: 11px;
	opacity: .6;
}

.comments_wrapper .comment_wrapper .replybox {
	margin-left: 48px;
}

.comments_wrapper .comment_wrapper h3 {
	margin: 0 0 .5rem;
	font-size: 1.2rem;
	font-weight: 600;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.comments_wrapper .comment_wrapper h3>* {
	margin: .5rem;
}

.comments_wrapper .comment_wrapper h3>span {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.comments_wrapper .comment_wrapper h3>span>* {
	margin: .5rem;
}

.comments_wrapper .comment_wrapper h3 span+span {
	font-size: 80%;
	font-weight: 400;
	display: flex;
	margin-left: 1rem;
	align-items: center;
	opacity: .8;
}

.comments_wrapper .comment_wrapper h3 span+span>span {
	margin: 0 1rem;
}

.comments_wrapper .comment_wrapper .comments_comment {
	display: flex;
}

.comments_wrapper .comment_wrapper .comments_comment img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	margin-right: 1rem;
}

.comments_wrapper .comment_wrapper .comments_comment .comments_comment_content {
	width: 100%;
}

.comments_wrapper .comment_wrapper .comments_comment .comments_comment_content>span>span {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.comments_wrapper .comment_wrapper .comments_comment .comments_comment_content>span>span.friendly_time {
	opacity: .8;
	font-size: .8rem;
}

.comments_wrapper .comment_wrapper .comments_comment .comments_comment_content .replybox {
	margin-left: 48px;
}

.comments_wrapper .comment_wrapper .comments_comment .answer_actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: -.5rem;
}

.comments_wrapper .comment_wrapper .comments_comment .answer_actions>* {
	margin: .5rem;
}

.comments_wrapper .comment_wrapper .comments_children {
	margin: 1rem 0 1rem 24px;
}

.comments_wrapper .comment_wrapper .comments_actions {
	display: flex;
	flex-wrap: wrap;
	margin: -.5rem;
}

.comments_wrapper .comment_wrapper .comments_actions>* {
	margin: .5rem;
	flex: 1 0 120px;
}

.comments_wrapper .comment_wrapper .comments_actions>*.button, .comments_wrapper .comment_wrapper .comments_actions>*.link {
	max-width: 320px;
}

.comments_wrapper .comment_wrapper .comments_actions .answer_actions {
	display: flex;
	align-items: center;
}

.comments_wrapper .comment_wrapper .comments_actions .answer_actions>* {
	flex: 1 0 120px;
}

.comments_wrapper .comment_wrapper .comments_actions .answer_actions>*.button, .comments_wrapper .comment_wrapper .comments_actions .answer_actions>*.link {
	max-width: 320px;
}

.comments_wrapper .comment_wrapper .comment_actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: -5px;
}

.comments_wrapper .comment_wrapper .comment_actions>* {
	margin: 5px;
}

.comments_wrapper .discussion_children {
	margin-left: 30px;
	padding: 1rem;
}

.comments_wrapper .discussion_children .comments_comment {
	margin-bottom: 1rem;
}

.my_achievements_wrapper h3 {
	font-size: 1.4rem;
	font-weight: 600;
	margin: 0 0 1rem;
	color: var(--bold);
}

.my_achievements_wrapper .my_certificates_wrapper {
	margin-bottom: 1rem;
}

.my_achievements_wrapper .my_certificates_wrapper .my_certificate {
	border: 1px solid var(--border);
	background: var(--highlight);
	fill: var(--light);
	padding: 1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.my_achievements_wrapper .my_certificates_wrapper .my_certificate svg {
	width: 128px;
}

.my_achievements_wrapper .my_certificates_wrapper .my_certificate:hover {
	fill: var(--primary);
}

.my_achievements_wrapper .my_badge {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 1.2rem;
	font-weight: 600;
}

.my_achievements_wrapper .my_badge img {
	border-radius: 50%;
	width: 160px;
	height: 160px;
	margin-bottom: 1rem;
}

.my_achievements_wrapper .fullcoursereport {
	background: var(--highlight);
	padding: .5rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex-wrap: wrap;
	position: relative;
}

.my_achievements_wrapper .fullcoursereport>.vicon {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
}

.my_achievements_wrapper .fullcoursereport>* {
	margin: .5rem;
	padding: 1rem;
	width: calc(100% - 2rem);
}

.my_achievements_wrapper .fullcoursereport .student_vitals {
	display: flex;
	flex-wrap: wrap;
	margin: 0 .75rem;
}

.my_achievements_wrapper .fullcoursereport .student_vitals h2 {
	font-size: 1.4rem;
	margin: .75rem;
}

.my_achievements_wrapper .fullcoursereport .student_vitals img {
	width: 240px;
	border-radius: 10px;
	margin: .75rem;
}

.my_achievements_wrapper .fullcoursereport .student_vitals .course_vitals li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.my_achievements_wrapper .fullcoursereport .student_vitals .course_vitals li label {
	margin-right: 1.5rem;
}

.my_achievements_wrapper .fullcoursereport .student_vitals .course_vitals li strong {
	display: flex;
	align-items: center;
}

.my_achievements_wrapper .fullcoursereport .student_vitals .course_vitals span.grade {
	display: flex;
	margin: 0 -.5rem;
}

.my_achievements_wrapper .fullcoursereport .student_vitals .course_vitals span.grade>* {
	margin: 0 .5rem;
}

.my_achievements_wrapper .fullcoursereport .student_course_timeline {
	border: 1px solid var(--border);
	margin: .5rem;
}

.my_achievements_wrapper .fullcoursereport .student_course_timeline ul.courseCurriculum .section {
	display: flex;
	justify-content: space-between;
	font-size: 1.2rem;
	font-weight: 600;
	padding: .5rem;
}

.my_achievements_wrapper .fullcoursereport .student_course_timeline ul.courseCurriculum li.unit.open_lesson {
	display: flex;
}

.my_achievements_wrapper .fullcoursereport .student_course_timeline ul.courseCurriculum li {
	display: none;
	padding: .25rem .5rem;
	align-items: center;
	justify-content: space-between;
}

.my_achievements_wrapper .fullcoursereport .student_course_timeline ul.courseCurriculum li>p span {
	margin-right: .5rem;
}

.my_achievements_wrapper .finished_course {
	border-radius: 5px;
	overflow: hidden;
	transition: all .2s;
	display: flex;
	position: relative;
	flex-direction: column;
	height: 100%;
	box-shadow: 0 2px 5px var(--border);
}

.my_achievements_wrapper .finished_course>.vicon-close {
	position: absolute;
	top: 0;
	right: 0;
}

.my_achievements_wrapper .finished_course:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 20px var(--border);
}

.my_achievements_wrapper .finished_course .finished_course_content {
	border: 1px solid var(--border);
	padding: 1rem;
	background: var(--highlight);
	border-radius: 0 0 5px 5px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.my_achievements_wrapper .finished_course .finished_course_content h3 {
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 1rem;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.my_achievements_wrapper .finished_course .finished_course_content h3 img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
}

.my_achievements_wrapper .finished_course .finished_course_content .course_grade {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	flex: 1;
	width: 100%;
	color: var(--warning);
}

.my_achievements_wrapper .finished_course .finished_course_content .course_grade .react-progress-circle {
	line-height: 0;
}

.my_achievements_wrapper .finished_course .finished_course_content .course_grade .ReactProgressCircle_circle {
	stroke: var(--warning);
}

.my_achievements_wrapper .finished_course .finished_course_content .course_grade.passed {
	color: var(--success);
}

.my_achievements_wrapper .finished_course .finished_course_content .course_grade.passed .ReactProgressCircle_circle {
	stroke: var(--success);
}

.my_achievements_wrapper .finished_course .finished_course_content .course_grade.passedexcel {
	color: var(--purple);
}

.my_achievements_wrapper .finished_course .finished_course_content .course_grade.passedexcel .ReactProgressCircle_circle {
	stroke: var(--purple);
}

.my_achievements_wrapper .finished_course .finished_course_content .course_grade span.grade {
	font-weight: 600;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	line-height: 1;
}

.my_achievements_wrapper .finished_course .finished_course_content .course_grade span.grade span+span {
	font-size: 1rem;
	padding-left: 1rem;
}

.my_achievements_wrapper .finished_course .finished_course_content .course_meta {
	display: flex;
	margin: 0 -5px;
	justify-content: flex-start;
}

.my_achievements_wrapper .finished_course .finished_course_content .course_meta>* {
	margin: 5px;
}

.my_achievements_wrapper .finished_course .finished_course_content .course_meta .react-progress-circle {
	margin: 0 .5rem;
}

.course_overview_wrapper {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9;
	background: var(--body);
}

.course_overview_wrapper .course_overview {
	max-width: 1024px;
	width: 100%;
	padding: 0 1rem;
	background: var(--body);
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.course_overview_wrapper .course_overview>span {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.course_overview_wrapper .course_overview .course_header {
	display: flex;
	margin-bottom: 1.5rem;
	flex-wrap: wrap;
	gap: 1.5rem;
	background: none !important;
}

.course_overview_wrapper .course_overview .course_header .course_header_description {
	flex: 3;
	min-width: 220px;
}

.course_overview_wrapper .course_overview .course_header .course_header_description h1 {
	font-weight: 600;
	font-size: 2rem;
	margin-bottom: 1rem;
	color: var(--bold);
}

.course_overview_wrapper .course_overview .course_header .course_header_description .course_button_wrapper {
	display: flex;
	gap: 1rem;
	align-items: center;
}

.course_overview_wrapper .course_overview .course_header .course_header_description .course_progress_wrapper {
	margin: 1rem 0;
	font-weight: 600;
}

.course_overview_wrapper .course_overview .course_header .course_header_description .course_progress_wrapper .course_progress {
	height: 10px;
	border-radius: 1rem;
}

.course_overview_wrapper .course_overview .course_header .course_header_description .course_progress_wrapper .course_progress span {
	height: 10px;
	border-radius: 1rem;
}

.course_overview_wrapper .course_overview .course_header .course_header_description .course_short_description {
	font-size: 1.2rem;
	margin: 1rem 0;
}

.course_overview_wrapper .course_overview .course_header .course_featured {
	flex: 1;
	min-width: 220px;
}

.course_overview_wrapper .course_overview .course_header .course_featured img {
	border-radius: 5px;
}

.course_curriculum_wrapper {
	display: flex;
	flex-direction: column;
}

.course_curriculum_wrapper .curriculum_section {
	font-weight: 600;
	font-size: 1.2rem;
	padding: 1rem 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	cursor: pointer;
}

.course_curriculum_wrapper .curriculum_item {
	display: flex;
	justify-content: space-between;
	border: 1px solid var(--border);
	background: var(--highlight);
	border-bottom: none;
	padding: 1rem 1.5rem;
}

.course_curriculum_wrapper .curriculum_item>span:first-child {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-right: 1rem;
}

.course_curriculum_wrapper .curriculum_item>span:first-child strong {
	min-width: 240px;
}

.course_curriculum_wrapper .curriculum_item>span:first-child strong span {
	margin-right: 1rem;
}

.course_curriculum_wrapper .curriculum_item>span:first-child strong span svg {
	fill: var(--bold);
}

.course_curriculum_wrapper .curriculum_item>span:first-child .friendly_time {
	margin-right: 1rem;
	font-size: .8rem;
	opacity: .8;
	min-width: 240px;
	display: flex;
	justify-content: flex-end;
}

.course_curriculum_wrapper .curriculum_item>span:last-child {
	display: flex;
	align-items: center;
}

.course_curriculum_wrapper .curriculum_item>span:last-child .react-progress-circle {
	line-height: 0;
	position: relative;
}

.course_curriculum_wrapper .curriculum_item>span:last-child.done .react-progress-circle:after {
	content: "";
	font-family: "vicon";
	position: absolute;
	left: 2px;
	top: .6rem;
	color: var(--success);
}

.course_curriculum_wrapper .curriculum_item+.curriculum_section {
	border-top: 1px solid var(--border);
}

.course_curriculum_wrapper .curriculum_item em {
	font-style: normal;
}

.announcements_news .announcement {
	padding: 1rem;
	margin: 1rem 0;
	background: #fff6ca;
	color: #444;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
}

.announcements_news .announcement>strong {
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	color: #f29c00;
}

.announcements_news .news_wrapper {
	display: flex;
	flex-direction: column;
	margin-top: 1rem;
	position: relative;
}

.announcements_news .news_wrapper .news {
	margin: 0;
	display: flex;
	flex-direction: row;
	cursor: pointer;
	background: var(--highlight);
	padding: 1rem;
	border: 1px solid var(--border);
}

.announcements_news .news_wrapper .news.active {
	cursor: text;
}

.announcements_news .news_wrapper .news+.news {
	margin-top: 1rem;
}

.announcements_news .news_wrapper .news .news_featured_image {
	width: 240px;
	height: 240px;
	overflow: hidden;
	flex: 1;
}

.announcements_news .news_wrapper .news .news_featured_image+.news_details {
	margin-left: 1rem;
}

.announcements_news .news_wrapper .news .news_details {
	display: flex;
	flex-direction: column;
	flex: 2;
}

.announcements_news .news_wrapper .news .news_details h3 {
	font-size: 1.2rem;
	font-weight: 600;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.announcements_news .news_wrapper .news .news_details h3 span {
	opacity: .6;
	font-size: 80%;
}

.announcements_news .news_wrapper .news .news_details h3 span span {
	margin: 0 .25rem;
}

.announcements_news .news_wrapper .news .news_details>span {
	display: flex;
	align-items: center;
	font-size: .8rem;
	opacity: .8;
	justify-content: space-between;
}

.announcements_news .news_wrapper .news .news_details>span img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin-left: 10px;
}

.announcements_news .news_wrapper .news .news_details .news_details_content {
	display: none;
}

.announcements_news .news_wrapper .news.active {
	background: none;
	border: none;
}

.announcements_news .news_wrapper .news.active .news_details_content {
	display: flex;
	flex-direction: column;
}

.announcements_news .news_wrapper .new_news {
	z-index: 9;
	width: 100%;
	background: var(--highlight);
	border: 1px solid var(--body);
	padding: 1rem;
}

.announcements_news .news_wrapper .new_news select {
	margin: 1rem 0;
}

.question_pop_wrapper {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	height: 100vh;
	background: var(--darkborder);
	z-index: 9;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow-y: auto;
}

.question_pop_wrapper>span {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: -1;
}

.question_pop_wrapper .question_pop {
	width: 100vw;
	max-width: 1024px;
	background: var(--highlight);
	padding: 1.5rem;
	border-radius: 5px;
	overflow-y: auto;
}

.question_pop_wrapper .question_pop .import_questions {
	display: flex;
	flex-direction: column;
	margin: -.5rem 0;
}

.question_pop_wrapper .question_pop .import_questions>* {
	margin: .5rem 0;
}

.question_pop_wrapper .question_pop .import_questions input[type=file] {
	display: none;
}

.question_pop_wrapper .question_pop .import_questions label {
	display: flex;
	width: 100%;
	height: 100%;
	padding: 1.5rem;
	border: 5px dashed var(--border);
	align-items: center;
	justify-content: center;
}

.question_pop_wrapper .question_pop .import_questions>span {
	display: flex;
}

.question_pop_wrapper .question_pop .question_wrapper {
	overflow-y: auto;
	max-height: calc(100vh - 5rem);
}

.question_pop_wrapper .question_type_wrapper {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(64px, 1fr));
}

.question_pop_wrapper .question_wrapper .field_wrapper {
	margin-bottom: 1rem;
}

.question_pop_wrapper .question_wrapper .vibe_form_field.post_title input {
	font-size: 2rem;
	background: none;
	border: none;
	padding: 10px 0;
	border-bottom: 2px solid var(--border);
}

.question_pop_wrapper .question_wrapper .question_actions {
	display: flex;
	align-items: center;
}

.question_pop_wrapper .question_wrapper .question_actions>div {
	display: flex;
	flex-direction: row;
}

.question_pop_wrapper .question_wrapper .question_actions>div span {
	margin: 0 .2rem;
	z-index: 11;
}

.question_pop_wrapper .question_wrapper .question_actions>div span:not(.marks) {
	cursor: pointer;
}

.question_pop_wrapper .question_wrapper ul.repeatableoption>li {
	display: flex;
	align-items: center;
	margin-bottom: .5rem;
}

.question_pop_wrapper .question_wrapper ul.repeatableoption>li>.vibev_editor {
	flex: 1;
	border: none;
}

.question_pop_wrapper .question_wrapper ul.repeatableoption>li .vibe_editor {
	border: none;
}

.vibebp_content_preview_wrapper {
	z-index: 99999;
}

.field_value .selectcptfield:not(.multiselect) .search_results {
	display: initial;
}

.vibebp_myprofile:not(.dark_theme) .draftJsToolbar__popup__GHzbY>div {
	background: #d0d0d0;
}

.download_mod_stats_warpper {
	margin-bottom: 1rem;
	padding: 1rem 1rem 1px;
	background: var(--sidebar);
}

.download_mod_stats_warpper .mod_stats_download {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.download_mod_stats_warpper .mod_stats_download>div {
	margin: .5rem;
}

.download_mod_stats_warpper .mod_stats_download_actions a {
	margin: 0;
}

.download_mod_stats_warpper .mod_stats_download_actions {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 2rem;
}

.buttons.has-addons.small.myquiz_tabs>a {
	height: 2.5rem;
	width: 2.5rem;
}

@media (max-width: 640px) {
	.wplms_quizzes_header>* {
		flex: 1;
		min-width: 240px;
		margin: 0 0 1rem 0;
	}
	
	.course_manage .course_information img {
		max-width: none;
		width: 100%;
		margin-bottom: 1rem;
	}
	
	.question_pop_wrapper .question_pop .question_wrapper {
		max-height: calc(100vh - 13rem);
	}
}

.profile_menu.active+.profile_grid .tabulator {
	max-width: calc(100vw - 345px - 240px + 2rem);
}

.students_filter.vibebp_form>div {
	display: flex;
}

.students_filter.vibebp_form>div>span {
	display: flex;
}

.ReactProgress_wrapper {
	background: var(--border);
	position: relative;
	height: .5rem;
	width: 100%;
}

.ReactProgress_filler {
	background: var(--success);
	height: 100%;
	transition: width .8s ease-in;
}

.ReactProgressCircle_circle {
	fill: rgba(0, 0, 0, 0);
	stroke: var(--success);
}

.ReactProgressCircle_circleBackground {
	fill: rgba(0, 0, 0, 0);
	stroke: var(--border);
	transition: stroke-dashoffset .8s;
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
}

.player-wrapper {
	position: relative;
	padding-top: 56.25%;
}

.player_controls_wrapper {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 999;
}

.playerBarWrapper {
	width: 100%;
	height: 40px;
	display: block;
	position: relative;
	background: var(--shadow);
}

.playerBarWrapper .bar {
	background: green;
	height: 100%;
	position: relative;
	z-index: -1;
}

.react-player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videotube {
	margin: 30px 0;
}

.volumeControls {
	overflow: hidden;
	position: relative;
	padding: 5px 0 0;
}

.volumeControls:hover {
	overflow: visible;
}

.volumeControls .VolumeBarWrapper {
	transition: all .5s;
	position: absolute;
	bottom: 100%;
	height: 80px;
	width: 100%;
	display: none;
	text-align: center;
}

.volumeControls .VolumeBarWrapper .VolumeBarWrap {
	width: 8px;
	background: var(--shadow);
	height: 90%;
	overflow: hidden;
	box-shadow: 1px 5px 10px 10px rgba(255, 255, 255, .3);
	display: inline-block;
}

.volbar {
	background: green;
	position: relative;
	height: 100%;
	z-index: -1;
}

.volumeControls:hover .VolumeBarWrapper {
	display: block;
}

.player_controls ul {
	display: grid;
	grid-template-columns: 90px 1fr 45px 45px;
	width: 100%;
	background: var(--border);
	height: 40px;
	position: absolute;
	bottom: 0;
	align-items: center;
	justify-content: center;
}

span.play:after {
	content: "";
	font-family: "vicon";
}

span.pause:after {
	content: "";
	font-family: "vicon";
}

span.mute:after {
	content: "";
	font-family: "vicon";
}

span.unmute:after {
	content: "";
	font-family: "vicon";
}

span.fullscreen:after {
	content: "";
	font-family: "vicon";
}

span.notfullscreen:after {
	content: "";
	font-family: "vicon";
}

.player_controls {
	display: none;
	transition: all .2s;
}

.player_controls.active {
	display: block;
}

.player_controls ul>li:not(:nth-child(2)) {
	justify-self: center;
}

.player_controls ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0;
	font-size: 1.2rem;
}

.player_controls ul li {
	line-height: 1;
}

.player_controls {
	background: var(--border);
	height: 100%;
	color: var(--white);
	font-size: 1.8rem;
}

.videoTotalDuration {
	position: absolute;
	right: 15px;
	top: calc(50% - 6px);
	font-size: 12px;
}

span.videoProgressDuration {
	left: 15px;
	position: absolute;
	top: calc(50% - 6px);
	font-size: 12px;
	z-index: 999;
}

.playerBarWrapper:hover span.videoProgressDuration, .playerBarWrapper:hover span.videoTotalDuration {
	display: none;
}

.playerBarWrapper>span {
	display: inline-block;
}

.videotube .player_controls_wrapper ul {
	margin: 0;
	padding: 0;
}

@media (max-width: 550px) {
	.player_controls ul {
		grid-template-columns: 45px 1fr 45px 45px;
	}
	
	.player_controls {
		font-size: 1.4rem;
	}
}

.player_controls ul li span {
	cursor: pointer;
}

.playerBarWrapper {
	cursor: pointer;
}

.VolumeBarWrap {
	cursor: row-resize;
}

.dropdown {
	display: inline-flex;
	position: relative;
	vertical-align: top;
}

.dropdown.is-active, .dropdown.is-hoverable:hover .dropdown-menu {
	display: block;
}

.dropdown.is-right .dropdown-menu {
	left: auto;
	right: 0;
}

.dropdown.is-up .dropdown-menu {
	bottom: 100%;
	padding-bottom: 4px;
	padding-top: initial;
	top: auto;
}

.dropdown .dropdown-menu {
	display: none;
	left: 0;
	min-width: 12rem;
	padding-top: 4px;
	position: absolute;
	top: 100%;
	z-index: 20;
}

.dropdown .dropdown-content {
	background-color: var(--highlight);
	border-radius: 2px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
	padding-bottom: .5rem;
	padding-top: .5rem;
}

.dropdown .dropdown-content .dropdown-item {
	color: var(--text);
	display: block;
	font-size: .875rem;
	line-height: 1.5;
	padding: .375rem 1rem;
	position: relative;
}

.dropdown .dropdown-content a.dropdown-item {
	padding-right: 3rem;
	white-space: nowrap;
}

.dropdown .dropdown-content a.dropdown-item:hover {
	background-color: var(--highlight);
	color: var(--bold);
}

.dropdown .dropdown-content a.dropdown-item.is-active {
	background-color: var(--primary);
	color: var(--primarycolor);
}

.dropdown .dropdown-content .dropdown-divider {
	background-color: var(--border);
	border: none;
	display: block;
	height: 1px;
	margin: .5rem 0;
}

.tabulator-row.tabulator-row-even {
	background: var(--highlight);
}

.previous_results_wrapper h3 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

.previous_results_wrapper .quiz_results {
	box-shadow: 1px 1px 5px 1px var(--shadow);
	padding: 1rem;
	max-height: 400px;
	overflow-y: scroll;
	margin: 1rem 0;
}

.previous_results_wrapper .quiz_results li {
	padding: .5rem;
	border-bottom: 1px solid var(--border);
}

.previous_results_wrapper .quiz_results li:first-child {
	padding-top: 0;
	paddng-bottom: 0;
}

.previous_results_wrapper .quiz_results li:last-child {
	padding-top: 0;
	paddng-bottom: 0;
}

.course_status_fullscreen .vibebp_sidebars .vibebp_left_sidebar_wrapper, .course_status_fullscreen .profile_menu, .course_status_fullscreen.wplms_course_status .drag_to_refresh {
	display: none !important;
}

.confirmpopup_wrapper {
	position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, .1);
	top: 0;
	left: 0;
	z-index: 9999999;
	display: flex;
	justify-content: center;
	align-items: center;
}

.confirmpopup_wrapper .confirmpopup_content {
	background: var(--highlight);
	padding: 1rem;
	border-radius: 3px;
}

.course_status_fullscreen .course_status {
	font-size: 1rem;
}

.course_status_fullscreen.course_status_loaded {
	max-height: 100vh;
	-ms-overflow-style: none;
}

.course_status_fullscreen.course_status_loaded::-webkit-scrollbar {
	display: none;
}

.course_status_fullscreen.course_status_loaded .pusher>header, .course_status_fullscreen.course_status_loaded .pusher>footer {
	display: none;
}

.course_status_fullscreen.course_status_loaded .fixed_block .elementor-column-wrap.elementor-element-populated {
	width: 100vw !important;
	transform: none !important;
	z-index: 9999;
}

.course_status_fullscreen #course_component {
	z-index: 9999;
}

.course_status_fullscreen .course_status {
	position: fixed;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0;
	margin: 0;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background: var(--body);
	z-index: 9999;
	overflow-y: scroll;
	overflow-x: hidden;
}

.course_status_fullscreen .course_status .course_timeline>ul.stickypos {
	position: sticky;
	top: 3rem;
}

.course_status_fullscreen .course_status .course_timeline>ul:hover {
	overflow-y: scroll;
	scrollbar-width: none;
}

.course_status_fullscreen .course_status .course_timeline>ul:hover::-webkit-scrollbar {
	display: none;
}

.course_status_fullscreen.admin-bar .course_status {
	top: 32px;
	height: calc(100vh - 32px);
}

.course_status {
	margin: -1.5rem -1.5rem 0;
	display: flex;
	flex-direction: row;
	position: relative;
	min-height: calc(100vh - 4rem);
	height: calc(100% + 1.5rem);
	flex-wrap: wrap;
}

.course_status .unit_iframe_wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	margin-bottom: 2rem;
}

.course_status .unit_iframe_wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.course_status .reviewpopup_wrapper, .course_status .course_instructions_wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .45);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.course_status .reviewpopup_wrapper .reviewpopup_content, .course_status .course_instructions_wrapper .reviewpopup_content {
	margin-top: 90px;
}

.course_status .reviewpopup_wrapper .reviewpopup_content, .course_status .reviewpopup_wrapper .course_instructions, .course_status .course_instructions_wrapper .reviewpopup_content, .course_status .course_instructions_wrapper .course_instructions {
	position: relative;
	width: 50%;
	background: var(--highlight);
	padding: 1.5rem;
	border-radius: 4px;
	box-shadow: 1px 2px 50px var(--shadow);
}

.course_status .reviewpopup_wrapper .reviewpopup_content .popup-footer, .course_status .reviewpopup_wrapper .course_instructions .popup-footer, .course_status .course_instructions_wrapper .reviewpopup_content .popup-footer, .course_status .course_instructions_wrapper .course_instructions .popup-footer {
	display: flex;
	justify-content: space-between;
	background: var(--shadow);
	margin: 1rem -1.5rem -1.5rem;
	padding: .8rem 1.5rem;
	border-radius: 0 0 4px 4px;
	align-items: center;
	line-height: 1;
}

.course_status .reviewpopup_wrapper .reviewpopup_content .popup-footer>a, .course_status .reviewpopup_wrapper .course_instructions .popup-footer>a, .course_status .course_instructions_wrapper .reviewpopup_content .popup-footer>a, .course_status .course_instructions_wrapper .course_instructions .popup-footer>a {
	color: var(--bold);
}

.course_status .reviewpopup_wrapper .reviewpopup_content .popup-footer>a.button, .course_status .reviewpopup_wrapper .course_instructions .popup-footer>a.button, .course_status .course_instructions_wrapper .reviewpopup_content .popup-footer>a.button, .course_status .course_instructions_wrapper .course_instructions .popup-footer>a.button {
	flex: 1 0 160px;
	max-width: 240px;
	display: flex;
	justify-content: space-between;
	white-space: break-spaces;
	height: auto;
}

.course_status .reviewpopup_wrapper .reviewpopup_content .course-star-rating span, .course_status .reviewpopup_wrapper .course_instructions .course-star-rating span, .course_status .course_instructions_wrapper .reviewpopup_content .course-star-rating span, .course_status .course_instructions_wrapper .course_instructions .course-star-rating span {
	font-size: 2rem;
}

.course_status .reviewpopup_wrapper .reviewpopup_content .close, .course_status .reviewpopup_wrapper .course_instructions .close, .course_status .course_instructions_wrapper .reviewpopup_content .close, .course_status .course_instructions_wrapper .course_instructions .close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	z-index: 99999;
	cursor: pointer;
}

.course_status .reviewpopup_wrapper .reviewpopup_content .close span:before, .course_status .reviewpopup_wrapper .course_instructions .close span:before, .course_status .course_instructions_wrapper .reviewpopup_content .close span:before, .course_status .course_instructions_wrapper .course_instructions .close span:before {
	color: red;
	font-weight: 900;
	font-size: 1.5rem;
}

.course_status .reviewpopup_wrapper .reviewpopup_content .reviewform, .course_status .reviewpopup_wrapper .course_instructions .reviewform, .course_status .course_instructions_wrapper .reviewpopup_content .reviewform, .course_status .course_instructions_wrapper .course_instructions .reviewform {
	margin: 1rem 0;
}

.course_status .reviewpopup_wrapper .reviewpopup_content .reviewform label, .course_status .reviewpopup_wrapper .course_instructions .reviewform label, .course_status .course_instructions_wrapper .reviewpopup_content .reviewform label, .course_status .course_instructions_wrapper .course_instructions .reviewform label {
	font-size: 2rem;
	display: inline-block;
}

.course_status .reviewpopup_wrapper .reviewpopup_content .reviewform>*, .course_status .reviewpopup_wrapper .course_instructions .reviewform>*, .course_status .course_instructions_wrapper .reviewpopup_content .reviewform>*, .course_status .course_instructions_wrapper .course_instructions .reviewform>* {
	margin: 5px 0;
	width: 100%;
	padding: 5px;
}

.course_status .reviewpopup_wrapper .course_instructions, .course_status .course_instructions_wrapper .course_instructions {
	height: calc(100% - 2rem);
	overflow: hidden;
}

.course_status .reviewpopup_wrapper .course_instructions h1, .course_status .course_instructions_wrapper .course_instructions h1 {
	width: calc(100% - 2rem);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.course_status .reviewpopup_wrapper .course_instructions h1+div, .course_status .course_instructions_wrapper .course_instructions h1+div {
	height: calc(100% - 4rem);
	overflow-y: auto;
	position: relative;
}

@media (max-width: 998px) {
	.course_status .reviewpopup_wrapper .reviewpopup_content, .course_status .course_instructions_wrapper .reviewpopup_content {
		width: 90%;
	}
}

.course_status.moveonside .course_timeline {
	display: none;
	min-width: auto;
}

.course_status.moveonside .course_timeline.comments_shown {
	overflow-y: scroll;
}

.course_status.moveonside .course_content {
	width: 100%;
}

.course_status .course_package_wrapper {
	width: 100%;
}

.course_status .course_package_wrapper .course_package_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: var(--highlight);
	padding: 0 1rem;
	min-height: 2rem;
}

.course_status .course_assignment_wrapper .upload_assignment {
	width: 100%;
}

.course_status .course_assignment_wrapper .assignment_attachments {
	margin: 2rem 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.course_status .course_assignment_wrapper .assignment_attachments>div {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: .5rem 1rem;
	border: 1px solid var(--border);
	padding: 1rem;
	min-width: 200px;
}

.course_status .course_assignment_wrapper .course_assignment {
	display: flex;
	width: 100%;
	flex-direction: row-reverse;
	justify-content: space-between;
	flex-wrap: wrap;
}

.course_status .course_assignment_wrapper .assignment_left {
	width: 100%;
	margin-right: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.course_status .course_assignment_wrapper .assigment_evaluated {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
}

.course_status .course_assignment_wrapper .upload_assignment {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.course_status .course_assignment_wrapper .assignment_right {
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-end;
	align-items: center;
	font-size: 20rem;
	min-width: 20rem;
}

.course_status .course_assignment_wrapper .allowed_file_extenstions {
	margin: 2rem 0;
}

.course_status .course_assignment_wrapper .allowed_file_extenstions span {
	margin: .1rem;
}

.course_status .course_assignment_wrapper .allowed_file_extenstions span:not(:last-child):after {
	content: ",";
}

.course_status .circular_progress {
	position: relative;
	width: 24px;
	height: 24px;
	display: block;
	border-radius: 50%;
	background: #eee;
	background-image: linear-gradient(to right, transparent 50%, var(--success) 0);
	color: rgba(0, 0, 0, 0);
	text-align: center;
}

.course_status .circular_progress:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
	border-radius: 0 100% 100% 0/50%;
	background-color: inherit;
	transform-origin: left;
	animation: spin 50s linear infinite, bg 100s step-end infinite;
	animation-play-state: paused;
	animation-delay: inherit;
}

.course_status .course_content {
	padding: 1rem 1rem 0;
	flex: 5 0 220px;
	display: flex;
	width: 100%;
	flex-direction: column;
}

.course_status .course_content .course_content_header {
	display: flex;
	justify-content: space-between;
	position: sticky;
	top: 0;
	background: var(--highlight);
	margin: -1rem;
	padding: 1rem;
	line-height: 0;
	border-bottom: 1px solid var(--border);
	box-shadow: 0 1px 2px var(--border);
	z-index: 999;
}

.course_status .course_content .course_content_header .toggle_timeline_wrapper {
	display: flex;
	align-items: center;
}

.course_status .course_content .course_content_header .toggle_timeline_wrapper .vicon+span {
	font-size: 11px;
	cursor: pointer;
	opacity: .2;
	line-height: 1;
}

.course_status .course_content .course_content_header .toggle_timeline_wrapper .vicon+span+span {
	font-size: 11px;
	line-height: 1;
	opacity: .3;
	letter-spacing: 1px;
	margin-left: 10px;
	cursor: grab;
}

.course_status .course_content .course_content_header .toggle_timeline_wrapper:hover .vicon+span {
	opacity: 1;
}

.course_status .course_content .course_content_header+h2 {
	margin-top: 2rem;
	font-size: 2rem;
	margin-bottom: 1rem;
	font-weight: 600;
}

.course_status .course_content .course_content_content_wrapper {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	flex: 0;
	margin-top: 1.5rem;
	height: auto;
}

.course_status .course_content .course_content_content_wrapper h2 {
	margin: 1.5rem 0;
	font-size: 2.5rem;
	line-height: 1;
	margin-bottom: 1rem;
	font-weight: 600;
}

.course_status .course_content .course_content_content_wrapper .unit_videos {
	margin: 2rem 0;
}

.course_status .course_content .course_content_content_wrapper .next_curriculum_item {
	padding: 1rem;
	cursor: pointer;
	background: var(--highlight);
	border: 1px solid var(--border);
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	margin: 1rem 0;
	position: relative;
}

.course_status .course_content .course_content_content_wrapper .next_curriculum_item.locked:before {
	content: "";
	position: absolute;
	font-family: "vicon";
	left: 1rem;
}

.course_status .course_content .course_content_content_wrapper .next_curriculum_item>span {
	margin: 0 .5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.course_status .course_content .course_content_content_wrapper .next_curriculum_item>span>span {
	padding: 0 10px;
	display: flex;
	align-items: center;
}

.course_status .course_content .course_content_content_wrapper .next_curriculum_item>span svg {
	max-width: 24px !important;
	fill: var(--bold);
}

.course_status .course_content .course_content_content_wrapper .next_curriculum_item:hover {
	background: var(--primary);
	color: var(--primarycolor);
}

.course_status .course_content .course_content_content_wrapper .next_curriculum_item:hover svg {
	fill: var(--primarycolor);
}

.course_status .course_content .course_content_content_wrapper .driptimer_wrapper {
	width: 100%;
	margin: auto;
	margin-top: 3rem;
}

.course_status .course_content .course_content_content_wrapper .driptimer_wrapper .driptimer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.course_status .course_content .course_content_content_wrapper .driptimer_wrapper .driptimer span {
	width: 100%;
}

.course_status .course_content .course_content_content_wrapper .driptimer_wrapper .driptimer span.timer_amount {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	font-size: 2rem;
}

.course_status .course_content .course_content_content_wrapper .driptimer_wrapper .driptimer span.timer_amount>span, .course_status .course_content .course_content_content_wrapper .driptimer_wrapper .driptimer span.timer_unit>span {
	min-width: 35px;
	text-align: center;
}

.course_status .course_content .course_content_content_wrapper .driptimer_wrapper .driptimer span.timer_unit {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	font-size: 1rem;
}

.course_status .course_content .course_content_content_wrapper .unit_assignments .assignment {
	display: flex;
	display: flex;
	flex-direction: column;
	flex-direction: column;
	margin: 1rem 0;
	border: 1px solid var(--border);
}

.course_status .course_content .course_content_content_wrapper .unit_assignments .assignment .assignment_heading {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 1rem;
}

.course_status .course_content .course_content_content_wrapper .unit_assignments .assignment_content_wrapper {
	padding: 1rem;
}

.course_status .course_content .course_content_content_wrapper .unit_attachments {
	margin: 2rem 0;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.course_status .course_content .course_content_content_wrapper .unit_attachments .attachment {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: .5rem 0;
}

.course_status .course_content .course_content_content_wrapper .unit_attachments .attachment>span {
	display: flex;
	align-items: center;
	margin: 0 -5px;
}

.course_status .course_content .course_content_content_wrapper .unit_attachments .attachment>span span.attachment_icon svg#Layer_1 {
	fill: var(--text);
	color: var(--text);
}

.course_status .course_content .course_content_content_wrapper .unit_attachments .attachment>span span.attachment_icon>svg {
	width: 32px;
	fill: var(--text);
}

.course_status .course_content .course_content_content_wrapper .unit_attachments .attachment>span>* {
	margin: 0 5px;
}

.course_status .course_content .course_content_content_wrapper .tabs {
	display: inline-block;
}

.course_status .course_content .course_content_content_wrapper .tabs div {
	border: none;
}

.course_status .course_content .course_content_content_wrapper .finish_course>.button {
	min-height: 72px;
	margin-bottom: 30px;
	color: var(--primarycolor);
	background: var(--primary);
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.course_status .course_timeline {
	position: relative;
	transition: .2s all;
	flex: 1 0 220px;
	margin: 0;
	background: var(--highlight) !important;
	background: none;
	border-right: 1px solid var(--border) !important;
	border: none;
}

.course_status .course_timeline .course_heading {
	padding: 3rem 1.5rem;
	opacity: 1;
	opacity: 1;
	overflow: hidden;
	overflow: hidden;
	background: var(--primary);
	color: var(--primarycolor);
}

.course_status .course_timeline .course_heading h2 {
	font-size: 2rem;
	margin-bottom: 1rem;
	line-height: 1;
	color: var(--primarycolor);
}

.course_status .course_timeline .course_heading .course_progress>span {
	background: var(--primarycolor);
}

.course_status .course_timeline.expand {
	min-width: 50%;
}

.course_status .course_timeline .unit_comments_enclosure {
	position: absolute;
	top: 0;
	background: var(--sidebar);
	width: 100%;
	z-index: 999;
	height: 100%;
}

.course_status .course_timeline .unit_comments_enclosure .vibe_tabs {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.course_status .course_timeline .unit_comments_enclosure .vibe_tabs .vibe_tab {
	cursor: pointer;
	padding: .8rem .5rem;
	border: 1px solid var(--border);
	border-radius: 5px;
	width: 50%;
	text-align: center;
	background: var(--highlight);
}

.course_status .course_timeline .unit_comments_enclosure .vibe_tabs .vibe_tab.active {
	background: var(--sidebar);
	border-bottom: none;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper {
	position: relative;
	position: relative;
	display: flex;
	flex-direction: column;
	height: calc(100vh - 2rem);
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper>span {
	background: var(--highlight);
	padding: 1rem;
	width: 100%;
	line-height: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--border);
	box-shadow: 0 1px 2px var(--border);
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper.active .unit_comments_action .addcomment_buttons .button {
	flex: none;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments {
	padding: 1rem;
	overflow-y: auto;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments>ul {
	margin: 0;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment_wrapper.disabled {
	opacity: .5;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment_wrapper>ul {
	margin-left: 24px;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment {
	display: flex;
	flex-direction: row;
	margin: 0 0 1rem 0;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment:hover .unit_comment_content {
	box-shadow: 0 1px 1px var(--border);
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment .comment_user {
	align-self: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	margin-right: 10px;
	max-width: 48px;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment .comment_user img {
	width: 32px;
	height: 32px;
	object-fit: cover;
	border-radius: 50%;
	margin: 0 5px;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment .comment_user span {
	font-size: .8rem;
	opacity: .7;
	max-width: 64px;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment .unit_comment_content {
	flex: 1;
	padding: 1rem;
	background: var(--highlight);
	border-radius: 5px;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment .unit_comment_content .unit_comment_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: .8rem;
	opacity: .6;
	margin: -.5rem 0 .5rem;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment .unit_comment_content .unit_comment_header .comment_actions span {
	margin: 0 3px;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment .unit_comment_content .unit_comment_header .comment_actions span.tip:after {
	left: -40px;
	top: -3.3rem;
	font-size: .7rem;
	width: auto;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments .unit_comment .unit_comment_content .unit_comment_header .comment_actions span.active {
	color: var(--primarycolor);
	background: var(--primary);
	padding: 2px;
	border-radius: 2px;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments_action {
	padding: .5rem;
	display: flex;
	z-index: 9;
	margin: 0;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments_action .button {
	margin: .5rem;
	flex: 1 0 160px;
	cursor: pointer;
	max-height: 36px;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments_action .button>span {
	flex: 1;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments_action .button>.vicon {
	flex: 0 0 24px;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments_action .addcomment {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments_action .addcomment textarea {
	max-height: 15rem;
	min-height: 7rem;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments_action .addcomment .addcomment_buttons {
	height: 48px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 5px;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments_action .addcomment .addcomment_buttons .button {
	flex: 1;
}

.course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper .unit_comments_action .addcomment .addcomment_buttons .link {
	margin-left: 10px;
}

.course_status .course_timeline .course_action_points {
	width: 100%;
	overflow: hidden;
	position: sticky;
	top: 0;
	background: var(--highlight);
	z-index: 9;
	box-shadow: 0 1px 2px var(--border);
	align-items: center;
	padding: 1rem;
}

.course_status .course_timeline .course_action_points .search-course {
	display: flex;
	align-items: center;
	background: var(--highlight);
	transform: translateY(-1000%);
	transition: all 200ms;
	position: absolute;
	width: calc(100% - 1.5rem);
	top: 0;
}

.course_status .course_timeline .course_action_points .search-course input {
	border: none;
	flex: 1;
	padding: .5em;
	font-size: 1.2em;
	font-size: 1rem;
	background: var(--white);
}

.course_status .course_timeline .course_action_points .search-course>span {
	font-size: 11px;
	opacity: .6;
}

.course_status .course_timeline .course_action_points .search-course>span+span {
	opacity: 1;
	padding: 0 5px;
}

.course_status .course_timeline .course_action_points .search-course.active {
	transform: translateY(0px);
	z-index: 999;
}

.course_status .course_timeline .course_action_points .action_points {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

.course_status .course_timeline .course_action_points .action_points div {
	padding: 1rem;
	flex: 1;
	min-width: 20px;
}

.course_status .course_timeline .course_action_points .action_points div.finish_course {
	min-width: 160px;
	margin: 0;
	padding: 0 1rem;
}

.course_status .course_timeline .course_action_points .action_points div.finish_course .button {
	width: 100%;
}

.course_status .course_timeline .course_action_points .action_points .vicon.vicon-arrow-left {
	position: relative;
	z-index: auto;
}

.course_status .course_timeline>ul {
	margin-top: -3.6rem;
	list-style: none;
	margin: 0;
}

.course_status .course_timeline>ul li {
	transition: all .5s;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 !important;
	padding: 1rem;
	border-bottom: 1px solid var(--border);
}

.course_status .course_timeline>ul li.collapsed_lesson {
	transform: scaleY(0);
	display: none;
}

.course_status .course_timeline>ul li.open_lesson {
	transform: scaleY(1);
	display: flex;
}

.course_status .course_timeline>ul li p {
	flex: 1;
	align-items: center;
	display: flex;
	cursor: pointer;
}

.course_status .course_timeline>ul li p>span {
	align-items: center;
	display: flex;
	margin-right: .5rem;
}

.course_status .course_timeline>ul li p>span svg {
	fill: var(--bold);
	width: 16px !important;
	height: 16px;
}

.course_status .course_timeline>ul li p>span.lesson_title {
	flex: 1;
}

.course_status .course_timeline>ul li p>span .lesson_duration, .course_status .course_timeline>ul li p>span .lesson_count, .course_status .course_timeline>ul li p>span.lesson_duration, .course_status .course_timeline>ul li p>span.lesson_count {
	font-size: 75%;
	opacity: .5;
	margin-right: .5rem;
}

.course_status .course_timeline>ul li.active {
	border-left: 5px solid var(--primary);
	color: var(--primary);
	font-weight: 600;
	margin: 0;
}

.course_status .course_timeline>ul li.active svg {
	fill: var(--primary);
}

.course_status .course_timeline>ul li .unit_progress_wrapper {
	position: relative;
	height: 100%;
}

.course_status .course_timeline>ul li.section {
	background: var(--sidebar);
	color: var(--bold);
	margin: 0;
}

.course_status .course_timeline>ul li.section p {
	font-weight: 600;
	font-size: 120%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.course_status .course_timeline>ul li:not(.section).done>div.unit_progress_wrapper:before {
	content: "";
	font-family: "vicon";
	color: #34c534;
	font-weight: 900;
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	z-index: 9;
	align-items: center;
	justify-content: center;
}

.course_status .course_timeline>ul li:not(.section).done>div.unit_progress_wrapper .react-progress-circle {
	line-height: 0;
}

.course_status .right_block {
	display: flex;
	align-items: center;
	text-transform: uppercase;
	font-size: 11px;
}

.course_status .right_block .review_block {
	margin: 0 5px;
}

.course_status .unit_prevnext {
	display: flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	justify-content: flex-end;
	margin: 0 !important;
	margin: 0 -5px;
	color: var(--bold) !important;
	background: none;
	border-radius: 5px;
	overflow: hidden;
	flex: 1;
	line-height: 1;
}

.course_status .unit_prevnext .navigate_unit {
	margin: 0 5px;
	display: flex;
	align-items: center;
}

.course_status .unit_prevnext .navigate_unit span:not(.vicon) {
	cursor: pointer;
	font-size: 11px;
	line-height: 1;
	text-transform: uppercase;
	padding: 2px;
}

.course_status .uploader {
	height: 100%;
	border: 2px dashed var(--border);
	align-items: center;
	display: flex;
}

.course_status .uploader .upload_file {
	padding: .3rem;
	font-size: .9rem;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.course_status .uploader .upload_file input {
	display: none;
}

.course_status .lesson_info {
	font-weight: 600;
	opacity: .5;
	display: flex;
	align-items: center;
	margin-bottom: 3px;
}

.course_status .lesson_info>span+span {
	margin-left: 1rem;
}

.course_status .ReactProgressCircle_circleBackground {
	fill: rgba(0, 0, 0, 0);
	stroke: var(--border);
	transition: stroke-dashoffset .8s;
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
}

.course_status .ReactProgressCircle_circle {
	fill: rgba(0, 0, 0, 0);
	stroke: var(--success);
}

.course_status .start_timer, .course_status .end_timer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	border: 1px solid var(--border);
	padding: .5rem;
	margin: .5rem;
}

.course_status .start_timer>div, .course_status .end_timer>div {
	margin: .5rem;
}

.course_status .start_timer .circle_timer .react-progress-circle, .course_status .end_timer .circle_timer .react-progress-circle {
	display: none !important;
}

.course_status .start_timer .circle_timer .react-progress-circle+span .timer_amount, .course_status .end_timer .circle_timer .react-progress-circle+span .timer_amount {
	font-size: 1rem !important;
}

.course_status .start_timer .circle_timer .timer_amount, .course_status .end_timer .circle_timer .timer_amount {
	font-size: 1rem !important;
}

.course_status .incourse {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	flex-direction: row-reverse;
	margin: -.5rem;
}

.course_status .incourse>* {
	margin: .5rem;
}

.course_status .incourse .quiz_pagination_wrapper {
	margin: 1.5rem 0;
}

.course_status .incourse .quiz_pagination_wrapper .buttons {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.course_status .incourse .quiz_pagination_wrapper .question .button {
	width: auto !important;
	display: inline-block !important;
	height: auto !important;
}

.course_status .incourse .quiz_pagination_wrapper>.button {
	background: var(--highlight) !important;
	color: var(--bold) !important;
	border: 1px solid var(--border) !important;
	min-width: auto !important;
	margin: 0;
	text-align: center;
	border-radius: 0;
	padding: 12px 0;
	width: 48px !important;
}

.course_status .incourse .quiz_pagination_wrapper>.button.right {
	float: none;
}

.course_status .incourse .quiz_pagination_wrapper>.button.active {
	background: var(--primary) !important;
	color: var(--primarycolor) !important;
}

.course_status .incourse .quiz_pagination_wrapper>.button.ques_link {
	min-with: auto !important;
}

.course_status .incourse .quiz_stats_chart {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.course_status .incourse .quiz_stats_chart .quiz_stats_chart_pie {
	width: 340px;
}

.course_status .incourse .quiz_stats_chart .question_stats_content_wrapper {
	width: calc(100% - 340px);
	margin-bottom: 1rem;
}

.course_status .incourse .quiz_stats_chart span.question_stats_content_heading {
	margin-bottom: 1rem;
	display: inline-block;
}

.course_status .incourse .quiz_stats_chart span.question_stats_content_heading:not(:nth-child(1)) {
	margin-top: 1.5rem;
}

.course_status .incourse .quiz_stats_chart .question_stats_content {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
}

.course_status .incourse .quiz_stats_chart .question_stats_content>* {
	margin: 5px;
}

.course_status .incourse .question_wrapper {
	min-height: 100px;
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	text-align: center;
	transition: all 200ms ease-in;
}

.course_status .incourse .question_wrapper.loaded .result {
	transform: translateX(40%);
}

.course_status .incourse .question_wrapper.loaded .result .correct>span, .course_status .incourse .question_wrapper.loaded .result .incorrect>span {
	transform: scale(1);
}

.course_status .incourse .question_wrapper .fillblank_area {
	clear: none;
	display: inline-block;
}

.course_status .incourse .question_wrapper .result {
	transition: all 200ms ease-in;
}

.course_status .incourse .question_wrapper .incorrect, .course_status .incourse .question_wrapper .correct {
	display: inline-block;
	margin-top: 15px;
	padding: 10px;
}

.course_status .incourse .question_wrapper .incorrect strong {
	color: #ef614d;
	font-size: 48px;
	line-height: 64px;
	margin: 0 10px;
	font-weight: 600;
}

.course_status .incourse .question_wrapper .incorrect>span {
	background: #ef614d;
}

.course_status .incourse .question_wrapper .incorrect>span:before {
	content: "";
	font-family: vicon;
	color: #fff;
	font-weight: 900;
	position: absolute;
	font-size: 3rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.course_status .incourse .question_wrapper .correct strong {
	font-size: 48px;
	line-height: 64px;
	margin: 0 10px;
	font-weight: 600;
	color: #75b733;
}

.course_status .incourse .question_wrapper .correct>span:before {
	content: "";
	font-family: vicon;
	color: #fff;
	font-weight: 900;
	position: absolute;
	font-size: 3rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.course_status .incourse .question_wrapper span {
	position: relative;
	width: 64px;
	height: 64px;
	float: left;
	border-radius: 50%;
	background: #75b733;
	display: block;
	padding: 30px;
	transform: scale(15);
	transition: all 200ms ease-in-out;
}

.course_status .incourse .question_wrapper span .correct>span:before {
	font-family: fonticon;
	top: 18px;
	left: 18px;
	content: "";
	color: #fff;
	font-size: 30px;
	line-height: 1;
	position: absolute;
}

.course_status .incourse .checked_answer {
	margin: 2.5rem 0 0;
	padding: 1rem;
	font-size: 1.2rem;
	color: var(--bold);
	border: 1px solid var(--border);
	background-color: var(--sidebar);
	border-radius: 2px;
}

.course_status .incourse .checked_answer.incorrect {
	background: #d8eec2;
}

.course_status .incourse .checked_answer.correct {
	background: #d8eec2;
}

.course_status .incourse .checked_answer span {
	white-space: nowrap;
}

.course_status .incourse .quiztimer {
	display: grid;
	justify-items: center;
	align-items: center;
}

.course_status .incourse .quiztimer .circle_timer {
	display: flex;
	flex-direction: row;
}

.course_status .incourse .quiztimer .circle_timer>span {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.course_status .incourse .quiztimer .circle_timer .react-progress-circle {
	display: flex;
}

.course_status .incourse .quiztimer .timer_amount, .course_status .incourse .quiztimer .timer_unit {
	color: var(--bold);
	line-height: 1em;
	display: grid;
	grid-template-columns: 1fr 5px 1fr;
	justify-items: center;
}

.course_status .incourse .quiztimer .timer_amount span:nth-child(n+4), .course_status .incourse .quiztimer .timer_amount span:nth-child(n+4), .course_status .incourse .quiztimer .timer_unit span:nth-child(n+4), .course_status .incourse .quiztimer .timer_unit span:nth-child(n+4) {
	display: none;
}

.course_status .incourse .quiztimer .timer_amount {
	font-size: 2rem;
}

.course_status .incourse .quiztimer .timer_amount span {
	margin: 0 5px;
}

.course_status .incourse .quiztimer .timer_unit {
	font-size: 11px;
}

.course_status .incourse .fillblank_area {
	clear: none;
	display: inline-block;
}

.course_status .incourse span.select_question_content {
	display: inline-block;
}

.course_status .incourse .question_content select {
	margin: 0 5px;
}

.course_status .incourse .droppable>div {
	border: 1px solid var(--border);
	padding: 1rem;
	cursor: move;
}

.course_status .incourse .droppable:hover>div {
	border-color: var(--primary);
}

.course_status .incourse .droppable.active {
	overflow-y: scroll;
}

.course_status .incourse .question .droppable, .course_status .incourse .match_options {
	touch-action: none;
}

.course_status .incourse .droppable>div+div {
	border-top: none;
}

.course_status .incourse .droppable .dragging {
	border: 1px solid #f5d01a;
	box-shadow: 0 0 6px #efc600;
}

.course_status .incourse .quiz_questions_content .question_actions {
	margin-top: 1rem;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	font-size: 1.5rem;
}

.course_status .incourse .quiz_questions_content .question_actions span.button {
	cursor: pointer;
	padding: .2rem;
	font-size: 1.2rem;
	margin: 0;
}

.course_status .incourse .quiz_questions_content .question_actions>div {
	display: flex;
	flex-direction: row;
}

.course_status .incourse .quiz_questions_content .question_actions>div span {
	margin: 0 .2rem;
	z-index: 11;
}

.course_status .incourse .quiz_questions_content .question_actions>div span:not(.marks) {
	cursor: pointer;
}

.course_status .incourse .quiz_questions_content .question .marks i.icon-check-5:before {
	content: "";
	font-family: vicon;
	font-weight: 400 !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	margin: 5px;
}

.course_status .incourse .question .question_option p {
	display: inline-block;
}

.course_status .incourse .question_option {
	display: block;
	margin-bottom: 1rem;
}

.course_status .incourse .question_option label {
	margin-bottom: 0;
}

.course_status .incourse .question_option.radio+.radio {
	margin-left: 0;
}

.course_status .incourse .match_playground {
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: center;
	align-items: stretch;
	grid-gap: 1rem;
	margin: 1rem 0;
}

.course_status .incourse .match_playground .droppable {
	border: 1px solid rgba(0, 0, 0, .2);
}

.course_status .incourse .match_playground .match_options .match_option {
	border: 1px solid rgba(0, 0, 0, .08);
	padding: 2rem;
}

.course_status .incourse .match_playground .droppable {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 10px;
	padding: 30px;
	justify-content: center;
	align-items: center;
}

.course_status .incourse .match_playground .droppable>div {
	border-top: 1px solid var(--border);
}

.course_status .incourse .match_playground .match_option {
	background: var(--border);
}

.course_status .incourse .match_playground .match_option .children>div {
	border: 1px solid var(--border);
	padding: 1rem;
	background: var(--highlight);
}

.course_status .incourse .quiz_questions_content {
	flex: 3 0 70%;
	max-width: 100%;
}

.course_status .incourse .quiz_questions_content .question_content {
	padding: 1rem 0;
	border-top: none;
}

.course_status .incourse .quiz_questions_content .question_content span.selectimitate {
	cursor: pointer;
	margin: 0 .5rem;
	display: inline-block;
}

.course_status .incourse .quiz_questions_content .question_content span.selectimitate.no_value {
	min-width: 100px;
	height: 1.2rem;
	border-bottom: 2px solid var(--border);
}

.course_status .incourse .quiz_questions_content .question {
	position: relative;
}

.course_status .incourse .quiz_questions_content .question .question_hint {
	cursor: pointer;
	margin-right: 5px;
}

.course_status .incourse .quiz_questions_content .question .question_hint:before {
	content: "";
	font-family: vicon;
	font-size: 22px;
}

.course_status .incourse .quiz_questions_content .question .question_hint.show:before {
	content: "";
}

.course_status .incourse .quiz_questions_content .question .question_hint span.question_hint_content {
	transform: scale(0);
	padding: 1rem;
	background: var(--sidebar);
	border-radius: 5px;
	margin: 1rem 0;
	opacity: 0;
	transition: .2s all;
}

.course_status .incourse .quiz_questions_content .question .question_hint span.question_hint_content.show {
	transform: scale(1);
	opacity: 1;
}

.course_status .incourse .quiz_questions_content .question .explanation {
	padding: 1rem;
	font-size: 1.2rem;
	border: 1px solid var(--border);
	background: var(--highlight);
	z-index: 99;
	position: relative;
}

.course_status .incourse .quiz_questions_content .question_wrapper.loaded .result {
	transform: translate(0, -24px) scale(.75);
}

.course_status .incourse div.sort_options {
	touch-action: none;
}

.course_status .incourse .single-quiz .question .question_content:first-child {
	border-top: none;
}

.course_status .incourse .quiz_questions li>strong {
	display: block;
	margin: 5px 0;
}

.course_status .incourse .incoursequiz_details {
	display: flex;
	flex: 1 0 25%;
	flex: 1;
	max-width: 100%;
	flex-direction: column;
	justify-content: space-between;
	align-items: baseline;
	align-items: center;
	align-items: center;
	margin-bottom: 1.5rem;
	z-index: 999;
	position: sticky;
	top: 3rem;
	background: var(--highlight);
	border: 1px solid var(--border);
	border-radius: 5px;
	transition: .5s all;
	margin: 1rem 0;
}

.course_status .incourse .incoursequiz_details>div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 -.5rem;
	align-items: center;
	width: 100%;
}

.course_status .incourse .incoursequiz_details>div>* {
	margin: .5rem;
}

.course_status .incourse .incoursequiz_details>div strong {
	flex: 1;
	display: flex;
}

.course_status .incourse .incoursequiz_details>div strong .student_score {
	font-size: 1.8rem;
}

.course_status .incourse .incoursequiz_details>div strong .student_quiz_status {
	opacity: .7;
	font-size: 75%;
	margin: 0 .75rem;
}

.course_status .incourse .incoursequiz_details>div .show_questions {
	display: flex;
	align-items: center;
}

.course_status .incourse .incoursequiz_details>div .show_questions>span:not(.vicon) {
	font-size: 11px;
	opacity: .5;
	text-transform: uppercase;
}

.course_status .incourse .incoursequiz_details .incourse_quiz_button {
	width: 100%;
}

.course_status .incourse .incoursequiz_details .incourse_quiz_button>a {
	flex: 1;
	margin: 0 1rem;
}

.course_status .incourse .incoursequiz_details .quiz_timeline {
	min-width: 160px;
	margin: 0;
	padding: 0;
	max-height: none;
	overflow: hidden;
}

.course_status .incourse .incoursequiz_details .quiz_timeline li.done>span {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}

.course_status .incourse .incoursequiz_details .quiz_timeline li.done>span:not(.correct, .incorrect):before {
	position: relative;
	color: var(--primary);
}

.course_status .incourse .incoursequiz_details .quiz_timeline li.done.active>span:before {
	color: var(--primarycolor);
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper {
	border: none;
	justify-content: center;
	align-items: center;
	display: flex;
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul {
	display: flex;
	flex-wrap: wrap;
	margin: -.25rem;
	font-size: .8rem;
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li {
	margin: .25rem;
	padding: 5px;
	border-radius: 2px;
	border: none;
	border: 1px solid var(--border);
	display: flex;
	width: 32px;
	height: 24px;
	align-items: center;
	cursor: pointer;
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li.bookmarked {
	box-shadow: 0 2px 2px var(--shadow);
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li.done {
	background: var(--border);
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li.done>span:before {
	content: "";
	font-family: vicon;
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li.done.correct {
	color: #fff;
	background: rgba(0, 128, 0, .5);
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li.done.incorrect {
	color: #fff;
	background: rgba(255, 0, 0, .5);
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li.done.incorrect>span:before {
	content: "";
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li.active {
	background: var(--primary);
	color: var(--primarycolor);
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li>span {
	position: relative;
	width: 100%;
	text-align: center;
	margin: 0;
	height: auto;
	background: none;
	border-radius: 0;
	border: none;
	top: auto;
	left: auto;
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul>span {
	display: flex;
	align-items: center;
	margin: 0 .5rem;
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul>span>span:not(.vicon) {
	font-size: 11px;
	opacity: .5;
	text-transform: uppercase;
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper.question_numbers ul>li {
	width: auto !important;
	white-space: nowrap;
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper.question_numbers ul>li:before {
	content: attr(data-number);
}

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper.question_numbers ul>li>span {
	padding: 0 5px;
	background: var(--border);
	margin: -2px -2px -2px 5px;
	border-radius: 2px;
}

.course_status .incourse span.question_hint_content {
	transform: scale(0);
	padding: 1rem;
	background: var(--sidebar);
	border-radius: 5px;
	margin: 1rem 0;
	opacity: 0;
	transition: .2s all;
}

.course_status .incourse span.question_hint_content.show {
	transform: scale(1);
	opacity: 1;
}

.course_status .incourse .question_option .radio>input[type=radio]+label, .course_status .incourse .question_option .checkbox>input[type=radio]+label {
	display: flex;
	align-items: center;
}

.course_status .incourse div#unit.quiz_title h1 {
	width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.course_status .incourse div#unit.quiz_title h5 {
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.course_status .incourse .loading_quiz.disabled {
	display: none;
}

.course_status .incourse .loading_quiz {
	position: fixed !important;
	width: 0%;
	height: 0%;
	left: 50%;
	top: 50%;
	z-index: 9999;
}

.course_status .incourse .question_correct {
	border: 2px solid rgba(0, 128, 0, .5) !important;
	padding: 5px;
	border-radius: 5px;
}

.course_status .incourse .question_incorrect {
	border: 2px solid rgba(255, 0, 0, .5) !important;
	padding: 5px;
	border-radius: 5px;
}

.course_status .incourse .quiz_questions_content {
	flex: 3 0 70%;
	max-width: 100%;
}

.course_status .incourse .quiz_questions_content .question_option.radio label>div, .course_status .incourse .quiz_questions_content .question_option.checkbox label>div {
	display: inline-block;
}

.course_status .incourse .quiz_questions_content .question_option.radio label>div>p, .course_status .incourse .quiz_questions_content .question_option.checkbox label>div>p {
	margin: 0;
}

.course_status .incourse .incourse_quiz_button {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	width: 100%;
}

.course_status .incourse .incourse_quiz_button a {
	text-align: center;
	width: 100%;
	margin: .25rem !important;
}

.course_status .incourse .quiz_retake {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .5rem;
	justify-content: space-between;
	width: 100%;
}

.course_status .incourse .quiz_retake>* {
	flex: 1 0 180px;
}

.course_status .incourse .confirmpopup_wrapper {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background: rgba(0, 0, 0, .5);
	z-index: 99999;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

.course_status .incourse .confirmpopup_wrapper .confirmpopup_content {
	padding: 1rem;
	background: var(--highlight);
	border-radius: 5px;
	min-width: 50%;
}

.course_status .incourse span.question_stats_content_heading {
	margin-bottom: 1rem;
	display: inline-block;
}

.course_status .incourse span.question_stats_content_heading:not(:nth-child(1)) {
	margin-top: 1.5rem;
}

.course_status .incourse .question_stats_content .checked_answer span {
	text-transform: capitalize;
}

.course_status .incourse .question_stats_content {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
	align-items: start;
}

.course_status .incourse .question_stats_content>* {
	margin: 5px;
}

.course_status .incourse .question_stats_content span {
	margin: 5px;
}

.course_status .incourse .question_stats_content .checked_answer {
	text-align: center;
}

.course_status .incourse .quiz_stats_chart {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.course_status .incourse .quiz_stats_chart .quiz_stats_chart_pie {
	flex: 1 0 240px;
}

.course_status .incourse .quiz_stats_chart .question_stats_content_wrapper {
	flex: 2 0 480px;
}

.course_content_content {
	display: inline-block;
	width: 100%;
	padding: .75rem 1rem 0;
}

.course_content_content ul {
	list-style: disc inside;
}

.course_content_content ol {
	list-style: decimal inside;
}

.course_content_content h2 {
	font-size: 2.5rem;
	font-weight: 800;
	margin: 0 0 1.5rem !important;
}

.course_content_content .video_wrapper {
	z-index: 11;
}

.course_content_content .unit_attachments {
	background: var(--border);
	padding: 1rem;
	margin: 1rem 0;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
}

.course_content_content .unit_attachments h3 {
	font-weight: 600;
	margin-bottom: .5rem;
}

.course_content_content .unit_attachments .attachment {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: .5rem 0;
}

.course_content_content .unit_attachments .attachment>span {
	display: flex;
	align-items: center;
	margin: 0 -5px;
}

.course_content_content .unit_attachments .attachment>span span.attachment_icon>svg {
	width: 32px;
	fill: var(--text);
	color: var(--text);
}

.course_content_content .unit_attachments .attachment>span>* {
	margin: 0 5px;
}

.course_content_content .unit_assignments {
	background: var(--border);
	padding: 1rem;
	margin: 1rem 0;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
}

.course_content_content .unit_assignments h3 {
	font-weight: 600;
	margin-bottom: .5rem;
}

.course_content_content .unit_assignments .assignment .assignment_heading {
	display: flex;
	justify-content: space-between;
	padding: 5px 0;
}

.course_content_content .pratice_questions {
	margin: 1rem 0;
}

.course_content_content .pratice_questions .incourse {
	margin: 1rem 0;
	background: var(--sidebar);
	padding: 1rem 1.5rem;
	border-radius: 8px;
}

.course_content_content .pratice_questions .incourse .quiz_questions_content {
	margin: 0;
}

.finish-course-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	padding-top: 60px;
}

.finish-course-content h1 {
	font-size: 3rem;
}

.finish-course-content h2 {
	font-size: 2.5rem;
}

.finish-course-content h3 {
	font-size: 1.8rem;
}

.finish-course-content .post_completion_message {
	flex: 1;
	max-height: calc(100vh - 550px);
	overflow-y: auto;
	min-height: 100px;
}

.finish-course-content .vibe_editor_rich_text {
	text-align: start;
}

.finish-course-content .completion_message {
	font-size: 1.2rem;
	margin: 1rem 0;
}

.finish-course-content .awards {
	display: flex;
	align-items: baseline;
	justify-content: center;
	margin: 1.5rem 0;
}

.finish-course-content .awards .certificate svg, .finish-course-content .awards .badge img {
	fill: var(--light);
	width: 64px;
	height: 64px;
	border-radius: 5px;
}

.finish-course-content .awards>* {
	margin: 1rem .5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #fafafa;
	padding: 1rem;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
	border-radius: 5px;
	width: 128px;
	transition: all .2s;
	font-size: 1rem;
	font-weight: 600;
}

.finish-course-content .awards>*:hover {
	box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
	transform: translateY(-2px);
}

.finish-course-content .finished_percentage {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	position: absolute;
	top: -90px;
	right: calc(50% - 90px);
}

.finish-course-content .finished_percentage>span {
	width: 180px;
	height: 180px;
	font-weight: 800;
	font-weight: 600;
	display: flex;
	flex-direction: column;
	line-height: 0;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 1.6rem;
	color: var(--primarycolor);
	background: var(--primary);
	box-shadow: 0 -1px 1rem var(--highlight);
}

.finish-course-content .finished_percentage>span:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	border: 10px solid #fff;
	box-shadow: inset 0 1px 10px rgba(0, 0, 0, .4);
	border-radius: 50%;
	z-index: 0;
}

.finish-course-content .finished_percentage>span>span {
	line-height: 1;
	font-size: 11px;
	font-size: 11px;
	display: flex;
	flex-wrap: wrap;
	letter-spacing: 1px;
	letter-spacing: 2px;
	position: relative;
	font-weight: 800;
}

.finish-course-content .finished_percentage>span>span+span {
	width: 80%;
}

.finish-course-content .finished_percentage>span>span strong {
	font-size: 4rem;
	color: var(--primarycolor);
	margin-left: -.5rem;
}

.finish-course-content .finished_percentage>span>span strong+span {
	font-size: 1rem;
	position: absolute;
	margin-top: 1rem;
	right: -1rem;
	top: 0;
}

.quiz_bar {
	background: var(--highlight);
	padding: .5rem;
	margin: 1rem 0;
	align-items: center;
	display: inline-block;
	width: 100%;
}

.quiz_pagination_wrapper .faded {
	opacity: .45;
}

.quiztimer {
	display: flex;
	justify-content: center;
}

.quiztimer .c100.big {
	font-size: 10rem;
}

.quiztimer .c100.big>span {
	font-size: 1.5rem;
	display: flex;
	flex-direction: column;
	line-height: 1.5;
}

.quiztimer .c100.big>span span.timer_amount, .quiztimer .c100.big>span span.timer_unit {
	display: flex;
	align-items: center;
	justify-content: center;
}

.quiztimer .c100.big>span span.timer_amount>span+span, .quiztimer .c100.big>span span.timer_unit>span+span {
	margin-left: 2px;
}

.quiztimer .c100.big>span>span.timer_unit {
	font-size: .7rem;
	opacity: .5;
}

.quiztimer .c100.big:after {
	border: 1px dashed rgba(0, 0, 0, .05);
}

.course_assignment {
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: -.5rem;
}

.course_assignment>* {
	flex: 1 0 240px;
	max-width: 100%;
	margin: .5rem;
}

.course_assignment>*.assignment_content_wrapper {
	flex: 3 0 480px;
}

.course_assignment .assignment_content_wrapper .vibe_rich_editor {
	border: none;
}

.course_assignment .assignment_content_wrapper .allowed_file_extenstions {
	font-size: 11px;
	opacity: .6;
	margin: .5rem -.5rem;
	display: flex;
	align-items: center;
}

.course_assignment .assignment_content_wrapper .allowed_file_extenstions>* {
	margin: 0 .1rem;
}

.course_assignment .assignment_content_wrapper .assignment_attachments {
	background: var(--highlight);
	border: 1px solid var(--border);
	text-align: center;
	margin: .5rem 0;
	padding: .5rem;
}

.course_assignment .assignment_content_wrapper .assigment_evaluated {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1rem;
	margin: 1rem 0;
}

.course_assignment .assignment_content_wrapper .assigment_evaluated .remarks {
	grid-column: 1/-1;
}

.course_assignment .assignment_content_wrapper .assigment_evaluated .remarks h3 {
	margin: .5rem 0;
}

.course_assignment .assignment_details {
	padding: 1rem;
	border: 1px solid var(--border);
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	font-size: 1.5rem;
	font-weight: 600;
	background: var(--highlight);
	box-shadow: 0 1px 5px var(--border);
	border-radius: 5px;
}

.course_assignment .assignment_details .assignment_marks {
	margin-bottom: 1rem;
	display: flex;
	flex-direction: column;
	font-size: 2.5rem;
	align-items: center;
}

.course_assignment .assignment_details .assignment_marks>span+span {
	margin: 0 10px;
	font-size: .8rem;
	opacity: .6;
	font-weight: 400;
}

@media (max-width: 768px) {
	.course_status .course_content .course_content_header {
		height: 3rem;
	}
	
	.course_status .course_content .course_content_content_wrapper {
		margin-bottom: 1.5rem;
	}
	
	.course_status .course_assignment_wrapper .course_assignment {
		flex-direction: row;
	}
	
	.course_status .course_assignment_wrapper .course_assignment .assignment_details {
		margin-left: 0;
		margin-bottom: 1.5rem;
	}
	
	.course_status .reviewpopup_wrapper .reviewpopup_content .popup-footer>a, .course_status .reviewpopup_wrapper .course_instructions .popup-footer>a, .course_status .course_instructions_wrapper .reviewpopup_content .popup-footer>a, .course_status .course_instructions_wrapper .course_instructions .popup-footer>a {
		flex: auto;
		text-overflow: ellipsis;
		width: 100%;
		display: inline-block;
		overflow: hidden;
	}
	
	.course_status .reviewpopup_wrapper .reviewpopup_content .popup-footer, .course_status .reviewpopup_wrapper .course_instructions .popup-footer, .course_status .course_instructions_wrapper .reviewpopup_content .popup-footer, .course_status .course_instructions_wrapper .course_instructions .popup-footer {
		flex-wrap: wrap;
	}
	
	.course_status .course_timeline .course_action_points .search-course {
		padding: 0 .5rem;
	}
}

.course_progress_wrapper {
	display: flex;
	align-items: center;
	min-width: 150px;
	font-size: .75rem;
}

.course_progress_wrapper>span {
	margin: 0 .5rem;
}

.course_progress_wrapper .course_progress {
	position: relative;
	width: 100%;
	height: 5px;
	background: rgba(0, 0, 0, .05);
}

.course_progress_wrapper .course_progress>span {
	background: #1ebf1e;
	height: 100%;
	height: 5px;
	border-radius: 5px;
	position: absolute;
	left: 0;
	top: 0;
}

.wplms-course-star-rating {
	display: flex;
	align-items: center;
	flex-direction: row;
}

.wplms-course-star-rating .vicon {
	padding: 3px 3px 5px 5px;
}

.wplms-course-star-rating .vicon.golden {
	background: gold;
	color: #fff;
	border-radius: 5px;
}

.wplms-course-star-rating .vicon+.vicon {
	margin-left: .5rem;
}

@media (max-width: 768px) {
	.course_status .incourse .incoursequiz_details {
		flex: 1 0 100% !important;
	}
	
	.course_status {
		flex-direction: column;
	}
	
	.course_status_fullscreen.admin-bar #wpadminbar {
		display: none;
	}
	
	.course_status_fullscreen.admin-bar .course_status {
		height: 100vh;
		top: 0;
	}
	
	.incourse .incoursequiz_details.hide_controls {
		background: none;
		border-color: rgba(0, 0, 0, 0);
	}
	
	.incourse .incoursequiz_details.hide_controls .quiz_timeline, .incourse .incoursequiz_details.hide_controls .incourse_quiz_button>*:not(.start_quiz), .incourse .incoursequiz_details.hide_controls .buttons {
		display: none;
	}
	
	.incourse .incoursequiz_details.hide_controls>div.quiz_first_block {
		background: var(--highlight);
		justify-content: space-between;
	}
	
	.incourse .incoursequiz_details.hide_controls>div>strong, .incourse .incoursequiz_details.hide_controls>div .quiztimer_wrapper {
		background: var(--highlight);
		border-radius: 5px;
	}
	
	.incourse .incoursequiz_details.hide_controls>div .buttons {
		opacity: 0;
	}
	
	.incourse .incoursequiz_details.show_controls>div>strong, .incourse .incoursequiz_details.show_controls .quiztimer_wrapper {
		background: none;
		border-color: var(--border);
	}
	
	.incourse .incoursequiz_details.show_controls .buttons {
		opacity: 1;
	}
	
	.incourse .incoursequiz_details.show_controls:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: var(--highlight);
		z-index: -1;
	}
}

a.button.is-primary {
	color: var(--primarycolor);
}

.buttons.has-addons {
	display: flex;
}

.buttons.has-addons.small>.button {
	background: none;
	padding: .5rem;
	height: 1.5rem;
	font-size: .8rem;
	color: var(--primary);
	margin: 0;
	border: 1px solid;
	display: flex;
	align-items: center;
	border-radius: 0 5px 5px 0;
}

.buttons.has-addons.small>.button:first-child {
	border-radius: 5px 0 0 5px;
	border-right: none;
}

.buttons.has-addons.small>.button:hover, .buttons.has-addons.small>.button.is-focused {
	color: var(--primarycolor);
	background: var(--primary);
	border-color: var(--primary);
}

.button.is-focused {
	color: var(--primarycolor);
	background: var(--primary);
}

@media (max-width: 1000px) {
	.course_status .reviewpopup_wrapper .reviewpopup_content, .course_status .reviewpopup_wrapper .course_instructions, .course_status .course_instructions_wrapper .reviewpopup_content, .course_status .course_instructions_wrapper .course_instructions {
		width: 80%;
	}
}

@media (max-width: 500px) {
	.incourse .quiz_stats_chart .quiz_stats_chart_pie {
		width: 100% !important;
	}
	
	.incourse .quiz_stats_chart .question_stats_content_wrapper {
		width: 100% !important;
	}
	
	.incourse .quiz_questions_content .question_wrapper.loaded .result {
		transform: scale(.5) translateY(-10px);
		transform-origin: top;
	}
	
	span.review_block>span:not(.vicon) {
		display: none;
	}
}

@media (max-width: 480px) {
	.incourse .quiz_stats_chart .question_stats_content_wrapper {
		flex: 2 0 100%;
	}
	
	.incourse .quiz_questions_content {
		margin: 0 -.5rem;
	}
	
	.course_status .incourse .quiz_stats_chart .question_stats_content_wrapper {
		flex: 2 0 100%;
	}
	
	.course_status .incourse .question_stats_content .checked_answer {
		color: #1f2b39;
	}
	
	.quiz_pagination_wrapper.buttons.has-addons .button {
		display: none;
	}
	
	.quiz_pagination_wrapper.buttons.has-addons .button.ques_link {
		display: block;
		flex: 1;
	}
}

.quiz_timeline {
	max-height: none;
}

.single-quiz .content .question label {
	font-size: 1rem;
	margin: 0;
	display: flex;
	align-items: center;
}

.vbp_pdf_object object {
	display: inline-flex;
	height: 100vh;
	width: 100%;
}

.vbp_pdf_object object embed {
	width: 100%;
}

.wp-playlist.wp-video-playlist, .wp-playlist.wp-audio-playlist {
	color: var(--text);
	background: var(--highlight);
	border-color: var(--border);
}

.wplms_playlist {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: start;
}

.wplms_playlist .track {
	margin: .5rem .2rem;
	padding: .25rem;
	border: 1px solid var(--border);
	cursor: pointer;
	width: 100%;
}

.wplms_playlist .track.active {
	border-color: var(--primary);
}

.course_status .course_content .course_content_content .vibe_editor_rich_text .wplms-playlist {
	position: relative;
	bottom: 400px;
}

.course_status .course_content .course_content_content .wp-playlist {
	max-height: 300px;
	box-shadow: 5px 5px 15px var(--shadow);
	overflow-y: auto;
}

.course_status .course_content .course_content_content .wp-playlist-next-button:before {
	content: "";
	font-family: "vicon";
}

.course_status .course_content .course_content_content .wp-playlist-prev-button:before {
	content: "";
	font-family: "vicon";
}

.course_status .course_content .course_content_content .wp-playlist-prev-button, .course_status .course_content .course_content_content .wp-playlist-next-button {
	color: var(--text) !important;
	padding: .5rem 1rem;
	font-size: 1.5rem;
	font-weight: 800;
	background: var(--primary);
	border-radius: 5px !important;
	cursor: pointer;
}

.course_status .vibebp_content_show_fireworks {
	display: flex;
	align-items: center;
	justify-content: center;
}

.incourse.leaderboard_contest .incoursequiz_details {
	display: flex;
	flex: 1 0 240px;
	flex-wrap: nowrap;
}

.incourse.leaderboard_contest .live_contest_quiz_leaderboard {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--border);
	padding: .5rem;
	max-height: 350px;
	overflow-y: auto;
	width: 100%;
}

.incourse.leaderboard_contest .live_contest_quiz_leaderboard>div.contest_user {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: .25rem;
}

.incourse.leaderboard_contest .live_contest_quiz_leaderboard>div.contest_user>span:nth-child(1) {
	display: flex;
	flex-direction: column;
}

.incourse.leaderboard_contest .live_contest_quiz_leaderboard>div.contest_user>span:nth-child(1) img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	margin-right: 1rem;
}

.incourse.leaderboard_contest .live_contest_quiz_leaderboard .live-leaderboard-list .contest_user {
	display: grid;
	grid-template-columns: 20px 1fr 1fr 1fr;
	align-items: start;
	gap: .2rem;
	margin: 1rem 0;
	justify-items: center;
}

.incourse.leaderboard_contest .live_contest_quiz_leaderboard .live-leaderboard-list .contest_user span.member_info {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.incourse.leaderboard_contest .live_contest_quiz_leaderboard .live-leaderboard-list .contest_user span.member_info .up {
	color: var(--success);
}

.incourse.leaderboard_contest .live_contest_quiz_leaderboard .live-leaderboard-list .contest_user span.member_info .down {
	color: var(--danger);
}

.incourse.leaderboard_contest .live_contest_quiz_leaderboard .live-leaderboard-list .contest_user span.member_info span.vibebp_member {
	display: flex;
	justify-self: start;
	flex-direction: column;
}

.incourse.leaderboard_contest .live_contest_quiz_leaderboard .live-leaderboard-list .contest_user span.member_info span.vibebp_member img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
}

.prevnextbuttonsdiv {
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	position: sticky;
}

.question_timer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	width: 100%;
}

.question_timer .question-duration-progress {
	height: 7px;
	background: var(--shadow);
	position: relative;
	width: 100%;
	border-radius: 5px;
}

.question_timer .question-duration-progress span {
	height: 100%;
	border-radius: 5px;
	-webkit-mask: linear-gradient(#fff 0 0);
	mask: linear-gradient(#fff 0 0);
	display: block;
	transition: .2s all;
}

.question_timer .question-duration-progress span:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(to right, #ff2525, #daea76, #0ded0d);
}

@media (max-width: 500px) {
	.course_status .course_timeline.comments_shown {
		height: 100%;
	}
	
	body:not(.course_status_fullscreen) .course_status .course_timeline .unit_comments_enclosure .unit_comments_wrapper {
		height: 100%;
	}
	
	.course_status .unit_prevnext .navigate_unit span:not(.vicon) {
		display: none;
	}
	
	.course_status .unit_prevnext .navigate_unit span.vicon {
		border: 1px solid var(--shadow);
		padding: .5rem;
	}
}

@media (min-width: 768px) {
	.incourse .incoursequiz_details>div .quiz_detail_toggle {
		display: none;
	}
	
	.incourse .quiztimer .circle_timer .react-progress-circle {
		display: initial;
	}
}

.rtl .mycourses_header>div a+a {
	margin-right: 1rem;
}

.rtl .course_overview_wrapper .course_overview .course_header .course_featured {
	margin-right: auto;
	margin-left: 1.5rem;
}

.rtl .course_blocks .course_block .course_featured_image_over {
	left: auto;
	right: 0;
}

.rtl .course_blocks .course_block .course_featured_image_over .course_label {
	border-radius: 5px 0px 0px 5px;
}

.rtl .course_submissions_wrapper .student_list a.link {
	display: block;
	float: left;
	width: fit-content;
}

.rtl .course_submissions_wrapper span.vicon.vicon-arrow-left {
	float: left;
	display: inline-block;
}

.rtl .vibebp_content_preview_wrapper .vibebp_content_preview {
	margin-right: 2rem;
}

.rtl .field_quiz_questions .total_marks {
	right: auto;
	left: 0;
}

.rtl .wplms_create_course_wrapper .wplms_edit_course_content .course_curriculum_builder_wrapper .vibe_vibe_course_curriculum>div>.field_wrapper>.field_value .course_curriculum_wrapper {
	margin-right: auto;
	margin-left: 1.5rem;
}

.rtl .wplms_create_course_wrapper .wplms_course_creation_tabs li:first-child.active a:after {
	width: calc(50% + 1rem);
	left: calc(0% - .5rem);
}

.rtl .wplms_create_course_wrapper .wplms_course_creation_tabs li:last-child.active a:after {
	right: auto;
	width: calc(50% + .5rem);
	left: 50%;
}

.rtl .comments_wrapper .comment_wrapper .comments_comment img {
	margin-right: 0;
	margin-left: 1rem;
}

.rtl .field_quiz_questions .unitquestions .question_block .question_heading strong span>svg {
	margin-right: 0;
	margin-left: .5rem;
}

.rtl .quiz_wrapper .incourse .incoursequiz_details {
	margin-right: auto;
	margin-left: 1rem;
}

.rtl .incourse .quiz_questions_content .question .marks, .rtl .incourse .quiz_questions_content .question .question_hint {
	float: left;
	margin-right: auto;
	margin-left: .5rem;
}

.instructor_controls {
	margin-top: 1.5rem;
	padding-top: 2rem !important;
	font-weight: bold;
	border-top: 1px solid var(--border);
}

.vibebp_myprofile .vibebp_main_header .buttons.has-addons button.button.is-selected {
	background: var(--primary);
	color: var(--primarycolor);
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time, .numInputWrapper {
	height: auto;
}

.flatpickr-calendar {
	background: #fff;
	opacity: 0;
	display: none;
	text-align: center;
	visibility: hidden;
	padding: 0;
	-webkit-animation: none;
	animation: none;
	direction: ltr;
	border: 0;
	font-size: 14px;
	line-height: 24px;
	border-radius: 5px;
	position: absolute;
	width: 307.875px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08);
	box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08);
}

.flatpickr-wrapper, .numInputWrapper input, .numInputWrapper span {
	display: inline-block;
}

.flatpickr-calendar.inline, .flatpickr-calendar.open {
	opacity: 1;
	max-height: 640px;
	visibility: visible;
}

.flatpickr-calendar.open {
	display: inline-block;
	z-index: 99999;
}

.flatpickr-calendar.animate.open {
	-webkit-animation: .3s cubic-bezier(.23, 1, .32, 1) fpFadeInDown;
	animation: .3s cubic-bezier(.23, 1, .32, 1) fpFadeInDown;
}

.flatpickr-calendar.inline {
	display: block;
	position: relative;
	top: 2px;
}

.flatpickr-calendar.static {
	position: absolute;
	top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
	z-index: 999;
	display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
	-webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
	box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasTime .dayContainer, .flatpickr-calendar .hasWeeks .dayContainer {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
	border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
	height: 40px;
	border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar:after, .flatpickr-calendar:before {
	position: absolute;
	display: block;
	pointer-events: none;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	left: 22px;
}

.flatpickr-months .flatpickr-next-month i, .flatpickr-months .flatpickr-prev-month i, .flatpickr-wrapper, .numInputWrapper {
	position: relative;
}

.flatpickr-months .flatpickr-month, .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	height: 34px;
	color: rgba(0, 0, 0, .9);
	fill: rgba(0, 0, 0, .9);
}

.flatpickr-calendar.arrowRight:after, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.rightMost:before {
	left: auto;
	right: 22px;
}

.flatpickr-calendar.arrowCenter:after, .flatpickr-calendar.arrowCenter:before {
	left: 50%;
	right: 50%;
}

.flatpickr-calendar:before {
	border-width: 5px;
	margin: 0 -5px;
}

.flatpickr-calendar:after {
	border-width: 4px;
	margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowTop:before {
	bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
	border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
	border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:after, .flatpickr-calendar.arrowBottom:before {
	top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
	border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
	border-top-color: #fff;
}

.flatpickr-calendar:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active, .flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month input.cur-year:focus, .flatpickr-days:focus {
	outline: 0;
}

.flatpickr-months, .flatpickr-weekdays {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
}

.flatpickr-months {
	display: flex;
}

.flatpickr-months .flatpickr-month {
	background: 0 0;
	line-height: 1;
	text-align: center;
	position: relative;
	user-select: none;
	overflow: hidden;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month {
	user-select: none;
	text-decoration: none;
	cursor: pointer;
	position: absolute;
	top: 0;
	padding: 10px;
	z-index: 3;
}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled, .flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
	display: none;
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month, .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
	left: 0;
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month, .flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
	right: 0;
}

.flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover {
	color: #959ea9;
}

.flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg {
	fill: #f64747;
}

.flatpickr-months .flatpickr-next-month svg, .flatpickr-months .flatpickr-prev-month svg {
	width: 14px;
	height: 14px;
}

.flatpickr-months .flatpickr-next-month svg path, .flatpickr-months .flatpickr-prev-month svg path {
	-webkit-transition: fill .1s;
	transition: fill .1s;
	fill: inherit;
}

.numInputWrapper input {
	width: 100%;
}

.numInputWrapper input::-ms-clear {
	display: none;
}

.numInputWrapper input::-webkit-inner-spin-button, .numInputWrapper input::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

.numInputWrapper span {
	position: absolute;
	right: 0;
	width: 14px;
	padding: 0 4px 0 2px;
	height: 50%;
	line-height: 50%;
	opacity: 0;
	cursor: pointer;
	border: 1px solid rgba(57, 57, 57, .15);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.numInputWrapper span:hover {
	background: rgba(0, 0, 0, .1);
}

.numInputWrapper span:active {
	background: rgba(0, 0, 0, .2);
}

.numInputWrapper span:after {
	display: block;
	content: "";
	position: absolute;
}

.numInputWrapper span.arrowUp {
	top: 0;
	border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid rgba(57, 57, 57, .6);
	top: 26%;
}

.numInputWrapper span.arrowDown {
	top: 50%;
}

.numInputWrapper span.arrowDown:after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid rgba(57, 57, 57, .6);
	top: 40%;
}

.numInputWrapper span svg {
	width: inherit;
	height: auto;
}

.numInputWrapper span svg path {
	fill: rgba(0, 0, 0, .5);
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover, .flatpickr-current-month span.cur-month:hover, .numInputWrapper:hover {
	background: rgba(0, 0, 0, .05);
}

.numInputWrapper:hover span {
	opacity: 1;
}

.flatpickr-current-month {
	font-size: 135%;
	font-weight: 300;
	color: inherit;
	position: absolute;
	width: 75%;
	left: 12.5%;
	padding: 7.48px 0 0;
	line-height: 1;
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.flatpickr-current-month span.cur-month {
	font-family: inherit;
	font-weight: 700;
	color: inherit;
	display: inline-block;
	margin-left: .5ch;
	padding: 0;
}

.flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year {
	color: inherit;
	font-size: inherit;
	font-family: inherit;
	font-weight: 300;
	height: auto;
	line-height: inherit;
	padding: 0 0 0 .5ch;
	vertical-align: initial;
	background: 0 0;
}

.flatpickr-current-month .numInputWrapper {
	width: 6ch;
	display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
	border-bottom-color: rgba(0, 0, 0, .9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
	border-top-color: rgba(0, 0, 0, .9);
}

.flatpickr-current-month input.cur-year {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: text;
	margin: 0;
	display: inline-block;
	border: 0;
	border-radius: 0;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
	font-size: 100%;
	color: rgba(0, 0, 0, .5);
	background: 0 0;
	pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
	appearance: menulist;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	cursor: pointer;
	margin: -1px 0 0;
	outline: 0;
	position: relative;
	-webkit-box-sizing: border-box;
	-webkit-appearance: menulist;
	-moz-appearance: menulist;
	width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
	background-color: transparent;
	outline: 0;
	padding: 0;
}

.flatpickr-weekdays {
	background: 0 0;
	text-align: center;
	overflow: hidden;
	width: 100%;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

span.flatpickr-weekday {
	cursor: default;
	font-size: 90%;
	background: 0 0;
	color: rgba(0, 0, 0, .54);
	line-height: 1;
	margin: 0;
	text-align: center;
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-weight: bolder;
}

.dayContainer, .flatpickr-weeks {
	padding: 1px 0 0;
}

.flatpickr-days {
	position: relative;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 307.875px;
}

.dayContainer {
	padding: 0;
	outline: 0;
	text-align: left;
	width: 307.875px;
	min-width: 307.875px;
	max-width: 307.875px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.dayContainer+.dayContainer {
	-webkit-box-shadow: -1px 0 0 #e6e6e6;
	box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
	background: 0 0;
	border: 1px solid transparent;
	border-radius: 150px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #393939;
	cursor: pointer;
	font-weight: 400;
	width: 14.2857143%;
	-webkit-flex-basis: 14.2857143%;
	-ms-flex-preferred-size: 14.2857143%;
	flex-basis: 14.2857143%;
	max-width: 39px;
	height: 39px;
	line-height: 39px;
	margin: 0;
	display: inline-block;
	position: relative;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
}

.flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover {
	cursor: pointer;
	outline: 0;
	background: #e6e6e6;
	border-color: #e6e6e6;
}

.flatpickr-day.today {
	border-color: #959ea9;
}

.flatpickr-day.today:focus, .flatpickr-day.today:hover {
	border-color: #959ea9;
	background: #959ea9;
	color: #fff;
}

.flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover {
	background: #569ff7;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	border-color: #569ff7;
}

.flatpickr-day.endRange.startRange, .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange {
	border-radius: 50px 0 0 50px;
}

.flatpickr-day.endRange.endRange, .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange {
	border-radius: 0 50px 50px 0;
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)), .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
	-webkit-box-shadow: -10px 0 0 #569ff7;
	box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.endRange.startRange.endRange, .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange {
	border-radius: 50px;
}

.flatpickr-day.inRange {
	border-radius: 0;
	-webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
	box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay {
	color: rgba(57, 57, 57, .3);
	background: 0 0;
	border-color: transparent;
	cursor: default;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
	cursor: not-allowed;
	color: rgba(57, 57, 57, .1);
}

.flatpickr-day.week.selected {
	border-radius: 0;
	-webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
	box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
	visibility: hidden;
}

.rangeMode .flatpickr-day {
	margin-top: 1px;
}

.flatpickr-weekwrapper {
	float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
	padding: 0 12px;
	-webkit-box-shadow: 1px 0 0 #e6e6e6;
	box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
	float: none;
	width: 100%;
	line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
	display: block;
	width: 100%;
	max-width: none;
	color: rgba(57, 57, 57, .3);
	background: 0 0;
	cursor: default;
	border: none;
}

.flatpickr-innerContainer {
	display: block;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.flatpickr-rContainer {
	display: inline-block;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.flatpickr-time {
	text-align: center;
	outline: 0;
	display: block;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 0;
	line-height: 40px;
	max-height: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.flatpickr-time:after {
	content: "";
	display: table;
	clear: both;
}

.flatpickr-time .numInputWrapper {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 40%;
	height: 40px;
	float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
	border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
	border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
	width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
	width: 49%;
}

.flatpickr-time input {
	background: 0 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	border-radius: 0;
	text-align: center;
	margin: 0;
	padding: 0;
	height: inherit;
	line-height: inherit;
	color: #393939;
	font-size: 14px;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
	font-weight: 700;
}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
	font-weight: 400;
}

.flatpickr-time input:focus {
	outline: 0;
	border: 0;
}

.flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator {
	height: inherit;
	float: left;
	line-height: inherit;
	color: #393939;
	font-weight: 700;
	width: 2%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
	outline: 0;
	width: 18%;
	cursor: pointer;
	text-align: center;
	font-weight: 400;
}

.flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time input:hover {
	background: #eee;
}

.flatpickr-input[readonly] {
	cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fpFadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fluentform * {
	box-sizing: border-box;
}

.fluentform .clearfix:after, .fluentform .clearfix:before, .fluentform .ff-el-group:after, .fluentform .ff-el-group:before, .fluentform .ff-el-repeat .ff-el-input--content:after, .fluentform .ff-el-repeat .ff-el-input--content:before, .fluentform .ff-step-body:after, .fluentform .ff-step-body:before {
	content: " ";
	display: table;
}

.fluentform .clearfix:after, .fluentform .ff-el-group:after, .fluentform .ff-el-repeat .ff-el-input--content:after, .fluentform .ff-step-body:after {
	clear: both;
}

@media (min-width:768px) {
	.frm-fluent-form .ff-t-container {
		display: flex;
		gap: 15px;
		width: 100%;
	}
	
	.frm-fluent-form .ff-t-container.ff_cond_v {
		display: flex !important;
	}
	
	.frm-fluent-form .ff-t-container.mobile {
		display: block !important;
	}
	
	.frm-fluent-form .ff-t-cell {
		display: flex;
		flex-direction: column;
		vertical-align: inherit;
		width: 100%;
	}
	
	.frm-fluent-form .ff-t-cell:first-of-type {
		padding-left: 0;
	}
	
	.frm-fluent-form .ff-t-cell:last-of-type {
		flex-grow: 1;
		padding-right: 0;
	}
	
	.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom {
		align-items: flex-end;
		display: flex;
		margin: auto 0 0;
	}
	
	.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom.ff-text-center {
		justify-content: center;
	}
	
	.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom.ff-text-right {
		justify-content: flex-end;
	}
	
	.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom button {
		margin-bottom: 20px;
	}
}

@media (max-width:768px) {
	.ff-t-cell {
		margin-left: 0 !important;
	}
}

.fluentform .ff-el-group {
	margin-bottom: 20px;
}

.fluentform .ff-el-group.ff-el-form-top .ff-el-input--label {
	display: block;
	float: none;
	text-align: left;
}

.fluentform .ff-el-group.ff-el-form-top .ff-el-input--content {
	margin-bottom: 0;
	margin-left: auto;
}

@media (min-width:481px) {
	.fluentform .ff-el-group.ff-el-form-left .ff-el-input--label {
		text-align: left;
	}
	
	.fluentform .ff-el-group.ff-el-form-right .ff-el-input--label {
		text-align: right;
	}
}

.fluentform .ff-el-input--label {
	display: inline-block;
	margin-bottom: 5px;
	position: relative;
}

.fluentform .ff-el-input--label.ff-el-is-required.asterisk-left label:before {
	color: var(--fluentform-danger);
	content: "* ";
	margin-right: 3px;
}

.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
	color: var(--fluentform-danger);
	content: " *";
	margin-left: 3px;
}

.fluentform .ff-el-form-control {
	display: block;
	width: 100%;
}

.fluentform .ff-el-ratings {
	--fill-inactive: #d4d4d4;
	--fill-active: #ffb100;
	display: inline-block;
	line-height: 40px;
}

.fluentform .ff-el-ratings input[type=radio] {
	display: none;
	height: 0 !important;
	visibility: hidden !important;
	width: 0 !important;
}

.fluentform .ff-el-ratings svg {
	fill: var(--fill-inactive);
	height: 22px;
	transition: all .3s;
	vertical-align: middle;
	width: 22px;
}

.fluentform .ff-el-ratings svg.scale {
	transition: all .15s;
}

.fluentform .ff-el-ratings label {
	display: inherit;
	margin-right: 3px;
}

.fluentform .ff-el-ratings label.active svg {
	fill: #ffb100;
	fill: var(--fill-active);
}

.fluentform .ff-el-ratings label:hover {
	cursor: pointer;
}

.fluentform .ff-el-ratings label:hover svg {
	transform: scale(1.1);
}

.fluentform .ff-el-ratings label:hover svg.scalling {
	transform: scale(1.2);
}

.fluentform .ff-el-repeat .ff-el-form-control {
	margin-bottom: 10px;
	width: 100%;
}

.fluentform .ff-el-repeat .ff-t-cell {
	padding: 0 10px;
	width: 100%;
}

.fluentform .ff-el-repeat .ff-t-cell:first-child {
	padding-left: 0;
}

.fluentform .ff-el-repeat .ff-t-cell:last-child {
	padding-right: 0;
}

.fluentform .ff-el-repeat .ff-t-container {
	display: flex;
}

.fluentform .ff-el-repeat-buttons-list span {
	cursor: pointer;
}

@media (min-width:481px) {
	.fluentform .ff-el-form-left .ff-el-input--label, .fluentform .ff-el-form-right .ff-el-input--label {
		float: left;
		margin-bottom: 0;
		padding: 10px 15px 0 0;
		width: 180px;
	}
	
	.fluentform .ff-el-form-left .ff-el-input--content, .fluentform .ff-el-form-right .ff-el-input--content {
		margin-left: 180px;
	}
	
	.fluentform .ff-el-form-left .ff-t-container .ff-el-input--label, .fluentform .ff-el-form-right .ff-t-container .ff-el-input--label {
		float: none;
		margin-bottom: 5px;
		width: auto;
	}
	
	.fluentform .ff-el-form-left .ff-t-container .ff-el-input--content, .fluentform .ff-el-form-right .ff-t-container .ff-el-input--content {
		margin-left: auto;
	}
}

.fluentform .ff-el-form-right .ff-el-input--label {
	text-align: right;
}

.fluentform .ff-el-is-error .text-danger {
	font-size: 12px;
	margin-top: 4px;
}

.fluentform .ff-el-is-error .ff-el-form-check-label, .fluentform .ff-el-is-error .ff-el-form-check-label a {
	color: var(--fluentform-danger);
}

.fluentform .ff-el-is-error .ff-el-form-control {
	border-color: var(--fluentform-danger);
}

.fluentform .ff-el-tooltip {
	cursor: pointer;
	display: inline-block;
	margin-left: 2px;
	position: relative;
	vertical-align: middle;
	z-index: 2;
}

.fluentform .ff-el-tooltip:hover {
	color: #000;
}

.fluentform .ff-el-tooltip svg {
	fill: var(--fluentform-primary);
}

.fluentform .ff-el-help-message {
	color: var(--fluentform-secondary);
	font-size: 12px;
	font-style: italic;
	margin-top: 5px;
}

.fluentform .ff-el-help-message.ff_ahm {
	margin-bottom: 5px;
	margin-top: -3px;
}

.fluentform .ff-el-progress {
	background-color: #e9ecef;
	border-radius: .25rem;
	font-size: .75rem;
	height: 1.3rem;
	line-height: 1.2rem;
	overflow: hidden;
}

.fluentform .ff-el-progress-bar {
	background-color: var(--fluentform-primary);
	color: #fff;
	height: inherit;
	text-align: right;
	transition: width .3s;
	width: 0;
}

.fluentform .ff-el-progress-bar span {
	display: inline-block;
	padding: 0 5px 0 0;
}

.fluentform .ff-el-progress-status {
	font-size: .9rem;
	margin-bottom: 5px;
}

.fluentform .ff-el-progress-title {
	border-bottom: 2px solid #000;
	display: inline-block;
	font-weight: 600;
	list-style-type: none;
	margin: 8px 0 0;
	padding-left: 15px;
	padding-right: 15px;
}

.fluentform .ff-el-progress-title li {
	display: none;
}

.fluentform .ff-float-right {
	float: right;
}

.fluentform .ff-chat-gpt-loader-svg {
	border: 1px solid #ced4da;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
	margin-top: 10px;
	padding: 15px;
	position: relative;
}

.fluentform .ff-hidden {
	display: none !important;
}

.fluentform .ff-step-t-container {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: space-between;
}

.fluentform .ff-step-t-container .ff-t-cell {
	width: auto;
}

.fluentform .ff-step-t-container.ff-inner_submit_container .ff-el-group {
	margin-bottom: 0;
}

.fluentform .ff-step-container {
	overflow: hidden;
}

.fluentform .ff-step-header {
	margin-bottom: 20px;
}

.fluentform .ff-step-titles {
	counter-reset: step;
	display: table;
	margin: 0 0 20px;
	overflow: hidden;
	padding: 0;
	position: relative;
	table-layout: fixed;
	text-align: center;
	width: 100%;
}

.fluentform .ff-step-titles-navs {
	cursor: pointer;
}

.fluentform .ff-step-titles li {
	color: #333;
	display: table-cell;
	font-size: 12px;
	list-style-type: none;
	padding: 0 10px;
	position: relative;
	vertical-align: top;
	width: auto;
}

.fluentform .ff-step-titles li.ff_active, .fluentform .ff-step-titles li.ff_completed {
	color: #007bff;
}

.fluentform .ff-step-titles li.ff_active:before, .fluentform .ff-step-titles li.ff_completed:before {
	background: #007bff;
	border: 1px solid transparent;
	color: #fff;
}

.fluentform .ff-step-titles li.ff_active:after, .fluentform .ff-step-titles li.ff_completed:after {
	background: #007bff;
}

.fluentform .ff-step-titles li.ff_active:after {
	right: 0;
}

.fluentform .ff-step-titles li:before {
	background: #fff;
	border: 1px solid;
	border-radius: 3px;
	color: #333;
	content: counter(step);
	counter-increment: step;
	display: block;
	font-size: 10px;
	line-height: 20px;
	margin: 0 auto 5px;
	position: relative;
	vertical-align: top;
	width: 20px;
	z-index: 10;
}

.fluentform .ff-step-titles li:after {
	background: #000;
	content: "";
	height: 2px;
	left: -50%;
	position: absolute;
	top: 9px;
	width: 100%;
	z-index: 1;
}

.fluentform .ff-step-titles li:first-child {
	padding-left: 0;
}

.fluentform .ff-step-titles li:first-child:after {
	left: 50%;
}

.fluentform .ff-step-titles li:last-child {
	padding-right: 0;
}

.fluentform .ff-step-titles li:last-child:after {
	left: -50%;
}

.fluentform .ff-step-body {
	left: 0;
	margin-bottom: 15px;
	position: relative;
	top: 0;
}

.fluentform .ff-upload-progress {
	margin: 10px 0;
}

.fluentform .ff-upload-progress-inline {
	border-radius: 3px;
	height: 6px;
	margin: 4px 0;
	position: relative;
}

.fluentform .ff-upload-preview {
	border: 1px solid #ced4da;
	border-radius: 3px;
	margin-top: 5px;
}

.fluentform .ff-upload-preview:first-child {
	margin-top: 0;
}

.fluentform .ff-upload-preview-img {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 70px;
	width: 70px;
}

.fluentform .ff-upload-container-small-column-image {
	display: flex;
	flex-wrap: wrap-reverse;
	justify-content: center;
	text-align: center;
}

.fluentform .ff-upload-details, .fluentform .ff-upload-preview {
	zoom: 1;
	overflow: hidden;
}

.fluentform .ff-upload-details, .fluentform .ff-upload-thumb {
	display: table-cell;
	vertical-align: middle;
}

.fluentform .ff-upload-thumb {
	background-color: #eee;
}

.fluentform .ff-upload-details {
	border-left: 1px solid #ebeef0;
	padding: 0 10px;
	position: relative;
	width: 10000px;
}

.fluentform .ff-upload-details .ff-inline-block, .fluentform .ff-upload-details .ff-upload-error {
	font-size: 11px;
}

.fluentform .ff-upload-remove {
	box-shadow: none !important;
	color: var(--fluentform-danger);
	cursor: pointer;
	font-size: 16px;
	line-height: 1;
	padding: 0 4px;
	position: absolute;
	right: 0;
	top: 3px;
}

.fluentform .ff-upload-remove:hover {
	color: var(--fluentform-danger);
	text-shadow: 1px 1px 1px #000 !important;
}

.fluentform .ff-upload-filename {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fluentform .ff-table {
	margin-bottom: 0;
}

.fluentform .ff-checkable-grids {
	border: 1px solid #f1f1f1;
	border-collapse: collapse;
}

.fluentform .ff-checkable-grids thead>tr>th {
	background: #f1f1f1;
	border: 0;
	padding: 7px 5px;
	text-align: center;
}

.fluentform .ff-checkable-grids tbody>tr>td {
	border: 0;
	padding: 7px 5px;
}

.fluentform .ff-checkable-grids tbody>tr>td:not(:first-of-type) {
	text-align: center;
}

.fluentform .ff-checkable-grids tbody>tr:nth-child(2n)>td {
	background: #f1f1f1;
}

.fluentform .ff-checkable-grids tbody>tr:nth-child(2n-1)>td {
	background: #fff;
}

.fluentform .ff-screen-reader-element {
	clip: rect(0, 0, 0, 0) !important;
	word-wrap: normal !important;
	border: 0 !important;
	height: 1px !important;
	margin: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
}

.fluentform .ff_upload_btn.ff-btn {
	background: #6f757e;
	border-color: #6f757e;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 10px 20px;
}

.fluentform .ff_upload_btn.ff-btn:hover {
	background-color: #91959b;
	outline: none;
}

.fluentform .ff_upload_btn.ff-btn:focus-visible {
	background-color: #91959b;
	outline: none;
}

.fluentform .ff-el-tc {
	border: none;
	border-collapse: collapse;
	display: table;
	width: 100%;
}

.fluentform .ff-el-tc label.ff_tc_label {
	display: table-row;
}

.fluentform .ff-el-tc label.ff_tc_label>span {
	padding-top: 8px !important;
	width: 20px;
}

.fluentform .ff-el-tc label.ff_tc_label>div, .fluentform .ff-el-tc label.ff_tc_label>span {
	display: table-cell;
}

.fluentform .ff-saved-state-input .ff_input-group-text {
	background-color: #1a7efb;
	border-color: #1a7efb;
	margin-left: -1px;
}

.fluentform .ff-saved-state-input .ff_input-group-text:hover {
	background-color: #4898fc;
	border-color: #4898fc;
	opacity: 1;
}

.fluentform .ff-saved-state-input .ff_input-group-text img {
	width: 28px;
}

.fluentform .ff-saved-state-link input {
	text-overflow: ellipsis;
}

.fluentform .ff-hide-group {
	display: none;
}

.fluentform .ff_t_c {
	margin: 0;
	padding: 0 5px 0 0;
}

.fluentform .ff_t_c p {
	margin: 0;
	padding: 0;
}

.fluentform .force-hide {
	border: 0;
	display: block;
	height: 0;
	margin: 0;
	opacity: 0;
	padding: 0;
	visibility: hidden;
}

.fluentform input[type=checkbox], .fluentform input[type=radio] {
	display: inline-block;
	margin: 0;
}

.fluentform input[type=checkbox] {
	-webkit-appearance: checkbox;
}

.fluentform input[type=radio] {
	-webkit-appearance: radio;
}

.fluentform .text-danger {
	color: var(--fluentform-danger);
}

.fluentform .iti {
	width: 100%;
}

.fluentform .iti__selected-flag {
	background: rgba(0, 0, 0, .1);
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
}

.fluentform .ff_gdpr_field {
	margin-right: 5px;
}

.fluentform form.ff-form-has-steps .ff-btn-submit {
	visibility: hidden;
}

.fluentform form.ff-form-has-steps .ff_submit_btn_wrapper {
	text-align: right;
}

.fluentform textarea {
	max-width: 100%;
}

.fluentform .ff-el-form-check {
	margin-bottom: 5px;
}

.fluentform .ff-el-form-check span.ff_span {
	margin-left: 6px;
}

.fluentform .ff-el-form-check-label .ff-el-form-check-input {
	position: relative;
	top: -2px;
	vertical-align: middle;
}

.fluentform .ff-inline-block {
	display: inline-block;
}

.fluentform .ff-inline-block+.ff-inline-block {
	margin-left: 10px;
}

.fluentform .ff-text-left {
	text-align: left;
}

.fluentform .ff-text-center {
	text-align: center;
}

.fluentform .ff-text-right {
	text-align: right;
}

.fluentform .ff-el-form-control:focus~.ff-el-help-message {
	display: block !important;
}

.fluentform .ff-el-form-control::-moz-placeholder {
	color: #868e96;
	opacity: 1;
}

.fluentform .ff-el-form-control::placeholder {
	color: #868e96;
	opacity: 1;
}

.fluentform .ff-el-form-control:disabled, .fluentform .ff-el-form-control[readonly]:not(.flatpickr-input) {
	background-color: #e9ecef;
	opacity: 1;
}

.fluentform-step {
	float: left;
	height: 1px;
	overflow-x: hidden;
	padding: 3px;
}

.fluentform-step.active {
	height: auto;
}

.fluentform-step .ff_summary_container {
	font-size: 14px;
	margin-top: 10px;
}

.step-nav .next {
	float: right;
}

.fluentform .has-conditions {
	display: none;
}

.ff-message-success {
	border: 1px solid #ced4da;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
	margin-top: 10px;
	padding: 15px;
	position: relative;
}

.ff-errors-in-stack {
	display: none;
	margin-top: 15px;
}

.ff-errors-in-stack .error {
	font-size: 14px;
	line-height: 1.7;
}

.ff-errors-in-stack .error-clear {
	cursor: pointer;
	margin-left: 5px;
	padding: 0 5px;
}

.ff-chat-reply-container div p {
	border-radius: 6px;
	margin-top: 12px;
	padding: 20px 16px;
}

.ff-chat-reply-container div .skeleton {
	animation: skeleton-loading 2s linear infinite alternate;
	padding: 24px;
}

@keyframes skeleton-loading {
	0% {
		background-color: #e3e6e8;
	}
	
	to {
		background-color: #f0f3f5;
	}
}

.ff-el-chat-container {
	position: relative;
}

.ff-el-chat-container textarea {
	outline: none;
	position: relative;
	resize: none;
}

.ff-el-chat-container .ff_btn_chat_style {
	background: transparent;
	border: none;
	position: absolute;
	right: 10px;
	top: 38%;
}

.ff-el-chat-container .ff_btn_chat_style svg:hover {
	cursor: pointer;
	opacity: .8;
	outline: 0;
	text-decoration: none;
	transition: all .4s;
}

.iti-mobile .iti--container {
	z-index: 9999;
}

.fluentform .hidden_field {
	display: none !important;
}

.fluentform .ff_force_hide {
	display: none !important;
	visibility: hidden !important;
}

.fluentform .ff_scrolled_text {
	background: #e9ebed;
	height: 200px;
	overflow: scroll;
	padding: 10px 15px;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check {
	display: -moz-inline-stack;
	display: inline-block;
	float: none !important;
	margin: 0 0 10px;
	position: relative;
	width: auto !important;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label {
	margin: 0;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label:focus-within span {
	background-color: #b3d4fc;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check input {
	margin: 0;
	opacity: 0;
	outline: none;
	position: absolute;
	z-index: -1;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span {
	-webkit-appearance: none;
	background: #fff;
	border: 1px solid #dcdfe6;
	border-left: 0;
	border-radius: 0;
	box-sizing: border-box;
	color: #606266;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	margin: 0;
	outline: none;
	padding: 12px 20px;
	position: relative;
	text-align: center;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	vertical-align: middle;
	white-space: nowrap;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span:hover {
	color: #1a7efb;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder {
	border: 1px solid #dcdfe5;
	overflow: hidden;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder span {
	border: none !important;
	border-radius: 0 !important;
	margin-left: -1px;
	width: 100%;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder.ff_item_selected {
	border-color: #1a7efb;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check:first-child label>span {
	border-left: 1px solid #dcdfe6;
	border-radius: 4px 0 0 4px;
	box-shadow: none !important;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check:last-child label>span {
	border-radius: 0 4px 4px 0;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label>span {
	background-color: #1a7efb;
	border-color: #1a7efb;
	box-shadow: -1px 0 0 0 #8cc5ff;
	color: #fff;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected:first-child label>span {
	border-left-color: #1a7efb;
}

@media only screen and (max-width:768px) {
	.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check {
		display: block;
		width: 100%;
	}
	
	.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span {
		border: 1px solid !important;
		border-radius: 4px !important;
		box-shadow: none !important;
		display: block;
		width: 100%;
	}
}

.fluentform .ff-el-group.ff-hpsf-container {
	display: none !important;
	position: absolute !important;
	transform: translateX(1000%) !important;
}

.fluentform div.ff-el-form-hide_label>.ff-el-input--label {
	display: none;
	visibility: hidden;
}

.fluentform .ff_file_upload_holder {
	margin-bottom: 0;
}

.fluentform .ff-dropzone .ff_upload_btn.ff-btn {
	background: rgba(223, 240, 255, .13);
	border: 1px dashed var(--fluentform-primary);
	border-radius: var(--fluentform-border-radius);
	color: var(--fluentform-secondary);
	display: block;
	padding: 35px;
	text-align: center;
	transition: all .2s ease;
	width: 100%;
}

.fluentform .ff-dropzone .ff_upload_btn.ff-btn:hover {
	background: rgba(223, 240, 255, .49);
}

.fluentform .ff-dropzone .ff-uploaded-list {
	margin-top: 10px;
}

.fluentform .ff_center {
	text-align: center;
}

.fluentform .ff_right {
	text-align: right;
}

.fluentform .ff_left {
	text-align: left;
}

.fluentform .ff-form-inline .ff-t-container, .fluentform .ff-form-inline>.ff-el-group, .fluentform .ff-form-inline>.ff-name-field-wrapper {
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
}

.fluentform .ff-form-inline .ff-t-container .ff-t-cell .ff-el-input--label, .fluentform .ff-form-inline .ff-t-container>.ff-el-input--label, .fluentform .ff-form-inline>.ff-el-group .ff-t-cell .ff-el-input--label, .fluentform .ff-form-inline>.ff-el-group>.ff-el-input--label, .fluentform .ff-form-inline>.ff-name-field-wrapper .ff-t-cell .ff-el-input--label, .fluentform .ff-form-inline>.ff-name-field-wrapper>.ff-el-input--label {
	display: none;
}

.fluentform .ff-form-inline .ff-t-container .ff-el-input--content, .fluentform .ff-form-inline>.ff-el-group .ff-el-input--content, .fluentform .ff-form-inline>.ff-name-field-wrapper .ff-el-input--content {
	margin-left: 0;
}

.fluentform .ff-form-inline .ff-t-container:last-child, .fluentform .ff-form-inline>.ff-el-group:last-child, .fluentform .ff-form-inline>.ff-name-field-wrapper:last-child {
	margin-right: 0;
}

.fluentform .ff-t-container .ff-name-title {
	width: 40%;
}

.fluentform .ff_hide_label .ff-el-input--label {
	display: none;
}

.fluentform .field-value {
	white-space: pre-line;
}

.fluentform .ff-el-group .ff-read-only {
	background-color: #e9ecef !important;
	opacity: 1;
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.fluentform .ff-el-group .ff-read-only:focus {
	outline: none;
}

.fluentform label.ff-el-image-input-src {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	display: block;
	height: 200px;
	width: 200px;
}

.fluentform .ff-el-image-holder {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 200px;
}

.fluentform .ff-el-image-holder .ff-el-form-check-label {
	padding-left: 1px;
}

.fluentform .ff_el_checkable_photo_holders {
	display: block;
	margin-bottom: -20px;
	overflow: hidden;
}

.fluentform .select2-container {
	width: 100% !important;
}

.fluentform .select2-container .select2-selection__rendered li {
	margin: 0;
}

.fluentform .select2-container .select2-search--inline>input {
	height: calc(2.25rem + 2px);
	line-height: 1.5;
	margin-top: 0;
	padding: .375rem 1.75rem .375rem .75rem;
}

.fluentform .ff-el-form-bottom {
	display: flex;
	flex-direction: column-reverse;
}

.fluentform .ff-el-form-bottom .ff-el-input--label {
	margin-bottom: 0;
	margin-top: 5px;
}

.fluentform .mce-tinymce.mce-container.mce-panel {
	border: 1px solid #ced4da;
}

.fluentform .ff_input-group {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
}

.fluentform .ff_input-group>.ff-el-form-control:not(:first-child) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	display: inline-block;
	width: auto;
}

.fluentform .ff_input-group>.ff-el-form-control:not(:last-child) {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.fluentform .ff_input-group .ff-el-form-control {
	flex: 1 1 auto;
	margin-bottom: 0;
	position: relative;
	width: 1%;
}

.fluentform .ff_input-group-prepend {
	margin-right: -1px;
}

.fluentform .input-group-append {
	margin-left: -1px;
}

.fluentform .ff_input-group-append, .fluentform .ff_input-group-prepend {
	display: flex;
}

.fluentform .ff_input-group>.ff_input-group-prepend>.ff_input-group-text {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.fluentform .ff_input-group>.ff_input-group-append>.ff_input-group-text {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.fluentform .ff_input-group-text {
	align-items: center;
	background-color: #e9ecef;
	border-radius: .25rem;
	color: #495057;
	display: flex;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 0;
	padding: .375rem .75rem;
	text-align: center;
	white-space: nowrap;
}

.fluentform .ff_coupon_wrapper .ff_input-group-append {
	cursor: pointer;
}

.fluentform .ff_coupon_wrapper .ff_input-group-append:hover .ff_input-group-text {
	background: #e3e8ed;
}

.fluentform ul.ff_coupon_responses {
	list-style: none;
	margin: 0;
	padding: 0;
}

.fluentform ul.ff_coupon_responses li {
	padding-top: 5px;
}

.fluentform ul.ff_coupon_responses span.error-clear {
	color: #ff5050;
	font-weight: 700;
	margin-right: 10px;
}

.fluentform ul.ff_coupon_responses .ff_error {
	color: #f56c6c;
	cursor: pointer;
}

.fluentform ul.ff_coupon_responses .ff_success {
	color: #28a745;
}

.fluentform .ff-btn.disabled {
	opacity: .65;
}

.fluentform .ff-btn.ff-working {
	position: relative;
	transition: all .3s ease;
}

.fluentform .ff-btn.ff-working:after {
	animation: ff-progress-anim 4s 0s infinite;
	background: hsla(0, 0%, 100%, .4);
	bottom: 0;
	content: "";
	height: 5px;
	left: 0;
	position: absolute;
	right: 0;
}

.fluentform .ff-btn-block {
	display: block;
	width: 100%;
}

.fluentform .ff-btn-block+.ff-el-btn-block {
	margin-top: 8px;
}

.fluentform .ff_submitting {
	pointer-events: none;
}

@keyframes ff-progress-anim {
	0% {
		width: 0;
	}
	
	5% {
		width: 0;
	}
	
	10% {
		width: 15%;
	}
	
	30% {
		width: 40%;
	}
	
	50% {
		width: 55%;
	}
	
	80% {
		width: 100%;
	}
	
	95% {
		width: 100%;
	}
	
	to {
		width: 0;
	}
}

.ff_modal_container {
	background: #fff;
	max-height: 90vh !important;
	max-width: 900px;
	overflow: auto;
	padding: 30px;
}

@media only screen and (min-width:1000px) {
	.ff_modal_container {
		width: 900px;
	}
}

.select2-results__option {
	margin: 0;
}

.fluentform span.select2.select2-container:after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #495057;
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.ff_pointer {
	cursor: pointer;
}

.ff_net_table {
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	line-height: 1.4;
	margin: 0;
	padding: 0;
	table-layout: fixed;
	width: 100%;
}

.ff_net_table th {
	border: none;
	font-size: 13px;
	font-weight: 400;
	padding: 8px 0;
	text-align: center;
	vertical-align: bottom;
}

.ff_net_table th .ff_not-likely {
	float: left;
	text-align: left;
}

.ff_net_table th .ff_extremely-likely {
	float: right;
	text-align: right;
}

.ff_net_table tbody tr {
	background: none;
	border: 0;
}

.ff_net_table tbody tr td {
	background-color: #fff;
	border: 1px solid #ddd;
	border-left: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

.ff_net_table tbody tr td input[type=radio]:checked+label {
	background-color: #4caf50;
	color: #fff;
}

.ff_net_table tbody tr td:first-of-type {
	border-left: 1px solid #ddd;
	border-radius: 5px 0 0 5px;
}

.ff_net_table tbody tr td:last-child {
	border-radius: 0 5px 5px 0;
}

.ff_net_table tbody tr td label {
	border: 0;
	color: #444;
	cursor: pointer;
	display: block;
	font-size: 16px;
	font-weight: 700;
	height: 40px;
	line-height: 40px;
	margin: 0;
	position: relative;
	width: 100%;
}

.ff_net_table tbody tr td label:after {
	border: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.ff_net_table tbody tr td label:hover:after {
	border: 2px solid #4caf50;
}

.ff-el-pop-content {
	background-color: #000;
	border-radius: 3px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	color: #fff;
	font-size: 11px;
	line-height: 1.2;
	padding: 10px;
	position: absolute;
	text-align: center;
	transform-origin: center bottom;
	z-index: 9999;
}

.ff-checkable-grids.mobile {
	border: 0;
}

.ff-checkable-grids.mobile tbody tr {
	padding-top: 0 !important;
}

.ff-checkable-grids.mobile tbody tr:nth-child(2n)>td {
	background: transparent;
}

.ff-checkable-grids.mobile tbody td {
	padding-left: 10px !important;
	text-align: left !important;
}

.ff-checkable-grids.mobile tbody td.ff_grid_header {
	background-color: #eee !important;
	margin: 0;
}

.ff-checkable-grids.mobile tbody td:after {
	content: attr(data-label);
	display: inline-block;
	letter-spacing: .5pt;
	padding-left: 10px;
	white-space: nowrap;
}

span.ff-el-rating-text {
	line-height: 100%;
	padding-left: 5px;
	vertical-align: bottom;
}

table.ff_repeater_table {
	background: transparent !important;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 5px;
	padding: 0;
	table-layout: auto !important;
	vertical-align: middle;
	width: 100%;
}

table.ff_repeater_table th {
	font-size: 90%;
	padding: 0;
	text-align: left;
}

table.ff_repeater_table th, table.ff_repeater_table tr {
	background: transparent !important;
	border: 0;
	padding-top: 5px;
}

table.ff_repeater_table td {
	background: transparent !important;
	border: 0;
	max-width: 100%;
	padding: 0 15px 15px 0;
	text-align: left;
	width: 282px;
}

table.ff_repeater_table tbody tr:only-child td .repeat-minus {
	visibility: hidden;
}

table.ff_repeater_table .ff-el-group {
	margin: 0;
	padding: 0;
}

table.ff_repeater_table .repeat_btn {
	padding-right: 0;
	vertical-align: middle;
	width: 30px;
}

table.ff_repeater_table .repeat_btn span.ff-icon {
	cursor: pointer;
	margin-right: 10px;
}

table.ff_repeater_table .repeat_btn span.ff-icon.icon-minus-circle {
	margin-right: 0;
}

table.ff_repeater_table.repeat-maxed .repeat_btn .repeat-plus {
	visibility: hidden;
}

.ff-repeater-container {
	display: flex;
	flex-direction: column;
}

.ff-repeater-container .repeat_btn {
	align-self: center;
	display: flex;
}

.ff-repeater-container .ff_repeater_cont_row, .ff-repeater-container .ff_repeater_header {
	display: flex;
	flex-wrap: nowrap;
}

.ff-repeater-container .ff_repeater_cont_row:only-child .repeat-minus {
	visibility: hidden;
}

.ff-repeater-container .ff_repeater_cell, .ff-repeater-container .ff_repeater_header_item {
	box-sizing: border-box;
	padding: 0 15px 0 0;
	text-align: left;
}

.ff-repeater-container .ff-el-repeat-buttons-list {
	display: flex;
	margin-top: 34%;
}

.ff_repeater_table.mobile tbody td {
	display: block;
	padding: 10px;
	width: 100%;
}

.ff_repeater_table.mobile tbody td .ff-el-group {
	margin-top: 6px;
}

.ff_repeater_table.mobile tbody td:before {
	clear: both;
	content: attr(data-label);
	display: block;
	font-size: .875em;
	letter-spacing: .5pt;
	white-space: nowrap;
}

.ff-el-section-break .ff-el-section-title {
	font-weight: 600;
	margin-bottom: 5px;
}

.ff-el-section-break hr {
	background-color: #dadbdd;
	border: none;
	height: 1px;
	margin-bottom: 10px;
}

table.ff_flexible_table.ff-checkable-grids {
	width: 100%;
}

.ff_flexible_table.mobile thead {
	left: -9999px;
	position: absolute;
	top: -9999px;
}

.ff_flexible_table.mobile tbody td {
	display: block;
	padding: 10px;
	width: 100%;
}

.ff_flexible_table.mobile tbody tr {
	background: #fff;
	border-bottom: 1px solid #ced4da;
	border-top: 1px solid #ced4da;
	border-color: #ced4da;
	border-style: solid;
	border-width: 2px 1px 4px;
	display: block;
	margin: 16px 0 10px;
	position: relative;
}

@media only screen and (max-width:400px) {
	.ff_repeater_table {
		width: 100%;
	}
	
	.ff_repeater_table thead {
		display: none;
	}
	
	.ff_repeater_table tbody tr {
		border: 1px solid #ddd;
		display: block;
		margin-bottom: 15px;
		padding: 10px;
	}
	
	.ff_repeater_table tbody td {
		display: block;
		padding: 5px 0;
		text-align: left;
		width: 100% !important;
	}
	
	.ff_repeater_table tbody td .ff-el-input--content {
		width: 100%;
	}
	
	.ff_repeater_table .repeat_btn {
		margin-top: 10px;
		padding: 10px 0;
		text-align: center;
		width: 100%;
	}
	
	.ff_repeater_table .repeat_btn .ff-el-repeat-buttons-list {
		display: flex;
		justify-content: space-between;
	}
	
	.ff_repeater_table .repeat_btn .ff-el-repeat-buttons-list span {
		background-color: #f0f0f0;
		border-radius: 3px;
		cursor: pointer;
		padding: 5px 10px;
	}
}

@media only screen and (min-width:641px) {
	.fluentform .ff-el-group.ff_list_3col .ff-el-form-check {
		display: -moz-inline-stack;
		display: inline-block;
		margin: 0 0 2px;
		min-height: 28px;
		padding-right: 16px;
		vertical-align: top;
		width: 33.3%;
	}
	
	.fluentform .ff-el-group.ff_list_2col .ff-el-form-check {
		display: -moz-inline-stack;
		display: inline-block;
		margin: 0;
		min-height: 28px;
		padding-right: 16px;
		vertical-align: top;
		width: 50%;
	}
	
	.fluentform .ff-el-group.ff_list_4col .ff-el-form-check {
		display: -moz-inline-stack;
		display: inline-block;
		margin: 0;
		min-height: 28px;
		padding-right: 16px;
		vertical-align: top;
		width: 25%;
	}
	
	.fluentform .ff-el-group.ff_list_5col .ff-el-form-check {
		display: -moz-inline-stack;
		display: inline-block;
		margin: 0;
		min-height: 28px;
		padding-right: 16px;
		vertical-align: top;
		width: 20%;
	}
	
	.fluentform .ff-el-group.ff_list_inline .ff-el-form-check {
		display: -moz-inline-stack;
		display: inline-block;
		float: none !important;
		margin: 0 15px 10px 0;
		width: auto !important;
	}
}

@media (max-width:767px) {
	table.ff_flexible_table, table.ff_flexible_table.ff-checkable-grids {
		border: 0;
	}
	
	table.ff_flexible_table.ff-checkable-grids tbody tr {
		padding-top: 0 !important;
	}
	
	table.ff_flexible_table.ff-checkable-grids tbody tr td.ff_grid_header {
		background-color: #eee !important;
		margin: 0;
		text-align: center;
	}
	
	table.ff_flexible_table.ff-checkable-grids tbody tr td {
		text-align: left !important;
	}
	
	table.ff_flexible_table.ff-checkable-grids tbody tr td:before {
		content: none !important;
	}
	
	table.ff_flexible_table.ff-checkable-grids tbody tr td:after {
		content: attr(data-label);
		display: inline-block;
		letter-spacing: .5pt;
		padding-left: 10px;
		white-space: nowrap;
	}
	
	table.ff_flexible_table.ff-checkable-grids tbody tr:nth-child(2n)>td {
		background: transparent;
	}
	
	table.ff_flexible_table thead {
		left: -9999px;
		position: absolute;
		top: -9999px;
	}
	
	table.ff_flexible_table tbody tr {
		background: #fff;
		border-bottom: 1px solid #ced4da;
		border-top: 1px solid #ced4da;
		border-color: #ced4da;
		border-style: solid;
		border-width: 2px 1px 4px;
		display: block;
		margin: 16px 0 10px;
		padding-top: 12px !important;
		position: relative;
	}
	
	table.ff_flexible_table tbody tr td {
		display: block;
		margin-left: 8px;
		margin-right: 8px;
		padding: 5px;
	}
	
	table.ff_flexible_table tbody tr td:before {
		clear: both;
		content: attr(data-label);
		display: block;
		font-size: .875em;
		letter-spacing: .5pt;
		white-space: nowrap;
	}
	
	table.ff_flexible_table tbody tr td.repeat_btn {
		background-color: #eee;
		margin-left: 0;
		padding: 10px !important;
		width: 100% !important;
	}
	
	table.ff_flexible_table tbody tr td.repeat_btn .ff-el-repeat-buttons-list {
		float: none;
		width: 100%;
	}
}

@media only screen and (max-width:768px) {
	.lity-container {
		width: 96%;
	}
	
	.fluentform .ff-t-container .ff-name-title {
		width: 100%;
	}
	
	.ff_repeater_cont_row {
		background: #fff;
		border-bottom: 1px solid #ced4da;
		border-top: 1px solid #ced4da;
		border-color: #ced4da;
		border-style: solid;
		border-width: 2px 1px 4px;
		display: flex;
		flex-direction: column;
		margin: 16px 0 10px;
		padding-top: 12px;
	}
	
	.ff_repeater_cont_row .ff_repeater_cell {
		display: block;
		margin-left: 8px;
		margin-right: 8px;
		padding: 5px;
	}
	
	.ff_repeater_cont_row .ff-t-cell {
		flex-basis: 100% !important;
		max-width: 100%;
		width: 100%;
	}
	
	.ff_repeater_cont_row .ff_repeater_body[role=rowgroup] {
		display: flex;
		flex-direction: column;
	}
	
	.ff-repeater-container .ff-el-repeat-buttons-list {
		margin-top: -28px;
	}
	
	.ff-el-repeat-buttons-list {
		margin-top: 0;
	}
}

:root {
	--fluentform-primary: #1a7efb;
	--fluentform-secondary: #606266;
	--fluentform-danger: #f56c6c;
	--fluentform-border-color: #dadbdd;
	--fluentform-border-radius: 7px;
	--fluentform-input-select-height: auto;
}

.ff-default .ff_btn_style {
	border: 1px solid transparent;
	border-radius: 7px;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	padding: 8px 20px;
	position: relative;
	text-align: center;
	transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	vertical-align: middle;
	white-space: nowrap;
}

.ff-default .ff_btn_style:focus, .ff-default .ff_btn_style:hover {
	opacity: .8;
	outline: 0;
	text-decoration: none;
}

.ff-default .ff-btn-primary:not(.ff_btn_no_style) {
	background-color: #007bff;
	border-color: #007bff;
	color: #fff;
}

.ff-default .ff-btn-primary:not(.ff_btn_no_style):focus, .ff-default .ff-btn-primary:not(.ff_btn_no_style):hover {
	background-color: #0069d9;
	border-color: #0062cc;
	color: #fff;
}

.ff-default .ff-btn-secondary:not(.ff_btn_no_style) {
	background-color: #606266;
	border-color: #606266;
	color: #fff;
}

.ff-default .ff-btn-secondary:not(.ff_btn_no_style):focus, .ff-default .ff-btn-secondary:not(.ff_btn_no_style):hover {
	background-color: #727b84;
	border-color: #6c757d;
	color: #fff;
}

.ff-default .ff-btn-lg {
	border-radius: 6px;
	font-size: 18px;
	line-height: 1.5;
	padding: 8px 16px;
}

.ff-default .ff-btn-sm {
	border-radius: 3px;
	font-size: 13px;
	line-height: 1.5;
	padding: 4px 8px;
}

.ff-default .ff-el-form-control {
	background-clip: padding-box;
	background-image: none;
	border: 1px solid var(--fluentform-border-color);
	border-radius: var(--fluentform-border-radius);
	color: var(--fluentform-secondary);
	font-family: -apple-system, "system-ui", Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
	line-height: 1;
	margin-bottom: 0;
	max-width: 100%;
	padding: 11px 15px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.ff-default .ff-el-form-control.nitro-lazy {
	background-image: none !important;
}

.ff-default .ff-el-form-control:focus {
	background-color: #fff;
	border-color: var(--fluentform-primary);
	color: var(--fluentform-secondary);
	outline: none;
}

.ff-default .ff-el-form-check label.ff-el-form-check-label {
	cursor: pointer;
	margin-bottom: 7px;
}

.ff-default .ff-el-form-check label.ff-el-form-check-label>span:after, .ff-default .ff-el-form-check label.ff-el-form-check-label>span:before {
	content: none;
}

.ff-default .ff-el-form-check:last-child label.ff-el-form-check-label {
	margin-bottom: 0;
}

.ff-default textarea {
	min-height: 90px;
}

select.ff-el-form-control:not([size]):not([multiple]) {
	height: var(--fluentform-input-select-height, auto);
}

.elementor-editor-active .ff-form-loading .ff-step-container .fluentform-step:first-child {
	height: auto;
}

.ff-upload-preview.ff_uploading {
	opacity: .8;
}

@keyframes ff_move {
	0% {
		background-position: 0 0;
	}
	
	to {
		background-position: 50px 50px;
	}
}

.ff_uploading .ff-el-progress .ff-el-progress-bar {
	animation: ff_move 2s linear infinite;
	background-image: linear-gradient(-45deg, hsla(0, 0%, 100%, .2) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .2) 0, hsla(0, 0%, 100%, .2) 75%, transparent 0, transparent);
	background-size: 50px 50px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 20px;
	border-top-right-radius: 8px;
	bottom: 0;
	content: "";
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.ff_payment_summary {
	overflow-x: scroll;
}

.pac-container {
	z-index: 99999 !important;
}

.ff-support-sr-only {
	clip: rect(0, 0, 0, 0);
	border: 0;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.ff-default {
	font-family: inherit;
}

.ff-default .ff-el-input--label label {
	display: inline-block;
	font-weight: 500;
	line-height: inherit;
	margin-bottom: 0;
}