/* 	===============================
	Global styles
	=============================== */

:root {

	/* Text styles */
	/* ========================== */

	/* Text - H1 */
	--wtl_text_h1-size: 				28px;
	--wtl_text_h1-font_weight:			700;
	--wtl_text_h1-line_height:			35px;

	/* Text - H2 */
	--wtl_text_h2-size: 				21px;
	--wtl_text_h2-font_weight:			700;
	--wtl_text_h2-line_height:			28px;

	/* Text - H3 */
	--wtl_text_h3-size: 				17px;
	--wtl_text_h3-font_weight:			500;
	--wtl_text_h3-line_height:			28px;

	/* Text - Big */
	--wtl_text_big-size: 				17px;
	--wtl_text_big-font_weight:			500;
	--wtl_text_big-line_height:			28px;

	/* Text - Normal */
	--wtl_text_normal-size: 			15px;
	--wtl_text_normal-font_weight:		500;
	--wtl_text_normal-line_height:		24px;

	/* Text - Small */
	--wtl_text_small-size: 				14px;
	--wtl_text_small-font_weight:		500;
	--wtl_text_small-line_height:		20px;

}

html {
	scroll-behavior: smooth;
}

.wtl-color-green {
	color: var(--wtl-color-green);
}

.wtl-color-red {
	color: var(--wtl-color-red);
}

.wtl-content-title {
	font-size: var(--wtl_text_h2-size);
	font-weight: var(--wtl_text_h2-font_weight);
	line-height: var(--wtl_text_h2-line_height);
	padding: 0 20px 20px 20px;
}
.wtl-content-wrapper {
	padding: 20px;
	border-radius: 10px;
	background: var(--wtl-panel-color-bg-white);
}

/* 	===============================
	Slider - Product item
	=============================== */

	.product-swiper {
		padding-top: 50px;
		margin-top: -50px;
		width: 100%;
	}

	.product-swiper .swiper-button-prev,
	.product-swiper .swiper-button-next {
		color: var(--wtl-panel-color-font-dark-100);
		position: absolute;
		top: 0;
		margin: 0;
		display: flex;
		justify-content: center;
		align-content: center;
		width: 40px;
		height: 40px;
		left: unset;
	}

	.product-swiper .swiper-button-prev {right: 50px;}
	.product-swiper .swiper-button-next {right: 0;}
	.product-swiper .swiper-button-prev:after,
	.product-swiper .swiper-button-next:after {display: none;}

	.product-swiper .swiper-button-prev i,
	.product-swiper .swiper-button-next i {font-size: 30px;}


/* 	End - Slider - Product item */	




/* 	===============================
	Product item
	=============================== */

.product-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}

.product-item .product-thumbnail {
	display: flex;
	width: 100%;
	position: relative;
	transition: all .2s ease-in-out;
	padding-bottom: 75%;
	border-radius: 20px;
	background-color: var(--wtl-panel-color-bg-accent);
	background-position: 50%;
	background-size: cover;
}

.product-item .product-thumbnail:hover .product-thumbnail-overlay {opacity: 1;}
.product-item .product-thumbnail.ratio_16_9 {padding-bottom: 56.25%;}
.product-item .product-thumbnail.lazy-load-background:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	content: '\f03e';
	font-family: 'Font Awesome 6 Pro', sans-serif;
	font-weight: 900;
	font-size: 30px;
	color: var(--wtl-panel-color-font-dark-25);
	animation: lazy_load 3s infinite;
}
@keyframes lazy_load {50% {opacity: 0;}}

.product-item .product-thumbnail .product-thumbnail-overlay {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	z-index: 1;
	color: var(--wtl-panel-color-font-white);
	background-color: var(--wtl-panel-color-bg-overlay-thumb);
	border-radius: 20px;
	align-items: center;
	transition: all .2s;
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
	opacity: 0;
	transition: all .2s ease;
	cursor: pointer;
	text-decoration: none;
}

.product-item .product-thumbnail .product-thumbnail-overlay.active {
	opacity: 1;
}

.product-item .product-thumbnail .product-thumbnail-overlay.opinion {
	color: var(--wtl-panel-color-font-dark-100);
	background-color: hsla(var(--wtl-color-yellow-h), var(--wtl-color-yellow-s), calc(var(--wtl-color-yellow-l) + 0%), .5);
	opacity: 1;
}

.product-item .product-thumbnail .product-thumbnail-overlay.opinion:hover {
	background-color: hsla(var(--wtl-color-yellow-h), var(--wtl-color-yellow-s), calc(var(--wtl-color-yellow-l) + 0%), 1);
}

.product-item .product-thumbnail .product-thumbnail-overlay i {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	font-size: 30px;
	line-height: 30px;
}

.product-item .product-thumbnail .product-thumbnail-overlay p {
	display: flex;
	flex-direction: column;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	text-align: center;
	transition: all .2s ease;
	margin-bottom: 0;
}

.product-item .product-thumbnail .product-thumbnail-overlay p span {
	font-size: 14px;
}

.product-item .product-thumbnail .product-thumbnail-features {
	position: absolute;
	top: 10px;
	right: 10px;
	left: 10px;
	display: flex;
	gap: 5px;
}

.product-item .product-thumbnail .product-thumbnail-features i {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	position: relative;
	background-color: var(--wtl-panel-color-bg-white);
	color: var(--wtl-panel-color-font-dark-100);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	font-size: 16px;
	line-height: 20px;
	transition: all .2s ease;
	cursor: pointer;
}

.product-item .product-thumbnail .product-thumbnail-features i.completed { background-color: var(--wtl-color-green); color: var(--wtl-panel-color-font-white);}
.product-item .product-thumbnail .product-thumbnail-features i.uncompleted { background-color: var(--wtl-color-red); color: var(--wtl-panel-color-font-white);}
.product-item .product-thumbnail .product-thumbnail-features i.present:hover {font-weight: 900;}
.product-item .product-thumbnail .product-thumbnail-features i.favourite {z-index: 2;}
.product-item .product-thumbnail .product-thumbnail-features i.favourite:hover{font-weight: 900; color: var(--wtl-color-red);}
.product-item .product-thumbnail .product-thumbnail-features i.favourite.active {font-weight: 900; color: var(--wtl-color-red);}
.product-item .product-thumbnail .product-thumbnail-features i.favourite.active:hover {font-weight: 300; color: var(--wtl-panel-color-font-dark-100);}
.product-item .product-thumbnail .product-thumbnail-features i.recommended {color: var(--wtl-color-yellow);}
.product-item .product-thumbnail .product-thumbnail-features i a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.product-item .product-thumbnail .product-thumbnail-features .badge {
	display: flex;
	align-items: center;
	z-index: 1;
	position: relative;
	max-width: 100%;
	height: 30px;
	padding: 0 10px 0 0;
	border-radius: 15px;
	background-color: var(--wtl-panel-color-bg-white);
	overflow: hidden;
}

.product-item .product-thumbnail .product-thumbnail-features .badge span {
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: var(--wtl-panel-color-font-dark-100);
}

.product-item .product-thumbnail .product-thumbnail-time,
.product-item .product-thumbnail .product-thumbnail-dificulty {
	position: absolute;
	bottom: 10px;
	padding: 0 8px;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-dark);
	color: var(--wtl-panel-color-font-white);
	font-size: 11px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	transition: all .2s ease;
	opacity: 1;
}

.product-item .product-thumbnail .product-thumbnail-time {right: 10px;}
.product-item .product-thumbnail .product-thumbnail-dificulty {left: 10px;}

.product-item .product-thumbnail .product-thumbnail-progress {
	position: absolute;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	height: 30px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--wtl-panel-color-font-dark-25)));
	background-image: linear-gradient(180deg, transparent, var(--wtl-panel-color-font-dark-25));
}

.product-item .product-thumbnail .product-thumbnail-progress .progress-bar {
	position: absolute;
	top: auto;
	right: 20px;
	bottom: 20px;
	left: 20px;
	height: 4px;
	border-radius: 2px;
	background-color: var(--wtl-panel-color-bg-white);
}

.product-item .product-thumbnail .product-thumbnail-progress .progress-bar .progress-bar-value {
	width: 64%;
	height: 4px;
	border-radius: 2px;
	background-color: var(--wtl-color-green);
}

.product-item .product-thumbnail .product-thumbnail-link {
	position: absolute;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	display: block;
	text-decoration: underline;
	z-index: 1;
}

.product-item.inactive .product-thumbnail .product-thumbnail-overlay {opacity: 1;}
.product-item.inactive .product-thumbnail .product-thumbnail-time,
.product-item.inactive .product-thumbnail .product-thumbnail-dificulty {opacity: 0;}

.product-item.inline {flex-direction: row;}
.product-item.inline .product-thumbnail {width: 50%; padding-bottom: calc(75% / 2);}
.product-item.inline .product-thumbnail.ratio_16_9 {padding-bottom: calc(56.25% / 2);}
.product-item.inline .product-details {width: 50%;}

@media screen and (max-width: 479px) {
	.product-item.inline {flex-direction: column;}
	.product-item.inline .product-thumbnail {width: 100%; padding-bottom: 75%;}
	.product-item.inline .product-thumbnail.ratio_16_9 {padding-bottom: 56.25%;}
	.product-item.inline .product-details {width: 100%;}
}

.product-item .product-details {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.product-item .product-details .product-details-available {
	font-size: 12px;
	font-weight: 500;
	line-height: 14px;
	color: var(--wtl-panel-color-font-dark-50);
}

.product-item .product-details .product-details-title {
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; /* ellipsis when 2nd line is reached */
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 17px;
	font-weight: 600;
	line-height: 24px;
	text-decoration: none;
	white-space: pre-wrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: all .2s ease;
}

.product-item .product-details .product-details-title:hover {
	color: var(--wtl-panel-color-font-dark-50);
}

@media screen and (max-width: 991px) {
	.product-item .product-details .product-details-title {
		font-size: 15px;
		line-height: 20px;
	}
}

.product-item .product-details .product-details-description {
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4; /* ellipsis when 3rdd line is reached */
	font-size: 14px;
	line-height: 20px;
	color: var(--wtl-panel-color-font-dark-75);
	white-space: pre-wrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.product-item .product-details .product-details-author {
	font-size: 14px;
	line-height: 20px;
}

.product-item .product-details .product-details-author span {
	font-weight: 600;
}

.product-item .product-details .product-details-price {
	display: flex;
	max-height: 25px;
	align-items: center;
	color: var(--wtl-color-green);
	font-size: 21px;
	line-height: 20px;
	font-weight: 700;
}

.product-item .product-details .product-details-price span {
	margin-left: 10px;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 15px;
	font-weight: 500;
	text-decoration: line-through;
}

/* End - Product item */


/*  =================================
    Tickets
    ================================= */

.content-page.tickets {
	background: var(--wtl-panel-color-bg-white);
}

.tickets-wrap {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
}

.tickets-wrap .ticket-item {
	display: flex;
	flex-direction: column;
	gap: 10px;
	text-decoration: none;
}

.tickets-wrap .ticket-item:hover .ticket-thumbnail .overlay {opacity: 1;}

.tickets-wrap .ticket-item .ticket-thumbnail {
	position: relative;
	width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
	border-radius: 10px;
	background-size: cover;
}

.tickets-wrap .ticket-item .ticket-thumbnail .overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
	opacity: 0;
	transition: all .2s ease;
	z-index: 1;
	color: var(--wtl-panel-color-font-white);
	background-color: var(--wtl-panel-color-bg-overlay);
	border-radius: 10px;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	text-decoration: none;
}

.tickets-wrap .ticket-item .ticket-thumbnail .overlay i {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 40px;
	line-height: 40px;
}

.tickets-wrap .ticket-item .ticket-name {
	color: var(--wtl-panel-color-font-dark-100);
	margin-top: 5px;
	font-size: 17px;
	font-weight: 500;
	line-height: 24px;
	display: block;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; 
	white-space: pre-wrap;
	text-overflow: ellipsis;
	transition: all .2s ease;
}

.tickets-wrap .ticket-item .ticket-name:hover {
	color: var(--wtl-panel-color-font-dark-50);
}

@media screen and (max-width: 991px) {
	.tickets-wrap .ticket-item .ticket-name {
		font-size: 15px;
		line-height: 20px;
	}
}
@media screen and (max-width: 767px) {
	.tickets-wrap {grid-template-columns: 1fr 1fr;}
}
@media screen and (max-width: 479px) {
	.tickets-wrap {grid-template-columns: 1fr;}
}

.ticket-single {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0 auto;
}

.ticket-single img {
	position: relative;
	width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
	border-radius: 20px;
	background-size: cover;
}

.ticket-single p {
	font-size: 15px;
	line-height: 24px;
}




/* 	===============================
	Application Bar
	=============================== */


.application-bar-wrap .application-bar {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	background: var(--wtl-panel-color-bg-accent);
	border-radius: 20px;
	margin: 0 auto;
	padding: 10px;
}

.application-bar-wrap .application-bar .title {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 15px;
	flex: 1;
	padding-left: 10px;
	font-size: 15px;
	font-weight: 500;
}

.application-bar-wrap .application-bar .title img {
	width: 30px;
	height: 30px;
}

.application-bar-wrap .application-bar .app-btns {
	display: flex;
	gap: 10px;
}

.application-bar-wrap .application-bar .app-btns a {
	transition: all .2s ease;
	text-decoration: none;
}

.application-bar-wrap .application-bar .app-btns a:hover {
	opacity: .75;
}

.application-bar-wrap .application-bar .app-btns a img {
	max-height: 40px;
}

@media screen and (max-width: 767px) {
	.application-bar-wrap .application-bar .title {
		padding-left: 0;
		flex-direction: column;
		gap: 10px;
		text-align: center;
	}
	.application-bar-wrap .application-bar .title img {
		width: 40px;
		height: 40px;
	}
	.application-bar-wrap .application-bar {
		flex-direction: column;
		padding: 20px;
		gap: 20px;
	}
}

/* 	End - Application Bar */




/* 	===============================
	Popup - Regular
	=============================== */

.regular-popup-wrap {
	align-items: center;
	flex-direction: column;
	height: 100%;
	inset: 0;
	justify-content: center;
	overflow: hidden;
	padding: 30px 20px 20px;
	position: fixed;
	width: 100%;
	background-color: var(--wtl-panel-color-bg-overlay);
	z-index: 902;
	display: none;
}

.regular-popup-wrap.active {
	display: flex;
}

.regular-popup {
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	height: unset;
	max-height: unset;
	max-width: 650px;
	overflow: hidden;
	padding: 20px 20px 20px 20px;
	position: relative;
	width: 100%;
	gap: 20px;
	margin: unset;
	background-color: var(--wtl-panel-color-bg-white);
	scrollbar-width: none;
}

.regular-popup-top {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: end;
}

.regular-popup-top > a.close {
	align-items: center;
	border-radius: 5px;
	color: var(--wtl-panel-color-font-dark-100);
	cursor: pointer;
	display: flex;
	font-family: Font Awesome\ 6 Pro,sans-serif;
	font-size: 21px;
	font-weight: 300;
	height: 30px;
	justify-content: center;
	margin-left: 0;
	text-decoration: none;
	transition: all .2s;
	width: 30px;
}

.regular-popup-top > a.close:hover {
	background-color: var(--wtl-panel-color-bg-accent);
}

.regular-popup-top > a.close:before {
	content: "\f00d";
}

.regular-popup-content {
  grid-row-gap: 10px;
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow-y: auto;
  height: 100%;
}

.regular-popup-content #trainingAffilateLink, 
.regular-popup-content #editedMessage {
	background: var(--wtl-panel-color-bg-accent);
	padding: 10px 15px;
}

.regular-popup-bottom {
  grid-row-gap: 10px;
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.regular-popup-content #trainingAffilateLink {
	background: var(--wtl-panel-color-bg-accent);
	padding: 10px 15px;
}

.regular-popup-wrap.calendar-event-popup {
	display: flex;
}

.regular-popup-wrap.calendar-event-popup .regular-popup-content {
	width: calc(100% + 20px);
	padding-right: 20px;
}



/* 	===============================
	Comments new
	=============================== */

.comment-form-wrap {
	display: flex;
	gap: 10px;
}

.comment-form-wrap.active {	display: flex;}
.comment-form-wrap.hide {	display: none;}

.comment-form-wrap > img {
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 50%;
}

.comment-form-wrap > .comment-form-content {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 10px;
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 20px;
}

.comment-form-wrap > .comment-form-content > .comment-form-editable {
	outline: none;
}

.cc-comment-wrapper .comment-media-wrap {
	margin-bottom: 5px;
}

.comment-media-wrap {
	display: flex;
	flex-direction: row;
	gap: 5px;
}

.comment-media-wrap > .comment-media-item {
	width: 70px;
	height: 70px;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	cursor: pointer;
	position: relative;
}

.comment-media-wrap > .comment-media-item > i {
	font-size: 17px;
	color: var(--wtl-panel-color-font-white);
	transition: all .2s ease;
}

.comment-media-wrap > .comment-media-item i.media-item-preview {
	width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: hsla(var(--wtl-variable-color-black), .5);
}

.comment-media-wrap > .comment-media-item:hover i.media-item-preview {
	background: hsla(var(--wtl-variable-color-black), .1);
	font-size: 900;
}

.comment-media-wrap > .comment-media-item i.media-item-delete {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--wtl-color-red);
	border-radius: 0 5px 0 5px;
}

.comment-media-wrap > .comment-media-item i.media-item-delete:hover {
	background: var(--wtl-panel-color-bg-dark);
}

.comment-form-wrap > .comment-form-content > .comment-form-actions-wrap {
	display: flex;
	justify-content: space-between;
	position: relative;
}

.comment-form-wrap > .comment-form-content > .comment-form-actions-wrap > div {
	display: flex;
	flex-direction: row;
}

.comment-form-wrap > .comment-form-content > .comment-form-actions-wrap > div > a {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 18px;
	width: 30px;
	height: 30px;
	text-decoration: none;
	transition: all .2s;
	cursor: pointer;
}

.comment-form-wrap > .comment-form-content > .comment-form-actions-wrap > div > a:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.comment-form-wrap > .comment-form-content .comment-form-actions {
	gap: 5px;
}

/* 	===============================
	Simple lightbox
	=============================== */

.lightbox-iframe-wrap {
	position: relative;
	width: 100%;
	height: 100%;
}
	
.lightbox-iframe-wrap iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 10px;
}

.lightbox-media {
	background-color: var(--wtl-panel-color-bg-overlay);
	bottom: 0;
	left: 0;
	padding: 20px 20px;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 902;
}

.lightbox-media .lightbox-media-in {
	align-content: center;
	align-items: center;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	position: relative;
	width: auto;
	overflow: hidden;
}

.lightbox-media .lightbox-media-in .lightbox-media-controller {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: end;
	justify-content: center;
}

.lightbox-media .lightbox-media-in .lightbox-media-controller i {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: black;
	font-size: 30px;
	color: var(--wtl-panel-color-font-white-100);
	transition: all .2s ease;
	position: relative;
	cursor: pointer;
}

.lightbox-media .lightbox-media-in .lightbox-media-controller i:hover {
	color: var(--wtl-panel-color-font-white-50);
}

.lightbox-media .lightbox-media-in .lightbox-media-controller > div {
	height: 100%;
	width: 100%;
	margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.lightbox-media .lightbox-media-in .lightbox-media-controller video,
.lightbox-media .lightbox-media-in .lightbox-media-controller img {
	max-width: 100%;
	max-height: 100%;
	border-radius: 10px;
}



/* 	===============================
	Content User Styles
	Community / Lesson
	=============================== */

.content-user-styles {
	width: 100%;
	height: 100%;
	white-space: pre-wrap;
	word-wrap: break-word;
	font-family: "Inter", sans-serif;
	text-align: left;
}

.content-user-styles h1,
.content-user-styles h2,
.content-user-styles h3,
.content-user-styles p,
.content-user-styles blockquote,
.content-user-styles img,
.content-user-styles video {
	margin: 0 0 10px 0;
	display: block;
}
.content-user-styles h1 {
	font-size: 28px;
	line-height: 35px;
}
.content-user-styles h2 {
	font-size: 21px;
	line-height: 28px;
}
.content-user-styles h3 {
	font-size: 17px;
	line-height: 24px;
}
.content-user-styles p {
	font-size: 15px;
	line-height: 24px;
	font-weight: normal;
}

.content-user-styles p:last-of-type {
	margin: 0;
}

.content-user-styles a {
	word-break: break-all;
	color: var(--wtl-color-blue);
}

.content-user-styles a[data-user-id] {
	text-decoration: none;
	font-weight: 500;
	padding: 0 4px;
	background: hsla(var(--wtl-color-blue-h), var(--wtl-color-blue-s), calc(var(--wtl-color-blue-l) + 0%), .1);
	transition: all .2s ease;
	border-radius: 3px;
}

.content-user-styles a[data-user-id]:hover {
	background: transparent;
}

.content-user-styles:after {
	font-size: 15px;
	line-height: 24px;
	font-weight: normal;
	font-style: normal !important;
	opacity: .5;
}

.content-user-styles blockquote {
	border-left: 4px solid #e2e2e2; 
	padding: 0 0 0 15px; 
	font-size: 15px;
}
.content-user-styles b {font-weight: bold;}
.content-user-styles i {font-style: italic;}
.content-user-styles u {text-decoration: underline;}
.content-user-styles a {text-decoration: underline;}
.content-user-styles a:hover {text-decoration: none;}
.content-user-styles img {border-radius: 10px;}
.content-user-styles video {width: 100%; height: auto; max-height: calc(100vh - 120px); }



/* 	===============================
	Profile - Boxes
	=============================== */

.wtl-content-wrapper.profile-boxes {
	display: flex;
	flex-direction: column;
	gap: 20px;
	border-radius: 20px;
	border: 1px solid var(--wtl-panel-color-bg-border);
}

.wtl-content-wrapper.profile-boxes .box-section {
	display: flex;
	flex-direction: row;
	gap: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
}

.wtl-content-wrapper.profile-boxes .box-section:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.wtl-content-wrapper.profile-boxes .left {
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 5px;
}

.wtl-content-wrapper.profile-boxes .left.qr-code {
	gap: 20px;
}

.wtl-content-wrapper.profile-boxes .left.qr-code h3 {
	padding-bottom: 5px;
}

.wtl-content-wrapper.profile-boxes .left.qr-code ol {
	padding-left: 16px;
}

.wtl-content-wrapper.profile-boxes .left p {
	margin: 0;
	font-size: var(--wtl_text_normal-size);
	font-weight: var(--wtl_text_normal-font_weight);
	line-height: var(--wtl_text_normal-line_height);
	color: var(--wtl-panel-color-font-dark-75);
}

.wtl-content-wrapper.profile-boxes .right.qr-code {
	flex-direction: column;
	gap: 10px;
}

.wtl-content-wrapper.profile-boxes .right.qr-code .qr-wrap-code {
	min-width: 170px;
	min-height: 170px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.wtl-content-wrapper.profile-boxes .right.qr-code .qr-wrap-code .qr-object {
	min-width: 170px;
	min-height: 170px;
}

.wtl-content-wrapper.profile-boxes .right.qr-code .qr-wrap-code .generate-new-qr {
	background: var(--wtl-panel-color-bg-overlay);
	color: var(--wtl-panel-color-font-white);
	font-weight: 500;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 10px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	cursor: pointer;
	transition: all .2s ease;
}

.wtl-content-wrapper.profile-boxes .right.qr-code .qr-wrap-code .generate-new-qr:hover {
	background: var(--wtl-panel-color-font-dark-75);
}

.wtl-content-wrapper.profile-boxes .right.qr-code .qr-wrap-code .generate-new-qr i {
	font-size: 20px;
}

.wtl-content-wrapper.profile-boxes .right.qr-code .qr-wrap-time {
	min-width: 170px;
	font-weight: 500;
	display: flex;
 	flex-direction: column;
	text-align: center;
}

.wtl-content-wrapper.profile-boxes .right {
	display: flex;
 	align-items: flex-start;
}

.wtl-content-wrapper.profile-boxes .right a {
	width: 160px;
	max-width: 160px;
}

@media screen and (max-width: 991px) {
	.wtl-content-wrapper.profile-boxes .box-section {
		flex-direction: column;
		gap: 10px;
	}
}

@media screen and (max-width: 479px) {
	.wtl-content-wrapper.profile-boxes .right a {
		width: 100%;
		max-width: 100%;
	}
}



/* 	===============================
	Profile - Card
	=============================== */

.wtl-content-wrapper.public-profile-wrapper {
	display: flex;
	flex-direction: row;
	gap: 20px;
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 20px;
}

.wtl-content-wrapper.public-profile-wrapper > .left > img {
	display: block;
	min-width: 140px;
	width: 140px;
	border-radius: 20px;
}

.wtl-content-wrapper.public-profile-wrapper .right {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
}

.wtl-content-wrapper.public-profile-wrapper .right img {
	display: none;
}

.wtl-content-wrapper.public-profile-wrapper .right .name h2 {
	font-size: var(--wtl_text_h2-size);
	font-weight: var(--wtl_text_h2-font_weight);
	line-height: var(--wtl_text_h2-line_height);
	margin: 0;
}

.wtl-content-wrapper.public-profile-wrapper .right .name p {
	font-size: var(--wtl_text_normal-size);
	font-weight: var(--wtl_text_normal-font_weight);
	line-height: var(--wtl_text_normal-line_height);
	color: var(--wtl-panel-color-font-dark-50);
	margin: 0;
}

.wtl-content-wrapper.public-profile-wrapper .right .description {
	font-size: var(--wtl_text_normal-size);
	font-weight: var(--wtl_text_normal-font_weight);
	line-height: var(--wtl_text_normal-line_height);
	color: var(--wtl-panel-color-font-dark-100);
	margin: 0;
}

.wtl-content-wrapper.public-profile-wrapper .right .public-information {
	font-size: var(--wtl_text_normal-size);
	font-weight: var(--wtl_text_normal-font_weight);
	line-height: var(--wtl_text_small-line_height);
	color: var(--wtl-panel-color-font-dark-100);
	margin: 0;
	gap: 10px;
	display: grid;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 1fr;
}

.wtl-content-wrapper.public-profile-wrapper .right .public-information p {
	margin: 0;
}

.wtl-content-wrapper.public-profile-wrapper .right .public-information span {
	font-size: var(--wtl_text_small-size);
	font-weight: var(--wtl_text_small-font_weight);
	line-height: var(--wtl_text_small-line_height);
	color: var(--wtl-panel-color-font-dark-50);
	display: block;
}

.wtl-content-wrapper.public-profile-wrapper .right .wrapper {
	display: flex;
	align-items: flex-end;
	gap: 20px;
}

.wtl-content-wrapper.public-profile-wrapper .right .public-media {
	display: flex;
	gap: 5px;
	flex: 1;
	flex-wrap: wrap;
}

.wtl-content-wrapper.public-profile-wrapper .right .public-media a {
	width: 40px;
	height: 40px;
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-bg-accent);
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	line-height: 20px;
	text-decoration: none;
	transition: all .2s;
}

.wtl-content-wrapper.public-profile-wrapper .right .public-media a:hover {
	background-color: var(--wtl-panel-color-bg-white);
}

.wtl-content-wrapper.public-profile-wrapper .right .btn-standard {
	width: 160px;
	max-width: 160px;
}

@media screen and (max-width: 991px) {
	.wtl-content-wrapper.public-profile-wrapper .left {
		display: none;
	}
	.wtl-content-wrapper.public-profile-wrapper .right {
		gap: 10px;
	}
	.wtl-content-wrapper.public-profile-wrapper .right .user-info {
		flex-direction: row;
		display: flex;
		gap: 20px;
	}
	.wtl-content-wrapper.public-profile-wrapper .right .user-info img {
		display: flex;
		display: flex;
		width: 50px;
		height: 50px;
		border-radius: 10px;
	}
	.wtl-content-wrapper.public-profile-wrapper .right .wrapper {
		flex-direction: column;
		gap: 20px;
		align-items: flex-start;
		margin-top: 10px;
	}
}

@media screen and (max-width: 767px) {
	.wtl-content-wrapper.public-profile-wrapper .right .public-information {
		grid-template-rows: auto;
		grid-template-columns: 1fr;
	}
}

@media screen and (max-width: 479px) {
	.wtl-content-wrapper.public-profile-wrapper .right .btn-standard {
		width: 100%;
		max-width: 100%;
	}
}



/* 	===============================
	New inputs css
	=============================== */

/* 	Zerowanie starego CSS */

.lesson-toggle-status .input-wrap {
	margin-top: inherit;
}

.lesson-toggle-status .input-wrap > label {
	margin-bottom: inherit;
	font-size: inherit;
	font-weight: inherit;
}

.lesson-toggle-status {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	position: relative;
}

.lesson-toggle-status label {
	cursor: pointer;
	padding: 10px 15px 10px 15px;
	display: flex;
	flex-direction: row-reverse;
	gap: 10px;
	justify-content: center;
}

.lesson-toggle-status label > span {
	z-index: 1;
	color: var(--wtl-color-white);
	align-items: center;
	margin: 0;
	font-family: var(--wtl-panel-font-family);
	font-size: 15px;
	font-weight: 500;
	line-height: 20px;
	display: flex;
	position: relative;
}

.lesson-toggle-status input[type="checkbox"] {
	display: none;
}

.lesson-toggle-status input[type="checkbox"] ~ .toggle {
	font-family: 'Font Awesome 6 Pro', sans-serif;
	font-size: 18px;
	line-height: inherit;
	background-color: var(--wtl-panel-color-bg-transparent);
	width: 20px;
	height: 20px;
	display: flex;
	align-content: center;
	justify-content: center;
}

.lesson-toggle-status input[type="checkbox"] ~ .toggle:before {
	color: var(--wtl-color-white);
	content: "\f057";
	font-weight: 900;
	z-index: 1;
}

.lesson-toggle-status input[type="checkbox"]:checked ~ .toggle:before {
	color: var(--wtl-color-white);
	content: "\f058";
	font-weight: 900;
}

.lesson-toggle-status input[type="checkbox"] ~ .toggle:after {
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: '';
	background: var(--wtl-color-red);
	border-radius: 20px;
	transition: all .2s ease;
}

.lesson-toggle-status input[type="checkbox"]:checked ~ .toggle:after {
	background: var(--wtl-color-green);
}



/* end new inputs */


/* 	===============================
	Color classes
	=============================== */

.wtl-color-red {color: var(--wtl-color-red);}
.wtl-color-orange {color: var(--wtl-color-orange);}
.wtl-color-yellow {color: var(--wtl-color-yellow);}
.wtl-color-green {color: var(--wtl-color-green);}
.wtl-color-blue {color: var(--wtl-color-blue);}
.wtl-color-purple {color: var(--wtl-color-purple);}
.wtl-color-dark {color: var(--wtl-color-dark);}
.wtl-color-white {color: var(--wtl-color-white);}
.wtl-color-black {color: var(--wtl-color-black);}

/* end color classes */


.display-none {
	display: none !important;
}

.invoice-show-hide {
	display: none;
}

.invoice-show-hide.show {
	display: block;
}

.table {
	color: var(--wtl-panel-color-font-dark-100) !important;
	border-color: var(--wtl-panel-color-bg-border) !important;
	margin-bottom: 0 !important;
	line-height: 24px;
}

.table a {
	display: inline-block;
}

.btn-standard.small-table {
	height: unset;
	border-radius: 5px;
	padding: 0 10px;
	font-size: 14px;
	line-height: 24px;
}

.settings-checkboxes > .input-wrap {
    margin-top: 0!important;
}

.register_checkbox_consent {
    margin-left: 10px;
}

.custom_settings_date_inputs {
	display: none;
}

.register_checkbox {
    display: flex;
    flex-direction: row;
}

.register_checkbox label {
    cursor: pointer;
}

.w-input::placeholder, .w-select::placeholder {
	color: var(--wtl-panel-color-font-dark-50);
}

.w-select:focus,
.w-input:focus {
	border-color: var(--wtl-panel-color-bg-border-active);
}

.login-page-box .input-wrap input {
	transition: all .2s ease;
}

.login-page-box .input-wrap input:focus::placeholder {
	color: transparent;
}

.login-page-box .input-checkbox-toggle > input {
	display: none;
}

.ratio > * {
	position: absolute !important;
}

.w-input {
	color: var(--wtl-panel-color-font-dark-100);
}

.post-iframe-16_9 {
	position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
	width: 100%;
	margin-top: 10px;
}

.post-iframe-16_9 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border-radius: 10px;
}

.cp-post-cut {
	height: auto;
	width: 100%;
	overflow: hidden;
}

.cp-post-cut video {
	width: 100%;
	height: auto;
}

.expanded {
	height: max-content;
	max-height: 100000px;
}

.emoji {
	position: absolute !important;
	top: -410px;
	right: 0;
	height: 400px !important;
	border-radius: 10px !important;
}

.emoji > div:last-of-type {
	display: none;
}

.medium-editor-toolbar-actions {
	background-color: var(--wtl-panel-color-bg-dark);
}

.btn-standard-invalid {
	background-color: gray;
	color: white;
}

.post-user-mention-list.medium-editor-toolbar ul {
	background: var(--wtl-panel-color-bg-white);
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	padding: 7px 0;
	max-height: 200px;
	overflow-y: auto;
}

.post-user-mention-list ul li {
	color: var(--wtl-panel-color-font-dark-100);
	cursor: pointer;
	display: block;
	float: none;
	font: var(--wtl-variable-style-font);
	font-size: 15px;
	line-height: 20px;
	padding: 3px 10px;
	transition: all .2s ease;
	max-width: 320px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.post-user-mention-list ul li:hover {
	background: var(--wtl-panel-color-accent-light);
}

.post-user-mention-list ul li img {
	width: 20px;
	height: 20px;
	border-radius: 5px;
	object-fit: cover;
	margin-right: 6px;
}

.tooltip-button {
	position: relative;
	display: inline-block;
}

.post-content-popup .tooltip-button input.btn-standard {
	height: 40px;
	border-radius: 10px;
}

.tooltip-button .tooltiptext {
	width: 140px;
	background-color: gray;
	color: white;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 110%;
	left: 50%;
	margin-left: -70px;
	opacity: 0;
	transition: opacity 0.3s;
	visibility: hidden;
}

.tooltip-button:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.tooltip-button .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: gray transparent transparent transparent;
}

.custom-file-input {
	display: none;
}

.custom-file-button {
	display: inline-block;
	padding: 10px;
	background-color: #1374f2;
	color: white;
	border-radius: 5px;
	cursor: pointer;
}

.custom-file-button:hover {
	background-color: #0d59b1;
}

.community-post h2,
.community-post h3 {
	display: block;
}

.medium-editor-toolbar li button {
	background: var(--wtl-panel-color-bg-border);
}

.medium-editor-toolbar li button:hover {
	background: var(--wtl-panel-color-bg-border-active);
}

.medium-editor-toolbar li .medium-editor-button-active {
	background: var(--wtl-panel-color-accent);
}

.medium-editor-element img{
	display: block;
}

.medium-editor-toolbar {
	border: 1px solid var(--wtl-variable-color-dark) !important;
	background-color: var(--wtl-variable-color-dark) !important;
	border-radius: 5px !important;
	overflow: hidden !important;
}

.medium-editor-toolbar-input,
.medium-editor-toolbar-form{
	background-color: #212529 !important;
	color: white !important;
}
.medium-editor-toolbar-anchor-preview{
	background-color: #212529 !important;
	color: white !important;
}

.medium-editor-toolbar-form a {
	margin: 5px 5px 5px 5px !important;
}

.medium-editor-toolbar li button {
	color: var(--wtl-panel-color-font-white) !important;
	padding: 0 !important;
	width: 35px !important;
	height: 35px !important;
	font-size: 12px !important;
}

.medium-editor-toolbar-save {
	color: var(--wtl-panel-color-font-white) !important;
	margin-top: 2px !important;
}

.medium-editor-toolbar-close {
	color: var(--wtl-panel-color-font-white) !important;
	margin-top: 2px !important;
}

.medium-toolbar-arrow-under::after {
	width: 0 !important;
	height: 0 !important;
	border-left: 10px solid transparent !important;
	border-right: 10px solid transparent !important;
	border-top: 10px solid var(--wtl-variable-color-dark) !important;
}

.hidden {
	display: none;
}

.visible {
	display: block;
}

.loading-chat-message {
	background: var(--wtl-panel-color-bg-accent);
	padding: 10px;
	text-align: center;
	border-radius: 10px;
}

.empty-chat-message {
	display: none;
	background: var(--wtl-panel-color-bg-accent);
	padding: 10px;
	text-align: center;
	border-radius: 10px;
}

.wtl-required {
	color: var(--wtl-color-red);
}

.community-post .cp-title > h2 {
	flex-grow: 1;
}

.community-chat-table {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 20px;
}

.cpi-cs-title-heading {
	min-height: 40px;
}

.content-page-right.profile-completion form {
	display: flex;
	flex-direction: column;
	align-items: end;
}

.content-page-right.profile-completion form .content-box-wht {
	width: 100%;
	border-radius: 0;
}

.content-page-right.profile-completion form .content-box-wht:nth-child(1) {
	border-radius: 10px 10px 0 0;
	border-bottom: none;
}

.content-page-right.profile-completion form .content-box-wht:nth-child(2) {
	border-radius: 0 0 10px 10px;
	margin-bottom: 30px;
	border-top: none;
}

.odi-a-rating.guest-opinions p {
	line-height: 20px;
	transition: all .2s;
	margin-left: 0;
	margin-bottom: 0;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
}

.odi-a-rating.guest-opinions .odi-ara-btn {
	font-weight: 300;
}

.content-box-raw.thakyou-box {
	display: none;
}

.content-box-raw.thakyou-box.active {
	display: flex;
}

.thankyou-opinion {
	grid-row-gap: 20px;
	flex-direction: column;
	align-items: center;
	display: flex;
}

.thankyou-opinion > p {
	text-align: center;
}

.add-cover-btn {
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.add-cover-btn .input-wrap {
	margin: 0;
}

.add-cover-btn #create_post_form_postCover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.add-cover-btn #create_post_form_postCover_file {
	opacity: 0;
	cursor: pointer;
	padding-top: 120px;
}

.add-cover-btn .custom-file-label {
	display: none;
}

.e-odiud-left {
	width: 40px;
	max-width: 40px;
}

.certificate-ai-popup .popup-form-wrap > form {
	grid-row-gap: 10px;
	flex-direction: column;
	display: flex;
}

.content-page-right.profile-completion form .cbv-biw-form-wrap.last {
	display: none;
}

.content-page-right.profile-completion form .cbv-biw-form-wrap.image {
	padding-bottom: 0;
}

.content-page-right.profile-completion form .cbv-slw-form-wrap.last {
	display: none;
}

.content-page-right.profile-completion .cbv-epi-left p {
	margin-top: 10px;
	margin-bottom: 0;
}

.certificate-ai-popup .popup-form-wrap > form .input-wrap {
	margin: 0;
}

.certificate-ai-popup .popup-form-wrap > form .input-wrap label {
	display: none;
}

.cpi-community-notification {
	display: flex;
	flex-direction: column;
	flex: 1;
	align-items: center;
	gap: 10px;
	border-radius: 20px;
	border: 1px solid var(--wtl-panel-color-bg-border);
	padding: 20px;
}

.cpi-community-notification img {
	margin-bottom: 10px;
	width: 40px;
}

.cpi-community-notification p {
	text-align: center;
}

.content-page.blog-page {
	padding-top: 30px;
}


/* Scrolle Fix */
.certificate-ai-popup .popup-content,
.cpi-cc-comments,
.certificate-ai-popup,
.cpi-cc-comments,
.cm-left-trash-messages,
.cm-rm-wrap,
.cm-lnm-user-items-wrap,
.cm-left-inbox-messages,
.cm-right-messages,
.popup-build-content {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

.certificate-ai-popup .popup-content::-webkit-scrollbar,
.cpi-cc-comments::-webkit-scrollbar,
.certificate-ai-popup::-webkit-scrollbar,
.cpi-cc-comments::-webkit-scrollbar,
.cm-left-trash-messages::-webkit-scrollbar,
.cm-rm-wrap::-webkit-scrollbar,
.cm-lnm-user-items-wrap::-webkit-scrollbar,
.cm-left-inbox-messages::-webkit-scrollbar,
.cm-right-messages::-webkit-scrollbar,
.popup-build-content::-webkit-scrollbar {
    display: none;
	width: 0 !important;
}

.popup-heading {
	margin-right: 40px;
	padding-bottom: 30px;
}

.w-clearfix::before,
.w-clearfix::after {
	content: " ";
	display: table;
	grid-column-start: 1;
	grid-row-start: 1;
	grid-column-end: 2;
	grid-row-end: 2;
	clear: both;
}

#paymentsDataContainer tr td:nth-child(1),
#paymentsDataContainer tr td:nth-child(2),
#paymentsDataContainer tr td:nth-child(3),
#paymentsDataContainer tr td:nth-child(4),
#paymentsDataContainer tr td:nth-child(5) {
	padding: 15px 10px 10px 0 !important;
}

.community-post-image.post-blocks .fa-ico.pin-post {
	position: absolute;
	top: 10px;
	bottom: auto;
	left: auto;
	right: 50px;
	background-color: var(--wtl-panel-color-bg-white);
	color: var(--wtl-panel-color-font-dark-50);
	z-index: 2;
	cursor: pointer;
}

.community-post-image.post-blocks .fa-ico.pin-post:hover {
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-bg-white);
}

.fa-ico.pin-post {
	width: 30px;
	height: 30px;
	border-radius: 5px;
	justify-content: center;
	align-items: center;
	margin-left: 0;
	font-family: "Font Awesome 6 Pro", sans-serif;
	font-weight: 300;
	transition: all .2s;
	display: flex;
	text-decoration: none;
	color: var(--wtl-panel-color-font-dark-50);
}

.fa-ico.pin-post:hover {
	background-color: var(--wtl-panel-color-bg-accent);
	color: var(--wtl-panel-color-font-dark-100);
}

.fa-ico.cm-right-top-undo-ico {
	width: 30px;
	height: 30px;
	color: var(--wtl-panel-color-font-dark-50);
	justify-content: center;
	align-items: center;
	font-size: 21px;
	font-weight: 300;
	line-height: 20px;
	text-decoration: none;
	transition: all .2s;
	display: flex;
}

.fa-ico.cm-right-top-undo-ico:hover {
	color: var(--wtl-panel-color-accent);
}

.fa-ico.cm-right-top-undo-ico.fa-trash-can {
	text-decoration: none;
}

.w-input, .w-select {
	margin-bottom: 0;
	border-color: var(--wtl-panel-color-bg-border);
}

.wtl-mr-0 {
	margin-right:0;
}

.input-w-textarea.form-popup:focus {
	padding-top: 20px;
}

.input-w-field.form-popup:focus {
	padding: 20px;
}

.w-form-formradioinput--inputType-custom {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-color: var(--wtl-panel-color-bg-border);
	border-bottom-color: var(--wtl-panel-color-bg-border);
	border-left-color: var(--wtl-panel-color-bg-border);
	border-right-color: var(--wtl-panel-color-bg-border);
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	width: 12px;
	height: 12px;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
	box-shadow: 0 0 3px 1px var(--wtl-panel-color-bg-border-active);
}

.pb-form-sq-number {
	width: 30px;
	min-width: 30px;
	display: inline-block;
	margin-left: -30px;
}

.pb-form-section.policy-form {
	background-color: var(--wtl-panel-color-bg-accent);
	margin-bottom: 30px;
	margin-left: 0;
	margin-right: 0;
	padding: 30px;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-right-width: 4px;
	border-top-color: var(--wtl-panel-color-bg-border-active);
	border-bottom-color: var(--wtl-panel-color-bg-border-active);
	border-left-color: var(--wtl-panel-color-bg-border-active);
	border-right-color: var(--wtl-panel-color-bg-border-active);
}

.w-checkbox {
	display: block;
	margin-bottom: 5px;
	padding-left: 20px;
}

.w-checkbox::before {
	content: ' ';
	display: table;
	-ms-grid-column-span: 1;
	grid-column-end: 2;
	-ms-grid-column: 1;
	grid-column-start: 1;
	-ms-grid-row-span: 1;
	grid-row-end: 2;
	-ms-grid-row: 1;
	grid-row-start: 1;
}

.w-checkbox::after {
	content: ' ';
	display: table;
	-ms-grid-column-span: 1;
	grid-column-end: 2;
	-ms-grid-column: 1;
	grid-column-start: 1;
	-ms-grid-row-span: 1;
	grid-row-end: 2;
	-ms-grid-row: 1;
	grid-row-start: 1;
	clear: both;
}

.w-checkbox-input {
	float: left;
	margin-bottom: 0;
	margin-left: -20px;
	margin-right: 0;
	margin-top: 4px;
	line-height: normal;
}

.w-checkbox-input--inputType-custom {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-color: var(--wtl-panel-color-bg-border);
	border-bottom-color: var(--wtl-panel-color-bg-border);
	border-left-color: var(--wtl-panel-color-bg-border);
	border-right-color: var(--wtl-panel-color-bg-border);
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	width: 12px;
	height: 12px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
	background-color: var(--wtl-panel-color-bg-border-active);
	border-top-color: var(--wtl-panel-color-bg-border-active);
	border-bottom-color: var(--wtl-panel-color-bg-border-active);
	border-left-color: var(--wtl-panel-color-bg-border-active);
	border-right-color: var(--wtl-panel-color-bg-border-active);
	background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
	box-shadow: 0 0 3px 1px var(--wtl-panel-color-bg-border-active);
}

body {
	font-family: var(--wtl-panel-font-family);
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	line-height: 20px;
	text-align: left;
	background: var(--wtl-panel-color-bg-white);
}

h1 {
	margin-top: 0;
	margin-bottom: 0;
	flex: 0 auto;
	font-family: var(--wtl-panel-font-family);
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 28px;
	line-height: 35px;
	font-weight: 700;
}

h2 {
	display: flex;
	margin-top: 0;
	margin-bottom: 0;
	align-items: center;
	flex: 1;
	font-family: var(--wtl-panel-font-family);
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 21px;
	line-height: 28px;
	font-weight: 700;
}

h3 {
	margin-top: 0;
	margin-bottom: 0;
	flex-direction: column;
	align-items: flex-start;
	flex: 1;
	font-family: var(--wtl-panel-font-family);
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 17px;
	line-height: 20px;
	font-weight: 700;
}

h4 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 17px;
	line-height: 24px;
	font-weight: 500;
}

a {
	font-family: var(--wtl-panel-font-family);
	color: var(--wtl-panel-color-accent);
	font-size: 15px;
	line-height: 20px;
	text-align: left;
	text-decoration: underline;
}

label {
	display: block;
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: 400;
}

.cpi-courses-section h2 {
	flex: 1;
}

.cpi-community-eii-ico {
	height: auto;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	font-weight: 300;
	display: inline-block;
}

.cpi-community-eii-txt {
	display: inline-block;
}

.cpi-community-eii-count {
	line-height: 20px;
	display: inline-block;
}

.cpi-cei-txt {
	font-size: 15px;
	font-weight: 500;
}

.cpi-cei-txt.name {
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
	font-weight: 500;
}

.cpi-cei-txt.title {
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 17px;
	font-weight: 600;
	text-decoration: none;
	transition: all .2s;
}

.cpi-cei-txt.title:hover {
	color: var(--wtl-panel-color-accent);
}

.cpi-cei-txt.date {
	color: var(--wtl-panel-color-font-dark-50);
	margin-top: 4px;
	font-size: 14px;
	font-weight: 500;
}

.cpi-cei-data-wrap {
	width: 50px;
	height: 50px;
	color: var(--wtl-panel-color-font-dark-100);
	text-align: center;
	background-color: var(--wtl-panel-color-bg-accent);
	border-radius: 10px;
	flex-direction: column;
	flex: none;
	justify-content: center;
	align-self: flex-start;
	align-items: center;
	display: flex;
}

.cpi-cei-data.day {
	font-size: 17px;
	font-weight: 600;
	line-height: 20px;
}

.cpi-cei-data.month {
	font-size: 12px;
	line-height: 15px;
}

.cpi-community-events {
	grid-row-gap: 20px;
	flex-direction: column;
	display: flex;
}

.community-info-box.training-list {
	grid-column: 1 / 4;
}

.cpi-community-event-item-wrap {
	grid-row-gap: 10px;
	flex-direction: column;
	display: flex;
}

.cpi-community-event-item {
	display: flex;
	flex-direction: column;
	padding: 20px;
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 20px;
}

.cpi-community-event-item-top {
	grid-column-gap: 15px;
	align-items: center;
	display: flex;
}

.cpi-community-event-item-bottom {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	
}

.cpi-community-events-heading {
	min-height: 50px;
	flex-direction: row;
	align-items: center;
	margin-bottom: -20px;
	padding-left: 20px;
}

.cpi-community-event-item-info {
	height: 30px;
	grid-column-gap: 10px;
	color: var(--wtl-panel-color-font-dark-50);
	background-color: var(--wtl-panel-color-bg-transparent);
	border-radius: 5px;
	align-items: center;
	margin-right: 0;
	padding: 0 10px;
	font-size: 15px;
	font-weight: 500;
	line-height: 20px;
	text-decoration: none;
	transition: all .2s;
	display: flex;
	cursor: pointer;
}

.cpi-community-event-item-info:hover {
	color: var(--wtl-panel-color-accent);
	background-color: var(--wtl-panel-color-bg-accent);
}

.cpi-community-event-item-info-wrap {
	flex: 1;
	align-items: flex-end;
	display: flex;
}

.cpi-cb-info-txt {
	color: var(--wtl-panel-color-font-dark-100);
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
	text-decoration: none;
	transition: all .2s;
}

.cpi-cb-info-txt:hover {
	color: var(--wtl-panel-color-accent);
}

.cpi-cb-info-txt.name {
	color: var(--wtl-panel-color-font-dark-50);
	font-weight: 400;
}

.cpi-cb-info-txt.value {
	padding-bottom: 10px;
	padding-top: 10px;
}

.cpi-cb-info-emoji {
	text-align: center;
	margin-bottom: 20px;
	font-size: 28px;
	line-height: 30px;
}

.nav-page {
	padding-top: 30px;
	padding-bottom: 30px;
}

.nav-page.information-page.hide {
	display: none;
}




/* 	===============================
	Layout
	=============================== */

.layout {
	flex-direction: row;
	display: flex;
	position: relative;
	min-height: 100vh;
	background: var(--wtl-panel-color-bg-white);
}

.layout .content {
	overflow: auto;
	width: 100%;
	padding: 90px 30px 30px 30px;
	background: var(--wtl-panel-color-bg-white);
}

.content .content-in {
	display: flex;
	flex-direction: column;
	gap: 30px;
	width: 100%;
	margin: 0 auto;
}

.body-creator > .content {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.body-creator .content.width-full.contact {
	max-width: 100%;
	padding: 0 0 0 0;
}

.content.width-full.contact,
.content.width-full.blog {
	max-width: 100%;
	padding: 60px 0 0 0;
}

.content.width-narrow.custom-catalog-page {
	padding: 30px;
	flex: 1;
}

.content.width-full.contact .content,
.content.width-full.blog .content {
	padding: 30px;
}

.content.width-full.contact .content-contact {
	padding: 0;
}

.content.width-full .content-in {
	max-width: 100%;
}

.content.width-wide .content-in {
	max-width: 1280px;
}

.content.width-narrow .content-in {
	max-width: 900px;
}

.content.width-small .content-in {
	max-width: 479px;
}

.content.contact.footer-feature,
.content.blog.footer-feature,
.layout .content.footer-feature,
.content.footer-feature {
	padding-bottom: 90px;
}

@media screen and (max-width: 767px) {
	.content.contact.footer-feature,
	.content.blog.footer-feature,
	.layout .content.footer-feature,
	.content.footer-feature {
		padding-bottom: 135px;
	}
}

.content-lesson {
	width: 100%;
	border-radius: 20px 0 0 0;
}

.content-lesson .content-lesson-in {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	width: 100%;
	max-height: 100%;
	scroll-behavior: smooth;
	padding: 90px 30px 70px 30px;
}

.content-lesson.wide-view .content-lesson-in {
	padding: 0;
}

.content-lesson.lesson-scroll-margin,
.content-lesson .lesson-scroll-margin {scroll-margin-top: 80px;}
.content-lesson.wide-view.lesson-scroll-margin,
.content-lesson.wide-view .lesson-scroll-margin {scroll-margin-top: 20px;}

@media screen and (max-width: 767px) {
	.layout .content {
		padding: 80px 20px 20px 20px;
	}
	.layout .content .content-in {
		gap: 20px;
	}
	.layout .content-site {
		gap: 20px;
	}
	.layout .content-lesson .content-lesson-in {
		padding: 60px 0 70px 0;
	}
}


/* 	End - Layout */




/* 	===============================
	Layout Creator
	=============================== */

.content-creator {
	overflow: auto;
	width: 100%;
	padding: 30px;
	border-radius: 20px 0 0 0;
	background: var(--wtl-panel-color-bg-white);		
}

.content-creator .content-creator-in {
	display: flex;
	flex-direction: column;
	gap: 30px;
	width: 100%;
	margin: 0 auto;
	max-width: 1280px;
}

@media screen and (max-width: 767px) {
	.content-creator {
		overflow: auto;
		width: 100%;
		padding: 30px 20px;
	}
}


/* 	End - Layout Creator */




/* 	===============================
	Content Header
	=============================== */

.content-header {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.content-header .content-header-top {
	min-height: 40px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

.content-header .content-header-top .content-header-top-actions {
	display: flex;
	flex-direction: row;
	gap: 10px;
}

.content-header .content-header-breadcrumbs {
	display: flex;
}

.content-header .content-header-breadcrumbs a {
	position: relative;
	text-decoration: none;
	color: var(--wtl-panel-color-font-dark-75);
	transition: all .2s ease;
}

.content-header .content-header-breadcrumbs a:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.content-header .content-header-breadcrumbs a:after {
	content: '>';
	margin: 0 5px;
	pointer-events: none;
}

.content-header .content-header-breadcrumbs a:last-of-type:after {
	display: none;
}

.content-header .content-header-actions .content-header-exam-bar {
	display: flex;
	width: 100%;
	position: relative;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	padding: 10px 20px;
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 20px;
}

.content-header .content-header-actions {
	align-items: center;
	display: flex;
	flex-direction: row;
	width: 100%;
	gap: 10px;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.content-header .content-header-actions::-webkit-scrollbar {
  display: none;
}

.content-header .content-header-actions .content-header-actions-additional {
	display: flex;
	flex-direction: row;
	justify-content: end;
	gap: 10px;
	flex: 1;
}

.content-header-actions-progress-bar {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 15px;
	line-height: 28px;
	white-space: nowrap;
	padding: 0 12px;
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 15px;
}

.content-header-actions-progress-bar-value {
	width: 60px;
	height: 8px;
	border-radius: 5px;
	background-color: var(--wtl-panel-color-bg-border);
}

.content-header-actions-progress-bar-value-in {
	width: 65%;
	height: 100%;
	border-radius: 4px;
	background-color: var(--wtl-panel-color-accent);
}

@media screen and (max-width: 991px) {
	.content-header .content-header-actions .content-header-exam-bar {
		position: relative;
		height: auto;
		min-height: auto;
		flex-direction: column;
		align-items: stretch;
		padding: 20px;
	}
}

/* 	End - Content Header */




/* 	===============================
	Content Site
	=============================== */

.content-site {
	display: flex;
	flex-direction: column;
	gap: 30px;
	width: 100%;
}


/* FAQ */
.content-site.faq .content-page-left {width: 100%;}
.content-site.faq .content-page-right {width: 100%; flex-direction: row; gap: 30px;}
.content-site.faq .content-page-right .content-box-wht {width: 100%;}

@media screen and (max-width: 1280px) {
	.content-site.faq .content-page-right {flex-direction: column;}
}


/* FAQ Form */
.content-site.faq-form {flex-direction: row;}
.content-site.faq-form .content-page-left {width: calc(100% * 2 / 3);}
.content-site.faq-form .content-page-right {width: calc(100% / 3);}

@media screen and (max-width: 1280px) {
	.content-site.faq-form {flex-direction: column;}
	.content-site.faq-form .content-page-left {width: 100%;}
	.content-site.faq-form .content-page-right {width: 100%;}
}

/* Certificates */
.content-site.certificates {gap: 10px;}




@media screen and (max-width: 1280px) {}
@media screen and (max-width: 991px) {}
@media screen and (max-width: 767px) {}
@media screen and (max-width: 479px) {}



/* End - Content Site */




/* 	===============================
	Content notification
	=============================== */

.content-notification {
	display: flex;
	flex-direction: column;
	gap: 5px;
	position: relative;
	width: 100%;
	padding: 20px 20px 20px 55px;
	background: var(--wtl-panel-color-bg-accent);
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 20px;
	align-items: flex-start;
}

.content-notification * {
	margin: 0;
}

.content-notification span {
	font-size: 17px;
	line-height: 28px;
	font-weight: 700;
}

.content-notification i {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 20px;
	line-height: 28px;
}

/* 	End - Content notification */





/* 	===============================
	Content Welcome Message
	=============================== */

.content-additional-message {
	display: none;
	flex-direction: column;
	width: 100%;
	padding: 30px 0 0 0;
	border-top: 1px solid var(--wtl-panel-color-bg-border);
}

.content-additional-message.active {
	display: flex;
}

.content-additional-message .ratio.ratio-16x9 {
	border-radius: 10px;
	overflow: hidden;
}

.content-additional-message .content-additional-message-video {
	display: flex; 
	flex-direction: row; 
	justify-content: center; 
	align-items: center;
	margin-top: 20px;
}

/* 	End - Content Welcome Message */




/* 	===============================
	Content Products
	=============================== */

.content-creator-products {
	display: flex;
	flex-direction: column;
	gap: 30px;
	width: 100%;
}

.content-products.community:first-of-type,
.content-creator-products.first-no-border .content-products:first-of-type {
	border-top: none;
	padding-top: 0;
}

.content-products {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	padding-top: 30px;
	border-top: 1px solid var(--wtl-panel-color-bg-border);
}

.content-products .content-products-in {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}

.content-products .content-products-header {
	display: flex;
	flex-direction: column;
	align-items: start;
}

.content-products .content-products-header > a {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	min-height: 30px;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	text-decoration: none;
	color: var(--wtl-panel-color-font-dark-100);
	transition: all .2s ease;
}

.content-products .content-products-header > a:hover {
	color: var(--wtl-panel-color-font-dark-75);
}

.content-products .content-products-header > a i {
	color: var(--wtl-panel-color-accent);
}

.content-products .content-products-header-additional {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	min-height: 40px;
}

.content-products .content-products-header-additional span {
	padding: 0 12px;
	line-height: 28px;
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 15px;
}

.content-products .content-products-header-additional .content-products-header-additional-sort {
	display: flex;
	flex-direction: row;
}

.content-products .content-products-header-additional .content-products-header-additional-sort a {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: var(--wtl-panel-color-font-dark-50);
	transition: all .2s ease;
	text-decoration: none;
	font-size: 20px;
}

.content-products .content-products-header-additional .content-products-header-additional-sort a.active,
.content-products .content-products-header-additional .content-products-header-additional-sort a:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.content-products-wrap {
	display: grid;
	gap: 20px;
	grid-auto-columns: 1fr;
	grid-auto-flow: row;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.content-products.community .content-products-wrap {grid-template-columns: 1fr 1fr 1fr;}

.content-products-wrap.inline {
	width: 100%;
	flex-direction: row;
	grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 991px) {
	.content-products-wrap {grid-template-columns: 1fr 1fr 1fr;}
	.content-products.community .content-products-wrap {grid-template-columns: 1fr 1fr;}
	.content-products-wrap.inline {grid-template-columns: 1fr;}
}

@media screen and (max-width: 767px) {
	.content-products-wrap {grid-template-columns: 1fr 1fr;}
	.content-products.community .content-products-wrap {grid-template-columns: 1fr;}
}

@media screen and (max-width: 479px) {
	.content-products-wrap {grid-template-columns: 1fr;}
}


/* 	End - Content Products */






.content-page {
	flex: 1;
	padding-bottom: 100px;
	display: block;
	overflow: hidden;
}

.content-page .ql-editor {
	padding: 0;
}

.content-page.bg-wht {
	background-color: var(--wtl-panel-color-bg-white);
}

.content-page.bg-wht.dasboard-recommended {
	padding-bottom: 10px;
}

.react-comment > div {
	padding: 20px;
	gap: 20px;
	display: flex;
	flex-direction: column;
}

.lesson-content-item .react-comment {
	background-color: var(--wtl-panel-color-bg-white);
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 20px;
	padding: 20px;
}

.lesson-content-item .react-comment > div > .comment-form-wrap {order: 1;}
.lesson-content-item .react-comment > div > .community-comments {order: 2;}
.lesson-content-item .react-comment > div > button {order: 3;}

.cpi-community-post .react-comment > div {padding-top: 0;}
.cpi-community-post .react-comment > div > .comment-form-wrap {order: 3;}
.cpi-community-post .react-comment > div > .community-comments {order: 1;}
.cpi-community-post .react-comment > div > button {order: 2;}

.react-comment .form-wrapper {
	text-align: left;
	flex-direction: column;
}

.content-page.exam {
	padding-top: 30px;
}

.content-page.courses-details {
	padding-bottom: 0;
	flex: 0 auto;
}

.content-page.information-page {
	display: flex;
	flex-direction: column;
}

.content-page-left {
	width: 25%;
}

.content-page-left.notes {
	display: none;
	flex-direction: column;
	gap: 20px;
	width: 100%;
}

.content-page-left.notes.active {
	display: flex;
}

.content-page-left.certificates {
	display: none;
	width: 100%;
}

.content-page-left.certificates.active {
	display: flex;
	flex-direction: column;
	grid-row-gap: 10px;
}

.content-page-in {
	max-width: 1280px;
	flex-direction: row;
	display: flex;
	margin-right: auto;
	margin-left: auto;
}

.content-page-in.courses {
	flex-direction: column;
}

.content-lesson > .no-access {
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
	justify-content: center;
	justify-content: flex-start;
	gap: 20px;
}

.content-lesson > .no-access h2 {
	flex: unset;
}

.content-site.exam {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.content-page-in.profile-completion {
	padding-top: 50px;
	justify-content: center;
}

.content-page-in.contact {
	padding-top: 30px;
}

.content-page-in.login-page {
	display: flex;
	max-width: 1280px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.content-page-in.webinar {
	flex-direction: column;
}

.content-page-in.newsletter {
	flex-direction: column;
}

.cpi-blog-header {
	display: flex;
	padding: 0 15px;
}

.content-page-in.courses-details {
	max-width: none;
	padding-right: 0;
	padding-left: 0;
	flex-direction: column;
	align-items: center;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
}

.content-page-in.opinions {
	max-width: 1280px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	display: flex;
}

.footer-panel {
	z-index: 6;
	min-height: 90px;
	grid-column-gap: 50px;
	background-color: var(--wtl-panel-color-bg-accent);
	flex-direction: row;
	flex: none;
	justify-content: space-between;
	align-items: center;
	padding: 20px 20px 20px 15px;
	display: flex;
	position: relative;
}

.content-page-right {
	width: 75%;
	grid-row-gap: 30px;
	flex-direction: column;
	display: flex;
}

.content-page-right .opinion-link {
	grid-row-gap: 20px;
}

.content-page-right.notes {
	display: none;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	padding-top: 30px;
	gap: 10px;
}

.content-page-right.notes.active {
	display: flex;
}

.content-page-right.profile-completion {
	width: 100%;
	max-width: 991px;
}

.content-page-right.messages {
	width: 100%;
}

.content-page-right.faq {
	width: 34%;
}

.content-page-right.faq-contact {
	width: 34%;
}

.content-page-right.opinions {
	width: 100%;
	max-width: 991px;
	padding-top: 50px;
}

.content-page-right.guest-opinions .opinion-data-new {
    margin-top: 0;
}

.content-page-right.guest-opinions {
    width: 100%;
    max-width: 724px;
}

.content-page-right.guest-opinions .opinion-data-new {
    padding-top: 0;
}

.btn-nav-page {
	width: 60px;
	height: 60px;
	background-color: var(--wtl-panel-color-bg-white);
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
	padding: 0;
	border-radius: 50%;
	background-color: var(--wtl-panel-color-bg-white);
	transition: all .2s ease;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 21px;
	font-weight: 300;
	line-height: 30px;
	text-decoration: none;
	transition: all .2s;
	display: flex;
	position: relative;
	cursor: pointer;
}

.btn-nav-page:hover {
	background-color: var(--wtl-panel-color-bg-accent);
	box-shadow: inset 0 0 0 5px var(--wtl-panel-color-bg-white);
}

.btn-nav-page.active {
	background-color: var(--wtl-panel-color-bg-accent);
	box-shadow: inset 0 0 0 5px var(--wtl-panel-color-bg-white);
}

.nav-page-left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	flex: 1;
}

.nav-page-left.guest-opinions {
	align-items: center;
}

.nav-page-left.guest-opinions h2 {
	margin-top: 10px;
	font-weight: 500;
}

.nav-page-right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	grid-column-gap: 15px;
	text-decoration: none;
}

.cpil-cspd-text-plain {
	position: relative;
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
}

.nav-content {
	margin-bottom: 0;
	padding-left: 0;
	list-style-type: none;
}

.btn-nav-content {
	position: relative;
	display: flex;
	height: 50px;
	padding-right: 15px;
	padding-left: 15px;
	justify-content: flex-start;
	align-items: center;
	border-radius: 10px;
	background-color: transparent;
	transition: all .2s ease;
	font-family: var(--wtl-panel-font-family);
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 17px;
	line-height: 20px;
	font-weight: 500;
	text-decoration: none;
}

.btn-nav-content:hover {
	background-color: var(--wtl-panel-color-bg-white);
}

.btn-nav-content.active {
	background-color: var(--wtl-panel-color-bg-white);
	color: var(--wtl-panel-color-accent);
}

.btn-nav-content.small {
	height: 40px;
	color: var(--wtl-panel-color-font-dark-75);
	font-size: 15px;
}

.btn-nav-content.small:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.form-fix .input-wrap > .cbv-input-txt:focus {
	border-color: var(--wtl-panel-color-bg-border-active);
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
	border-color: var(--wtl-panel-color-bg-border-active) !important;
	box-shadow: none !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
	font-size: 15px !important;
}

.select2-container--bootstrap-5 .select2-selection {
	background-color: var(--wtl-panel-color-bg-accent) !important;
	border-color: var(--wtl-panel-color-bg-border) !important;
	transition: none !important;
	color: var(--wtl-panel-color-font-dark-100) !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"] {
	color: var(--wtl-panel-color-font-dark-100) !important;
	background-color: var(--wtl-panel-color-accent-light) !important;
}

.select2-container--bootstrap-5.select2-container--open {
	z-index: 999 !important;
}

.select2-container--bootstrap-5.select2-container--open .select2-selection {
	background-color: var(--wtl-panel-color-bg-white) !important;
	border-color: var(--wtl-panel-color-bg-border-active) !important;
}

.select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection {
	border-bottom: 1px solid transparent !important;
}

.select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection {
	border-top: 1px solid transparent !important;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5 .select2-dropdown {
	border-color: var(--wtl-panel-color-bg-border-active) !important;
}

.select2-container--bootstrap-5 .select2-selection--single {
	background-image: none !important;
	position: relative;
	padding: 15px 20px;
}

.select2-container--bootstrap-5 .select2-selection--single:after {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	content: '\f0dc';
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 17px;
	font-weight: 900;
	width: 40px;
	height: 38px;
}

.pb-form-section-answer .select2-selection--multiple {
	border: 1px solid var(--wtl-panel-color-bg-border) !important;
}

.pb-form-section-answer .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
	border: 1px solid var(--wtl-panel-color-bg-border-active) !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
	color: var(--wtl-panel-color-font-dark-100) !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--disabled,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-disabled="true"] {
	color: var(--wtl-panel-color-font-dark-50) !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"] {
	background-color: var(--wtl-panel-color-bg-accent) !important;
	color: var(--wtl-panel-color-font-dark-100) !important;
}

.select2-container .select2-selection--multiple.cs-h40s-style {
	height: unset !important;
	padding: 10px 10px 10px 5px !important;
}

.select2-container .select2-selection--multiple.cs-h40s-style .select2-selection__choice {
	font-size: 14px;
	padding: 3px;
	line-height: 18px;
	flex-direction: row-reverse !important;
}

.select2-container .select2-selection--multiple.cs-h40s-style .select2-selection__choice .select2-selection__choice__remove {
	width: 5px !important;
	height: 5px !important;
	padding: 5px !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
	border-color: var(--wtl-panel-color-bg-border) !important;
	background-color: var(--wtl-panel-color-bg-accent) !important;
	color: var(--wtl-panel-color-font-dark-100) !important;
}

.select2-container--bootstrap-5 .select2-selection {
	border: 1px solid var(--wtl-panel-color-bg-border) !important;
}

.select2-container--bootstrap-5 .select2-dropdown {
	z-index: 9 !important;
	background-color: var(--wtl-panel-color-bg-white) !important;
}

.btn-nav-content-ico {
	display: flex;
	width: 20px;
	height: 20px;
	margin-right: 15px;
	justify-content: center;
	align-items: center;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	font-weight: 900;
}

.content-box-wht {
	display: block;
	margin-bottom: 0;
	padding: 15px;
	grid-auto-columns: 1fr;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	-ms-grid-rows: auto auto;
	grid-template-rows: auto auto;
	border-radius: 20px;
	background-color: var(--wtl-panel-color-bg-white);
	border: 1px solid var(--wtl-panel-color-bg-border);
}

.content-box-wht.kb-top-margin {
	margin-top: 30px;
}

.content-box-wht.cbw-left {
	margin-right: 15px;
	flex: 1;
}

.content-box-wht.cwb-right {
	margin-left: 15px;
	flex: 1;
}

.content-box-raw {
	display: flex;
	flex-direction: column;
	border-radius: 20px;
	border: 1px solid var(--wtl-panel-color-bg-border);
	padding: 20px;
}

.content-gap-20 {
	gap: 20px;
}

.content-site.exam .content-box-wht.exam {
	display: flex;
	padding: 20px;
	flex-direction: column;
	align-items: stretch;
}

.content-site.exam .content-box-wht.exam-form {
	display: flex;
	padding: 20px;
	flex-direction: column;
	align-items: stretch;
}

.content-site.exam .content-box-wht.exam-form h2 {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
}

.content-site.exam .content-box-wht.exam-form .exam-form-notification.show {
	display: flex;
	padding: 20px;
	margin-bottom: 20px;
	flex-direction: row;
	gap: 10px;
	font-size: 15px;
	background: hsla(var(--wtl-color-red-h), var(--wtl-color-red-s), calc(var(--wtl-color-red-l) + 0%), .15);
	border-radius: 10px;
}

.exam-form-notification {
	display: none;
}

.content-site.exam .content-box-wht.exam-form .exam-form-notification i {
	color: var(--wtl-color-red);
	line-height: 20px;
	font-size: 20px;
}

.content-site.exam .content-box-wht.exam-form .question-section {
	display: flex;
	padding-bottom: 20px;
	margin-bottom: 20px;
	flex-direction: column;
	align-items: flex-start;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
}

.content-site.exam .content-box-wht.exam-form fieldset .question-section:last-of-type {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.content-site.exam .content-box-wht.exam-form .question-section h3 {
	padding-bottom: 10px;
	font-size: 17px;
	font-weight: 500;
}

.content-site.exam .content-box-wht.exam-form .question-section h3 span {
	display: inline-block;
	width: 30px;
	min-width: 30px;
}

.content-site.exam .content-box-wht.exam-form .question-section .question-image {
	position: relative;
	overflow: hidden;
	max-height: 200px;
	max-width: 300px;
	margin: 0 0 10px 30px;
	border-radius: 10px;
}

.content-site.exam .content-box-wht.exam-form .question-section .question-image:after {
	position: absolute;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-overlay);
	opacity: 0;
	content: "\f00e";
	font-family: 'Font Awesome 6 Pro', sans-serif;
	color: var(--wtl-panel-color-font-white);
	font-size: 30px;
	font-weight: 300;
	transition: all .2s ease;
}

.content-site.exam .content-box-wht.exam-form .question-section .question-image:hover:after {
	opacity: 1;
}

.input-checkbox.exam > .inputc-label,
.input-radio.exam > .inputr-label {
	min-height: auto;
	margin-right: 0;
	margin-left: 0;
	padding: 0 0 0 30px;
	border-radius: 0;
	box-shadow: none;
}

.input-checkbox.exam > .inputc-toggle,
.input-radio.exam > .inputr-toggle {
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Font Awesome 6 Pro';
	font-size: 18px;
	line-height: 20px;
	font-weight: 300;
	color: var(--wtl-panel-color-bg-border-active);
	background: var(--wtl-panel-color-bg-white);
	margin: 0;
	padding: 0;
	box-shadow: unset;
}

.input-checkbox.exam > .inputc-toggle:before,
.input-radio.exam > .inputr-toggle:before {content: '\f111';}

.input-checkbox.exam > .inputc-state[type="checkbox"]:checked ~ .inputc-toggle:before,
.input-radio.exam > .inputr-state[type="radio"]:checked ~ .inputr-toggle:before {
	content: '\f192';
	color: var(--wtl-panel-color-font-dark-100);
	font-weight: 500;
}

.content-site.exam .content-box-wht.exam-form .exam-form-actions {
	display: flex;
	flex-direction: row;
	gap: 10px;
	justify-content: flex-end;
}

.content-site.exam .exam-result-action {
	display: flex;
	flex-direction: row;
	gap: 10px;
	justify-content: space-between;
}

.content-site.exam .content-box-wht.exam-score {
	display: flex;
	padding: 20px;
	flex-direction: column;
	align-items: stretch;
}

.content-site.exam .content-box-wht.exam-result {
	padding: 20px;
}

.content-site.exam .content-box-wht.exam-result > .content-box-wht.exam-score {
	padding: 20px 0;
	border: none;
}

.content-site.exam .content-box-wht.exam-result > .content-box-wht.exam-score + .cbw-section.exam-result-action {
	padding-top: 20px;
	border-top: 1px solid var(--wtl-panel-color-bg-border);
}

.content-box-wht.exam-start-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 20px;
}

.content-box-wht.exam-start-info h2 {
	padding-bottom: 10px;
}

.content-box-wht.exam-start-info .actions-wrap {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 10px;
}

.content-box-wht.exam-result-table {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
	padding: 20px;
}

.content-box-wht.exam-error-notice {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 20px;
	gap: 10px;
}

.content-box-wht.exam-error-notice h2 {
	display: flex;
	gap: 10px;
}
.content-box-wht.exam-error-notice h2 i {
	color: var(--wtl-color-red);
}

.content-box-wht.exam-error-notice p {
	margin-bottom: 0;
}

.embed-opinion-btn-wrap {
	width: 100%;
	float: left;
	justify-content: center;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 30px;
	display: flex;
}

.embed-opinion-btn-wrap .btn-standard.btn-black {
	background-color: #000000;
	color: #ffffff;
	border: 1px solid #000000;
}

.embed-opinion-btn-wrap .btn-standard.btn-black:hover {
	background-color: #ffffff;
	text-decoration: none;
	color: #000000;
}

.opinions-subtitle-offsite {
	text-align: center;
	justify-content: center;
	margin-top: 14px;
	font-size: 19px;
	font-weight: 400;
}

.opinions-subtitle-link {
	text-align: center;
	justify-content: center;
	margin-top: 14px;
	font-size: 19px;
	font-weight: 400;
}

.content-page-in.opinion-link {
	max-width: 1280px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	display: flex;
}

.content-page-right.opinion-link {
	width: 100%;
	padding: 0 5px;
}

.content-box-wht.opinion-link {
	padding: 0;
	background: transparent;
}

.verification-notice {
	color: var(--wtl-panel-color-font-white);
	white-space: nowrap;
	background-color: var(--wtl-panel-color-font-dark-100);
	border-radius: 5px;
	padding: 0 7px;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
	position: absolute;
	top: auto;
	bottom: -20px;
	left: 0;
	right: auto;
}

.verification-notice:hover {
	color: var(--wtl-panel-color-font-white);
}

.odi-user-name .verification-notice {
	display: none;
}

.odi-user-name:hover .verification-notice {
	display: block;
}

.login-page-box {
	margin-bottom: 0;
	padding: 20px 30px 30px;
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 20px;
}

.login-page-box a {
	text-decoration: none;
}

.login-page-box a:hover {
	text-decoration: underline;
}

.content-box-wht.blog-post {
	grid-row-gap: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	flex-direction: column;
	padding: 30px;
	display: flex;
}

.content-box-wht.blog-post-comments {
	margin-top: 30px;
	position: relative;
	overflow: hidden;
}

.content-box-wht.user-rank-info {
	padding: 25px 30px 30px;
}

.content-box-wht.rank-tasks {
	margin-top: 30px;
	padding: 25px 30px 30px;
}

.content-box-wht.faq {
	display: flex;
	padding: 25px 30px 30px;
	flex-direction: column;
}

.content-box-wht.faq-contact-box {
	display: flex;
	padding: 30px;
	flex-direction: row;
}

.content-box-wht.faq-contact-box.first {
	margin-bottom: 30px;
}

.content-box-wht.faq-contact-box.fast-contact {
	display: flex;
	padding-bottom: 10px;
	flex-direction: column;
}

.content-box-wht.faq-form {
	display: flex;
	padding: 25px 30px 30px;
	flex-direction: column;
}

.content-box-wht.information-page {
	display: flex;
	padding: 30px;
	flex-direction: column;
	align-items: flex-start;
}

.content-box-wht.abonament-box {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
	width: 100%;
}

.content-box-wht.training-box {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
	width: 100%;
	text-align: center;
}

.trainings-buy-list {
	grid-row-gap: 10px;
	flex-direction: column;
	display: flex;
}

.content-box-wht.training-box h2 {
	display: block;
}

.content-box-wht.abonament-sort {
	margin-bottom: 30px;
}

.content-box-wht.task-list {
	padding: 25px 30px 30px;
}

.btn-160 {
	position: static;
	left: auto;
	top: 0%;
	right: 15px;
	bottom: auto;
	display: flex;
	height: 40px;
	max-width: 160px;
	min-width: 160px;
	padding-top: 0;
	padding-bottom: 0;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-accent);
	transition: all .2s ease;
	font-family: var(--wtl-panel-font-family);
	color: var(--wtl-panel-color-font-white);
	font-size: 15px;
	font-weight: 600;
}

.btn-160:hover {
	background-color: var(--wtl-panel-color-accent-hover);
}

.cbv-section-account-wrap h3 {
	margin-bottom: 10px;
}

.content-box-title {
	display: flex;
	min-height: 40px;
	padding: 0 15px;
	justify-content: space-between;
	align-items: center;
	color: var(--wtl-panel-color-font-dark-100);
	text-decoration: none;
}

.cbt-toggle-ico {
	display: flex;
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-white);
	transition: all .2s ease;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 17px;
	line-height: 30px;
	font-weight: 900;
	text-decoration: none;
}

.cbt-toggle-ico.active {
	-webkit-transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg);
	transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg);
	cursor: pointer;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.txt-big {
	flex: 0 auto;
	font-family: var(--wtl-panel-font-family);
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 17px;
	line-height: 28px;
	font-weight: 500;
	text-align: left;
}

.txt-big._50 {
	color: var(--wtl-panel-color-font-dark-50);
}

.txt-big.medium {
	font-weight: 500;
}

.content-box-value {
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 15px;
	padding-top: 20px;
	border-top: 1px solid var(--wtl-panel-color-bg-border);
}

.content-box-value.blank {
	margin-bottom: 15px;
	padding-top: 0;
	border-top: 0 none transparent;
}

.content-box-value.table {
	overflow: visible;
}

.content-box-value.o-visible {
	overflow: visible;
}

.txt-small {
	font-family: var(--wtl-panel-font-family);
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.notification-date {
	font-family: var(--wtl-panel-font-family);
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
}


.txt-small._50 {
	color: var(--wtl-panel-color-font-dark-50);
}

.txt-small._50.mr-10 {
	margin-right: 10px;
}

.txt-small._75 {
	overflow: hidden;
	color: var(--wtl-panel-color-font-dark-75);
}

.cbv-section-account-wrap {
	display: flex;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-bottom: 20px;
	align-items: flex-start;
	grid-column-gap: 20px;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
}

.cbv-section-account-wrap.last {
	margin-bottom: 0;
	padding-bottom: 15px;
	border-bottom-style: none;
}

.cbv-saw-left {
	display: flex;
	padding-right: 15px;
	padding-left: 0;
	flex-direction: column;
	flex: 1;
}

.cbv-saw-right {
	display: flex;
	width: 160px;
	padding-right: 0;
	flex-direction: column;
	justify-content: flex-end;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.nav-page-mobile {
	display: none;
}

.popup-build.form {
	padding: 0;
	overflow: hidden;
}

.cbt-ico {
	display: flex;
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center;
	flex: 0 auto;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-white);
	transition: all .2s ease;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 17px;
	line-height: 30px;
	font-weight: 300;
	text-decoration: none;
}

.cbt-ico:hover {
	background-color: var(--wtl-panel-color-bg-accent);
}

.cbt-icons {
	display: flex;
	justify-content: flex-end;
}

.cbv-snwr-left {
	display: flex;
	padding-left: 0;
	flex-direction: column;
	align-items: flex-start;
	flex: 1;
}

.cbv-section-notification-wrap .cbv-snwr-left a {
	font-size: 14px;
	color: var(--wtl-panel-color-font-dark-100);
	transition: all .2s ease;
}

.cbv-section-notification-wrap .cbv-snwr-left a:hover {
	color: var(--wtl-panel-color-font-dark-75);
}

.user-avatar-notifications {
	width: 40px;
	height: 40px;
	border-radius: 10px;
}

.cbv-snw-left {
	display: flex;
	padding-right: 20px;
	padding-left: 0;
	align-items: stretch;
	flex: 0 auto;
}

.cbv-snw-right {
	display: flex;
	padding-right: 0;
	padding-left: 0;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	flex: 1;
}

.notification-status {
	display: flex;
	width: 10px;
	height: 28px;
	align-items: center;
	font-family: 'Font Awesome 6 Pro';
	color: transparent;
	font-size: 10px;
	line-height: 20px;
	font-weight: 900;
}

.notification-status.unread {
	color: hsla(var(--wtl-color-red-h), var(--wtl-color-red-s), calc(var(--wtl-color-red-l) + 0%), .75);
}

.bg-light-wtl {
	background-color: var(--wtl-panel-color-bg-accent);
}

.cbv-section-notification-wrap {
	display: flex;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	border-top: 1px solid var(--wtl-panel-color-bg-border);
}

.content-box-value.notifications .cbv-section-notification-wrap:first-of-type {
	padding-top: 0;
}

.content-box-value.notifications .cbv-section-notification-wrap:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom-style: none;
}

.cbv-snwr-right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	min-width: 30px;
}

.cbt-left {
	display: flex;
	padding-top: 5px;
	padding-bottom: 5px;
	flex-direction: column;
	align-items: flex-start;
	flex: 1;
}

.cbv-afiliate-program-wrap {
	padding-bottom: 20px;
}

.cbv-afiliate-program-wrap.last {
	margin-bottom: 0;
	padding-bottom: 15px;
	border-bottom-style: none;
}

.cbv-afiliate-program-wrap.right {
	display: flex;
	justify-content: flex-end;
}

.cbv-copy-field {
	position: relative;
	display: flex;
	min-height: 50px;
	margin-top: 10px;
	padding: 10px 10px 10px 20px;
	align-items: center;
	border-style: solid;
	border-width: 1px;
	border-color: var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-accent);
}

.cbv-copy-field._w-50 {
	width: 50%;
}

.cbv-copy-field.mb-10 {
	margin-bottom: 10px;
}

.cbv-copy-field.margin-b-20 {
	margin-bottom: 20px;
}

.cbv-cf-txt {
	display: flex;
	overflow: scroll;
	margin-right: 90px;
	align-items: flex-start;
	flex: 1;
	border-radius: 10px 0 0 10px;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
	white-space: nowrap;
}

.cbv-copy-btn {
	position: absolute;
	right: 10px;
	display: flex;
	padding-right: 15px;
	padding-left: 15px;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	background-color: var(--wtl-panel-color-accent);
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-white);
	font-size: 15px;
	line-height: 30px;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
}

.cbv-copy-btn:hover {
	background-color: var(--wtl-panel-color-accent-hover);
}

.content-box-wrapper {
	display: flex;
	flex-direction: row;
}

.cbv-program-conditions {
	display: flex;
	margin-bottom: 15px;
	padding-top: 0;
	padding-bottom: 15px;
	justify-content: space-between;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
}

.cbv-program-conditions.last {
	margin-bottom: 0;
	padding-bottom: 15px;
	border-bottom-style: none;
}

.txt-normal {
	flex-direction: row;
	flex: 1;
	margin-bottom: 0;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	display: block;
}

.txt-normal.cbv-pc-txt-right {
	min-width: 100px;
	justify-content: flex-end;
	flex: 0 auto;
	text-align: right;
}

.txt-normal.aba-form-label {
	max-width: 130px;
	min-width: 130px;
	margin-right: 20px;
	flex: 1;
}

.txt-normal.p30-right {
	padding-right: 20px;
}

.txt-normal.tl-form-label-1 {
	width: 110px;
	margin-bottom: 0;
	align-items: center;
	flex: 0 0 auto;
	display: flex;
}

.txt-normal.tl-form-label-2 {
	width: 70px;
	margin-bottom: 0;
	align-items: center;
	flex: 0 0 auto;
}

.txt-normal.tl-form-label-3 {
	padding-right: 10px;
	padding-left: 10px;
	justify-content: center;
	align-items: center;
	flex: 0 auto;
}

.txt-normal.margin-b-10 {
	margin-bottom: 10px;
}

.txt-normal.margin-l-20 {
	margin-left: 20px;
}

.cbv-recommendations-form {
	display: flex;
	margin-bottom: 20px;
}

.cbv-rf-in-left {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: flex-end;
	flex: 1;
}

.cbv-rf-in {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.cbv-rf-in-right {
	position: relative;
	display: flex;
	margin-left: 20px;
	justify-content: flex-end;
	align-items: flex-end;
	flex: 0 auto;
}

.cbv-rf-in-wrap {
	display: flex;
}

.cbv-rf-in-wrap.top-20 {
	margin-top: 20px;
	justify-content: flex-end;
}

.cbv-show-amount {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.cbv-sa-label {
	margin-bottom: 0;
	padding-right: 20px;
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
}

.cbv-table-status {
	display: flex;
	height: auto;
	padding-bottom: 0;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 14px;
	line-height: 20px;
	font-weight: 900;
}

.cbv-table-status.green {
	color: var(--wtl-color-green);
}

.cbv-table-status.green.right {
	justify-content: flex-end;
}

.cbv-table-status.red {
	color: var(--wtl-color-red);
}

.cbv-table-status.red.right {
	justify-content: flex-end;
}

.cbv-tn-left {
	display: flex;
}

.cbv-tn-right {
	display: flex;
	justify-content: flex-end;
}

.cbv-table-nav-ico {
	display: flex;
	width: 40px;
	height: 40px;
	margin-left: 10px;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-accent);
	transition: all .2s ease;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 17px;
	line-height: 40px;
	font-weight: 300;
	text-decoration: none;
	cursor: pointer;
}

.cbv-table-nav-ico:hover {
	background-color: var(--wtl-panel-color-accent);
	color: var(--wtl-panel-color-font-white);
}

.cbv-table-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cbv-table-nav.recommendations {
	padding-top: 20px;
	padding-bottom: 15px;
}

.cbv-table-nav.transaction-list {
	padding-top: 20px;
}

.cbv-payouts-wrap {
	display: flex;
}

.cbv-pw-fw-left {
	display: flex;
	max-width: 190px;
	flex-direction: column;
	align-items: flex-start;
	flex: 1;
}

.cbv-pw-fw-center {
	margin-right: 30px;
	margin-left: 30px;
	flex: 1;
}

.cbv-pw-fw-right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex: 0 auto;
}

.cbv-pw-fw-right.money-amount {
	padding-left: 30px;
	flex: 1;
}

.cbv-pw-form {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.cbv-pw-form-wrap {
	display: flex;
	margin-bottom: 20px;
	flex-direction: row;
	align-items: center;
	flex: 1;
}

.cbv-pw-form-wrap.last {
	margin-bottom: 0;
	padding-top: 20px;
	justify-content: flex-end;
	grid-column-gap: 20px;
	grid-row-gap: 10px;
	border-top: 1px solid var(--wtl-panel-color-bg-border);
}

#upload-popup #create_post_form_postEmbedLink,
#upload-popup #create_post_form_postAttachment {
	display:none;
}

#upload-popup .add-file-actions {
	width: 100%;
	grid-row-gap: 10px;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
	display: flex;
}

#upload-popup #add-video {
	width: 100%;
}

#upload-popup #add-video input {
	text-align: center;
}

#upload-popup #add-file {
	width: 100%;
	grid-row-gap: 10px;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	display: flex;
}

#upload-popup .input-wrap {
	margin: 0;
}

#upload-popup #add-file .custom-file input {
	width: 100%;
	text-align: center;
	background-color: var(--wtl-panel-color-accent-light);
	padding: 7px;
	border: none;
	cursor: pointer;
	transition: all .2s ease;
}

#upload-popup #add-file .custom-file input:hover {
	background-color: var(--wtl-panel-color-accent-light-hover);
}

#upload-popup #add-file .custom-file-label {
	text-align: center;
	display: inline-block;
	padding: 10px;
	background-color: #1374f2;
	color: white;
	border-radius: 5px;
	cursor: pointer;
}

#createSpaceForm.post-content-popup-wrap,
.createBoardForm.post-content-popup-wrap {
	position: fixed;
	inset: 0%;
	overflow: hidden;
	padding: 30px 20px 20px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}


#createSpaceForm .post-content-popup,
.createBoardForm .post-content-popup {
	padding: 20px 0 20px 20px;
	position: relative;
	display: flex;
	max-height: 100%;
	max-width: 100%;
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
	height: unset;
	max-height: unset;
	max-width: 650px;
	grid-row-gap: unset;
	margin: unset;
}

#createSpaceForm .post-content-popup form,
.createBoardForm .post-content-popup form {
	grid-row-gap: 20px;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
	display: flex;
	height: 100%;
}

#createSpaceForm .post-content-popup .community-popup-content,
.createBoardForm .post-content-popup .community-popup-content {
	grid-row-gap: 10px;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	display: flex;
	overflow-y: auto;
}

.post-content-popup .community-popup-top,
.post-content-popup .community-popup-content,
.post-content-popup .community-popup-bottom {
	padding: 0 20px 0 0;
}

#createSpaceForm .post-content-popup .community-popup-content .wtl-input-group,
.createBoardForm .post-content-popup .community-popup-content .wtl-input-group {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: flex-start;
	gap: 5px;
}

#createSpaceForm .post-content-popup .community-popup-content .wtl-input-group p,
.createBoardForm .post-content-popup .community-popup-content .wtl-input-group p {
	min-width: 25%;
	margin-bottom: 0;
}

#createPostForm .post-content-popup form {
	max-height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	height: 100%;
	gap: 20px;
}

#createPostForm .actions .tooltip-button .btn-standard {
	width: 100%;
}

.post-content-popup .community-popup-content.embed-link > input {
	width: 100%;
	text-align: center;
	background-color: var(--wtl-panel-color-bg-white);
	height: 40px;
	border-style: solid;
	border-width: 1px;
	border-color: var(--wtl-panel-color-bg-border);
	border-radius: 10px;
}

.post-content-popup .community-popup-content.embed-link > input:focus {
	border-color: var(--wtl-panel-color-bg-border-active);
	outline: 0;
}

.cbv-input-txt {
	height: 40px;
	margin-bottom: 0;
	flex: 1;
	border-style: solid;
	border-width: 1px;
	border-color: var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-accent);
	transition: all .2s ease;
}

.cbv-input-txt:focus {
	border-color: var(--wtl-panel-color-bg-border-active);
}

.cbv-input-txt.search {
	flex: 1;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.btn-toggle {
	display: flex;
	width: 30px;
	height: 20px;
	padding-right: 3px;
	padding-left: 3px;
	justify-content: flex-start;
	align-items: center;
	border-radius: 15px;
	background-color: var(--wtl-panel-color-bg-border);
	transition: all .2s ease;
	text-align: left;
}

.btn-toggle.active {
	justify-content: flex-end;
	background-color: var(--wtl-color-green);
}

.btn-toggle-switch {
	width: 14px;
	height: 14px;
	border-radius: 12px;
	background-color: var(--wtl-panel-color-bg-white);
}

.txt-toggle {
	padding-right: 10px;
	color: var(--wtl-panel-color-font-dark-75);
	font-size: 14px;
	line-height: 20px;
}

.txt-toggle.notifications-settings {
	display: none;
}

.cbv-sort-wrap {
	margin-bottom: 10px;
}

.cbv-sort-wrap.notifications {
	margin-bottom: 0;
}

.cbv-sort-form {
	display: flex;
	flex-direction: row;
	align-items: center;
	column-gap: 35px;
}

.cbv-sf-right {
	display: flex;
	margin-left: 15px;
	justify-content: flex-end;
	align-items: center;
	flex: 1;
}

.cbv-sf-left {
	display: flex;
	margin-right: 15px;
	align-items: center;
	flex: 1;
}

.cbv-sf {
	grid-column-gap: 20px;
	flex: 1;
	align-items: center;
	display: flex;
  }

.cbv-sf-label {
	white-space: nowrap;
}

.cbv-input-select {
	height: 40px;
	min-width: 120px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 10px;
}

.cbv-input-select.h-30 {
	width: 100%;
	height: 30px;
}

.cbv-input-select.h-30.cs-h40s-w100 {
	height: 40px;
}

.cbv-input-select.h-30.cs-h40s {
	height: 40px;
	border-style: solid;
	border-width: 1px;
	border-color: var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-accent);
}

.cbv-input-select.cs-h40s-w100 {
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-accent);
}

.cbv-input-select.cs-h40s-w100.no-border {
	border-style: none;
}

.cbv-input-select.cs-h40-showitems {
	width: 120px;
}

.cbw-abonament-status {
	display: flex;
	gap: 10px;
	height: 26px;
	padding: 0 10px;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 14px;
	background: var(--wtl-panel-color-bg-accent);
}

.cbw-abonament-status-ico {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--wtl-panel-color-bg-white);
}

.cbw-abonament-status-ico.active {
	background-color: var(--wtl-color-green);
}

.cbw-abonament-status-ico.expires {
	background-color: var(--wtl-color-yellow);
}

.cbw-abonament-status-ico.inactive {
	background-color: var(--wtl-color-red);
}


































.btn-standard {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	gap: 10px;
	border-radius: 20px;
	flex: none;
	padding: 10px 15px;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	text-decoration: none;
	transition: all .2s ease;
	cursor: pointer;
	border: none;
	color: var(--wtl-panel-color-font-white);
	background-color: var(--wtl-panel-color-accent);
	position: relative;
}

.btn-standard:hover {
	background-color: var(--wtl-panel-color-accent-hover);
}

.btn-standard i {
	position: relative;
}

.btn-standard span {
	font-size: 10px; 
	line-height: 20px;
	min-width: 20px;
	font-weight: 500;
	text-align: center;
	color: var(--wtl-panel-color-font-white);
	background: var(--wtl-panel-color-accent);
	padding: 0 5px;
	border-radius: 10px;
	margin-left: -5px;
}

.btn-standard.active span {
	background: var(--wtl-panel-color-bg-white);
	color: var(--wtl-panel-color-accent);
}

.btn-standard.inactive {
	color: var(--wtl-panel-color-font-dark-50);
	cursor: not-allowed !important;
	background-color: var(--wtl-panel-color-dark-light);
	pointer-events: none;
}

.btn-standard.inactive:hover {
	color: var(--wtl-panel-color-font-dark-50);
	background-color:  var(--wtl-panel-color-dark-light);
}

.btn-standard.light {
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-accent-light);
}

.btn-standard.light:hover {
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-accent-light-hover);
}

.btn-standard.light span {
	font-size: 10px;
	line-height: 20px;
	font-weight: 500;
	color: var(--wtl-panel-color-font-white);
	background-color: var(--wtl-panel-color-accent);
	padding: 0 5px;
	border-radius: 10px;
	margin-left: -5px;
}

.btn-standard.light.active {
	color: var(--wtl-panel-color-font-white);
	background-color: var(--wtl-panel-color-accent);
}

.btn-standard.light.active span {
	color: var(--wtl-panel-color-accent);
	background-color: var(--wtl-panel-color-bg-white);
}

.btn-standard.light.unread i:after {
	background: var(--wtl-color-red);
	border: 3px solid var(--wtl-panel-color-accent-light);
	border-radius: 50%;
	box-sizing: border-box;
	content: "";
	height: 12px;
	position: absolute;
	right: -5px;
	top: -5px;
	width: 12px;
	transition: all .2s ease;
}

.btn-standard.light.unread:hover i:after {
	border-color: var(--wtl-panel-color-accent-light-hover);
}

.btn-standard.light.unread.active i:after {
	border-color: var(--wtl-panel-color-accent);
}

.btn-standard.outline {
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-bg-white);
	box-shadow: inset 0 0 0 1px var(--wtl-panel-color-bg-border);
}

.btn-standard.outline:hover {
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-bg-white);
	box-shadow: inset 0 0 0 1px var(--wtl-panel-color-bg-border-active);
}

.btn-standard.outline span, 
.btn-standard.outline.active {
  background-color: var(--wtl-panel-color-bg-border);
  color: var(--wtl-panel-color-font-dark-100);
}

.btn-standard.clean {
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-bg-transparent);
}

.btn-standard.clean:hover {
	background-color: var(--wtl-panel-color-accent-light-hover);
}




.btn-standard.small {
	gap: 5px;
	border-radius: 15px;
	padding: 5px 12px;
	line-height: 20px;
	font-size: 15px;
}

.btn-standard.small.ico {
	max-width: 30px;
	height: 30px;
}

.btn-standard.small span {
	margin-left: 0px;
	margin-right: -5px;
}

.btn-standard.green {
	color: var(--wtl-panel-color-font-white);
	background-color: hsla(var(--wtl-color-green-h), var(--wtl-color-green-s), calc(var(--wtl-color-green-l) + 0%), 1);
}

.btn-standard.green:hover {
	background-color: hsla(var(--wtl-color-green-h), var(--wtl-color-green-s), calc(var(--wtl-color-green-l) + 10%), 1);
}

.btn-standard.red {
	color: var(--wtl-panel-color-font-white);
	background-color: hsla(var(--wtl-color-red-h), var(--wtl-color-red-s), calc(var(--wtl-color-red-l) + 0%), 1);
}

.btn-standard.red:hover {
	background-color: hsla(var(--wtl-color-red-h), var(--wtl-color-red-s), calc(var(--wtl-color-red-l) + 10%), 1);
}

.btn-standard.light.small.community-upcoming-events-btn {
	display: none;
}

.btn-standard.white {
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-bg-white);
}

.btn-standard.white:hover {
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-bg-white);
}

.btn-standard.btn-big {
	height: 50px;
}

.btn-standard.gray {
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-dark-light);
}

.btn-standard.gray:hover {
	color: var(--wtl-panel-color-font-white);
	background-color: var(--wtl-panel-color-accent);
}

.btn-standard.cm-lb-btn {
	flex: 0 auto;
}

.btn-standard.cm-lb-btn.active {
	background-color: var(--wtl-panel-color-accent);
	color: var(--wtl-panel-color-font-white);
}

.btn-standard.cm-lb-btn.write-mass-message {
	flex: 1;
}

.btn-standard.information-page {
	margin-top: 20px;
}

.btn-standard.color {
	background-color: var(--wtl-panel-color-accent);
	color: var(--wtl-panel-color-font-white);
}

.btn-standard.color:hover {
	background-color: var(--wtl-panel-color-accent-hover);
}

.btn-standard.baner-sp-btn {
	margin-top: 20px;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

.btn-standard.contact-sale-page {
	margin-top: 20px;
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
}











.full-lesson-tab {
	display: none;
}

.content-page-right.opinions-offsite {
	width: 100%;
	max-width: 724px;
	grid-row-gap: 0;
	padding-top: 50px;
}

.cbv-table-ico {
	display: flex;
	width: 30px;
	height: 30px;
	margin-left: 10px;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	transition: all .2s ease;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 17px;
	font-weight: 300;
	text-decoration: none;
	cursor: pointer;
	background-color: var(--wtl-panel-color-bg-transparent);
}

.cbv-table-ico:hover {
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-bg-accent);
}

.cbv-table-ico.fa-search {
	text-decoration: none;
}

.content-box-nav {
	display: flex;
}

.cbn-btn-ico {
	display: inline-block;
	padding-right: 10px;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	line-height: 40px;
	font-weight: 300;
}

.cbv-edit-profile-info {
	display: flex;
}

.cbv-epi-left {
	flex: 1;
}

.cbv-basic-info-wrap {
	margin-bottom: 15px;
}

.cbv-biw-form-wrap {
	display: flex;
	padding-bottom: 20px;
	align-items: center;
}

.cbv-biw-form-wrap.image {
	align-items: flex-start;
}

.cbv-biw-form-wrap.description {
	align-items: flex-start;
}

.cbv-biw-form-wrap.last {
	padding-top: 20px;
	padding-bottom: 0;
	justify-content: flex-end;
	border-top: 1px solid var(--wtl-panel-color-bg-border);
}

.cbv-biw-fw-left {
	width: 240px;
	flex: 0 auto;
}

.cbv-biw-fw-center {
	position: relative;
	margin-right: 30px;
	flex: 1;
}

.cbv-biw-fw-right {
	display: flex;
	align-items: center;
}

.cbv-biw-fw-right.image {
	position: relative;
	display: block;
	overflow: hidden;
	width: 160px;
	height: 160px;
	border-style: solid;
	border-width: 1px;
	border-color: var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	font-size: 15px;
}

.cbv-biw-fw-right.image .slim {
	background-color: var(--wtl-panel-color-bg-white);
}

.cbv-biw-fw-right.image .slim:hover {
	background-color: var(--wtl-panel-color-bg-accent);
}


.cbv-input-textarea.basic-information {
	height: 140px;
	margin-bottom: 0;
	border-style: solid;
	border-width: 1px;
	border-color: var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-accent);
}

.cbv-slw-form {
	grid-row-gap: 20px;
	flex-direction: column;
	display: flex;
}

.cbv-slw-form-wrap {
	display: flex;
}

.cbv-slw-form-wrap.last {
	padding-top: 20px;
	padding-bottom: 0;
	flex-direction: column;
	align-items: flex-end;
	border-top: 1px solid var(--wtl-panel-color-bg-border);
}

.cbv-slw-fw-left {
	width: 240px;
	flex: 0 auto;
}

.cbv-slw-fw-center {
	position: relative;
	margin-right: 30px;
	flex: 1;
}

.cbv-slw-fw-right {
	display: flex;
	align-items: center;
}

.cbv-profile-permissions-wrap {
	display: flex;
	align-items: flex-start;
}

.cbv-profile-permissions-wrap.last {
	margin-top: 20px;
	margin-bottom: 15px;
	padding-top: 20px;
	justify-content: flex-end;
	border-top: 1px solid var(--wtl-panel-color-bg-border);
}

.cbv-ppw-left {
	flex: 1;
}

.cbv-ppw-right {
	display: flex;
	align-items: center;
}

.cbv-add-billing-adress-wrap {
	display: flex;
	margin-bottom: 0;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.cbv-baw-left {
	margin-right: 30px;
	flex: 1;
}

.cbv-baw-right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
}

.cbv-bawr-toggle {
	display: flex;
	align-items: center;
}

.cbv-bawl-icons {
	display: flex;
	justify-content: flex-end;
}

.cbv-aba-wrap-form {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.cbv-aba-wf-wrap {
	display: flex;
	margin-bottom: 20px;
	align-items: center;
}

.cbv-aba-wf-wrap.last {
	margin-bottom: 15px;
	padding-top: 20px;
	padding-bottom: 0;
	justify-content: flex-end;
	grid-column-gap: 20px;
	border-top: 1px solid var(--wtl-panel-color-bg-border);
}

.cbv-aba-wfw-left {
	display: flex;
	margin-right: 15px;
	align-items: center;
	flex: 1;
}

.cbv-aba-wfw-right {
	position: relative;
	display: flex;
	margin-left: 15px;
	align-items: center;
	flex: 1;
}

.cbv-aba-wfw-stretch {
	display: flex;
	align-items: center;
	flex: 1;
}

.cbv-billing-adress-wrap {
	display: flex;
	margin-bottom: 20px;
	padding-bottom: 20px;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
}

.cbv-billing-adress-wrap.last {
	margin-bottom: 15px;
	padding-bottom: 0;
	justify-content: flex-end;
	border-bottom-style: none;
}

.cbv-transaction-list-form {
	margin-bottom: 15px;
}

.cbv-tl-form-wrap {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.cbv-tl-fw-wrap {
	display: flex;
	align-items: flex-start;
}

.cbv-tl-fw-wrap.last {
	margin-top: 20px;
	justify-content: flex-end;
}

.cbv-tl-fww-left {
	position: relative;
	display: flex;
	margin-right: 15px;
	flex-direction: column;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	flex: 1;
}

.cbv-tl-fww-right {
	position: relative;
	display: flex;
	margin-left: 15px;
	align-items: center;
	flex: 1;
}

.cbv-input-txt-btn {
	height: 40px;
	padding-right: 20px;
	padding-left: 20px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: var(--wtl-panel-color-accent-light);
	transition: all .2s ease;
	color: var(--wtl-panel-color-accent);
	font-weight: 500;
}

.cbv-input-txt-btn:hover {
	background-color: var(--wtl-panel-color-accent-light-hover);
}

.cbv-tl-fwwl-wrap {
	display: flex;
	padding-bottom: 10px;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	flex: 1;
}

.cbv-tl-fwwl-wrap.last {
	padding-bottom: 0;
	padding-left: 110px;
}

.cbv-tl-fwwr-wrap {
	display: flex;
	flex: 1;
}

.cbv-notifications-wrap {
	display: flex;
	margin-bottom: 20px;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.cbv-notifications-wrap.first {
	margin-bottom: 10px;
	justify-content: flex-end;
	align-items: center;
}

.cbv-notifications-wrap.nth2 {
	padding-bottom: 20px;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
}

.cbv-notifications-wrap.last {
	margin-bottom: 15px;
	padding-top: 20px;
	justify-content: flex-end;
	border-top: 1px solid var(--wtl-panel-color-bg-border);
}

.cbv-nw-left {
	display: flex;
	align-items: center;
	flex: 1;
}

.pb-sh-nav-notice {
	font-size: 17px;
	font-weight: 500;
}

.pb-sh-description {
	padding-top: 10px;
	font-weight: 500;
}

.pb-sh-nav-gfx {
	height: 4px;
	grid-column-gap: 10px;
	flex-direction: row;
	margin-top: 30px;
	display: flex;
}

.pb-sh-nav-gfx-item {
	height: 4px;
	background-color: var(--wtl-panel-color-bg-border);
	flex: 1;
}

.pb-sh-nav-gfx-item.active {
	background-color: var(--wtl-color-green);
}

.pb-form-wrap.form {
	margin-top: 0;
	margin-bottom: 0;
}

.pb-form-section {
	flex-direction: column;
	align-items: flex-start;
	margin-left: 30px;
	margin-right: 30px;
	padding-bottom: 30px;
}

.pb-form-section-question {
	padding-bottom: 10px;
	padding-left: 30px;
	font-size: 17px;
	font-weight: 500;
	line-height: 24px;
}

.pb-form-section-answer {
	width: 100%;
	grid-row-gap: 5px;
	flex-direction: column;
	align-items: stretch;
	padding-left: 30px;
	display: flex;
}

.cbv-nw-right {
	display: flex;
	justify-content: flex-end;
}

.cbv-nw-right.toggle {
	width: 80px;
	justify-content: flex-end;
}

.cbv-nw-right.input {
	width: 190px;
	margin-left: 30px;
	justify-content: flex-end;
}

.cbv-nw-toggle {
	display: flex;
	align-items: center;
}

.txt-input {
	padding-right: 10px;
	color: var(--wtl-panel-color-font-dark-75);
	font-size: 14px;
	line-height: 20px;
}

.txt-input.notifications-settings {
	display: none;
}

.pb-form-s-left {
	flex: 0 auto;
	display: flex;
	flex-direction: column;
}

.pb-form-s-right {
	grid-column-gap: 10px;
	display: flex;
}

.pb-form-section.action {
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	display: flex;
}

.cpi-courses-section {
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
	flex: 1;
}

.cpi-courses-section.hide {
	display: none;
}

.cpi-cs-title {
	min-height: auto;
	margin-bottom: 20px;
	display: flex;
}

.cpi-cs-title.slider-title {
	z-index: 2;
	position: relative;
	margin-right: 90px;
}

.or-rating-txt-span {
	margin-bottom: 8px;
	font-size: 21px;
	line-height: 20px;
}

.input-wrap.opinions>.input-wrap {
	margin-top: 0;
}

.opinin-data-notification {
	background: var(--wtl-panel-color-bg-accent);
	min-height: 40px;
	line-height: 20px;
	padding: 10px;
	border-radius: 10px;
}

.wtl-h-40 {
	height: 40px;
}

.cpi-cs-title-right {
	grid-column-gap: 20px;
	align-items: center;
	display: flex;
}

.cpi-cs-title-right.sort {
	align-items: center;
}

.inputc-label.form-popup {
	min-height: auto;
	padding: 0 0 0 30px;
	font-size: 15px;
}

.input-wrap.form-popup {
	width: 100%;
	margin-top: 0;
}

.input-w-field.form-popup {
	height: 40px;
	background-color: var(--wtl-panel-color-bg-accent);
}

.input-w-textarea.form-popup {
	min-height: 120px;
	background-color: var(--wtl-panel-color-bg-accent);
}

.input-radio.form-popup {
	width: auto;
	max-height: none;
	border-radius: 0;
	margin-top: 0;
}

.inputr-label.form-popup {
	min-height: auto;
	box-shadow: none;
	border-radius: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0 0 0 30px;
	font-size: 15px;
	line-height: 20px;
}

.inputr-toggle.form-popup {
	width: 15px;
	height: 15px;
	top: 2px;
	left: 0;
}

.input-checkbox.form-popup {
	min-height: auto;
	margin-bottom: 0;
}

.inputc-toggle.form-popup {
	width: 15px;
	height: 15px;
	top: 2px;
	bottom: auto;
	left: 0;
	right: auto;
}

.inputc-toggle-switch.form-popup {
	width: 15px;
	height: 15px;
}

.cpi-cs-btn-list {
	height: auto;
	margin-left: 0;
	padding-bottom: 0;
	transition: all .2s ease;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 21px;
	line-height: 30px;
	font-weight: 300;
	text-decoration: none;
}

.cpi-cs-btn-list:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.cpi-cs-btn-list.fa-th-large.active {
	color: var(--wtl-panel-color-font-dark-100);
}

.cpi-cs-btn-list.fa-th-list.active {
	color: var(--wtl-panel-color-font-dark-100);
}

.cpi-cs-sort {
	margin-bottom: 0;
}

.cpi-cs-sort-wrap {
	display: flex;
	align-items: center;
}

.nav-page-top {
	display: flex;
	justify-content: space-between;
	flex: 1;
}

.h2-link {
	display: inline-block;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 21px;
	line-height: 28px;
	text-decoration: none;
	transition: all .2s ease;
	cursor: pointer;
}

.h2-link:hover {
	color: var(--wtl-panel-color-font-dark-50);
}

.cbv-access-devices-wrap {
	display: flex;
}

.cbv-adw-icp {
	padding-right: 20px;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	color: var(--wtl-color-yellow);
	font-size: 40px;
	line-height: 40px;
	font-weight: 900;
}

.cbv-adw-right {
	flex: 1;
}

.cbv-adw-txt {
	padding-top: 10px;
	padding-left: 60px;
	color: var(--wtl-panel-color-font-dark-75);
	font-size: 14px;
	margin-bottom: 30px;
}

.cbv-pc-wf-wrap {
	display: flex;
	margin-bottom: 20px;
	align-items: center;
}

.cbv-pc-wfw-input {
	position: relative;
	flex: 1;
}

.cbv-input-txt-pass {
	position: absolute;
	left: auto;
	top: 10px;
	right: 20px;
	bottom: auto;
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
}

.cbv-input-txt-pass:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.cpl-title {
	display: flex;
	justify-content: space-between;
}

.content-box-wht.abonament-notification {
	padding: 20px 30px 20px 30px;
}

.content-box-wht.abonament-notification > p {
	margin: 0;
}

.content-box-wht.abonament-notification > p:before {
	margin-right: 10px;
}

.fa-ico {
	height: auto;
	margin-left: 10px;
	padding-bottom: 0;
	font-style: normal;
	display: inline-block;
}

.fa-ico:before,
.fa-ico:after {
	font-family: 'Font Awesome 6 Pro', sans-serif;
}

.fa-ico.info-notes {
	margin-right: 10px;
	margin-left: 0;
}

.fa-ico.notification-box-ico {
	position: absolute;
	left: 15px;
	top: 15px;
	right: auto;
	bottom: auto;
	height: auto;
	margin-left: 0;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 18px;
	line-height: 20px;
	font-weight: 300;
}

.fa-ico.faq-datat-title-ico {
	display: flex;
	width: auto;
	height: auto;
	margin-left: 0;
	justify-content: center;
	align-items: center;
	font-size: 17px;
	line-height: 20px;
	font-weight: 300;
}

.wtl-nowrap {
	white-space: nowrap;
}

.fa-ico.faq-contact-box-ico {
	display: flex;
	width: 50px;
	height: 50px;
	margin-left: 0;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background-color: var(--wtl-panel-color-bg-accent);
	font-size: 21px;
	line-height: 20px;
	font-weight: 300;
}

.fa-ico.faq-contact-box-ico.small {
	width: 40px;
	height: 40px;
	font-size: 17px;
}

.fa-ico.cpi-ccc-delete-ico,
.fa-ico.cpi-ccc-edit-ico {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-dark-50);
	cursor: pointer;
	text-decoration: none;
}

.fa-ico.cpi-ccc-delete-ico:hover,
.fa-ico.cpi-ccc-edit-ico:hover
{
	color: var(--wtl-color-red);
}

.fa-ico.cpi-ccc-delete-ico.fa-trash-can
{
	position: absolute;
	left: auto;
	top: 0%;
	right: 0%;
	bottom: auto;
	text-decoration: none;
}

.fa-ico.cm-right-top-delete-ico {
	display: flex;
	width: 30px;
	height: 30px;
	justify-content: center;
	align-items: center;
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 21px;
	line-height: 20px;
	font-weight: 300;
}

.fa-ico.cm-right-top-delete-ico:hover {
	color: var(--wtl-color-red);
}

.fa-ico.cm-right-top-delete-ico.fa-trash-can {
	text-decoration: none;
}

.fa-ico.cm-right-top-database-ico {
	display: flex;
	width: 30px;
	height: 30px;
	margin-left: 0;
	justify-content: center;
	align-items: center;
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 21px;
	line-height: 20px;
	font-weight: 300;
	text-decoration: none;
}

.fa-ico.cm-right-top-database-ico:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.notification-wrap-ico,
.fa-ico.notification-wrap-ico {
	display: flex;
	width: 30px;
	margin-left: 0;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 18px;
	line-height: 20px !important;
	font-weight: 300;
}

.fa-ico.notification-wrap-ico.fa-circle-check {
	flex: 0 0 auto;
}

.fa-ico.table-nav-btn {
	width: 30px;
	height: 30px;
	color: var(--wtl-panel-color-font-dark-25);
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-left: 0;
	font-weight: 900;
	text-decoration: none;
	transition: all .2s;
	display: flex;
	cursor: pointer;
}

.fa-ico.table-nav-btn:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.fa-ico.table-nav-btn.fa-caret-left,
.fa-ico.table-nav-btn.fa-caret-right {
	font-size: 19px;
}

.fa-ico.table-action-btn {
	display: flex;
	width: 30px;
	height: 30px;
	margin-left: 0;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	background-color: transparent;
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-dark-75);
	font-size: 17px;
	font-weight: 300;
	float: left;
	text-decoration: none;
	cursor: pointer;
}

.fa-ico.table-action-btn:hover {
	color: var(--wtl-panel-color-font-dark-100);
	background: var(--wtl-panel-color-bg-accent);
}

.fa-ico.table-action-btn.fa-ellipsis {
	text-decoration: none;
}

.fa-ico.table-ami-ico {
	width: 30px;
	height: 20px;
	margin-left: 0;
	flex: 0 0 auto;
	font-weight: 300;
}

.fa-ico.cpi-cdhi-btn-ico {
	margin-left: 0;
	font-weight: 400;
}

.fa-ico.edit-panel-btn-ico {
	display: flex;
	width: 50px;
	height: 50px;
	margin-left: 0;
	justify-content: center;
	align-items: center;
	color: var(--wtl-panel-color-font-white);
	font-size: 17px;
	font-weight: 900;
}

.fa-ico.edit-panel-btn-ico.fa-pen {
	position: absolute;
}

.fa-ico.fa-arrow-up-right-from-square.odi-udul-ico {
	margin-left: 0;
}

.fa-ico.fa-arrow-up-right-from-square.odi-ul-ico {
	margin-left: 0;
	margin-right: 3px;
	font-size: 11px;
}

.fa-ico.footer-sp-link-sm {
	height: auto;
	margin-top: 0;
	margin-left: 0;
	transition: all .2s ease;
	font-family: 'Font Awesome 6 Brands', sans-serif;
	color: var(--wtl-panel-color-font-dark-75);
	font-size: 21px;
	line-height: 28px;
	text-decoration: none;
}

.fa-ico.footer-sp-link-sm:before {
	font-family: 'Font Awesome 6 Brands', sans-serif;
}

.fa-ico.footer-sp-link-sm:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.cpi-notes-wrap-old {
	background-color: var(--wtl-panel-color-bg-white);
	border-radius: 10px;
	flex-direction: column;
	margin-bottom: 0;
	padding: 30px;
	display: flex;
}

.content-page-note {
	width: 100%;
	padding-top: 30px;
	padding-right: 15px;
	padding-left: 15px;
}




/* 	===============================
	Lesson Page
	=============================== */

.content-lesson {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	background-color: var(--wtl-panel-color-bg-white);
	padding: 0;
}

.content-lesson.wide-view .lesson-page-left {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	position: relative;
	padding: 90px 30px 70px 30px;
}

.content-lesson.wide-view .lesson-page-left .lesson-content-item-top-wrap .lesson-content-item {max-width: 100%;}
.content-lesson.wide-view .lesson-page-left .lesson-content-item-top-wrap .lesson-content-item.title-nav {order: 2;}
.content-lesson.wide-view .lesson-page-left .lesson-content-item-top-wrap .lesson-content-item.media {order: 1;}
.content-lesson.wide-view .lesson-page-left .lesson-content-item-top-wrap .lesson-content-item.rating-wide-status {order: 3;}

.content-lesson.wide-view .lesson-page-right {
	display: none;
	flex-direction: column;
	width: 100%;
	max-width: 480px;
	height: calc(100% - 60px);
	overflow: hidden;
	padding: 0;
	position: fixed;
    top: 60px;
    right: 0;
    bottom: 0;
}

.content-lesson.wide-view .lesson-page-right-in {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 30px;
	overflow-y: auto;
}

.content-lesson.wide-view .lesson-page-right-in .lesson-extended-nav {
	display: flex;
	flex-direction: row;
	gap: 10px;
	padding-bottom: 30px;
}

.content-lesson.wide-view .lesson-page-right-in .lesson-extended-content {
	display: none;
	flex-direction: column;
	gap: 10px;
	flex: 1;
}

.content-lesson.wide-view .lesson-page-right-in .lesson-extended-content.active {
	display: flex;
}

.content-lesson.wide-view .lesson-page-right-in .lesson-extended-content .lesson-content-item.notes > h2 {
	display: none;
}

.content-lesson.wide-view .lesson-page-right-in .lesson-extended-content .lesson-content-item.assistant > h2 {
	display: none;
}

.lesson-content-item {
	display: flex;
	width: 100%;
	max-width: 920px;
}

.lesson-content-item-inner {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.lesson-content-item-top-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.lesson-content-item.chapters,
.lesson-content-item.attachments,
.lesson-content-item.certificates,
.lesson-content-item.comments,
.lesson-content-item.details,
.lesson-content-item.lessons,
.lesson-content-item.notes,
.lesson-content-item.assistant,
.lesson-content-item.opinions {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.lesson-content-item.assistant,
.lesson-content-item.assistant .lesson-content-item-inner,
.lesson-content-item.assistant .lesson-content-item-inner .assistant-box {
	height: 100%;
}

.lesson-content-item.chapters > h2,
.lesson-content-item.attachments > h2,
.lesson-content-item.certificates > h2,
.lesson-content-item.comments > h2,
.lesson-content-item.details > h2,
.lesson-content-item.lessons > h2,
.lesson-content-item.notes > h2,
.lesson-content-item.assistant > h2,
.lesson-content-item.opinions > h2 {
	font-size: 28px;
	line-height: 35px;
	font-weight: 700;
}

.lesson-content-item.media {
	width: 100%;
	border-radius: 20px;
	position: relative;
	overflow: hidden;
}

.lesson-content-item.media .video-apla {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--wtl-panel-color-bg-overlay);
	display: flex;
	flex-direction: column;
	gap: 20px;
	z-index: 1;
	justify-content: center;
	align-items: center;
	padding: 20px;
}

.lesson-content-item.media .video-apla > p {
	color: var(--wtl-panel-color-font-white);
	font-size: 21px;
	font-weight: 600;
	text-align: center;
	line-height: 28px;
	margin-bottom: 0;
}

.lesson-content-item.media .video-apla > div {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.lesson-content-item.media .ratio-16x9 {
	border-radius: 10px;
	overflow: hidden;
}

.lesson-content-item.exam a {
	width: 100%;
}

.lesson-content-item.comments .react-comment > div {
	padding: 0;
}

.lesson-content-item.title-nav {
	justify-content: space-between;
}

.lesson-content-item.title-nav .title {
	font-size: 28px;
	line-height: 35px;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lesson-content-item.title-nav .nav {
	display: flex;
	flex-direction: row;
	gap: 10px;
	flex-shrink: 0;
}

.lesson-content-item.rating-wide-status {
	justify-content: space-between;
}

.lesson-content-item.rating-wide-status .wide-status {
	display: flex;
	flex-direction: row;
	gap: 10px;
	flex-shrink: 0;
	flex: 1;
	justify-content: end;
}

.lesson-content-item-links-bar-wrap {
    position: fixed;
    bottom: 0;
    left: 10px;
    right: 10px;
    height: 60px;
    background: var(--wtl-panel-color-bg-white);
    z-index: 1;
    padding: 0;
}

.lesson-content-item-links-bar {
	width: 100%;
    max-width: 960px;
    margin: 10px auto;
	padding: 0 40px;
}

.lesson-content-item-links-bar .swiper-button-prev, 
.lesson-content-item-links-bar .swiper-button-next {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
    color: var(--wtl-panel-color-font-dark-100);
	background: var(--wtl-panel-color-bg-white);
	top: 22px;
	font-size: 18px;
}

.lesson-content-item-links-bar .swiper-button-prev i, 
.lesson-content-item-links-bar .swiper-button-next i {
	position: absolute;
	display: flex; 
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
    border-radius: 50%;
	transition: all .2s ease;
}

.lesson-content-item-links-bar .swiper-button-prev:hover i, 
.lesson-content-item-links-bar .swiper-button-next:hover i {
	background: var(--wtl-panel-color-bg-accent);
}

.lesson-content-item-links-bar .swiper-button-prev[aria-disabled="false"]:before,
.lesson-content-item-links-bar .swiper-button-next[aria-disabled="false"]:before {
	position: absolute;
	content: '';
	width: 40px;
	height: 40px;
	right: -40px;
	top: 0;
	pointer-events: none;
}

.lesson-content-item-links-bar .swiper-button-prev[aria-disabled="false"]:before {
	right: -40px;
	background: var(--wtl-panel-color-bg-white);
	background: -webkit-linear-gradient(90deg, var(--wtl-panel-color-bg-white) 0%, var(--wtl-panel-color-bg-transparent) 100%);
	background: -moz-linear-gradient(90deg, var(--wtl-panel-color-bg-white) 0%, var(--wtl-panel-color-bg-transparent) 100%);
	background: linear-gradient(90deg, var(--wtl-panel-color-bg-white) 0%, var(--wtl-panel-color-bg-transparent) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
	  startColorstr="#FFFFFF",
	  endColorstr="#FFFFFF",
	  GradientType=1
	);
}

.lesson-content-item-links-bar .swiper-button-next[aria-disabled="false"]:before {
	left: -40px;
	background: var(--wtl-panel-color-bg-white);
	background: -webkit-linear-gradient(90deg, var(--wtl-panel-color-bg-transparent) 0%, var(--wtl-panel-color-bg-white) 100%);
	background: -moz-linear-gradient(90deg, var(--wtl-panel-color-bg-transparent) 0%, var(--wtl-panel-color-bg-white) 100%);
	background: linear-gradient(90deg, var(--wtl-panel-color-bg-transparent) 0%, var(--wtl-panel-color-bg-white) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
	  startColorstr="#FFFFFF",
	  endColorstr="#FFFFFF",
	  GradientType=1
	);
}

.lesson-content-item-links-bar .swiper-button-prev {left: 0px;}
.lesson-content-item-links-bar .swiper-button-next {right: 0px;}

.lesson-content-item-links-bar .swiper-button-prev:after,
.lesson-content-item-links-bar .swiper-button-next:after {
	display: none;
}

.lesson-content-item-links {
	width: fit-content;
}

.lesson-content-item-links .swiper-slide {
    width: auto;
}

.content-lesson ~ .edit-panel-btn-wrap {bottom: 60px;}

@media screen and (min-width: 1280px) {
	/* Hide in wide view */
	.content-lesson.wide-view .lesson-content-item-links-bar-wrap a[href="#lesson-section-lessons"] {display: none;}
	.content-lesson.wide-view .lesson-page-left .lesson-content-item.lessons {display: none;}
	.content-lesson.wide-view .lesson-content-item-links-bar-wrap a[href="#lesson-section-notes"] {display: none;}
	.content-lesson.wide-view .lesson-page-left .lesson-content-item.notes {display: none;}
	.content-lesson.wide-view .lesson-content-item-links-bar-wrap a[href="#lesson-section-assistant"] {display: none;}
	.content-lesson.wide-view .lesson-page-left .lesson-content-item.assistant {display: none;}

	/* Show in wide view */
	.content-lesson.wide-view .lesson-page-right {display: flex;}

	/* Lesson content view */
	.content-lesson.wide-view .lesson-page-left {padding: 90px 480px 70px 30px;}

	.content-lesson.wide-view .lesson-content-item-links-bar-wrap {
		right: 460px;
		width: unset;
	}
	
	.nav-menu-sidebar.active ~ .content-lesson .lesson-content-item-links-bar-wrap {
		left: 310px;
	}
}

@media screen and (max-width: 991px) {
	.lesson-content-item.title-nav .title {font-size: 24px;}
	.lesson-content-item.chapters > h2,
	.lesson-content-item.attachments > h2,
	.lesson-content-item.certificates > h2,
	.lesson-content-item.comments > h2,
	.lesson-content-item.details > h2,
	.lesson-content-item.lessons > h2,
	.lesson-content-item.notes > h2,
	.lesson-content-item.assistant > h2,
	.lesson-content-item.opinions > h2 {
		font-size: 24px;
		line-height: 28px;
	}
	.lesson-content-item.chapters,
	.lesson-content-item.attachments,
	.lesson-content-item.certificates,
	.lesson-content-item.comments,
	.lesson-content-item.details,
	.lesson-content-item.lessons,
	.lesson-content-item.notes,
	.lesson-content-item.assistant,
	.lesson-content-item.opinions {
		gap: 10px;
	}
}

@media screen and (max-width: 767px) {
	.content-lesson {
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		gap: 20px;
	}
	.content-lesson .content-page-in {
		padding-top: 20px;
		gap: 20px;
	}
	.content-lesson.wide-view .lesson-page-left {
		padding: 60px 0 70px 0;
	}
	.lesson-content-item.title-nav .nav a {
		padding: 0;
		width: 40px;
		height: 40px;
	}
	.lesson-content-item.title-nav .nav a span {
		display: none;
	}
	.lesson-content-item.rating-wide-status {
		flex-direction: column;
		gap: 10px;
	}
	.lesson-rate {
		justify-content: space-between;
	}
	.lesson-content-item.rating-wide-status .wide-status {
		justify-content: space-between;
	}
	.lesson-content-item-links-bar-wrap {
		left: 0;
		right: 0;
	}
	.hide-mobile {
		display: none;
	}
}

/* 	End - Lesson Page */




/* 	===============================
	Training Details Box
	=============================== */

.details-box {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	background-color: var(--wtl-panel-color-bg-white);
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 20px;
	padding: 20px;
}

.details-item {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.details-item i {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	min-width: 40px;
	height: 40px;
	background-color: var(--wtl-panel-color-accent-light);
	border-radius: 20px;
	font-size: 18px;
}

.details-item-text {
	display: flex;
	flex-direction: column;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
}

.details-item-text span {
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
}

@media screen and (max-width: 991px) {
	.details-box {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* 	End - Training Details Box */




/* 	===============================
	Opinion Box
	=============================== */

.opinion-box {
	background-color: var(--wtl-panel-color-bg-white);
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 20px;
	flex-direction: column;
	padding: 20px;
	display: flex;
	position: relative;
	overflow: hidden;
}

/* 	End - Opinion Box */




/* 	===============================
	Lessons Box
	=============================== */

.lessons-box {
	background-color: var(--wtl-panel-color-bg-white);
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 20px;
	flex-direction: column;
	padding: 20px;
	display: flex;
}

.lessons-box.active {
	border: 1px solid var(--wtl-panel-color-bg-border-active);
}

.lessons-box .lessons-box-header {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
	cursor: pointer;
}

.lessons-box .lessons-box-header .lessons-box-header-top {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	flex: 1;
	font-size: 15px;
	line-height: 20px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lessons-box .lessons-box-header .lessons-box-header-top span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	max-width: 100%;
	width: 100%;
}

.lessons-box .lessons-box-header .lessons-box-header-top i {
	display: flex;
	align-items: center;
	height: 30px;
	width: 30px;
	min-width: 30px;
	transition: all .2s ease;
}

.lessons-box .lessons-box-header .lessons-box-header-top i:first-of-type {
	justify-content: flex-start;
	font-size: 24px;
	width: auto;
	min-width: auto;
	color: var(--wtl-panel-color-accent);
}

.lessons-box .lessons-box-header .lessons-box-header-top i:last-of-type {
	justify-content: center;
}

.lessons-box .lessons-box-header .lessons-box-header-top:hover i:last-of-type {
	color: var(--wtl-panel-color-font-dark-50);
}

.lessons-box .lessons-box-header.active .lessons-box-header-top i:last-of-type {
	transform: rotate(-90deg);
}

.lessons-box .lessons-box-header .lessons-box-header-additional span {
	color: var(--wtl-panel-color-font-dark-100);
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 15px;
	padding: 4px 12px;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
}

.lessons-box .lessons-box-header.active ~ .lessons-box-content {
	display: block;
}

.lessons-box .lessons-box-content {
	position: relative;
	margin: 20px 0 0 0;
	display: none;
	border-top: 1px solid var(--wtl-panel-color-bg-border);
}

.lesson-item {
	position: relative;
	display: flex;
	gap: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	flex-direction: row;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
	transition: all .2s ease;
	list-style-type: decimal;
	align-items: center;
}

.lesson-item:last-child {
	border-bottom: none;
}

.lesson-item.active:before {
	content: '';
	position: absolute;
	left: -20px;
	width: 5px;
	height: 40px;
	background: var(--wtl-panel-color-accent);
}

.lesson-item .lesson-item-title {
	display: block;
	color: var(--wtl-panel-color-font-dark-100);
	transition: all .2s ease;
	text-decoration: none;
	width: 100%;
	max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
	overflow: hidden;
	padding: 5px 0;
}

.lesson-item .lesson-item-title:hover {
	color: var(--wtl-panel-color-font-dark-50);
}

.lesson-item .lesson-item-title i {
	display: flex;
	align-items: center;
	width: 25px;
	height: 20px;
	min-width: 25px;
	float: left;
}

.lesson-item .lesson-item-additional {
	display: flex;
	gap: 5px;
	align-items: center;
	flex-shrink: 0;
}

.lesson-item .lesson-item-additional i {
	width: 30px;
	height: 30px;
	display: flex !important;
	justify-content: center;
	align-items: center;
	font-size: 18px;
}

.lesson-item .lesson-item-additional span {
	color: var(--wtl-panel-color-font-dark-100);
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 15px;
	padding: 4px 12px;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
}

/* 	End - Lessons Box  */




/* 	===============================
	Chapters
	=============================== */

.chapters-box {
	background-color: var(--wtl-panel-color-bg-white);
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 20px;
	flex-direction: column;
	padding: 20px;
	display: flex;
	width: 100%;
}

.chapter-item {
	flex-direction: row;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
	font-size: 15px;
	line-height: 20px;
	cursor: pointer;
	text-decoration: none;
}

.chapter-item:first-child {
	padding-top: 0;
}

.chapter-item:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.chapter-item .chapter-item-title {
	display: block;
	color: var(--wtl-panel-color-font-dark-100);
	transition: all .2s ease;
	text-decoration: none;
	width: 100%;
	max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
	overflow: hidden;
}

.chapter-item:hover .chapter-item-title,
.chapter-item:hover .chapter-item-title i {
	color: var(--wtl-panel-color-font-dark-50);
}

.chapter-item .chapter-item-title i {
	display: flex;
	align-items: center;
	width: 20px;
	height: 20px;
	min-width: 20px;
	color: var(--wtl-panel-color-font-dark-100);
	float: left;
	transition: all .2s ease;
}

.chapter-item:hover .chapter-item-title i {
	font-weight: 900;
}

.chapter-item .chapter-item-time {
	display: flex;
	justify-content: center;
	flex-shrink: 0;
	color: var(--wtl-panel-color-font-dark-100);
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 15px;
	padding: 4px 12px;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	min-width: 95px;
}

/* 	End - Video Moments */




/* 	===============================
	Note Box
	=============================== */

.note-box {
	background-color: var(--wtl-panel-color-bg-white);
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 20px;
	flex-direction: column;
	padding: 20px;
	display: flex;
	width: 100%;
}

.note-box .note-box-header {
	cursor: pointer;
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 10px;
}

.note-box .note-box-header .note-box-header-top {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	flex: 1;
	font-size: 15px;
	line-height: 20px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.note-box .note-box-header .note-box-header-top span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	max-width: 100%;
	width: 100%;
}

.note-box .note-box-header .note-box-header-top i {
	display: flex;
	align-items: center;
	height: 30px;
	width: 30px;
	min-width: 30px;
	transition: all .2s ease;
}

.note-box .note-box-header .note-box-header-top i:first-of-type {
	justify-content: flex-start;
	font-size: 22px;
	width: auto;
	min-width: auto;
	color: var(--wtl-panel-color-accent);
}

.note-box .note-box-header .note-box-header-top i:last-of-type {
	justify-content: center;
}

.note-box .note-box-header .note-box-header-top:hover i:last-of-type {
	color: var(--wtl-panel-color-font-dark-50);
}

.note-box .note-box-header.active .note-box-header-top i:last-of-type {
	transform: rotate(-90deg);
}

.note-box .note-box-header .note-box-header-additional span {
	color: var(--wtl-panel-color-font-dark-100);
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 15px;
	padding: 4px 12px;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
}

.note-box .note-box-header.active ~ .note-box-content {
	display: block;
}

.note-box .note-box-content {
	position: relative;
	padding: 5px 0 0 0;
	margin: 20px 0 0 0;
	display: none;
	border-top: 1px solid var(--wtl-panel-color-bg-border);
}

.note-box-form form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.note-box-form .note-box-txt-name {
	padding: 0 0 0 0;
	font-weight: 600;
	border: none;
	background: none;
}

.note-box-form .input-wrap {
	margin: 0;
}

.note-box-form .input-wrap .textarea-placeholder,
.note-box-form .input-wrap textarea {
	padding: 0;
	border-radius: 0;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
	border-left: none;
}

.note-box-form .input-wrap .textarea-placeholder {
	padding-bottom: 20px;
}

.note-box-form-actions {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: flex-end;
	gap: 10px;
}

.note-item {
	position: relative;
	display: flex;
	gap: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	flex-direction: row;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
	transition: all .2s ease;
	list-style-type: decimal;
	align-items: center;
}

.note-item:first-child {
	padding-top: 0;
}

.note-item:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.note-item.active:before {
	content: '';
	position: absolute;
	top: -5px;
	left: -20px;
	width: 5px;
	height: 40px;
	background: var(--wtl-panel-color-accent);
}

.note-item .note-item-title {
	display: block;
	color: var(--wtl-panel-color-font-dark-100);
	transition: all .2s ease;
	text-decoration: none;
	width: 100%;
	max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	padding: 5px 0;
}

.note-item .note-item-title:hover {
	color: var(--wtl-panel-color-font-dark-50);
}

.note-item .note-item-title i {
	display: flex;
	align-items: center;
	width: 25px;
	height: 20px;
	min-width: 25px;
	float: left;
}

.note-item-action {
	display: flex;
	padding-left: 25px;
	grid-column-gap: 10px;
}

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

	.note-item-action {
		display: flex;
		padding-left: 0;
		flex-direction: column;
		align-items: stretch;
		grid-row-gap: 10px;
		text-align: left;
	}

}

@media screen and (max-width: 479px) {
	.note-box-form-actions {
		flex-direction: column;
	}
}


/* 	End - Note Box  */




/* 	===============================
	Assistant Box
	=============================== */

.assistant-box {
	background-color: var(--wtl-panel-color-bg-white);
	flex-direction: column;
	display: flex;
	width: 100%;
}

/* 	End - Assistant Box  */




/* 	===============================
	Certificate Box
	=============================== */

.certificate-box {
	background-color: var(--wtl-panel-color-bg-white);
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 20px;
	flex-direction: column;
	padding: 20px;
	display: flex;
}

.certificate-box .certificate-box-header {
	cursor: pointer;
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 10px;
}

.certificate-box .certificate-box-header .certificate-box-header-top {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	flex: 1;
	font-size: 15px;
	line-height: 20px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.certificate-box .certificate-box-header .certificate-box-header-top span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	max-width: 100%;
	width: 100%;
}

.certificate-box .certificate-box-header .certificate-box-header-top i {
	display: flex;
	align-items: center;
	height: 30px;
	width: 30px;
	min-width: 30px;
	transition: all .2s ease;
}

.certificate-box .certificate-box-header .certificate-box-header-top i:first-of-type {
	justify-content: flex-start;
	font-size: 24px;
	width: auto;
	min-width: auto;
	color: var(--wtl-panel-color-accent);
}

.certificate-box .certificate-box-header .certificate-box-header-top i:last-of-type {
	justify-content: center;
}

.certificate-box .certificate-box-header .certificate-box-header-top:hover i:last-of-type {
	color: var(--wtl-panel-color-font-dark-50);
}

.certificate-box .certificate-box-header.active .certificate-box-header-top i:last-of-type {
	transform: rotate(-90deg);
}

.certificate-box .certificate-box-header .certificate-box-header-additional span {
	color: var(--wtl-panel-color-font-dark-100);
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 15px;
	padding: 4px 12px;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
}

.certificate-box .certificate-box-header.active ~ .certificate-box-content {
	display: block;
}

.certificate-box .certificate-box-content {
	position: relative;
	padding: 20px 0 0 0;
	margin: 20px 0 0 0;
	display: none;
	border-top: 1px solid var(--wtl-panel-color-bg-border);
}

.certificate-item {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
}

.certificate-item:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.certificate-item .certificate-item-title {
	display: flex;
	flex-direction: row;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	text-decoration: none;
}

.certificate-item .certificate-item-title i {
	width: 25px;
	min-width: 25px;
	line-height: inherit;
}

.certificate-item-require {
	display: flex;
	flex-direction: row;
	column-gap: 10px;
	padding-left: 25px;
	font-size: 15px;
	line-height: 20px;
}

.certificate-item-require span {
	color: var(--wtl-panel-color-font-dark-75);
}

.certificate-item-action {
	display: flex;
	padding-left: 25px;
	grid-column-gap: 10px;
}

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

	.certificate-item-require {
		flex-direction: column;
	}

	.certificate-item-action {
		display: flex;
		padding-left: 0;
		flex-direction: column;
		align-items: stretch;
		grid-row-gap: 10px;
		text-align: left;
	}

}

/* 	End - Certificate Box */




/* 	===============================
	Attachments Box
	=============================== */

.attachments-box {
	background-color: var(--wtl-panel-color-bg-white);
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 20px;
	flex-direction: column;
	padding: 20px;
	display: flex;
}

.attachment-item {
	flex-direction: row;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
	font-size: 15px;
	line-height: 20px;
}

.attachment-item:first-child {
	padding-top: 0;
}

.attachment-item:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.attachment-item .attachment-item-title {
	display: block;
	color: var(--wtl-panel-color-font-dark-100);
	transition: all .2s ease;
	text-decoration: none;
	width: 100%;
	max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
	overflow: hidden;
}

.attachment-item .attachment-item-title:hover {
	color: var(--wtl-panel-color-font-dark-50);
}

.attachment-item .attachment-item-title i {
	display: flex;
	align-items: center;
	width: 25px;
	height: 20px;
	min-width: 25px;
	color: var(--wtl-panel-color-accent);
	float: left;
}

.attachment-item .attachment-item-additional {
	display: flex;
	gap: 10px;
	align-items: center;
	flex-shrink: 0;
	color: var(--wtl-panel-color-font-dark-50);
}

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

	.attachment-item {
		flex-direction: column;
	}

	.attachment-item .attachment-item-title {
		width: 100%;
		padding-right: 0;
	}

	.attachment-item .attachment-item-additional {
		width: 100%;
		justify-content: space-between;
		padding-left: 25px;
	}

}

/* 	End - Attachments Box */




.content-page-certificate {
	width: 100%;
	padding-top: 30px;
	padding-right: 15px;
	padding-left: 15px;
}

.cpi-lesson-content {
	width: 100%;
	border-radius: 10px;
	flex: 1;
	padding-bottom: 50px;
	position: relative;
}

.cpi-lesson-content.no-access {
	flex-direction: column;
	align-items: flex-start;
	padding-left: 15px;
	padding-right: 15px;
	display: flex;
	gap: 20px;
}

.cpi-lesson-title {
	display: flex;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
}

.cpi-lesson-title.no-access {
	padding-bottom: 0px;
}

.cpi-lm-title-right {
	display: flex;
	align-items: center;
}

.odi-inputs-offsite {
	grid-row-gap: 10px;
	text-align: left;
	background-color: var(--wtl-panel-color-bg-white);
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	flex-direction: column;
	align-items: stretch;
	margin-top: 50px;
	padding: 20px 30px 30px;
	display: flex;
}

.opinion-data-form-offsite {
	flex-direction: column;
	flex: 1;
	margin-bottom: 0;
	display: flex;
}

.img-sample {
	width: 100%;
}

.inputr-label.form-popup.additional-text-input,
.inputc-label.form-popup.additional-text-input {
	display: inline-block;
	width: 100%;
}

.input-radio.form-popup .additional-text-input input,
.input-checkbox.form-popup .additional-text-input input {
	display: none;
}

.input-radio.form-popup>input[type="radio"]:checked~.additional-text-input input,
.input-checkbox.form-popup>input[type="checkbox"]:checked~.additional-text-input input {
	display: block;
}

.additional-text-input input {
	margin: 10px 0 5px -30px;
	width: calc(100% + 30px);
}

.pb-form-section.question-section {
	display: none;
}

.pb-form-section.question-section.active {
	display: block;
}

.cpi-mctdd-wrap-left {
	width: 100%;
	grid-row-gap: 20px;
	border-radius: 10px;
	flex-direction: column;
	display: flex;
	overflow: hidden;
}

.cpi-mctdd-wrap-right {
	position: relative;
	width: 40%;
	padding-right: 15px;
	padding-left: 15px;
}

.community-comments {
	display: none;
	position: relative;
}

.community-comments .cc-comment-wrapper:first-of-type .cc-comment {
	margin-top: 0;
}

.community-comments.module-tab {
	border-top-style: none;
	border-top-color: var(--ciemny-15-border);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-left: 0;
	margin-right: 0;
	padding: 0 20px 0 20px;
	display: block;
	position: relative;
}

.community-comments.module-tab > div >  .cc-comment:first-of-type {
	margin-top: 20px;
}

.community-comments.hide {
	flex-direction: column;
	display: none;
	position: relative;
}

.community-comments.active {
	display: block;
}

.cc-comment {
	flex-direction: column;
	margin-top: 15px;
	padding-left: 50px;
	display: flex;
	position: relative;
	gap: 5px;
}

.ccc-avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 0%;
	bottom: auto;
	left: 0%;
	right: auto;
	overflow: hidden;
}

.ccc-avatar-img {
	width: 40px;
	height: 40px;
	object-fit: cover;
}

.ccc-wrap {
	gap: 5px;
	align-items: center;
	display: flex;
}

.ccc-wrap.actions {
	margin-left: -10px;
	flex-direction: row;
	gap: 0;
	flex-wrap: wrap;
}

.ccc-wrap.images {
	text-align: left;
	margin-top: 10px;
	display: block;
}

.cccw-user-name {
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	text-decoration: none;
	transition: all .2s ease;
}

.cccw-user-name:hover {
	color: var(--wtl-panel-color-font-dark-50);
}

.cccw-date {
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	flex-shrink: 0;
}

.cccw-user-about {
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
	line-height: 20px;
}

.cccw-like,
.cccw-delete,
.cccw-reply,
.cccw-edit,
.cccw-show-replies,
.cccw-admin-read-toggle {
	border-radius: 5px;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	padding: 5px 10px;
	text-decoration: none;
	transition: all .2s;
	display: flex;
	flex-direction: row;
	gap: 5px;
	align-items: center;
	cursor: pointer;
}

.cccw-like:hover,
.cccw-delete:hover,
.cccw-reply:hover,
.cccw-edit:hover,
.cccw-show-replies:hover,
.cccw-admin-read-toggle:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.cccw-like.active {
	color: var(--wtl-panel-color-font-dark-100);
}

.cccw-like i {
	font-size: 18px;
}

.cc-comment-reply-s1 {
	margin-left: 20px;
	padding-bottom: 0;
	padding-left: 35px;
	margin-top: 15px;
}

.cc-comment-reply-s1+.cc-comment:before {
	position: absolute;
	content: '';
	top: -30px;
	left: 75px;
	width: 3px;
	height: 30px;
	background: var(--wtl-panel-color-bg-white);
}

.community-comments-message {
	border-top: 1px solid var(--wtl-panel-color-bg-border);
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	display: none;
	position: relative;
}

.community-comments-message.module-tab {
	padding-bottom: 0;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0;
	display: block;
	margin-left: 0;
	margin-right: 0;
	border-top: none;
	width: 100%;
	background: var(--wtl-panel-color-bg-white);
	border-radius: 10px;
	z-index: 1;
}

.community-comments-message.hide {
	display: none;
}

.community-comments-message.active {
	display: block;
}

.cccw-edit-comment button {
	display: inline-block;
}

.cpi-lesson-list-wrap {
	width: 100%;
	border-radius: 10px;
	flex-direction: column;
	align-items: stretch;
	display: flex;
	position: relative;
	background: var(--wtl-panel-color-bg-white);
}

.cpi-lesson-list-wrap.no-modules {
	padding-top: 10px;
	padding-bottom: 10px;
}

.cpi-community-left {
	flex-direction: column;
	display: flex;
	width: 280px;
}

.cpi-community-center {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.public-chat-page {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 30px;
	width: 100%;
	border-radius: 20px;
	border: 1px solid var(--wtl-panel-color-bg-border);
	padding: 20px;
	margin: 0;
}

.cpi-community-center-in {
	width: 100%;
	max-width: 900px;
	grid-row-gap: 20px;
	flex-direction: column;
	align-items: stretch;
	display: flex;
	padding: 30px 30px 0 30px;
}

.cpi-community-right {
	position: relative;
	display: flex;
	width: 25%;
	padding-right: 15px;
	padding-left: 15px;
	flex-direction: column;
}

.cpi-cl-biw-link {
	display: flex;
	height: 40px;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 0;
	padding-left: 0;
	align-items: center;
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
}

.cpi-cl-biw-link:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.cpi-cl-biw-link.active {
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-accent);
	color: var(--wtl-panel-color-font-dark-100);
	line-height: 40px;
}

.cpi-cl-biw-link-ico {
	display: inline-block;
	width: 30px;
	min-width: 30px;
	justify-content: center;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	font-size: 13px;
	font-weight: 300;
	text-align: center;
}

.cpi-cc-top {
	border-radius: 20px;
	border: 1px solid var(--wtl-panel-color-bg-border);
	background-color: var(--wtl-panel-color-bg-white);
	padding: 10px 20px;
	position: relative;
}

.cpi-cc-top-left {
	display: flex;
	padding: 15px 30px;
	align-items: center;
	flex: 1;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
}

.cpi-cc-top-right {
	display: flex;
	padding-right: 30px;
	padding-left: 30px;
	justify-content: flex-end;
	align-items: center;
}

.cpi-cc-top-right.main-board {
	padding-top: 15px;
	padding-bottom: 15px;
}

.cpi-cc-top-select {
	margin-bottom: 0;
}

.cpi-cc-top-select.main-board, .cpi-cc-top-select-form {
	width: 100%;
}

.cpi-cc-tsf-select {
	width: 100%;
	height: 40px;
	margin-bottom: 0;
	padding: 0;
	background-color: transparent;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
	line-height: 30px;
}

.cpi-cc-tsf-select.cs-h40s {
	min-width: 140px;
	border-style: solid;
	border-width: 1px;
	border-color: var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-accent);
}

.cpi-cc-top-btn {
	display: flex;
	height: 40px;
	margin-left: 10px;
	padding: 0 20px;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-accent);
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-white);
	font-size: 15px;
	line-height: 20px;
	font-weight: 600;
}

.cpi-cc-top-btn:hover {
	background-color: var(--wtl-panel-color-accent-hover);
}

.community-post-image {
	width: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding-bottom: 40%;
	padding-right: 0;
	position: relative;
	background: var(--wtl-panel-color-bg-border);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.community-post-image.hide {
	display: none;
}

.community-post-image.post-blocks {
	padding-bottom: 56.25%;
}

.community-pi-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	position: absolute;
	top: auto;
	bottom: 0%;
	left: 0%;
	right: 0%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	z-index: 1;
}

.community-post {
	grid-row-gap: 10px;
	background-color: var(--wtl-panel-color-bg-white);
	border-radius: 10px;
	flex-direction: column;
	align-items: flex-start;
	padding: 20px;
	display: flex;
}

.cpi-community-posts.post-blocks .community-info-box {
	grid-column: 1 / 4;
}

.community-info-box {
	border-radius: 10px;
	padding: 20px;
	display: flex;
	align-items: center;
	background-color: var(--wtl-panel-color-bg-white);
	justify-content: center;
	width: 100%;
}

.community-post-recommended {
	margin-bottom: 10px;
}

.cp-title {
	flex-direction: row;
	align-self: stretch;
	display: flex;
}

.cp-title h2 a {
	font-family: var(--wtl-panel-font-family);
	color: var(--wtl-panel-color-font-dark-100);
	font-size: unset;
	line-height: 28px;
	font-weight: 700;
	text-decoration: none;
	transition: all .2s ease;
}

.cp-title h2 a:hover {
	color: var(--wtl-panel-color-accent);
}

.cp-user-data {
	flex-direction: column;
	padding-left: 50px;
	display: flex;
	position: relative;
	min-height: 40px;
}

.cp-ud-avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 0%;
	bottom: auto;
	left: 0%;
	right: auto;
	overflow: hidden;
  }

  .cp-ud-avatar.post-blocks {
	margin-top: -20px;
	position: relative;
	box-shadow: 0 0 0 3px var(--wtl-panel-color-bg-white);
  }

  .cp-ud-avatar.post-list {
	position: static;
  }

.cp-ud-wrap {
	grid-column-gap: 5px;
	align-items: center;
	display: flex;
	align-items: start;
}

.cpudw-user-name {
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	text-decoration: none;
	transition: all .2s ease;
}

.cpudw-user-name:hover {
	color: var(--wtl-panel-color-font-dark-50);
}

.cpudw-deleted-user-name {
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
}

.user-badge {
	background-color: var(--wtl-panel-color-dark-light);
	border-radius: 5px;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .5px;
	line-height: 10px;
	padding: 6px 5px 4px 5px;
	text-transform: uppercase;
	flex-shrink: 0;
}

.user-badge.role {
	margin-left: 5px;
}

.cpudw-date {
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 12px;
	line-height: 20px;
	flex-shrink: 0;
	font-weight: 500;
}

.cpudw-board-publication {
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.cpudw-board-publication a {
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.cpudw-board-publication a:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.cpudw-bp-link {
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
	text-decoration: none;
	transition: all .2s;
}

.cpudw-bp-link:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.cp-post-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}

.cp-post-text .display-more-content-button {
	margin-top: 15px;
}

.community-post-action {
	background-color: var(--wtl-panel-color-bg-white);
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	justify-content: space-between;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 5px;
	display: flex;
}

.community-post-action.post-blocks {
	border: 1px var(--wtl-panel-color-bg-border);
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 20px;
	padding-left: 0;
	padding-right: 0;
}

.community-post-action.post-list {
	border: 1px var(--wtl-panel-color-bg-border);
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}

.cpa-left {
	display: flex;
}

.post-blocks .cpa-left {
	margin-left: -10px;
}

.cpa-comments-btn {
	height: 30px;
	grid-column-gap: 10px;
	color: var(--wtl-panel-color-font-dark-50);
	background-color: var(--wtl-panel-color-bg-transparent);
	border-radius: 5px;
	align-items: center;
	margin-right: 0;
	padding: 0 10px;
	font-size: 15px;
	font-weight: 500;
	line-height: 20px;
	text-decoration: none;
	transition: all .2s;
	display: flex;
	cursor: pointer;
}

.cpa-comments-btn:hover {
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-bg-accent);
}

.cpa-comments-btn-ico {
	height: auto;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	font-weight: 300;
	display: inline-block;
}

.cpa-comments-btn-count {
	line-height: 20px;
	display: inline-block;
}

.cp-ud-avatar-img {
	width: 40px;
	height: 40px;
	object-fit: cover;
}

.cpi-cc-top-btn-ico {
	width: 40px;
	height: 40px;
	color: var(--wtl-panel-color-font-dark-50);
	text-align: center;
	border-radius: 10px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-family: "Font Awesome 6 Pro", sans-serif;
	font-size: 17px;
	font-weight: 300;
	line-height: 30px;
	text-decoration: none;
	transition: all .2s;
	display: flex;
}

.cpi-cc-top-btn-ico:hover {
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-bg-accent);
}

.cpi-community-boards {
	width: 100%;
	gap: 20px;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;
	position: relative;
}

.cpi-cb-board {
	grid-row-gap: 10px;
	background-color: var(--wtl-panel-color-bg-white);
	border-radius: 10px;
	flex-direction: column;
	justify-content: space-between;
	padding: 20px;
	display: flex;
}

.cpi-cb-board-info {
	flex-direction: column;
	justify-content: space-between;
	display: flex;
}

.cpi-cb-board-info.bottom {
	grid-row-gap: 5px;
}

.cpi-cb-board-in {
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 30px 10px 10px;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-white);
}

.cpi-community-users {
	position: relative;
	display: inline-block;
	width: 100%;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
}

.cpi-cu-user {
	display: inline-block;
	width: 33.3333%;
	float: left;
	flex-direction: column;
}

.cpi-cu-user-in {
	display: flex;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	padding: 30px 10px 10px;
	flex-direction: column;
	align-items: center;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-white);
	text-align: center;
}

.cpi-cuu-btn {
	display: flex;
	width: 100%;
	height: 40px;
	padding: 0;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-accent-light);
	transition: all .2s ease;
	color: var(--wtl-panel-color-accent);
	font-size: 15px;
	line-height: 20px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}

.cpi-cuu-btn:hover {
	background-color: var(--wtl-panel-color-accent-light-hover);
}

.cpi-cuu-btn-ico {
	height: auto;
	margin-right: 10px;
	padding-bottom: 0;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	font-weight: 300;
}

.cpi-cuu-user-name {
	display: block;
	overflow: hidden;
	max-height: 42px;
	margin-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}

.cpi-cuu-user-name:hover {
	color: var(--wtl-panel-color-font-dark-75);
}

.cpi-cuu-user-detail {
	overflow: hidden;
	height: 60px;
	margin-bottom: 20px;
	clear: both;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 13px;
	line-height: 19px;
	font-weight: 500;
	text-align: center;
}

.cpi-cuu-avatar {
	position: relative;
	display: flex;
	width: 100px;
	height: 100px;
	margin-bottom: 20px;
	flex-direction: column;
	align-items: center;
	border-radius: 50%;
}

.cpi-cuu-avatar-img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	-o-object-fit: cover;
	object-fit: cover;
}

.cpi-cuu-avatar-badge {
	position: relative;
	display: flex;
	height: 15px;
	margin-top: -8px;
	padding-right: 5px;
	padding-left: 5px;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	background-color: var(--wtl-panel-color-accent);
	color: var(--wtl-panel-color-font-white);
	font-size: 10px;
	line-height: 16px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.cpi-cuu-user-status {
	position: absolute;
	left: auto;
	top: 8px;
	right: 8px;
	bottom: auto;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: var(--wtl-panel-color-dark);
	box-shadow: 0 0 0 2px var(--wtl-panel-color-bg-white);
}

.cpi-cuu-user-status.online {
	background-color: var(--wtl-color-green);
}

.cpi-cuu-community-status {
	display: flex;
	width: 100%;
	height: 30px;
	margin-bottom: 10px;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-accent-light);
	font-size: 12px;
	line-height: 15px;
	font-weight: 600;
	letter-spacing: 0.2px;
	text-transform: uppercase;
}

.cpi-cuu-community-status.purple {
	background-color: hsla(var(--wtl-color-purple-h), var(--wtl-color-purple-s), calc(var(--wtl-color-purple-l) + 0%), .1);
	color: var(--wtl-color-purple);
}

.cpi-cuu-community-status.blue {
	background-color: hsla(var(--wtl-color-blue-h), var(--wtl-color-blue-s), calc(var(--wtl-color-blue-l) + 0%), .1);
	color: var(--wtl-color-blue);
}

.cpi-cuu-community-status.red {
	background-color: hsla(var(--wtl-color-red-h), var(--wtl-color-red-s), calc(var(--wtl-color-red-l) + 0%), .1);
	color: var(--wtl-color-red);
}

.cpi-cuu-community-status.green {
	background-color: hsla(var(--wtl-color-green-h), var(--wtl-color-green-s), calc(var(--wtl-color-green-l) + 0%), .1);
	color: var(--wtl-color-green);
}

.cpi-cuu-community-status.orange {
	background-color: hsla(var(--wtl-color-orange-h), var(--wtl-color-orange-s), calc(var(--wtl-color-orange-l) + 0%), 1);
	color: var(--wtl-color-orange);
}

.cpi-community-posts {
	grid-row-gap: 20px;
	flex-direction: column;
	align-items: center;
	display: flex;
}

.cpi-community-posts.public-profile {
	margin-right: 0;
	margin-left: 0;
}

.cpi-community-posts.hide {
	display: none;
}

.cpi-community-posts.post-blocks {
	gap: 20px;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	align-items: stretch;
	display: grid;
  }

.cpi-community-posts.post-blocks.hide {
	display: none;
}

.cpi-community-posts.post-list {
	grid-row-gap: 0;
	background-color: var(--wtl-panel-color-bg-white);
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 20px;
	align-items: stretch;
}

.cpi-cc-top-btn-back {
	display: inline-block;
	height: 40px;
	margin-left: 15px;
	padding-right: 20px;
	padding-left: 20px;
	flex-direction: row;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-white);
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	text-decoration: none;
}

.cpi-cc-top-btn-back:hover {
	border-bottom-color: transparent;
	color: var(--wtl-panel-color-font-dark-100);
}

.cpi-community-comments {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 20px;
}

.cpi-community-comment {
	display: flex;
	gap: 10px;
	overflow: hidden;
}

.cpi-cc-left {
	position: relative;
	display: flex;
	gap: 20px;
}

.cpi-cc-right {
	justify-content: space-between;
	flex: 1;
}

.cpi-ccl-user-avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.cpi-ccl-avatar-ico {
	position: absolute;
	left: 35px;
	top: 35px;
	right: auto;
	bottom: auto;
	display: flex;
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	background-color: var(--wtl-panel-color-bg-accent);
	font-family: 'Font Awesome 6 Pro', sans-serif;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 17px;
	line-height: 40px;
	font-weight: 300;
}

.cpi-ccr-info {
	display: flex;
	justify-content: space-between;
}

.cpi-ccri-source {
	padding-right: 20px;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 13px;
	line-height: 20px;
	display: flex;
	gap: 5px;
	align-items: center;
}

.cpi-ccri-date {
	flex: 0 0 auto;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 12px;
	line-height: 20px;
}

.cpi-ccri-source-link {
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 13px;
	text-decoration: none;
}

.cpi-ccri-source-link:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.text-block {
	font-size: 15px;
	line-height: 20px;
}

.community-messenger {
	display: flex;
	min-height: 400px;
	max-height: 800px;
	flex-direction: row;
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 20px;
	background-color: var(--wtl-panel-color-bg-white);
}

.cm-left {
	display: flex;
	width: 33%;
	flex-direction: column;
	flex: 0 0 auto;
	border-right: 1px solid var(--wtl-panel-color-bg-border);
}

.cm-right {
	display: flex;
	width: 67%;
	flex-direction: column;
}

.cm-left-inbox-top {
	display: flex;
	height: 80px;
	padding-right: 20px;
	padding-left: 20px;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex: 0 0 auto;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
}

.cm-left-inbox-top.hide {
	display: none;
}

.cm-left-message-user {
	position: relative;
	display: flex;
	padding: 20px;
	flex-direction: column;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
	transition: all .2s ease;
	text-decoration: none;
}

.cm-left-message-user:hover {
	background-color: var(--wtl-panel-color-bg-accent);
}

.cm-left-message-user.active {
	background-color: var(--wtl-panel-color-bg-accent);
}

.cm-lt-btn {
	display: flex;
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background-color: transparent;
	transition: all .2s ease;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 21px;
	line-height: 40px;
	font-weight: 300;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.cm-lt-btn:hover {
	background-color: var(--wtl-panel-color-bg-accent);
}

.cm-lt-btn.fa-xmark {
	display: flex;
}

.cm-lmu-message {
	padding-left: 50px;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
	line-height: 20px;
	margin-right: 75px;
}

.cm-lmu-avatar {
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.cm-lmu-user-name {
	margin-right: 40px;
	padding-left: 50px;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	line-height: 20px;
	font-weight: 600;
}

.cm-lmu-date {
	position: absolute;
	left: auto;
	top: 20px;
	right: 20px;
	bottom: auto;
	width: 65px;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 12px;
	text-align: right;
	line-height: 20px;
}

.cm-right-top {
	display: flex;
	height: 80px;
	padding-right: 20px;
	padding-left: 20px;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex: 0 0 auto;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
}

.cm-right-top.mass-message {
	height: auto;
	padding-top: 15px;
	padding-bottom: 20px;
	align-items: flex-start;
}

.cm-rt-user-name {
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 17px;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
}

.cm-rt-user-name.mass-message {
	line-height: 28px;
}

.cm-rt-user-activity {
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 12px;
	font-weight: 500;
}

.cm-right-messages {
	display: flex;
	overflow: scroll;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	flex-direction: column;
	flex: 1;
	grid-row-gap: 20px;
}

.cm-right-messages.mass-message {
	padding-top: 20px;
}

.cm-rm-income {
	display: flex;
	padding-top: 10px;
}

.cm-rm-income.hide {
	display: none;
}

.cm-rmi-avatar {
	position: relative;
	width: 40px;
	max-width: 40px;
	min-height: 40px;
	min-width: 40px;
}

.cm-rmi-messages {
	display: flex;
	padding-left: 15px;
	flex-direction: column;
	align-items: flex-start;
	flex: 0 auto;
}

.cm-rmi-avatar-img {
	position: absolute;
	left: 0%;
	top: auto;
	right: 0%;
	bottom: 0%;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.cm-rmi-message {
	margin-top: 10px;
	margin-right: 50px;
	padding: 10px;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-accent);
}

.cm-rm-outcome {
	padding-top: 10px;
}

.cm-rm-outcome.hide {
	display: none;
}

.cm-rmo-messages {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	flex: 1;
}

.cm-rmo-message-wrapper {
	display: flex;
	align-items: center;
	position: relative;
	justify-content: flex-end;
}

.menu-btn {
	background: none;
	border: none;
	font-size: 18px;
	cursor: pointer;
	padding: 5px;
	margin-right: 5px;
	position: relative;
	z-index: 2; /* Keeps it above the menu if overlapping */
}

.cm-rmo-message {
	margin-left: 0;
	padding: 10px;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-accent);
	max-width: 300px; /* Optional: limits width of message bubble */
	word-break: break-word;
}

.message-menu {
	position: absolute;
	top: -100%;
	right: 100%; /* Left of the menu button */
	margin-right: 10px;
	background: var(--wtl-panel-color-bg-white);
	border: 2px solid var(--wtl-panel-color-bg-accent);
	z-index: 1;
	display: none; /* Hidden by default */
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	flex-direction: column;
	gap: 5px;
	min-width: 80px;
	overflow: hidden; /* Prevent children from overflowing */
}

.message-menu button {
	display: block;
	width: 100%;
	white-space: nowrap;
	background: var(--wtl-panel-color-bg-accent);
	border: none;
	padding: 8px 32px 8px 14px;
	border-radius: 3px;
	text-align: left;
	cursor: pointer;
}

.message-menu button:hover {
	background: var(--wtl-panel-color-bg-white);
}

.cm-rm-date {
	padding-top: 20px;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
	text-align: center;
}

.cm-rm-message {
	margin-bottom: 0;
	flex: 0 auto;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: var(--wtl-panel-color-bg-white);
}

.cm-rm-message.chat-page {
	margin-top: 0;
}

.cm-rm-message-form-in {
	padding-bottom: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-white);
}

.cm-rmmf-section.input {
	margin-right: 10px;
}

.cm-rmmf-section.input.chat-page {
	margin-right: 10px;
}

.cm-rmmf-section.action {
	display: flex;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 15px;
	flex-direction: row;
	justify-content: space-between;
}

.cm-rmmf-section.action.chat-page {
	padding-right: 10px;
	padding-bottom: 0;
}

.cm-rmmfi-section-input {
	max-width: 100%;
	min-height: 83px;
	min-width: 100%;
	margin-bottom: 0;
	padding: 10px 20px;
	border: 1px none var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	background-color: var(--wtl-panel-color-bg-transparent);
}

.cm-rmmfi-section-input.mass-message {
	min-height: 300px;
}

.cm-rmmfs-submit {
	height: 30px;
	padding: 0 10px;
	border-radius: 5px;
	background-color: var(--wtl-panel-color-accent);
	transition: all .2s ease;
	line-height: 20px;
	font-weight: 500;
	text-align: center;
	color: var(--wtl-panel-color-font-white);
}

.cm-rmmfs-submit:hover {
	background-color: var(--wtl-panel-color-accent-hover);
}

.cm-rmmfs-actions {
	display: flex;
	justify-content: center;
	align-items: center;
}

.cm-rmmfs-actions.right {
	grid-column-gap: 10px;
}

.cm-rmmfs-actions-btn {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	transition: all .2s ease;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 21px;
	line-height: 30px;
	font-weight: 300;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.cm-rmmfs-actions-btn:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.cm-rm-wrap {
	display: flex;
	overflow: scroll;
	flex-direction: column;
	flex: 1;
}

.cpi-cc-comments {
	position: relative;
	display: flex;
	overflow: scroll;
	max-height: 700px;
	flex-direction: column-reverse;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.cpi-ccc-avatar {
	position: absolute;
	left: 0%;
	top: 0%;
	right: auto;
	bottom: auto;
	display: block;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border-radius: 10px;
}

.cpi-ccc-avatar-img {
	width: 40px;
	height: 40px;
	-o-object-fit: cover;
	object-fit: cover;
}

.cpi-ccc-wrap-1 {
	display: flex;
	min-height: 20px;
	padding-left: 55px;
	align-items: center;
}

.cpi-ccc-wrap-2 {
	position: relative;
	display: flex;
	min-height: 20px;
	padding-right: 30px;
	padding-left: 55px;
	justify-content: space-between;
	align-items: center;
}

.cpi-ccc-user-name {
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	text-decoration: none;
}

.cpi-ccc-user-badge {
	height: 15px;
	margin-left: 10px;
	padding-right: 5px;
	padding-left: 5px;
	border-radius: 3px;
	background-color: var(--wtl-panel-color-font-dark-100);
	color: var(--wtl-panel-color-font-white);
	font-size: 10px;
	line-height: 16px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.cpi-ccc-date {
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
	line-height: 20px;
}

.cpi-ccc-about {
	position: relative;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
	line-height: 20px;
}

.cpi-cc-comment {
	position: relative;
}

.cpi-ccc-text {
	margin-top: 10px;
	margin-left: 45px;
	padding: 10px;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-accent);
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
}

.baner-sale-page {
	display: flex;
	min-height: 270px;
	margin-top: 0;
	padding-top: 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url('../images/baner-sale-page.jpg');
	background-position: 50% 50%;
	background-size: cover;
	position: relative;
}

.baner-sale-page > .baner-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000000;
	opacity: 0;
}

.opinions-data-offsite {
	flex-direction: column;
	flex: 1;
	display: flex;
}

.bsp-title {
	padding-right: 30px;
	padding-left: 30px;
	flex: 0 auto;
	color: var(--wtl-panel-color-font-white);
	font-size: 35px;
	text-align: center;
	z-index: 1;
}

.nsp-subtitle {
	margin-top: 10px;
	padding-right: 30px;
	padding-left: 30px;
	color: var(--wtl-panel-color-font-white);
	font-size: 21px;
	line-height: 28px;
	font-weight: 500;
	text-align: center;
	z-index: 1;
}

.baner-sale-page a,
.baner-sale-page #lp-cpa-button {
	z-index: 1;
}

.pb-t-heading.form {
	text-align: left;
}

.button {
	display: flex;
	height: 50px;
	padding: 0 50px;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-white);
	box-shadow: inset 0 0 0 2px var(--wtl-panel-color-bg-white);
	transition: all .2s ease;
	color: var(--wtl-panel-color-accent);
	font-weight: 600;
}

.button:hover {
	background-color: transparent;
	color: var(--wtl-panel-color-font-white);
}

.cpi-cpl-title {
	width: 100%;
	color: var(--wtl-panel-color-font-dark-100);
	border-left: 5px solid var(--wtl-panel-color-accent);
	justify-content: space-between;
	margin-bottom: 20px;
	margin-left: -30px;
	padding-left: 25px;
	font-size: 24px;
	line-height: 35px;
	display: flex;
	cursor: pointer;
}

.cpi-cpl-qdi-toggle-text {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
}

.opinions-title-offsite {
	justify-content: center;
	font-size: 28px;
}

.rate-date {
	margin-left: 10px;
}

.cpi-cprp-main {
	color: var(--wtl-panel-color-font-dark-100);
	text-align: center;
	font-size: 35px;
	font-weight: 700;
	line-height: 30px;
}

.cpi-cprp-before {
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-bg-accent);
	border-radius: 5px;
	align-items: center;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 15px;
	font-weight: 600;
	line-height: 30px;
	text-decoration: line-through;
	display: inline-block;
}

.cpi-spbaf-views-ico {
	height: auto;
	margin-right: 10px;
	padding-bottom: 0;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	font-weight: 900;
}

.cpi-spbaf-views {
	color: var(--wtl-panel-color-font-dark-100);
	text-align: center;
	justify-content: center;
	font-size: 14px;
	line-height: 20px;
	display: flex;
}

.popup-content {
	z-index: 1;
	max-width: 720px;
	background-color: var(--wtl-panel-color-bg-white);
	border-radius: 10px;
	flex: 1;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	position: relative;
	overflow: scroll;
}

.popup-content.hide {
	display: none;
}

.popup-content-overlay {
	position: fixed;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	background-color: var(--wtl-panel-color-bg-overlay);
}

.popup-content-in {
	position: relative;
	z-index: 1;
	overflow: scroll;
	max-width: 1280px;
	padding: 30px;
	flex: 1;
}

.content-contact {
	display: flex;
	flex-direction: row;
	gap: 30px;
	padding: 0 30px;
}

.cpi-left.contact-sale-page {
	width: 40%;
}

.cpi-right.contact-page {
	width: 60%;
}

.cpi-csp-subheading {
	font-size: 17px;
	line-height: 28px;
	font-weight: 400;
}

.cpil-csp-data {
	padding-top: 30px;
	line-height: 2px;
}

.cpil-cspd-text {
	position: relative;
	padding-left: 30px;
	font-size: 15px;
	line-height: 28px;
	font-weight: 400;
}

.cpil-cspd-text-ico {
	position: absolute;
	left: 0%;
	top: 0%;
	right: auto;
	bottom: auto;
	display: inline-block;
	width: 25px;
	min-width: 25px;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	font-weight: 300;
}

.cpil-cspd-title {
	line-height: 28px;
	font-weight: 700;
}

.cpir-csp-contact {
	margin-top: 20px;
	margin-bottom: 0;
}

.cpir-csp-contact-form {
	display: flex;
	flex-direction: column;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.input-wrap {
	position: relative;
	margin-top: 10px;
	flex: 1;
}

.input-wrap.widget {
	width: 100%;
	margin-top: 0;
	padding-bottom: 5px;
	float: left;
}

.input-wrap.widget._w-50 {
	width: 50%;
}

.input-wrap.widget._w-100 {
	width: 100%;
}

.input-wrap.widget._w-40 {
	width: 40%;
}

.input-wrap.widget._w-60 {
	width: 60%;
}

.input-wrap.widget.ticket {
	margin-top: -1px;
	padding-bottom: 0;
}

.input-wrap.exam {
	width: 100%;
}

.input-wrap.opinions {
	width: 100%;
	margin-top: 0;
}

.input-w-label {
	position: absolute;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	z-index: 3;
	display: block;
	margin-bottom: 0;
	padding: 20px 20px 0;
	opacity: 0;
	transition: all .2s ease;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}

.input-w-label.edit {
	opacity: 1;
}

.input-w-field {
	position: static;
	z-index: 1;
	height: 50px;
	margin-bottom: 0;
	padding: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-white);background-color: var(--wtl-panel-color-bg-white);
	opacity: 1;
	transition: all .2s ease;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
}

.input-w-field:focus {
	position: relative;
	z-index: 2;
	padding-top: 30px;
	padding-bottom: 10px;
}

.input-w-field.error {
	position: relative;
	z-index: 2;
	padding-right: 55px;
	border-color: hsla(var(--wtl-color-red-h), var(--wtl-color-red-s), calc(var(--wtl-color-red-l) + 0%), .15);
	background-color: hsla(var(--wtl-color-red-h), var(--wtl-color-red-s), calc(var(--wtl-color-red-l) + 0%), .05);
	background-image: url('../images/ico-form-times.png');
	background-position: 100% 50%;
	background-size: 35px 15px;
	background-repeat: no-repeat;
}

.input-w-field.success {
	position: relative;
	z-index: 2;
	padding-right: 55px;
	border-color: hsla(var(--wtl-color-green-h), var(--wtl-color-green-s), calc(var(--wtl-color-green-l) + 0%), .15);
	background-color: hsla(var(--wtl-color-green-h), var(--wtl-color-green-s), calc(var(--wtl-color-green-l) + 0%), .05);
	background-image: url('../images/ico-form-check.png');
	background-position: 100% 50%;
	background-size: 35px 15px;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.input-w-field.popup {
	background-color: var(--wtl-panel-color-bg-accent);
}

.input-w-textarea {
	position: static;
	z-index: 1;
	width: 100%;
	max-width: 100%;
	min-height: 150px;
	min-width: 100%;
	margin-bottom: 0;
	padding: 15px 20px;
	border-style: solid;
	border-width: 1px;
	border-color: var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-white);
	opacity: 1;
	transition: all .2s ease;
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
}

.input-w-textarea:focus {
	padding-top: 30px;
	padding-bottom: 20px;
}

.input-w-textarea.widget {
	min-height: 80px;
}

.input-w-textarea.widget.error {
	background-color: hsla(var(--wtl-color-red-h), var(--wtl-color-red-s), calc(var(--wtl-color-red-l) + 0%), .05);
}

.input-w-textarea.error {
	border-color: hsla(var(--wtl-color-red-h), var(--wtl-color-red-s), calc(var(--wtl-color-red-l) + 0%), .15);
	background-color: hsla(var(--wtl-color-red-h), var(--wtl-color-red-s), calc(var(--wtl-color-red-l) + 0%), .05);
}

.input-w-textarea.succes {
	border-color: hsla(var(--wtl-color-green-h), var(--wtl-color-green-s), calc(var(--wtl-color-green-l) + 0%), .15);
	background-color: hsla(var(--wtl-color-green-h), var(--wtl-color-green-s), calc(var(--wtl-color-green-l) + 0%), .05);
}

.input-w-textarea.calendar {
	min-height: 100px;
}

.form-btn {
	display: flex;
	height: 50px;
	padding-right: 30px;
	padding-left: 30px;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-accent);
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-white);
	font-weight: 600;
	text-decoration: none;
}

.form-btn:hover {
	background-color: var(--wtl-panel-color-accent-hover);
}

.form-btn.light-blue {
	background-color: var(--wtl-panel-color-accent-light);
	color: var(--wtl-panel-color-accent);
}

.form-btn.light-blue:hover {
	background-color: var(--wtl-panel-color-accent-light-hover);
}

.form-btn.light-grey {
	background-color: var(--wtl-panel-color-accent-light);
	color: var(--wtl-panel-color-accent);
}

.form-btn.light-grey:hover {
	background-color: var(--wtl-panel-color-accent-light-hover);
}

.pwfsma-btn {
	display: flex;
	height: 50px;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-accent);
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-white);
	font-size: 15px;
	font-weight: 600;
}

.pwfsma-btn:hover {
	background-color: var(--wtl-panel-color-accent-hover);
}

.pwfsma-views {
	display: flex;
	padding-top: 5px;
	justify-content: center;
	color: var(--wtl-panel-color-font-dark-75);
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

.pwfsma-views-ico {
	height: auto;
	margin-right: 10px;
	padding-bottom: 0;
	font-family: 'Font Awesome 6', sans-serif;
	color: var(--wtl-panel-color-font-dark-75);
	font-weight: 900;
}

.input-w-select {
	height: 50px;
	margin-bottom: 0;
	padding-right: 20px;
	padding-left: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-white);
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
}

.input-w-select:focus {
	position: relative;
	z-index: 3;
}

.input-w-select.succes {
	border-color: hsla(var(--wtl-color-green-h), var(--wtl-color-green-s), calc(var(--wtl-color-green-l) + 0%), .15);
	background-color: hsla(var(--wtl-color-green-h), var(--wtl-color-green-s), calc(var(--wtl-color-green-l) + 0%), .05);
	background-image: url('../images/ico-form-check.png');
	background-position: 100% 50%;
	background-size: 35px 15px;
	background-repeat: no-repeat;
}

.input-w-select.error {
	border-color: hsla(var(--wtl-color-red-h), var(--wtl-color-red-s), calc(var(--wtl-color-red-l) + 0%), .15);
	background-color: hsla(var(--wtl-color-red-h), var(--wtl-color-red-s), calc(var(--wtl-color-red-l) + 0%), .05);
	background-image: url('../images/ico-form-times.png');
	background-position: 100% 50%;
	background-size: 35px 15px;
	background-repeat: no-repeat;
}

.input-w-select.cs-h40-w100 {
	width: 100%;
	height: 40px;
	padding-top: 0;
	padding-bottom: 0;
}

.input-w-select.cs-h40-w100.opinions-select-sort {
	border-radius: 10px;
	text-align: left;
}

.checkbox-toggle-wrap {
	position: absolute;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	display: flex;
	margin-bottom: 0;
	padding-left: 20px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
}

.checkbox-tw-state {
	display: none;
	background-color: var(--wtl-color-red);
}

.checkbox-tw-state.w--redirected-checked {
	background-color: var(--wtl-color-green);
}

.checkbox-tw-toggle {
	position: relative;
	width: 30px;
	height: 20px;
	margin-right: 3px;
	padding-right: 0;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-border);
	transition: all .2s ease;
}

.checkbox-tw-toggle-switch {
	position: absolute;
	left: 3px;
	top: 3px;
	width: 14px;
	height: 14px;
	align-items: center;
	border-radius: 50%;
	background-color: var(--wtl-panel-color-bg-white);
	transition: all .2s ease;
}

.input-radio {
	position: relative;
	display: inline-block;
	width: 50%;
	max-height: 50px;
	margin-top: 10px;
	margin-bottom: 0;
	padding-left: 0;
	float: left;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-transparent);
}

.input-radio.payments-method {
	max-height: none;
	margin-bottom: 10px;
}

.input-radio.widget {
	width: 100%;
	margin-top: 0;
	margin-bottom: 5px;
}

.input-radio.exam {
	width: auto;
	max-height: none;
	margin-top: 5px;
	border-radius: 0;
}

.inputr-state {
	display: none;
	background-color: var(--wtl-color-red);
}

.inputr-state.w--redirected-checked {
	background-color: var(--wtl-color-green);
}

.inputr-state.widget {
	display: none;
}

.inputr-label {
	position: relative;
	z-index: 1;
	display: flex;
	min-height: 50px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
	padding: 10px 80px 10px 50px;
	align-items: center;
	flex: 1;
	border-radius: 10px;
	transition: all .2s ease;
	font-family: var(--wtl-panel-font-family);
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	background: var(--wtl-panel-color-bg-transparent);
}

.inputr-label.payments-method {
	padding-right: 110px;
}

.inputr-label.payments-method.widget {
	margin-right: 0;
	margin-left: 0;
}

.inputr-label.delivery {
	padding-top: 5px;
	padding-bottom: 5px;
}

.inputr-label.delivery.widget {
	margin-right: 0;
	margin-left: 0;
}

.inputr-toggle {
	position: absolute;
	left: 35px;
	top: 16px;
	right: auto;
	bottom: auto;
	z-index: 2;
	width: 18px;
	height: 18px;
	margin-right: 3px;
	margin-left: 0;
	padding-right: 0;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
	border-radius: 9px;
	background-color: var(--wtl-panel-color-bg-white);
	box-shadow: inset 0 0 0 1px var(--wtl-panel-color-bg-border-active);
	transition: all .2s ease;
}

.inputr-toggle.widget {
	left: 20px;
}

.inputr-toggle-switch {
	position: absolute;
	left: 0%;
	top: 0%;
	right: auto;
	bottom: auto;
	width: 15px;
	height: 15px;
	opacity: 0;
	transition: all .2s ease;
}

.ico-30 {
	height: auto;
	font-family: 'Font Awesome 6 Pro', sans-serif;
}

.notification-status {
	height: auto;
	padding-bottom: 0;
	font-family: 'Font Awesome 6 Pro', sans-serif;
}

.info-notes-text {
	display: flex;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
}

.cpa-comments-btn-text {
	display: inline-block;
}

.cpi-cc-top-btn-back-text {
	display: inline-block;
}

.sign-in-form {
	display: flex;
	padding-right: 50px;
	padding-left: 50px;
	flex-direction: column;
}

.input-checkbox {
	position: relative;
	display: block;
	min-height: 40px;
	margin-bottom: 10px;
	padding-left: 0;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
	border-radius: 10px;
}

.input-checkbox.exam {
	min-height: auto;
	margin-top: 5px;
	margin-bottom: 0;
}

.input-checkbox.login-page {
	min-height: auto;
	margin-top: 0;
	margin-bottom: 0;
}

.input-checkbox.login-page.hide {
	display: none;
}

.inputc-state {
	display: none;
	background-color: var(--wtl-color-red);
}

.inputc-state.w--redirected-checked {
	background-color: var(--wtl-color-green);
}

.inputc-label {
	z-index: 1;
	min-height: 40px;
	color: var(--wtl-panel-color-font-dark-100);
	border-radius: 10px;
	flex: 1;
	align-items: center;
	margin-bottom: 0;
	padding: 10px 20px 10px 50px;
	font-family: var(--wtl-panel-font-family);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	display: block;
	position: relative;
}

.inputc-label.exam {
	min-height: auto;
	padding: 0 0 0 30px;
	font-size: 15px;
}

.inputc-label.login-page {
	min-height: auto;
	color: var(--wtl-panel-color-font-dark-75);
	padding: 0 0 0 25px;
	font-weight: 400;
	line-height: 20px;
}

.inputc-label.form-popup {
	min-height: auto;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 30px;
}

.inputc-label-link {
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 14px;
	transition: all .2s;
	cursor: pointer;
}

.inputc-label-link:hover {
	color: var(--wtl-panel-color-font-dark-50);
}

.inputc-toggle {
	position: absolute;
	left: 20px;
	top: 11px;
	right: auto;
	bottom: auto;
	width: 18px;
	height: 18px;
	margin-right: 3px;
	margin-left: 0;
	padding-right: 0;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
	border-radius: 9px;
	background-color: var(--wtl-panel-color-bg-white);
	box-shadow: inset 0 0 0 1px var(--wtl-panel-color-bg-border-active);
	transition: all .2s ease;
}

.inputc-toggle.exam {
	left: 0;
	top: 3px;
	width: 15px;
	height: 15px;
}

.inputc-toggle-switch {
	position: absolute;
	left: 0%;
	top: 0%;
	right: auto;
	bottom: auto;
	width: 18px;
	height: 18px;
	opacity: 0;
	transition: all .2s ease;
}

.inputc-toggle-switch.exam {
	width: 15px;
	height: 15px;
}

.sign-in-form-wrap {
	flex-direction: column;
	display: flex;
	margin-top: 5px;
  }

.signin-views {
	display: flex;
	padding-top: 15px;
	justify-content: center;
	color: var(--wtl-panel-color-font-dark-75);
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

.sign-in-top-title {
	text-align: center;
	justify-content: center;
	font-size: 28px;
	line-height: 35px;
  }

  .sign-in-top-subtitle {
	color: var(--wtl-panel-color-font-dark-100);
	text-align: center;
	padding-top: 14px;
	padding-bottom: 30px;
	font-size: 21px;
	line-height: 28px;
  }

.cbw-left {
	flex: 1;
}

.cbw-left.exam {
	flex: 1;
}

.cbw-right.exam {
	display: flex;
	align-items: center;
	flex: 0 auto;
}

.ncw-exam-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.ncw-exam-info.time-left {
	display: flex;
	justify-content: center;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.ncw-exam-info.time-limit {
	padding-right: 20px;
	border-right: 1px solid var(--wtl-panel-color-bg-border);
}

.ncw-exam-info.question-number {
	padding-left: 20px;
}

.ncw-ei-text {
	font-family: var(--wtl-panel-font-family);
	font-size: 15px;
	font-weight: 500;
}

.ncw-ei-text.title {
	color: var(--wtl-panel-color-font-dark-50);
}

.ncw-ei-text.data {
	color: var(--wtl-panel-color-font-dark-100);
}

.ncw-ei-text.time-left {
	font-size: 21px;
	line-height: 28px;
	font-weight: 600;
}

.ncw-exam-info-wrap {
	display: flex;
}

.ncw-exam-info-wrap.left {
	flex: 1;
}

.ncw-exam-info-wrap.right {
	flex: 0 auto;
}


.cbw-ef-section {
	display: flex;
	padding-top: 20px;
	padding-bottom: 20px;
	flex-direction: column;
	align-items: flex-start;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
}

.cbw-efs-image-wrap {
	position: relative;
	overflow: hidden;
	max-height: 200px;
	max-width: 300px;
	margin-bottom: 10px;
	border-radius: 10px;
}

.cbw-efs-image-mask {
	position: absolute;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-overlay);
	opacity: 0;
	transition: all .2s ease;
}

.cbw-efs-image-mask-ico {
	display: flex;
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	color: var(--wtl-panel-color-font-white);
	font-size: 20px;
	font-weight: 300;
}

.cbw-efs-image-mask-ico.fa-search-plus {
	font-size: 30px;
}

.cbw-efs-answer {
	display: flex;
	width: 100%;
	padding-left: 30px;
	flex-direction: column;
	align-items: flex-start;
}

.cbw-efs-answer > label + .cbw-efsa-info {
	margin-top: 5px;
}


.cbw-title {
	display: flex;
	min-height: 40px;
	padding: 0 15px;
	justify-content: space-between;
	align-items: center;
	color: var(--wtl-panel-color-font-dark-100);
	text-decoration: none;
}

.cbw-title.exam-result {
	min-height: auto;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}

.cbw-title.exam-result.table {
	border-bottom-style: none;
}

.cbw-section.exam-result {
	padding: 20px;
	border-radius: 10px;
	background: var(--wtl-panel-color-bg-white);
}


.cbw-section.exam-result.action {
	display: flex;
	margin-top: 30px;
	padding: 0;
	justify-content: space-between;
}

.cbws-er-top {
	position: relative;
	display: flex;
	margin-bottom: 20px;
	margin-left: 60px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
}

.cbws-er-top.error {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom-style: none;
}

.cbws-ert-ico {
	position: absolute;
	left: -60px;
	width: 40px;
	height: 40px;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	font-size: 40px;
	line-height: 40px;
	font-weight: 900;
}

.cbws-ert-ico.fa-exclamation-circle {
	color: var(--wtl-color-red);
}

.cbws-ert-ico.fa-check-circle {
	color: var(--wtl-color-green);
}

.cbws-ert-ico.fa-info-circle {
	color: var(--wtl-color-yellow);
}

.cbws-ert-left {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.cbws-ert-right {
	text-align: right;
}

.cbw-ertl-notice {
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
}

.cbw-ertl-subnotice {
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: flex-start;
}

.cbw-ertl-result {
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 17px;
	line-height: 20px;
	font-weight: 600;
}

.cbw-ertl-result.fail {
	color: var(--wtl-color-red);
}

.cbw-ertl-result.succes {
	color: var(--wtl-color-green);
}

.cbw-ertl-result.in-process {
	color: var(--wtl-color-yellow);
}

.cbw-ertl-required {
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
	line-height: 20px;
}

.cbws-eri-section {
	display: flex;
	padding-left: 60px;
}

.cbws-eris-title {
	width: 150px;
	font-size: 15px;
	line-height: 28px;
	font-weight: 500;
}

.cbws-eris-value {
	color: var(--wtl-panel-color-font-dark-75);
	font-size: 15px;
	line-height: 28px;
}

.cbws-a-right {
	display: flex;
}

.cbw-efsa-info {
	display: flex;
	padding: 5px 10px;
	margin: 10px 0 0 0;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	border-radius: 5px;
	font-size: 14px;
	line-height: 20px;
}

.cbw-efsa-info.yellow {
	background-color: hsla(var(--wtl-color-yellow-h), var(--wtl-color-yellow-s), calc(var(--wtl-color-yellow-l) + 0%), .25);
}

.cbw-efsa-info.green {
	background-color: hsla(var(--wtl-color-green-h), var(--wtl-color-green-s), calc(var(--wtl-color-green-l) + 0%), .15);
}

.cbw-efsa-info.red {
	background-color: hsla(var(--wtl-color-red-h), var(--wtl-color-red-s), calc(var(--wtl-color-red-l) + 0%), .15);
}

.cbw-efsaa-title {
	font-weight: 500;
}

.info-certificate-text {
	display: flex;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
}

.cpr-cw-selected-certificate {
	padding-top: 20px;
}

.input-checkbox-toggle {
	display: flex;
	margin-bottom: 0;
	padding-left: 0;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
}

.input-checkbox-toggle.edit-profile {
	flex-direction: row;
}

.input-checkbox-toggle.billing-adress {
	flex-direction: row;
	flex: 1;
}

.inputct-state {
	display: none;
	background-color: var(--wtl-color-red);
}

.inputct-state.w--redirected-checked {
	background-color: var(--wtl-color-green);
}

.inputct-label {
	position: relative;
	z-index: 1;
	margin-bottom: 0;
	margin-left: -30px;
	padding-left: 40px;
	font-family: var(--wtl-panel-font-family);
	color: var(--wtl-panel-color-font-dark-100);
	line-height: 20px;
	transition: all .2s ease;
}

.inputct-label.notification {
	width: 30px;
	height: 20px;
	padding-left: 0;
}

.inputct-label.edit-profile {
	margin-right: -30px;
	margin-left: 0;
	padding-right: 40px;
	padding-left: 0;
	color: var(--wtl-panel-color-font-dark-75);
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.inputct-label.billing-adress {
	margin-right: -30px;
	margin-left: 0;
	padding-left: 0;
	flex: 1;
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
}

.inputct-toggle {
	position: relative;
	width: 30px;
	height: 20px;
	padding-right: 0;
	justify-content: flex-start;
	align-items: center;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-font-dark-25);
	transition: all .2s ease;
	cursor: pointer;
}

.inputct-toggle.notification {
	margin-right: 0;
}

.inputct-toggle.billing-adress {
	margin-right: 0;
}

.inputct-toggle-switch {
	position: absolute;
	left: 3px;
	top: 3px;
	width: 14px;
	height: 14px;
	align-items: center;
	border-radius: 50%;
	background-color: var(--wtl-panel-color-bg-white);
	transition: all .2s ease;
}

.form-succes {
	border-style: solid;
	border-width: 1px;
	border-color: hsla(var(--wtl-color-green-h), var(--wtl-color-green-s), calc(var(--wtl-color-green-l) + 0%), .15);
	border-radius: 10px;
	background-color: hsla(var(--wtl-color-green-h), var(--wtl-color-green-s), calc(var(--wtl-color-green-l) + 0%), .05);
	color: var(--wtl-color-green);
	font-size: 15px;
	line-height: 20px;
}

.form-error {
	margin-top: 20px;
	padding: 10px 20px;
	border-style: solid;
	border-width: 1px;
	border-color: hsla(var(--wtl-color-red-h), var(--wtl-color-red-s), calc(var(--wtl-color-red-l) + 0%), .15);
	border-radius: 10px;
	background-color: hsla(var(--wtl-color-red-h), var(--wtl-color-red-s), calc(var(--wtl-color-red-l) + 0%), .05);
	color: var(--wtl-color-red);
	font-size: 15px;
	line-height: 20px;
}

.input-info {
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 20px;
}

.input-info.error {
	color: var(--wtl-color-red);
}

.input-info.success {
	color: var(--wtl-color-green);
}

.input-info-text {
	font-size: 14px;
	line-height: 20px;
}

.popup-alert {
	z-index: 15;
	background-color: var(--wtl-panel-color-bg-overlay);
	justify-content: center;
	align-items: center;
	display: none;
	position: fixed;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
}

.popup-alert.show {
	display: flex;
}

.popup-alert-content {
	z-index: 11;
	width: auto;
	height: auto;
	max-width: 350px;
	background-color: var(--wtl-panel-color-bg-white);
	border-radius: 10px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 30px 20px;
	padding: 30px;
	display: flex;
	position: relative;
	box-shadow: 0 10px 20px var(--wtl-panel-color-bg-border);
}

.popup-alert-content textarea {
	position: static;
	width: 100%;
	max-width: 100%;
	min-height: 150px;
	min-width: 100%;
	padding: 10px 15px 10px 15px;
	border-style: solid;
	border-width: 1px;
	border-color: var(--wtl-panel-color-bg-border);
	background: var(--wtl-panel-color-bg-accent);
	border-radius: 10px;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
}

.popup-alert-content textarea:focus {
	border-color: var(--wtl-panel-color-bg-border-active);
	outline: 0;
}

.paw-ico {
	display: flex;
	width: 30px;
	height: 30px;
	justify-content: center;
	align-items: center;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 30px;
	line-height: 30px;
	font-weight: 300;
}

.paw-title {
	font-size: 17px;
	font-weight: 600;
}

.paw-text {
	text-align: center;
}

.paw-subtitle {
	font-size: 17px;
	font-weight: 700;
	margin: 0;
	padding: 0;
	text-align: center;
}

.paw-actions.vertical {
	width: 100%;
	grid-row-gap: 10px;
	flex-direction: column;
	display: flex;
}

.paw-actions.horizontal {
	width: 100%;
	flex-direction: row-reverse;
	justify-content: center;
	display: flex;
}

.btn-popup {
	display: flex;
	height: 40px;
	padding: 0 15px;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-accent-light);
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-white);
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	cursor: pointer;
}

.btn-popup:hover {
	background-color: var(--wtl-panel-color-accent-light-hover);
}

.btn-popup.red {
	background-color: hsla(var(--wtl-color-red-h), var(--wtl-color-red-s), calc(var(--wtl-color-red-l) + 0%), .1);
	color: var(--wtl-color-red);
}

.btn-popup.red:hover {
	background-color: var(--wtl-color-red);
	color: var(--wtl-panel-color-font-white);
}

.btn-popup.green {
	background-color: hsla(var(--wtl-color-green-h), var(--wtl-color-green-s), calc(var(--wtl-color-green-l) + 0%), .1);
	color: var(--wtl-color-green);
}

.btn-popup.green:hover {
	background-color: var(--wtl-color-green);
	color: var(--wtl-panel-color-font-white);
}

.btn-popup.dark:hover {
	background-color: var(--wtl-panel-color-dark);
}

.btn-popup.horizontal {
	flex: 1;
}

.btn-popup.star-rate {
	width: 40px;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
	background-color: var(--wtl-panel-color-bg-white);
	font-family: 'Font Awesome 6 Pro', sans-serif;
	color: hsla(var(--wtl-color-yellow-h), var(--wtl-color-yellow-s), calc(var(--wtl-color-yellow-l) + 0%), .5);
	font-size: 21px;
	font-weight: 900;
	text-decoration: none;
}

.btn-popup.star-rate:hover {
	color: var(--wtl-color-yellow);
}

.btn-popup.star-rate.active {
	color: var(--wtl-color-yellow);
	transform: scale(1.1);
}

@keyframes shake {
	0% { transform: translate(1px, 1px) rotate(0deg); }
	10% { transform: translate(-1px, -2px) rotate(-1deg); }
	20% { transform: translate(-2px, 0) rotate(1deg); }
	30% { transform: translate(1px, 2px) rotate(0deg); }
	40% { transform: translate(1px, -1px) rotate(1deg); }
	50% { transform: translate(-1px, 2px) rotate(-1deg); }
	60% { transform: translate(-1px, 1px) rotate(0deg); }
	70% { transform: translate(1px, 1px) rotate(-1deg); }
	80% { transform: translate(-1px, -1px) rotate(1deg); }
	90% { transform: translate(1px, 2px) rotate(0deg); }
	100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.shake {
	animation: shake 0.4s;
	animation-iteration-count: 1;
}

.paw-value {
	grid-row-gap: 15px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	display: flex;
}

.paw-value img {
	max-width: 80px;
}

#finished-training-popup #opinion-popup-errors {
	margin-top: -20px;
}

.paw-close {
	width: 30px;
	height: 30px;
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-bg-white);
	border-radius: 5px;
	justify-content: center;
	align-items: center;
	padding: 0;
	font-family: "Font Awesome 6 Pro", sans-serif;
	font-size: 21px;
	font-weight: 300;
	transition: all .2s;
	display: flex;
	position: absolute;
	top: 10px;
	bottom: auto;
	left: auto;
	right: 10px;
	cursor: pointer;
}

.paw-close:hover {
	background-color: var(--wtl-panel-color-bg-accent);
}

.popup-alert-wrap {
	grid-row-gap: 20px;
	flex-direction: column;
	display: flex;
}

.lesson-rate {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
    border: 1px solid var(--wtl-panel-color-bg-border);
    border-radius: 20px;
	padding: 4px 4px 4px 14px;
	background: var(--wtl-panel-color-bg-white);
}

.lesson-rate .rate-details {
    display: flex;
    gap: 5px;
    line-height: 20px;
    font-size: 15px;
    font-weight: 500;
    color: var(--wtl-panel-color-font-dark-100);
}

.lesson-rate .rate-value {
	width: 96px;
	height: 17px;
	position: relative;
	margin-top: 1px;
}

.lesson-rate .rate-value:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url('../images/rating-stars.svg');
	background-position: 0 0;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: .5;
}

.lesson-rate .rate-value-mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url('../images/rating-stars.svg');
	background-position: 0 0;
	background-size: cover;
	background-repeat: no-repeat;
}

.content-creator-html {
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
}

.content-blog-baner-additional {
	width: 100%;
}

.content-blog-baner-additional img {
	display: flex;
	width: 100%;
	overflow: hidden;
	height: 150px;
	border-radius: 20px;
	object-fit: cover;
	object-position: center;
}

.content-page-center {
	width: 75%;
	padding-right: 15px;
	padding-left: 15px;
}

.login-page-additional {
	display: flex;
	justify-content: center;
}

.cbw-lp-input-section {
	display: flex;
	padding-top: 20px;
	justify-content: space-between;
	flex-direction: column;
	gap: 10px;
}

.cbw-lp-input-section.action {
	padding-top: 20px;
	flex-direction: column;
	gap: 20px;
}

.cbw-lp-input-section.action .registration-link {
	text-align: center;
}

.cbw-lp-input-section.action.reset {
	justify-content: flex-end;
}

.cbw-lp-input-section.action.right {
	justify-content: flex-end;
}

.npl-lp-subtitle {
	padding-top: 10px;
}

.cpc-lpprai-text {
	padding-right: 20px;
	color: var(--wtl-panel-color-font-dark-75);
	font-size: 13px;
	line-height: 20px;
}

.checkbox-error-message {
	color: red;
	font-size: 12px;
	margin-left: 40px;
}

.cpc-lpprai-link {
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
	text-decoration: none;
}

.cpc-lpprai-link:hover {
	color: var(--wtl-panel-color-font-dark-75);
}

.content-page-section.webinar.header {
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
}

.content-page-section.webinar.first-section {
	display: flex;
	padding-bottom: 30px;
	justify-content: space-between;
}

.content-page-section.webinar.second-section {
	display: flex;
}

.content-page-section.newsletter {
	display: flex;
	padding-top: 50px;
	padding-bottom: 50px;
}

.content-page-section.newsletter.bottom {
	padding-bottom: 0;
}

.cpi-about-page {
	padding-right: 15px;
	padding-left: 15px;
	flex: 1;
}

.content-blog {
	width: 100%;
	gap: 20px;
	grid-template-columns: 1fr 1fr 1fr;
	display: grid;
}

.cpi-cp-item-wrap {
	display: inline-block;
	width: 33.33333%;
	margin-bottom: 0;
	padding-right: 15px;
	padding-bottom: 30px;
	padding-left: 15px;
}

.cpi-cp-item {
	position: relative;
	display: block;
	overflow: hidden;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-white);
	transition: all .2s ease;
	text-decoration: none;
}

.cpi-cp-item:hover {
	box-shadow: 0 10px 20px 0 var(--wtl-panel-color-dark-light-hover);
}

.image-2 {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
}

.cpi-cpi-image {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	background-image: url('../images/thumb-video.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.cpi-cpid-text {
	overflow: hidden;
	max-height: 112px;
	min-height: 112px;
	margin-bottom: 20px;
	font-size: 17px;
	line-height: 28px;
}

.cpi-cpi-data {
	padding: 25px 30px 30px;
	color: var(--wtl-panel-color-font-dark-100);
}

.cpi-cpid-user {
	position: relative;
	display: flex;
	margin-bottom: 0;
	padding-top: 20px;
	padding-left: 55px;
	flex-direction: column;
	border-top: 1px solid var(--wtl-panel-color-bg-border);
}

.cpi-cpidu-avatar {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	display: block;
	position: absolute;
	top: 20px;
	bottom: auto;
	left: 0%;
	right: auto;
	overflow: hidden;
}

.cpi-cpidu-name {
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	text-decoration: none;
}

.cpi-cpidu-date {
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
	line-height: 20px;
}

.cpi-cpidu-avatar-img {
	width: 40px;
	height: 40px;
	object-fit: cover;
}

.cpi-cpi-badge {
	z-index: 1;
	height: 30px;
	color: var(--wtl-panel-color-font-white);
	text-transform: uppercase;
	background-color: var(--wtl-panel-color-accent);
	border-radius: 5px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	font-weight: 600;
	line-height: 30px;
	position: absolute;
	top: 30px;
	bottom: auto;
	left: 30px;
	right: auto;
}

.content-page-blog {
	width: 100%;
	max-width: 991px;
	flex-direction: column;
	padding-left: 15px;
	padding-right: 15px;
	display: flex;
}

.content-page-blog.notes {
	width: 50%;
	padding-top: 30px;
}

.content-page-blog.profile-completion {
	width: 100%;
	max-width: 991px;
}

.content-page-blog.messages {
	width: 100%;
	padding-top: 30px;
}

.blog-post-image-wrap {
	width: 100%;
	background-image: url('../images/thumb-video.jpg');
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px 10px 0 0;
	padding-bottom: 56.25%;
	position: relative;
}

.cbw-bp-title {
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 28px;
	line-height: 35px;
	font-weight: 700;
}

.cbw-bp-user {
	flex-direction: column;
	margin-top: 20px;
	margin-bottom: 0;
	padding-left: 55px;
	display: flex;
	position: relative;
}

.cbw-bpu-avatar {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	display: block;
	position: absolute;
	top: 0;
	bottom: auto;
	left: 0%;
	right: auto;
	overflow: hidden;
}

.cbw-bpu-name {
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	text-decoration: none;
}

.cbw-bpu-date {
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
	line-height: 20px;
}

.cbw-bpu-avatar-img {
	width: 40px;
	height: 40px;
	object-fit: cover;
}

.cbw-uri-username {
	padding-bottom: 10px;
}

.cbw-uri-rank-info {
	font-size: 15px;
	line-height: 28px;
}

.cbw-uriri-value {
	font-weight: 600;
}

.cbw-uriri-value.profile-page {
	display: block;
}

.cbw-uri-divider {
	margin-top: 17px;
	margin-bottom: 20px;
	border-top: 1px solid var(--wtl-panel-color-bg-border);
}

.cbw-uri-user-rank {
	display: flex;
	align-items: center;
}

.cbw-uriur-title {
	margin-right: 20px;
	font-size: 15px;
	line-height: 20px;
	font-weight: 600;
	text-transform: uppercase;
}

.cbw-uriur-rank-badge {
	display: flex;
	height: 30px;
	padding-right: 20px;
	padding-left: 20px;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-accent-light);
	color: var(--wtl-panel-color-accent);
	font-size: 12px;
	line-height: 30px;
	font-weight: 700;
	text-transform: uppercase;
}

.cbw-uri-rank-requirement {
	padding-top: 15px;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.cbw-rt-section {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.cbw-rt-section.top {
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.cbw-rt-section.task {
	margin-top: 10px;
	padding: 20px;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-accent);
}

.cbw-rt-section.task.complette {
	background-color: hsla(var(--wtl-color-green-h), var(--wtl-color-green-s), calc(var(--wtl-color-green-l) + 0%), .15);
}

.cbw-rt-section.task.complette:hover {
	box-shadow: inset 0 0 0 1px hsla(var(--wtl-color-green-h), var(--wtl-color-green-s), calc(var(--wtl-color-green-l) + 0%), .35);
}

.cbw-rt-left {
	position: relative;
	display: flex;
	flex: 1;
}

.cbw-rt-right {
	display: flex;
	align-items: center;
}

.cbw-rtr-progress {
	min-width: 60px;
	margin-right: 40px;
	text-align: center;
}

.cbw-rtr-points {
	min-width: 60px;
	margin-right: 40px;
	text-align: center;
}

.cbw-rttr-level {
	min-width: 100px;
	text-align: center;
}

.cbw-rtr-text {
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
}

.cbw-rtr-text.title {
	font-weight: 600;
}

.cbw-rtr-text.title.task {
	display: none;
}

.cbw-rtl-title {
	margin-left: -20px;
}

.cbw-rtl-ico {
	display: flex;
	width: 40px;
	height: 40px;
	min-width: 40px;
	margin-right: 20px;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background-color: var(--wtl-panel-color-bg-white);
	font-family: 'Font Awesome 6 Pro', sans-serif;
	color: var(--wtl-panel-color-font-dark-100);
	font-weight: 300;
}

.cbw-rtl-task-info {
	padding-right: 40px;
}

.cbw-rtlti-title {
	font-size: 15px;
	line-height: 20px;
	font-weight: 700;
}

.cbw-rtlti-description {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.cbw-rttr-level-wrap {
	display: flex;
	overflow: hidden;
	width: 100px;
	height: 20px;
	min-width: 100px;
	border-radius: 5px;
	background-color: var(--wtl-panel-color-bg-white);
	box-shadow: inset 0 0 0 1px var(--wtl-color-green);
}

.cbw-rttr-level-1 {
	width: 20px;
	height: 20px;
}

.cbw-rttrl-value {
	display: inline-block;
	height: 20px;
	flex: 1;
	box-shadow: inset -1px 0 0 0 hsla(var(--wtl-color-green-h), var(--wtl-color-green-s), calc(var(--wtl-color-green-l) + 0%), .15);
	color: hsla(var(--wtl-color-green-h), var(--wtl-color-green-s), calc(var(--wtl-color-green-l) + 0%), .5);
	font-size: 13px;
	line-height: 20px;
	font-weight: 600;
	text-align: center;
}

.cbw-rttrl-value.complette {
	background-color: var(--wtl-color-green);
	box-shadow: inset 1px 0 0 0 hsla(var(--wtl-color-green-h), var(--wtl-color-green-s), calc(var(--wtl-color-green-l) + 0%), .15);
	color: var(--wtl-panel-color-font-white);
}

.youtube {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}

.bold-text {
	font-weight: 500;
}

.custom-select {
	position: relative;
	display: inline-block;
	height: 50px;
}

.select-field {
	height: 50px;
	margin-bottom: 0;
	padding: 0 20px;
	border-style: solid none solid solid;
	border-width: 1px;
	border-color: var(--wtl-panel-color-bg-border);
	border-radius: 10px 0 0 10px;
	background-color: var(--wtl-panel-color-bg-white);
	line-height: 50px;
}

.div-block {
	background-image: url('../images/bg-select.png');
	background-position: 0 0;
	background-size: auto;
}

.custom-code {
	display: none;
}

.cbw-bpc-title {
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
	margin: 5px 15px 30px;
	padding-bottom: 20px;
}

.cbw-bpcc-name-date {
	display: flex;
	margin-bottom: 2px;
}

.cbw-bpc-comment-wrap {
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 15px;
}

.cbw-bpc-comment-wrap.level-1 {
	border-left: 1px solid var(--wtl-panel-color-bg-border);
	padding-left: 20px;
}

.cbw-bpcc-name {
	display: inline-block;
	color: var(--wtl-panel-color-font-dark-75);
	font-size: 12px;
	font-weight: 500;
}

.cbw-bpcc-date {
	display: inline-block;
	margin-left: 10px;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 12px;
	font-weight: 500;
}

.cbw-bpcc-comment {
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
}

.cbw-bpcc-actions {
	margin-left: -10px;
	display: flex;
}

.cbw-bpcca-vote-wrap {
	display: inline-block;
}

.cbw-bpcca-response {
	height: 30px;
	color: var(--wtl-panel-color-font-dark-50);
	border-radius: 5px;
	align-items: center;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	text-decoration: none;
	transition: all .2s;
	display: flex;
	cursor: pointer;
}

.cbw-bpcca-response:hover {
	color: var(--wtl-panel-color-accent);
	background-color: var(--wtl-panel-color-bg-accent);
}

.cbw-bpcca-vote {
	display: inline-block;
	flex-direction: row;
	align-items: center;
}

.cbw-bpcca-vote.up {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid var(--wtl-panel-color-bg-border);
}

.cbw-bpccav-btn {
	display: inline-block;
	width: 20px;
	height: 20px;
	justify-content: center;
	align-items: center;
	opacity: 0.5;
	transition: all .2s ease;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
}

.cbw-bpccav-btn:hover {
	opacity: 1;
}

.cbw-bpccav-ico {
	width: 13px;
	height: 13px;
}

.cbw-bpccav-count {
	display: inline-block;
	padding-right: 5px;
	flex-direction: row;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
	font-weight: 500;
}

.cbw-bpc-comment-form {
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-accent);
}

.cbw-bpccf-wrap {
	display: flex;
	padding: 0 15px 15px;
	flex-direction: column;
	align-items: flex-end;
}

.cbw-bpc-comment-wrap.level-0 .cbw-bpc-comment-form {
	margin: 10px 0 0 0;
}

.cbw-bpccf-input-textarea {
	min-height: 80px;
	margin-bottom: 0;
	padding: 15px 0 10px 30px;
	border: 1px none var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	background-color: transparent;
	background-image: url('../images/ico-pen.png');
	background-position: 0 15px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
}

.cbw-bpccf-submit {
	height: 30px;
	color: var(--wtl-panel-color-font-white);
	background-color: var(--wtl-panel-color-accent);
	border-radius: 5px;
	flex: none;
	justify-content: center;
	align-items: center;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	transition: all .2s;
	display: flex;
	line-height: 20px;
	margin-top: 10px;
}

.cbw-bpccf-submit:hover {
	background-color: var(--wtl-panel-color-accent-hover);
}

.cbw-bpccf-input-text {
	min-height: 50px;
	margin-bottom: 0;
	padding: 10px 0 10px 30px;
	border-style: none none solid;
	border-width: 1px;
	border-color: var(--wtl-panel-color-bg-border) var(--wtl-panel-color-bg-border) var(--wtl-panel-color-bg-border);
	background-color: transparent;
	background-image: url('../images/ico-user.png');
	background-position: 0% 50%;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	line-height: 20px;
}

.bg-white {
	background-color: var(--wtl-panel-color-bg-white);
}

.html-embed {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.inputcp-label-link {
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 14px;
}

.inputcp-label-link:hover {
	color: var(--wtl-panel-color-font-dark-50);
}

.testy {
	position: relative;
	display: flex;
	justify-content: center;
}

.cbw-bpcca-like {
	height: 30px;
	grid-column-gap: 10px;
	color: var(--wtl-panel-color-font-dark-50);
	background-color: var(--wtl-panel-color-bg-transparent);
	border-radius: 5px;
	align-items: center;
	padding: 0 10px;
	font-size: 15px;
	font-weight: 500;
	line-height: 20px;
	transition: all .2s;
	display: flex;
	text-decoration: none;
}

.cbw-bpcca-like:hover {
	color: var(--wtl-panel-color-accent);
	background-color: var(--wtl-panel-color-dark-light);
}

.cbw-bpcca-like.active {
	color: var(--wtl-panel-color-accent);
}

.cbw-bpcca-like:before {
	height: auto;
	font-family: "Font Awesome 6 Pro", sans-serif;
	font-weight: 300;
}

.pb-section-header {
	margin-bottom: 30px;
	margin-left: 30px;
	margin-right: 30px;
}

.popup-build-wrap {
	width: 100%;
	height: 100%;
	background-color: var(--wtl-panel-color-bg-overlay);
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 30px 20px 20px;
	display: flex;
	position: fixed;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
	overflow: hidden;
	z-index: 99;
}

.popup-build {
	position: relative;
	display: flex;
	max-height: 100%;
	max-width: 100%;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-white);
	border: 1px solid var(--wtl-panel-color-bg-border);
}

.popup-build-close {
	position: absolute;
	left: auto;
	top: 0%;
	right: 0%;
	bottom: auto;
	display: flex;
	width: 30px;
	height: 30px;
	justify-content: center;
	align-items: center;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	transition: all .2s ease;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 17px;
	font-weight: 900;
	cursor: pointer;
}

.popup-build-close:hover {
	background-color: var(--wtl-panel-color-bg-accent);
}

.popup-build-close.fa-times {
	text-decoration: none;
}

.popup-build-content {
	max-width: 880px;
	flex: 1;
	padding: 30px 20px;
	overflow: scroll;
}

.popup-build-content.form {
	padding: 0;
}

.popup-build-close.fa-times.form-popup {
	z-index: 2;
	width: 40px;
	height: 40px;
	background-color: var(--wtl-panel-color-bg-white);
	border-radius: 20px;
	font-size: 20px;
	top: 20px;
	right: 20px;
}

.popup-build-close.fa-times.form-popup:hover {
	background-color: var(--wtl-panel-color-bg-accent);
}

.popup-build-right {
	overflow: scroll;
	max-width: 500px;
	padding: 30px 20px;
	flex: 1;
}

.pb-title-wrap {
	margin-bottom: 20px;
}

.pb-form-wrap {
	margin-top: -10px;
	margin-bottom: 20px;
}

.pb-title.form {
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
	margin: 25px 30px 30px;
	padding: 0 0 30px;
}

.pb-t-heading {
	font-size: 28px;
	line-height: 35px;
	text-align: center;
}

.pb-t-subheading {
	margin-top: 10px;
	font-size: 19px;
	line-height: 28px;
	font-weight: 500;
	text-align: center;
}

.pb-t-subheading.form {
	text-align: left;
	font-size: 17px;
	line-height: 24px;
}

.cpi-bp-item {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 100%;
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 20px;
	transition: all .2s ease;
	position: relative;
	overflow: hidden;
}

.cpi-bp-item:hover {
	box-shadow: 0 10px 20px 0 var(--wtl-panel-color-font-dark-10);
}

.cpi-bpi-badge {
	z-index: 1;
	height: 20px;
	color: var(--wtl-panel-color-font-white);
	text-transform: uppercase;
	background-color: var(--wtl-panel-color-accent);
	border-radius: 0 0 5px 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	position: absolute;
	top: 0;
	bottom: auto;
	left: 20px;
	right: auto;
}

.cpi-bpi-image {
	width: 100%;
	background-image: url('../images/thumb-video.jpg');
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	flex: 0 auto;
	padding-bottom: 56.25%;
	display: flex;
	position: relative;
}

.cpi-bpi-data-wrap {
	color: var(--wtl-panel-color-font-dark-100);
	flex-direction: column;
	flex: 1;
	justify-content: space-between;
	padding: 15px 20px 20px;
	display: flex;
}

.cpi-bpid-categories {
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	align-items: flex-start;
	line-height: 20px;
	display: block;
}

.cpi-bpid-text {
	max-height: 96px;
	color: var(--wtl-panel-color-font-dark-75);
	font-size: 15px;
	line-height: 24px;
	overflow: hidden;
}

.cpi-bpid-user {
	border-top: 1px solid var(--wtl-panel-color-bg-border);
	flex-direction: column;
	margin-bottom: 0;
	padding-top: 20px;
	padding-left: 55px;
	display: flex;
	position: relative;
}

.cpi-bpidc-item {
	color: var(--wtl-panel-color-font-dark-75);
	text-transform: uppercase;
	background-color: var(--wtl-panel-color-dark-light);
	border-radius: 3px;
	margin-top: 5px;
	margin-right: 5px;
	padding: 3px 5px;
	font-size: 12px;
	font-weight: 500;
	line-height: 14px;
	transition: all .2s;
	display: inline-block;
	text-decoration: none;
}

.cpi-bpidc-item:hover {
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-dark-light-hover);
}

.cpi-bpid-title {
	max-height: 56px;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 21px;
	font-weight: 700;
	line-height: 28px;
	transition: all .2s;
	display: block;
	overflow: hidden;
	text-decoration: none;
}

.cpi-bpid-title:hover {
	color: var(--wtl-panel-color-accent);
}

.cpi-bpi-data {
	grid-row-gap: 15px;
	flex-direction: column;
	flex: 1;
	justify-content: flex-start;
	align-items: stretch;
	display: flex;
	position: relative;
}

.cpi-blog-nav {
	justify-content: center;
	display: flex;
}

.cpi-blog-nav-item {
	width: 50px;
	height: 50px;
	color: var(--wtl-panel-color-font-dark-50);
	background-color: var(--wtl-panel-color-bg-white);
	border-radius: 10px;
	justify-content: center;
	align-items: center;
	margin-left: 5px;
	margin-right: 5px;
	transition: all .2s;
	display: flex;
	text-decoration: none;
}

.cpi-blog-nav-item:hover {
	color: var(--wtl-panel-color-accent);
}

.cpi-blog-nav-item.active {
	color: var(--wtl-panel-color-font-white);
	background-color: var(--wtl-panel-color-accent);
	font-weight: 600;
}

.cpi-blog-nav-item.first-page {
	margin-right: 25px;
	font-family: "Font Awesome 6 Pro", sans-serif;
	font-weight: 300;
}

.cpi-blog-nav-item.last-page {
	margin-left: 25px;
	font-family: "Font Awesome 6 Pro", sans-serif;
	font-weight: 300;
}

.cbw-bpid-categories {
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	align-items: center;
	line-height: 20px;
	display: flex;
}

.cbw-bpidc-item {
	color: var(--wtl-panel-color-font-dark-50);
	text-transform: uppercase;
	background-color: var(--wtl-panel-color-dark-light);
	border-radius: 3px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	transition: all .2s;
	display: inline-block;
	text-decoration: none;
}

.cbw-bpidc-item:hover {
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-dark-light-hover);
}

.cpi-module-type-full {
	display: flex;
	height: 70px;
	padding-right: 30px;
	padding-left: 30px;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.cpi-cpl-qd-divider {
	height: 1px;
	margin-right: 30px;
	margin-left: 30px;
	background-color: var(--wtl-panel-color-bg-border);
}

.cpi-cpl-qd-item {
	z-index: 1;
	border-radius: 10px;
	flex-direction: column;
	display: flex;
	position: relative;
}

.cpi-cpl-qd-item-top {
	height: 50px;
	min-height: 50px;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
	flex: 1;
	justify-content: space-between;
	align-items: center;
	margin-left: 0;
	margin-right: 0;
	padding: 10px 0;
	transition: all .2s;
	display: flex;
}

.cpi-cpl-qd-item-top:hover {
	border-bottom-color: var(--wtl-panel-color-bg-border-active);
}

.cpi-cpl-qd-item-top.active {
	background-color: var(--wtl-panel-color-bg-accent);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-left: 0;
	margin-right: 0;
	padding-left: 20px;
	padding-right: 20px;
	box-shadow: inset 0 0 var(--wtl-panel-color-bg-border);
}

.cpi-cpl-qd-item-top.active:hover {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.cpi-cpl-qd-item-toggle {
	background-color: var(--wtl-panel-color-bg-transparent);
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
	position: relative;
}

.cpi-cpl-qd-item-toggle.active {
	display: block;
}

.cpi-cpl-qdi-title {
	color: var(--wtl-panel-color-font-dark-100);
	text-align: left;
	flex: 1;
	align-items: flex-start;
	padding-top: 0;
	padding-right: 20px;
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
	transition: all .2s;
	display: flex;
}

.cpi-cpl-qdi-title:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.cpi-cpl-qdi-ico {
	width: 30px;
	height: 30px;
	color: var(--wtl-panel-color-font-dark-100);
	text-align: center;
	justify-content: center;
	align-items: center;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	font-size: 17px;
	font-weight: 300;
	line-height: 30px;
	display: flex;
}

.cpi-cpl-qdi-ico.active {
	color: var(--wtl-color-green);
}

.cpi-cpl-qdi-ico.fa-chevron-down.active {
	color: var(--wtl-panel-color-font-dark-100);
	font-weight: 900;
}

.cpi-cpl-qdit-divider {
	height: 1px;
	background-color: var(--wtl-panel-color-bg-border);
}

.cpi-cl-biw-link-ico-emoji {
	display: inline-block;
	width: 30px;
	min-width: 30px;
	justify-content: center;
	font-family: var(--wtl-panel-font-family);
	font-size: 13px;
	font-weight: 300;
	text-align: center;
}

.content-page-full {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.content-page-full.notes {
	display: flex;
	width: 100%;
	padding-top: 30px;
	flex-direction: column;
	grid-row-gap: 20px;
}

.content-page-full.profile-completion {
	width: 100%;
	max-width: 991px;
}

.content-page-full.messages {
	width: 100%;
	padding-top: 30px;
}

.content-page-full.certificates {
	display: flex;
	width: 100%;
	padding-top: 30px;
	flex-direction: column;
	grid-row-gap: 20px;
}

.content-page-full.error-page {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.notification-box {
	position: relative;
	border-radius: 10px;
}

.notification-box.info {
	min-height: 50px;
	padding: 15px 15px 15px 50px;
	border-style: solid;
	border-width: 1px;
	border-color: hsla(var(--wtl-color-yellow-h), var(--wtl-color-yellow-s), calc(var(--wtl-color-yellow-l) + 0%), .15);
	background-color: hsla(var(--wtl-color-yellow-h), var(--wtl-color-yellow-s), calc(var(--wtl-color-yellow-l) + 0%), .1);
}

.notification-txt {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.cbv-rf-in-left-in {
	position: relative;
	display: flex;
	margin-right: 20px;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	flex: 1;
}

.lesson-content-txt {
	padding-bottom: 20px;
}

/* Media ratio - Wrap - 16_9 */
.pdfobject-container,
.lesson-media-ratio-wrap {
	position: relative;
	width: 100%;
	height: unset;
	padding-bottom: 56.25%;
}

/* Media ratio - Wrap - Fit vh */
.lesson-page.wide-view .lesson-content-item.content-type-video iframe,
.lesson-page.wide-view .lesson-content-item.content-type-video .lesson-media-ratio-wrap {height: 2000px; max-height: calc(100vh - 250px); padding-bottom: 0;}
.lesson-page.wide-view .lesson-content-item.content-type-pdf iframe,
.lesson-page.wide-view .lesson-content-item.content-type-pdf .pdfobject-container {height: 2000px; max-height: calc(100vh - 250px); padding-bottom: 0;}
.lesson-page.wide-view .lesson-content-item.content-type-audio iframe,
.lesson-page.wide-view .lesson-content-item.content-type-audio .lesson-media-ratio-wrap {height: 2000px; max-height: calc(100vh - 250px); padding-bottom: 0;}

/* Media ratio - Wrap - Fit */
.pdfobject-container iframe,
.lesson-media-ratio-wrap iframe,
.lesson-media-ratio-wrap .lesson-media-ratio {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0;
	margin: 0;
	background: var(--wtl-panel-color-dark-light);
	-ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.pdfobject-container iframe::-webkit-scrollbar,
.lesson-media-ratio-wrap iframe::-webkit-scrollbar,
.lesson-media-ratio-wrap .lesson-media-ratio::-webkit-scrollbar {display: none;}


.cpi-courses-details-head {
	display: flex;
	width: 100%;
	height: 70px;
	max-width: 1280px;
	padding-right: 15px;
	padding-left: 15px;
	justify-content: space-between;
	flex: 0 auto;
}

.cpi-cdh-in {
	display: flex;
	padding-right: 15px;
	padding-left: 15px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1;
}

.cpi-cdh-in.left {
	align-items: flex-start;
}

.cpi-cdh-in.right {
	max-width: 500px;
	flex-direction: row;
	align-items: center;
}

.cpi-cdhi-btn {
	display: flex;
	align-items: center;
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 17px;
	line-height: 20px;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
}

.cpi-cdhi-btn:hover {
	color: var(--wtl-panel-color-font-dark-50);
}

.cpi-cdhi-btn.hide {
	display: none;
}

.cpi-cdhi-progress-bar-detail {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	grid-column-gap: 15px;
	grid-row-gap: 0;
}

.cpi-cdhi-progress-bar-value {
	width: 100%;
	height: 8px;
	border-radius: 5px;
	background-color: var(--wtl-panel-color-bg-border);
}

.cpi-cdhi-progress-bar-value-in {
	width: 65%;
	height: 100%;
	border-radius: 4px;
	background-color: var(--wtl-color-green);
}

.cpi-cdhi-pbd-txt {
	flex: 0 0 auto;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	line-height: 20px;
}

#cpi-courses-details-description {
	display: none;
	width: 100%;
	max-width: 1280px;
	padding: 10px 30px 30px;
}

#cpi-courses-details-description.active {
	display: flex;
}

.input-radio-toggle {
	position: relative;
	display: flex;
	margin-bottom: 0;
	padding-left: 0;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
}

.input-radio-toggle.edit-profile {
	flex-direction: row;
}

.inputrt-label {
	position: relative;
	z-index: 1;
	margin-bottom: 0;
	margin-left: -30px;
	padding-left: 40px;
	font-family: var(--wtl-panel-font-family);
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 19px;
	line-height: 28px;
	font-weight: 700;
}

.inputrt-label.notification {
	width: 30px;
	height: 20px;
	padding-left: 0;
}

.inputrt-label.edit-profile {
	margin-right: -30px;
	margin-left: 0;
	padding-right: 40px;
	padding-left: 0;
	color: var(--wtl-panel-color-font-dark-75);
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.inputrt-label.pp-payout {
	width: 30px;
	height: 20px;
	padding-left: 0;
}

.inputrt-toggle {
	position: relative;
	width: 30px;
	height: 20px;
	margin-right: 3px;
	padding-right: 0;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-font-dark-25);
	transition: all .2s ease;
}

.inputrt-toggle.notification {
	margin-right: 0;
}

.inputrt-toggle.pp-payout {
	margin-right: 0;
}

.inputrt-state {
	display: none;
	background-color: var(--wtl-color-red);
}

.inputrt-state.w--redirected-checked {
	background-color: var(--wtl-color-green);
}

.inputrt-toggle-switch {
	position: absolute;
	left: 3px;
	top: 3px;
	width: 14px;
	height: 14px;
	align-items: center;
	border-radius: 50%;
	background-color: var(--wtl-panel-color-bg-white);
	transition: all .2s ease;
}

.cpi-faq-divider {
	height: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: var(--wtl-panel-color-bg-border);
}

.faq-guestion-wrap {
	z-index: 0;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.faq-data-toggle {
	display: flex;
	width: 100%;
	height: 30px;
	padding: 0 20px 0 0;
	align-items: center;
	cursor: pointer;
}

.faq-data-wrap {
	display: none;
}

.faq-guestion-wrap.active > .faq-data-wrap {
	display: block;
	position: relative;
	padding-top: 5px;
	padding-left: 30px;
	background-color: transparent;
}

.faq-guestion-wrap.active .faq-datat-title-ico {
	transform: rotate(90deg);
}

.faq-dataw-txt {
	font-size: 15px;
	line-height: 28px;
	font-weight: 400;
}

.faq-datat-title {
	font-size: 17px;
	line-height: 20px;
}

.faq-datat-ico-wrap {
	display: flex;
	width: 30px;
	height: 30px;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
}

.cpi-faq-contact-box.left {
	padding-right: 20px;
	flex: 0 auto;
}

.cpi-faq-contact-box.right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	flex: 1;
}

.cpi-faq-cb-title {
	padding-bottom: 5px;
	flex: 0 auto;
	font-weight: 500;
}

.cpi-faq-cb-desc {
	padding-bottom: 20px;
	font-size: 15px;
	line-height: 28px;
	font-weight: 400;
}

.cpi-faq-form-wrap {
	margin-top: 0;
	margin-bottom: 0;
}

.cpi-faq-form-notice {
	padding-top: 10px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.cpi-faq-cb-link {
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 17px;
	line-height: 20px;
	text-decoration: none;
}

.cpi-faq-cb-link:hover {
	color: var(--wtl-panel-color-accent);
}

.cpi-faq-cb-field-name {
	color: var(--wtl-panel-color-font-dark-75);
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
}

.cpi-contact-box-wrap {
	display: flex;
	padding-bottom: 20px;
	flex: 1;
}

.cm-rmmfs-wipe-chat {
	display: flex;
	height: 30px;
	padding-right: 10px;
	padding-left: 10px;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	background-color: var(--wtl-panel-color-accent-light);
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-white);
	font-size: 15px;
	line-height: 20px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.cm-rmmfs-wipe-chat:hover {
	background-color: var(--wtl-panel-color-accent-light-hover);
}

.cm-left-inbox-messages {
	display: flex;
	overflow: scroll;
	flex-direction: column;
	flex: 1;
}

.cm-left-inbox-messages.hide {
	display: none;
}

.cm-left-inbox-bottom {
	display: flex;
	padding: 20px;
	justify-content: space-between;
	flex: 0 0 auto;
	grid-column-gap: 20px;
	border-top: 1px solid var(--wtl-panel-color-bg-border);
}

.cm-left-inbox-bottom.hide {
	display: none;
}

.cm-right-top-in.left {
	display: flex;
	flex-direction: column;
}

.cm-right-top-in.right {
	display: flex;
	flex-direction: row;
}

.cm-left-new-message-choose {
	position: relative;
	display: none;
	overflow: scroll;
	padding: 20px;
	flex-direction: column;
	flex: 1;
}

.cm-left-new-message-choose.hide {
	display: none;
}

.cm-left-new-message-choose.active {
	display: flex;
}

.cm-lnm-input-wrap {
	position: relative;
	padding-bottom: 10px;
	flex: 0 auto;
	background-color: var(--wtl-panel-color-bg-white);
}

.cm-lnm-input {
	position: relative;
	z-index: 1;
	height: 40px;
	margin-bottom: 0;
	padding: 0 0 0 54px;
	border-style: solid;
	border-width: 1px;
	border-color: var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	background-color: transparent;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
}

.cm-lnm-input-label {
	position: absolute;
	left: 15px;
	top: 10px;
	z-index: 2;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 15px;
	line-height: 20px;
}

.cm-lnm-user-item {
	display: flex;
	margin-bottom: 10px;
	align-items: center;
	border-radius: 20px;
	transition: all .2s ease;
	text-decoration: none;
	cursor: pointer;
}

.cm-lnm-user-item:hover {
	background-color: var(--wtl-panel-color-bg-accent);
}

.cm-lnm-user-item-avatar {
	overflow: hidden;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.cm-lnm-user-item-name {
	padding-left: 15px;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
}

.cm-lnm-user-items-wrap {
	display: flex;
	overflow: scroll;
	flex-direction: column;
	flex: 1;
}

.cm-left-trash-top {
	display: none;
	height: 80px;
	padding-right: 20px;
	padding-left: 20px;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex: 0 0 auto;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
}

.cm-left-trash-top.active {
	display: flex;
}

.cm-left-trash-messages {
	display: none;
	overflow: scroll;
	flex-direction: column;
	flex: 1;
}

.cm-left-trash-messages.hide {
	display: none;
}

.cm-left-trash-messages.active {
	display: flex;
}

.cm-left-trash-bottom {
	display: none;
	padding: 20px;
	justify-content: space-between;
	flex: 0 0 auto;
	grid-column-gap: 20px;
	border-top: 1px solid var(--wtl-panel-color-bg-border);
}

.cm-left-trash-bottom.hide {
	display: none;
}

.cm-left-trash-bottom.active {
	display: flex;
}

.cm-left-new-message-top {
	display: none;
	height: 80px;
	padding-right: 20px;
	padding-left: 20px;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex: 0 0 auto;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
}

.cm-left-new-message-top.active {
	display: flex;
}

.cm-left-mass-message-top {
	display: flex;
	padding: 15px 20px 20px;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	flex: 0 auto;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
}

.cm-left-mass-message-recipient {
	display: flex;
	overflow: scroll;
	flex-direction: column;
	flex: 1;
}

.cm-left-mass-message-recipient.hide {
	display: none;
}

.cm-left-mass-message-bottom {
	display: flex;
	padding: 20px;
	justify-content: space-between;
	flex: 0 auto;
	grid-column-gap: 20px;
	border-top: 1px solid var(--wtl-panel-color-bg-border);
}

.cm-left-mass-message-bottom.hide {
	display: none;
}

.cm-lmmr-wrap {
	padding: 20px;
	flex: 1;
}

.cm-lmmt-info {
	padding-top: 10px;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
	font-weight: 500;
}

.input-w-file {
	position: static;
	z-index: 1;
	height: auto;
	margin-bottom: 0;
	padding: 10px;
	flex: 1;
	border-style: solid;
	border-width: 1px;
	border-color: var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-accent);
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
}

.input-w-file:focus {
	z-index: 2;
}

.input-w-file.error {
	position: relative;
	z-index: 2;
	padding-right: 55px;
	border-color: hsla(var(--wtl-color-red-h), var(--wtl-color-red-s), calc(var(--wtl-color-red-l) + 0%), .15);
	background-color: hsla(var(--wtl-color-red-h), var(--wtl-color-red-s), calc(var(--wtl-color-red-l) + 0%), .05);
	background-image: url('../images/ico-form-times.png');
	background-position: 100% 50%;
	background-size: 35px 15px;
	background-repeat: no-repeat;
}

.input-w-file.success {
	position: relative;
	z-index: 2;
	padding-right: 55px;
	border-color: hsla(var(--wtl-color-green-h), var(--wtl-color-green-s), calc(var(--wtl-color-green-l) + 0%), .15);
	background-color: hsla(var(--wtl-color-green-h), var(--wtl-color-green-s), calc(var(--wtl-color-green-l) + 0%), .05);
	background-image: url('../images/ico-form-check.png');
	background-position: 100% 50%;
	background-size: 35px 15px;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.notification-wrap-txt {
	flex: 1;
	margin-bottom: 0;
}

.cpi-wmh-in {
	display: flex;
	padding-right: 15px;
	padding-left: 15px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1;
}

.cpi-wmh-in.left {
	align-items: flex-start;
}

.cpi-wmh-in.right {
	max-width: 440px;
	align-items: flex-end;
}

.element-loader {
	color: var(--wtl-panel-color-font-white);
	text-align: center;
	background-color: var(--wtl-panel-color-bg-overlay);
	justify-content: center;
	align-items: center;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	font-size: 30px;
	font-weight: 300;
	line-height: 40px;
	display: none;
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
	border-radius: 10px;
	z-index: 2;
}

.table-form {
	display: flex;
	margin-bottom: 0;
	flex-direction: column;
}

.table-form-wrap {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.table-action {
	display: flex;
	margin-bottom: 20px;
	flex-direction: row;
}

.table-action.all-transaction-list {
	flex-direction: column;
}

.table-action.login-history {
	grid-column-gap: 30px;
}

.table-action-in {
	position: relative;
	display: flex;
	align-items: center;
	flex: 1;
}

.table-action-in.right {
	justify-content: flex-end;
}

.table-action-label {
	margin-bottom: 0;
	padding-right: 20px;
	white-space: nowrap;
}

.link-block-12 {
	display: block;
}

.table-row {
	display: flex;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	justify-content: space-between;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-dark-75);
	font-size: 15px;
}

.table-row:hover {
	border-bottom-color: var(--wtl-panel-color-accent-light-hover);
	color: var(--wtl-panel-color-font-dark-100);
}

.table-row.head {
	cursor: default;
}

.table-row.head:hover {
	background-color: transparent;
	box-shadow: none;
}

.table-row.head.hide {
	display: none;
}

.image-7 {
	margin-right: 8px;
	border-radius: 50%;
}

.table-nav-in {
	display: flex;
	min-height: 40px;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
}

.link-block-10 {
	margin-left: 10px;
}

.div-block-411 {
	padding-right: 20px;
	padding-left: 10px;
}

.table-row-nr {
	font-weight: 500;
}

.table-arrows {
	width: 15px;
	margin-right: 8px;
	opacity: 0.35;
	cursor: pointer;
}

.table-arrows:hover {
	opacity: 0.6;
}

.table-arrows._2 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.table-cell {
	display: flex;
	width: 20%;
	padding-right: 20px;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	border: 1px none var(--wtl-panel-color-bg-border);
}

.table-cell._11 {
	width: 11%;
}

.table-cell.action {
	width: 7%;
}

.table-cell._2 {
	width: 18%;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.table-cell._2.small {
	width: 11%;
}

.table-cell._2.action {
	width: 7%;
	padding-right: 0;
	padding-left: 0;
	flex-direction: row;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.table-cell._10 {
	width: 10%;
}

.table-cell._20 {
	width: 20%;
}

.table-cell._30 {
	width: 30%;
}

.table-cell._40 {
	width: 40%;
}

.table-cell._50 {
	width: 50%;
}

.table-cell._60 {
	width: 60%;
}

.table-cell._70 {
	width: 70%;
}

.table-cell._80 {
	width: 80%;
}

.table-cell._90 {
	width: 90%;
}

.table-cell._100 {
	width: 100%;
}

.table-cell.last {
	padding-right: 0;
	justify-content: flex-end;
}

.table-cell.last._25 {
	overflow: visible;
}

.table-cell._25 {
	width: 25%;
}

.table-cell._15 {
	width: 15%;
}

.table-cell._5 {
	width: 5%;
}

.scroll-table-content {
	display: flex;
	overflow: visible;
	flex-direction: column;
}

.table-nav {
	position: relative;
	display: flex;
	width: 100%;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	justify-content: space-between;
	align-items: center;
}

.table-container {
	display: flex;
	flex-direction: column;
}

.table-nav-pagination-current {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	margin-left: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: var(--wtl-panel-color-bg-border);
	border-radius: 5px;
	background-color: transparent;
	line-height: 28px;
	text-align: center;
}

.table-nav-in-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}

.table-nav-in-wrap.center {
	padding-right: 10px;
	padding-left: 10px;
}

.table-text {
	color: var(--wtl-panel-color-font-dark-75);
}

.table-text.name {
	font-weight: 600;
}

.table-text.link {
	text-decoration: none;
}

.table-text.link:hover {
	color: var(--wtl-panel-color-accent);
}

.table-heading {
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	text-transform: capitalize;
}

.table-data {
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: space-between;
}

.table-header {
	display: flex;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
	color: var(--wtl-panel-color-font-dark-75);
}

.table-header.head {
	cursor: default;
}

.table-header.head:hover {
	background-color: transparent;
	box-shadow: none;
}

.table-header.head.hide {
	display: none;
}

.table-action-amount {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.table-data-wrap.login-history {
	overflow: auto;
}

.tooltip {
	position: absolute;
	left: -35px;
	top: -25px;
	right: 0%;
	bottom: auto;
	display: none;
	width: 100px;
	padding-right: 5px;
	padding-left: 5px;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	background-color: var(--wtl-panel-color-font-dark-100);
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-white);
	font-size: 10px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
}

.table-data-wrap-scroll.login-history {
	min-width: 650px;
}

.cpa-like {
	height: 30px;
	grid-column-gap: 10px;
	color: var(--wtl-panel-color-font-dark-50);
	border-radius: 5px;
	align-items: center;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 15px;
	font-weight: 500;
	line-height: 20px;
	text-decoration: none;
	transition: all .2s;
	display: flex;
	cursor: pointer;
}

.cpa-like:hover {
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-bg-accent);
}

.cpa-like.active {
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-bg-accent);
}

.cpa-like-ico {
	height: auto;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	font-weight: 300;
	display: inline-block;
}

.cpa-like-count {
	border-radius: 3px;
	margin-left: 0;
	line-height: 20px;
	display: inline-block;
}

.cpi-cdhi-btn-ico-wrap {
	display: flex;
	width: 25px;
	height: 20px;
	-webkit-box-pack: start;
	-webkit-justify-content: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-box-align: start;
	-webkit-align-items: start;
	-ms-flex-align: start;
	align-items: start;
}

.notification-panel-wrap {
	position: fixed;
	left: auto;
	top: auto;
	right: 0%;
	bottom: 0%;
	width: 100%;
}

.edit-panel-btn-wrap {
	position: fixed;
	right: 30px;
	top: auto;
	left: auto;
	bottom: 30px;
	display: flex;
	overflow: hidden;
	width: 50px;
	height: 50px;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
	border-radius: 25px;
	background-color: var(--wtl-panel-color-accent);
	transition: all .2s ease;
	text-decoration: none;
}

.edit-panel-btn-txt {
	height: 20px;
	margin-left: 50px;
	opacity: 0;
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-white);
	font-size: 17px;
	line-height: 20px;
	font-weight: 600;
	white-space: nowrap;
}

.cbw-abonament-top {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 30px;
}

.cbw-abonament-top-in {
	display: flex;
	flex-direction: column;
}

.cbw-abonament-top-in.left {
	flex: 1;
	gap: 10px;
}

.cbw-abonament-top-in.right {
	align-items: flex-end;
	flex: 0 auto;
}

.cbw-abonament-top-in p {
	margin: 0;
}

.cbw-abonament-top-in ul {
	margin: 0;
	list-style-type: none;
	padding: 0;
}

.cbw-abonament-top-in ul li {
	position: relative;
	line-height: 24px;
	display: flex;
	gap: 5px;
}

.cbw-abonament-top-in ul li i {
	color: var(--wtl-color-green);
	line-height: inherit;
}

.cbw-abonament-price-discount {
	margin-bottom: 5px;
	color: var(--wtl-panel-color-font-dark-75);
	text-decoration: line-through;
	font-size: 15px;
}

.cbw-abonament-price-actual {
	margin-bottom: 5px;
	font-size: 28px;
	font-weight: 700;
}

.cbw-abonament-payment-type {
	margin-bottom: 10px;
}

.cbw-abonament-status-txt {
	color: var(--wtl-panel-color-font-dark-100);
	line-height: 20px;
	font-weight: 500;
}

.cbw-abonament-actions {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	gap: 20px;
}

.cbw-abonament-actions-in {
	display: flex;
	flex-direction: column;
	flex: 1;
	justify-content: flex-end;
	align-items: flex-end;
}

#abonament-display .cbw-abonament-actions-in {
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 10px;
}

#abonament-display .cbw-abonament-actions-in form {
	display: flex;
	justify-content: center;
}

#abonament-display .cbw-abonament-actions-in button {
	flex: 1;
}

.cbw-abonament-notification {
	display: flex;
	justify-content: center;
	align-items: center;
	grid-column-gap: 10px;
	flex-direction: row;
	padding: 10px 15px;
	background-color: var(--wtl-panel-color-dark-light);
	border-radius: 10px;
}

.cbw-abonament-paybycard {
	margin-top: 20px;
	padding: 20px;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-accent);
}

.cbw-abonament-paybycard-info {
	margin-top: 15px;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 11px;
	line-height: 15px;
}

.cbw-abonament-paybycard-info.hide {
	display: none;
}

.cbw-abonament-paybycard-info-link {
	color: var(--wtl-panel-color-accent);
	font-size: 11px;
	line-height: 15px;
}

.cbw-abonament-paybycard-info-link:hover {
	color: var(--wtl-panel-color-accent);
}

.cbw-abonament-paybycard-info-more {
	font-weight: 700;
}

.btn-standard.opinion {
	flex: 1;
}

.nav-content-title {
	margin-top: 30px;
	margin-bottom: 10px;
	padding-left: 15px;
	font-size: 15px;
	font-weight: 500;
}

.opinions-rating-wrap {
	display: flex;
	grid-column-gap: 30px;
}

.opinions-rating {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.opinions-rating.center {
	justify-content: center;
	flex: 1;
	grid-row-gap: 3px;
}

.opinions-rating.right {
	justify-content: center;
	align-items: flex-start;
	grid-row-gap: 3px;
}

.or-rating-txt {
	font-size: 56px;
	line-height: 60px;
	font-weight: 700;
}

.or-rating-description {
	margin-top: 10px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
}

.or-rating-gfx {
	position: relative;
	width: 80px;
	height: 12px;
	margin-top: 5px;
}

.or-rating-gfx-mask {
	position: absolute;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	width: 100%;
	height: 100%;
}

.or-rating-gfx-mask.top {
	background-image: url('../images/rating-stars-empty.svg');
	background-position: 0% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.or-rating-gfx-mask.bottom {
	display: none;
	background-color: hsla(var(--wtl-color-yellow-h), var(--wtl-color-yellow-s), calc(var(--wtl-color-yellow-l) + 0%), .5);
}

.or-rating-gfx-value {
	position: relative;
	width: 92%;
	height: 100%;
	background-color: transparent;
	background-image: url('../images/rating-stars-full.svg');
	background-position: 0% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.or-rating-gfx-value._3 {
	width: 60%;
}

.or-rating-gfx-value._5 {
	width: 100%;
}

.or-rating-gfx-value._4 {
	width: 80%;
}

.or-rating-gfx-value._2 {
	width: 40%;
}

.or-rating-gfx-value._1 {
	width: 20%;
}

.or-rating-gfx-wrap {
	display: flex;
	height: 20px;
}

.or-rating-gfx-link-filter {
	margin-left: 15px;
	transition: all .2s ease;
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
}

.or-rating-gfx-link-filter:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.or-rating-bar-wrap {
	display: flex;
	width: 100%;
	height: 20px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.or-rating-bar {
	position: relative;
	width: 100%;
	height: 6px;
	background-color: var(--wtl-panel-color-bg-border);
}

.or-rating-bar-value {
	width: 10%;
	height: 100%;
	background-color: var(--wtl-panel-color-bg-border-active);
}

.or-rating-bar-value._4 {
	width: 56%;
}

.opinion-data-form {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 0;
	flex: 1;
}

.opinion-data-top {
	display: flex;
	grid-column-gap: 30px;
}

#opinions-refresh {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.opinions-data {
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 20px;
}

.opinions-actions2 {
	display: flex;
	grid-column-gap: 30px;
}

.select-field-2 {
	height: 40px;
}

.opinion-data-sort {
	display: flex;
	flex: 1;
	grid-column-gap: 10px;
}

.new-option-form .odi-user-data {
	min-height: 40px;
	margin: 0;
}

.opinion-data-item.new-option-form {
	display: none;
	flex-direction: column;
	flex: 1;
	gap: 10px;
}

.opinion-data-item.new-option-form.active {
	display: flex;
}

.opinion-data-new {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.odi-user-data {
	position: relative;
	display: flex;
	margin-bottom: 5px;
	padding-left: 55px;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
}

.odi-ud-avatar {
	position: absolute;
	left: 0%;
	top: 0%;
	right: auto;
	bottom: auto;
	display: block;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

a.odi-ud-avatar {
	cursor: pointer;
}

.odi-ud-avatar-img {
	width: 40px;
	height: 40px;
	-o-object-fit: cover;
	object-fit: cover;
}

.odi-ud-user-name {
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 17px;
	line-height: 20px;
	font-weight: 500;
	text-decoration: none;
}

a.odi-ud-user-name {
	cursor: pointer;
}

.odi-ud-user-job {
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 13px;
	line-height: 24px;
	font-weight: 500;
}

.odi-ud-user-link {
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
	text-decoration: none;
}

.odi-ud-user-link:hover {
	color: var(--wtl-panel-color-accent);
}

.odi-content {
	margin-left: 55px;
}

.odi-c-rating {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.odi-c-rating-date {
	margin-left: 10px;
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
}

.ofoi-uod-rating-gfx {
	position: relative;
	z-index: 1;
	width: 80px;
	height: 12px;
	margin-top: 5px;
}

.odi-c-rating-gfx-mask {
	position: absolute;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	width: 100%;
	height: 100%;
}

.odi-c-rating-gfx-mask.top {
	z-index: 1;
	background-image: url('../images/rating-stars-empty.svg');
	background-position: 0% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.odi-c-rating-gfx-mask.bottom {
	background-color: hsla(var(--wtl-color-yellow-h), var(--wtl-color-yellow-s), calc(var(--wtl-color-yellow-l) + 0%), .5);
}

.odi-c-rating-gfx-value {
	position: relative;
	z-index: 1;
	width: 80%;
	height: 100%;
	background-color: transparent;
	background-image: url('../images/rating-stars-full.svg');
	background-position: 0% 50%;
	background-size: cover;
}

.odi-c-text {
	margin-top: 5px;
	padding-bottom: 5px;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
	text-align: left;
}

.odi-c-text.answer {
	padding-bottom: 0;
}

.odi-c-ranking {
	display: flex;
}

.odi-c-report {
	margin-left: 10px;
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-dark-75);
	font-size: 13px;
	line-height: 30px;
}

.odi-c-report:hover {
	color: var(--wtl-panel-color-accent);
}

.odi-c-ranking-title {
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
	text-align: left;
}

.odi-c-rating-gfx {
	position: relative;
	width: 80px;
	height: 12px;
}

.odi-ud-rating-date {
	margin-top: 5px;
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
	text-align: left;
}

.odi-answer {
	display: flex;
	padding: 20px;
	flex-direction: column;
	align-items: stretch;
	grid-row-gap: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: var(--wtl-panel-color-bg-border);
	border-radius: 20px;
	text-align: left;
}

.odi-a-rating {
	height: 30px;
	flex-direction: row;
	align-self: stretch;
	align-items: center;
	display: flex;
	gap: 10px;
}

.odi-a-rating.guest-opinions {
	height: auto;
	grid-row-gap: 10px;
	flex-direction: column;
}

.odi-ar-action-title.guest-opinions h2 {
	margin-left: 0;
	font-size: 21px;
	font-weight: 700;
}

.odi-ar-action {
	flex-direction: row-reverse;
	display: flex;
}

.odi-ara-btn {
	width: 27px;
	height: auto;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	color: var(--wtl-color-yellow);
	font-size: 22px;
	line-height: 20px;
	font-weight: 300;
	position: relative;
	display: flex;
	align-content: center;
	justify-content: center;
	cursor: pointer;
}

.odi-a-rating.guest-opinions > .odi-ar-action > .odi-ara-btn {
	width: auto;
	font-size: 25px;
	line-height: 25px;
}

.odi-ara-btn.fa-star {
	text-decoration: none;
}

.odi-ara-btn.fa-star.active {
	font-weight: 900;
}

.odi-ar-action-title {
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
}




/* 	===============================
	Opinions - Wrap
	=============================== */

.embed-opinions-wrap {
	width: 100%;
}

.embed-opinions-wrap .embed-opinion-data-item-wrap {
	border-radius: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}

.embed-opinions-wrap.embed-opinions-border .embed-opinion-data-item-wrap {
	border: 1px solid var(--wtl-panel-color-bg-border);
}

.embed-opinions-wrap .embed-opinion-data-item-wrap.opinions-link {
	--cols: 2;
	--gap: 10px;
	width: calc( (100% - (var(--gap) * (var(--cols) - 1))) / var(--cols) );
}

.embed-opinions-wrap .embed-opinion-data-item-wrap {
	--cols: 3;
	--gap: 10px;
	width: calc( (100% - (var(--gap) * (var(--cols) - 1))) / var(--cols) );
}

@media screen and (min-width: 1600px) {
	.embed-opinions-wrap .embed-opinion-data-item-wrap {
		--cols: 4;
		--gap: 10px;
		width: calc( (100% - (var(--gap) * (var(--cols) - 1))) / var(--cols) );
	}
}

@media screen and (max-width: 991px) {
	.embed-opinions-wrap .embed-opinion-data-item-wrap {
		--cols: 2;
		--gap: 10px;
		width: calc( (100% - (var(--gap) * (var(--cols) - 1))) / var(--cols) );
	}
}

@media screen and (max-width: 767px) {
	.embed-opinions-wrap .embed-opinion-data-item-wrap.opinions-link {
		--cols: 1;
		--gap: 10px;
		width: calc( (100% - (var(--gap) * (var(--cols) - 1))) / var(--cols) );
	}
}

@media screen and (max-width: 479px) {
	.embed-opinions-wrap .embed-opinion-data-item-wrap {
		--cols: 1;
		--gap: 10px;
		width: calc( (100% - (var(--gap) * (var(--cols) - 1))) / var(--cols) );
	}
}

/* 	End - Opinions - Wrap */	




.embed-opinion-btn-wrap.opinions-link {
	padding-bottom: 0;
}

.opinions-embed-body {
	background: transparent;
}

.embed-opinion-data-item {
	background-color: var(--wtl-panel-color-bg-white);
	flex-direction: column;
	align-items: stretch;
	padding: 20px;
	display: flex;
}

.embed-odi-top {
	width: 100%;
	max-width: 100%;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 5px;
	overflow: hidden;
}

.odi-avatar {
	width: 40px;
	height: 40px;
	min-height: 40px;
	min-width: 40px;
	object-fit: cover;
	border-radius: 50%;
}

.odi-user-name {
	max-width: 100%;
	color: var(--wtl-panel-color-font-dark-100);
	flex-direction: row;
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	position: relative;
	display: flex;
}

.odi-user-name i {
	color: var(--wtl-color-yellow);
	margin-right: 5px;
	line-height: 20px;
}

.odi-user-job {
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	transition: all .2s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.odi-user-link {
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
	text-decoration: none;
}

.odi-user-link:hover {
	color: var(--wtl-panel-color-accent);
}

.odi-user-link.dark-theme {
	color: hsla(0, 0%, 100%, 0.5);
}

.odi-ratinggg {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.odi-rating {
	position: relative;
	width: 80px;
	height: 12px;
}

.odi-rating-mask {
	position: absolute;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	width: 100%;
	height: 100%;
	background-image: url('../images/rating-stars-empty.svg');
	background-position: 0% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.odi-rating-mask.top {
	z-index: 2;
	background-image: url('../images/rating-stars-empty.svg');
	background-position: 0% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.odi-rating-mask.bottom {
	background-color: hsla(var(--wtl-color-yellow-h), var(--wtl-color-yellow-s), calc(var(--wtl-color-yellow-l) + 0%), .5);
}

.odi-rating-value {
	width: 80%;
	height: 100%;
	background-color: transparent;
	background-image: url('../images/rating-stars-full.svg');
	background-position: 0% 50%;
	background-size: cover;
}

.embed-odi-user-data {
	grid-column-gap: 15px;
	flex: 1;
	display: flex;
	overflow: hidden;
	min-height: 40px;
}

.embed-odi-rating {
	display: flex;
	margin-top: 10px;
	flex-direction: row;
	align-items: flex-end;
}

.odi-rating-txt {
	margin-right: 10px;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 17px;
	line-height: 20px;
	font-weight: 700;
}

.odi-rating-txt.dark-theme {
	color: var(--wtl-panel-color-font-white);
}

.odi-rating-gfx {
	display: flex;
	height: 20px;
	align-items: center;
}

.odi-text {
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	text-align: left;
}

.odi-text.answer {
	padding-bottom: 0;
}

.odi-text.dark-theme {
	color: var(--wtl-panel-color-font-white);
}

.e-odiud-right {
	max-width: 100%;
	flex-direction: column;
	display: flex;
	position: relative;
	overflow: hidden;
	width: 100%;
}

.footer-sale-page {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding: 0 15px;
}

.columns {
	max-width: 1180px;
	justify-content: flex-start;
	align-self: center;
}

.footer-sale-page-wrap {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1310px;
}

.footer-spw-col {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 25%;
	padding: 30px 15px 0 15px;
}

.footer-sp-title {
	display: block;
	margin-bottom: 20px;
}

.footer-sp-link {
	display: block;
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-dark-75);
	font-size: 15px;
	line-height: 28px;
	font-weight: 500;
	text-decoration: none;
}

.footer-sp-link:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.footer-sp-link-sm {
	display: flex;
	height: 30px;
	margin-top: 10px;
	grid-column-gap: 20px;
}

.footer-sp-secure {
	width: 100%;
	max-width: 200px;
}

.cbv-ppw-form {
	display: flex;
	flex-direction: row;
	flex: 1;
	grid-column-gap: 30px;
}

.form-block {
	margin-bottom: 0;
	flex: 1;
}

.cpi-bpid-link {
	color: var(--wtl-panel-color-font-dark-100);
	border-bottom: 2px solid var(--wtl-panel-color-bg-transparent);
	align-self: flex-start;
	margin-bottom: -1px;
	padding-bottom: 10px;
	font-size: 15px;
	font-weight: 500;
	line-height: 20px;
	display: block;
	position: relative;
	text-decoration: none;
}

.cpi-bpid-link:hover {
	z-index: 1;
	border-bottom-color: var(--wtl-panel-color-accent);
}

.btn-back {
	display: flex;
	height: 40px;
	margin-bottom: 30px;
	padding: 0 30px;
	justify-content: center;
	align-items: center;
	align-self: flex-start;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-white);
	transition: all .2s ease;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
}

.btn-back:hover {
	border-bottom-color: transparent;
	background-color: var(--wtl-panel-color-accent);
	color: var(--wtl-panel-color-font-white);
}

.btn-back.messages-page {
	display: none;
}

.cpi-cc-top-head {
	grid-column-gap: 10px;
	flex: 1;
	align-items: flex-start;
	display: flex;
}

.cpi-cc-top-heading {
	min-height: 40px;
	font-size: 17px;
	font-weight: 500;
	line-height: 24px;
}

.cpi-cc-top-action {
	gap: 10px;
	flex: none;
	display: flex;
}

.cpi-cc-top-action.post-page-action {
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.cpi-cc-top-btn-wrap {
	flex-direction: row;
	display: flex;
}

.wtl-menu-dropdown {
	margin-left: 0;
	margin-right: 0;
	display: inline-block;
	position: relative;
	text-align: left;
	z-index: 1;
	flex-shrink: 0;
}

.wtl-menu-dropdown.menu-h-40 {
	display: flex;
}

.wtl-menu-dropdown.menu-h-40 i {
font-style: inherit;
}

.wtl-menu-dropdown.menu-h-40 .wtl-menu-dropdown-toggle {
	height: 40px;
	padding: 10px;
	color: var(--wtl-panel-color-font-dark-50);
}

.wtl-menu-dropdown.menu-h-40 .wtl-menu-dropdown-toggle:hover {
	background-color: var(--wtl-panel-color-bg-accent);
	color: var(--wtl-panel-color-font-dark-100);
}

.wtl-menu-dropdown.menu-h-40 .wtl-menu-dropdown-list {
	top: 40px;
	margin-top: 0;
}

.wtl-menu-dropdown.post-blocks {
	background-color: var(--wtl-panel-color-bg-transparent);
	border-radius: 5px;
	position: absolute;
	top: 10px;
	bottom: auto;
	left: auto;
	right: 10px;
}

.wtl-menu-dropdown.active {
	z-index: 3;
}

.wtl-menu-dropdown-toggle {
	padding: 0;
	transition: all .2s;
	color: var(--wtl-panel-color-font-dark-50);
	border-radius: 10px;
	justify-content: center;
	align-items: center;
	display: flex;
	gap: 5px;
}

.wtl-menu-dropdown-toggle.ico-30 {
	width: 30px;
	height: 30px;
	color: var(--wtl-panel-color-font-dark-50);
	background-color: var(--wtl-panel-color-bg-white);
	border-radius: 5px;
}

.wtl-menu-dropdown-toggle.ico-30:hover {
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-bg-accent);
}

.wtl-menu-dropdown-list.active {
	background-color: var(--wtl-panel-color-bg-white);
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	top: auto;
	bottom: auto;
	left: auto;
	right: 0%;
	box-shadow: 0 10px 10px var(--wtl-panel-color-dark-light-hover);
}

.wtl-menu-dropdown-link {
	min-height: 40px;
	grid-column-gap: 10px;
	color: var(--wtl-panel-color-font-dark-100);
	white-space: nowrap;
	flex-direction: row;
	align-items: center;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	transition: all .2s;
	display: flex;
	cursor: pointer;
}

.wtl-menu-dropdown-link:hover {
	background-color: var(--wtl-panel-color-bg-accent);
}

.wtl-menu-dropdown-link-ico {
	width: 20px;
	height: 20px;
	justify-content: center;
	align-items: center;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	font-weight: 300;
	display: flex;
}

.wtl-menu-dropdown-link-ico.fa-toggle-on {
	color: var(--wtl-panel-color-font-dark-25);
	transform-style: preserve-3d;
	font-weight: 900;
	transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.wtl-menu-dropdown-link-ico.fa-check {
	color: var(--wtl-panel-color-bg-transparent);
}

.fa-ico-new {
	height: auto;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	font-weight: 300;
	text-decoration: none;
	transition: all .2s ease;
}

.fa-ico-new.info-notes {
	margin-left: 0;
	margin-right: 10px;
}

.fa-ico-new.notification-box-ico {
	height: auto;
	color: var(--wtl-panel-color-font-dark-100);
	margin-left: 0;
	font-size: 18px;
	font-weight: 300;
	line-height: 20px;
	position: absolute;
	top: 15px;
	bottom: auto;
	left: 15px;
	right: auto;
}

.fa-ico-new.faq-datat-title-ico {
	width: auto;
	height: auto;
	justify-content: center;
	align-items: center;
	margin-left: 0;
	font-size: 17px;
	font-weight: 300;
	line-height: 20px;
	display: flex;
}

.fa-ico-new.faq-contact-box-ico {
	width: 50px;
	height: 50px;
	background-color: var(--wtl-panel-color-bg-accent);
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	margin-left: 0;
	font-size: 21px;
	font-weight: 300;
	line-height: 20px;
	display: flex;
}

.fa-ico-new.faq-contact-box-ico.small {
	width: 40px;
	height: 40px;
	font-size: 17px;
}

.fa-ico-new.cpi-ccc-delete-ico {
	width: 20px;
	height: 20px;
	color: var(--wtl-panel-color-font-dark-50);
	justify-content: center;
	align-items: center;
	transition: all .2s;
	display: flex;
	cursor: pointer;
}

.fa-ico-new.cpi-ccc-delete-ico:hover {
	color: var(--wtl-color-red);
}

.fa-ico-new.cpi-ccc-delete-ico.fa-trash-can {
	position: absolute;
	top: 0%;
	bottom: auto;
	left: auto;
	right: 0%;
}

.fa-ico-new.cm-right-top-delete-ico {
	width: 30px;
	height: 30px;
	color: var(--wtl-panel-color-font-dark-50);
	justify-content: center;
	align-items: center;
	font-size: 21px;
	font-weight: 300;
	line-height: 20px;
	transition: all .2s;
	display: flex;
}

.fa-ico-new.cm-right-top-delete-ico:hover {
	color: var(--wtl-color-red);
}

.fa-ico-new.cm-right-top-delete-ico.fa-trash-can {
	text-decoration: none;
}

.fa-ico-new.cm-right-top-database-ico {
	width: 30px;
	height: 30px;
	color: var(--wtl-panel-color-font-dark-50);
	justify-content: center;
	align-items: center;
	margin-left: 0;
	font-size: 21px;
	font-weight: 300;
	line-height: 20px;
	text-decoration: none;
	transition: all .2s;
	display: flex;
}

.fa-ico-new.cm-right-top-database-ico:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.fa-ico-new.notification-wrap-ico {
	width: 30px;
	color: var(--wtl-panel-color-font-dark-100);
	justify-content: flex-start;
	align-items: center;
	margin-left: 0;
	font-size: 18px;
	font-weight: 300;
	line-height: 20px;
	display: flex;
}

.fa-ico-new.notification-wrap-ico.fa-circle-check {
	flex: none;
}

.fa-ico-new.table-nav-btn {
	width: 30px;
	height: 30px;
	color: var(--wtl-panel-color-font-dark-50);
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-left: 0;
	font-weight: 900;
	text-decoration: none;
	transition: all .2s;
	display: flex;
}

.fa-ico-new.table-nav-btn:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.fa-ico-new.table-nav-btn.fa-caret-left,
.fa-ico-new.table-nav-btn.fa-caret-right {
	font-size: 19px;
}

.fa-ico-new.table-action-btn {
	width: 40px;
	height: 40px;
	color: var(--wtl-panel-color-font-dark-75);
	background-color: var(--wtl-panel-color-bg-transparent);
	border-radius: 10px;
	justify-content: center;
	align-items: center;
	margin-left: 0;
	font-size: 21px;
	font-weight: 400;
	transition: all .2s;
	display: flex;
}

.fa-ico-new.table-action-btn:hover {
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-bg-accent);
}

.fa-ico-new.table-action-btn.fa-ellipsis {
	text-decoration: none;
}

.fa-ico-new.table-ami-ico {
	width: 30px;
	height: 20px;
	flex: none;
	margin-left: 0;
	font-weight: 300;
}

.fa-ico-new.cpi-cdhi-btn-ico {
	margin-left: 0;
	font-weight: 400;
}

.fa-ico-new.edit-panel-btn-ico {
	width: 50px;
	height: 50px;
	color: var(--wtl-panel-color-font-white);
	justify-content: center;
	align-items: center;
	margin-left: 0;
	font-size: 17px;
	font-weight: 900;
	display: flex;
}

.fa-ico-new.edit-panel-btn-ico.fa-pen {
	position: absolute;
}

.fa-ico-new.fa-arrow-up-right-from-square.odi-udul-ico,
.fa-ico-new.fa-arrow-up-right-from-square.odi-ul-ico {
	margin-left: 0;
}

.fa-ico-new.footer-sp-link-sm {
	height: auto;
	color: var(--wtl-panel-color-font-dark-75);
	margin-top: 0;
	margin-left: 0;
	font-family: "Font Awesome 6 Brands", sans-serif;
	font-size: 21px;
	line-height: 28px;
	text-decoration: none;
	transition: all .2s;
}

.fa-ico-new.footer-sp-link-sm:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.fa-ico-new.fa-xmark.popup-close-btn {
	width: 35px;
	height: 35px;
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-bg-transparent);
	border-radius: 10px;
	justify-content: center;
	align-items: center;
	margin-left: 0;
	padding: 0;
	font-size: 20px;
	transition: all .2s;
	display: flex;
	position: absolute;
	top: 30px;
	bottom: auto;
	left: auto;
	right: 30px;
	cursor: pointer;
}

.fa-ico-new.fa-xmark.popup-close-btn:hover {
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-bg-accent);
}

.wtl-menu-dropdown-link.active>.wtl-menu-dropdown-link-ico.fa-toggle-on {
	transform: rotateY(0);
	color: var(--wtl-color-green);
}

.wtl-menu-dropdown-link.active>.wtl-menu-dropdown-link-ico.fa-thumbtack {
	font-weight: 900;
}

.wtl-menu-dropdown-link.active>.wtl-menu-dropdown-link-ico.fa-check {
	color: var(--wtl-color-green);
	font-weight: 900;
}

.cpi-cc-top-additional-wrap::-webkit-scrollbar {
	display: none;
}

.cpi-cc-top-additional-wrap {
	-ms-overflow-style: none;
	scrollbar-width: none;
	margin-left: -10px;
	display: flex;
	overflow: scroll;
}

.cp-users-likes-avatar-wrap>.cp-users-likes-avatar:nth-child(1) {
	z-index: 3;
}

.cp-users-likes-avatar-wrap>.cp-users-likes-avatar:nth-child(2) {
	z-index: 2;
}

.cp-users-likes-avatar-wrap>.cp-users-likes-avatar:nth-child(3) {
	z-index: 1;
}

.cpi-cc-top-additional {
	border-top: 1px solid var(--wtl-panel-color-bg-border);
	justify-content: flex-start;
	align-items: center;
	margin-top: 10px;
	padding-top: 10px;
	display: flex;
}

.cpi-cc-top-additional.main-board {
	padding-top: 15px;
	padding-bottom: 15px;
}

.btn-community-pin-post {
	height: 30px;
	color: var(--wtl-panel-color-font-dark-50);
	background-color: var(--wtl-panel-color-bg-transparent);
	border-radius: 5px;
	flex: none;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
	font-size: 15px;
	line-height: 20px;
	transition: all .2s;
	display: flex;
	text-decoration: none;
}

.btn-community-pin-post:hover {
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-bg-accent);
}

.btn-community-pin-post-ico {
	padding-right: 5px;
}

.cpi-cc-content {
	display: flex;
	gap: 20px;
}

.cpi-cc-content.main-space {
	flex-direction: row;
}

.cpi-cc-content-left {
	width: 100%;
	grid-row-gap: 30px;
	flex-direction: column;
	display: flex;
}

.cpi-cc-content-left.with-sidebar {
	width: 66.6666%;
}

.cpi-cc-content-right {
	width: 33.3333%;
	grid-row-gap: 20px;
	flex-direction: column;
	display: flex;
}

.cp-users-likes {
	grid-column-gap: 2px;
	color: var(--wtl-panel-color-font-dark-50);
	justify-content: flex-start;
	align-items: center;
	text-decoration: none;
	transition: all .2s;
	display: flex;
	cursor: pointer;
}

.cp-users-likes .cp-users-likes-avatar-wrap {
	flex-direction: row;
	padding-left: 13px;
	display: flex;
	z-index: 1;
}

.cp-users-likes .cp-users-likes-avatar {
	width: 36px;
	height: 36px;
	object-fit: cover;
	border: 3px solid var(--wtl-panel-color-bg-white);
	border-radius: 50%;
	margin-left: -13px;
	position: relative;
	background: var(--wtl-panel-color-bg-accent);
	min-height: 36px;
	min-width: 36px;
}

.cp-users-likes .cp-users-likes-txt {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	padding: 5px 10px;
	border-radius: 5px;
	transition: all .2s ease;
}

.cp-users-likes:hover .cp-users-likes-txt {
	background-color: var(--wtl-panel-color-bg-accent);
	color: var(--wtl-panel-color-font-dark-100);
}

.regular-popup-wrap.user-reactions .regular-popup {
	max-width: 479px;
}

.regular-popup-wrap.user-reactions .regular-popup-content {
	align-items: flex-start;
}

.user-reaction-wrap {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 20px;
	text-decoration: none;
	color: var(--wtl-panel-color-font-dark-100);
	transition: all .2s ease;
	cursor: pointer;
}

.user-reaction-wrap:hover {
	color: var(--wtl-panel-color-accent);
}

.user-reaction-wrap img {
	width: 40px;
	height: 40px;
	border-radius: 10px;
}

.user-reaction-wrap i {
	position: absolute;
	left: 30px;
	top: 20px;
	border-radius: 5px;
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 13px;
	background: var(--wtl-panel-color-bg-white);
}

.user-reaction-wrap i.fa-thumbs-up {color: var(--wtl-color-green);}
.user-reaction-wrap i.fa-thumbs-down {color: var(--wtl-color-red);}


.cpa-right {
	align-items: center;
	display: flex;
}

.container_payu * {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.container_payu {
	text-align: center;
	margin: 20px auto 20px;
	display: block;
	border-radius: 5px;
	box-sizing: border-box;
	max-width: 420px;
}

.card-container-payu {
	width: 100%;
	margin: 0 auto;
	border-radius: 10px;
	padding: 20px;
	background: var(--wtl-panel-color-bg-accent);
	border: 1px solid var(--wtl-panel-color-bg-border);
	text-align: left;
	box-sizing: border-box;
}

.card-container-payu .aside {
	padding-bottom: 5px;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
}

.card-container-payu .aside span {
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 12px;
}

.payu-card-form {
	background-color: var(--wtl-panel-color-bg-white);
	border: 1px solid var(--wtl-panel-color-bg-border);
	padding: 14px 15px 15px 15px;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 50px;
	max-height: 50px;
}

.card-details-payu {
	clear: both;
	overflow: auto;
	margin-top: 10px;
}

.card-details-payu .expiration-payu {
	width: 50%;
	float: left;
	padding-right: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.card-details-payu .cvv-payu {
	width: 50%;
	float: left;
	padding-left: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.button-payu {
	border: none;
	padding: 8px 15px;
	margin: 10px auto;
	cursor: pointer;
}

.cpi-cdhi-btn.active .fa-ico {
	transform: rotateY(0deg) rotate(0deg);
}

.community-popup-bottom > .actions {
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	justify-content: flex-end;
	display: flex;
}

@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.cbv-cf-txt::-webkit-scrollbar {
	display: none;
}

.cbv-cf-txt {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.cs-h40-style {
	height: 40px !important;
	padding: 10px 50px 10px 20px !important;
}

.cs-h40s-style {
	height: 40px !important;
	padding: 10px 40px 10px 10px !important;
	font-size: 14px !important;
	min-height: 40px !important;
	background-position: right 10px center !important;
}

.cs-h40s-style-am {
	height: 40px !important;
	padding: 10px 40px 10px 10px !important;
	font-size: 15px !important;
	min-height: 40px !important;
	background-position: right 10px center !important;
}

.input-checkbox-toggle>.inputct-state[type="checkbox"]:checked~.inputct-toggle {
	background: var(--wtl-color-green);
}

.input-checkbox-toggle>.inputct-state[type="checkbox"]:checked~.inputct-toggle>.inputct-toggle-switch {
	left: 13px;
}

.input-radio-toggle>.inputrt-state[type="radio"]:checked~.inputrt-toggle {
	background: var(--wtl-color-green);
}

.input-radio-toggle>.inputrt-state[type="radio"]:checked~.inputrt-toggle>.inputrt-toggle-switch {
	left: 13px;
}

.input-radio-toggle>.form-check {
	min-height: unset;
	padding-left: unset;
	margin-bottom: unset;
}

.input-radio-toggle>.form-check.active~.inputrt-toggle {
	background: var(--wtl-color-green);
}

.input-radio-toggle>.form-check.active~.inputrt-toggle>.inputrt-toggle-switch {
	left: 13px;
}

.paw-actions .btn-popup.star-rate.fa-star:hover~.btn-popup.star-rate,
.paw-actions .btn-popup.star-rate.fa-star.active~.btn-popup.star-rate {
	color: var(--wtl-color-yellow);
}

.cbw-efs-image-wrap:hover .cbw-efs-image-mask {
	opacity: 1;
}

.cpi-mc-tm-link:hover .cpi-mc-tm-link-text {
	opacity: 1;
}

.checkbox-toggle-wrap>.checkbox-tw-state[type="checkbox"]:checked~.checkbox-tw-toggle {
	background: var(--wtl-color-green);
}

.checkbox-toggle-wrap>.checkbox-tw-state[type="checkbox"]:checked~.checkbox-tw-toggle>.checkbox-tw-toggle-switch {
	left: 13px;
}

.input-checkbox>.inputc-state[type="checkbox"]:checked~.inputc-toggle {
	box-shadow: none;
}

.input-checkbox>.inputc-state[type="checkbox"]:checked~.inputc-toggle>.inputc-toggle-switch {
	opacity: 100;
}

.input-radio>.inputr-state[type="radio"]:checked~.inputr-toggle {
	box-shadow: none;
}

.input-radio>.inputr-state[type="radio"]:checked~.inputr-toggle>.inputr-toggle-switch {
	opacity: 100;
}

.input-wrap>.input-w-label.edit {
	pointer-events: unset;
}

.input-wrap>.input-w-label {
	pointer-events: none;
}

.input-wrap>.input-w-field:focus+.input-w-label,
.input-wrap>.input-w-textarea:focus+.input-w-label {
	padding-top: 5px;
	font-size: 14px;
	opacity: 0.5;
}

.input-wrap>.input-w-field:focus::-webkit-input-placeholder,
.input-wrap>.input-w-textarea:focus::-webkit-input-placeholder,
.input-wrap>.input-w-field:focus:-moz-placeholder,
.input-wrap>.input-w-textarea:focus:-moz-placeholder,
.input-wrap>.input-w-field:focus::-moz-placeholder,
.input-wrap>.input-w-textarea:focus::-moz-placeholder,
.input-wrap>.input-w-field:focus:-ms-input-placeholder,
.input-wrap>.input-w-textarea:focus:-ms-input-placeholder {
	opacity: 0;
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.cm-lmu-message,
.cm-lmu-user-name {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.cpi-cl-biw-link {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.cpi-courses-section:before {
	position: absolute;
	width: 100%;
	height: 1px;
	content: "";
	bottom: 0;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
}

.cpi-courses-section:last-child:before {
	display: none;
}

.cpi-courses-section:last-child {
	padding-bottom: 0;
}

.table> :not(:first-child) {
	border-top: none !important;
}

.edit-panel-btn-wrap:hover {
	width: 170px;
}

.edit-panel-btn-wrap:hover .edit-panel-btn-txt {
	opacity: 1;
}

.odi-ar-action .odi-ara-btn.five:hover,
.odi-ar-action .odi-ara-btn.five:hover~.odi-ara-btn.four,
.odi-ar-action .odi-ara-btn.five:hover~.odi-ara-btn.three,
.odi-ar-action .odi-ara-btn.five:hover~.odi-ara-btn.two,
.odi-ar-action .odi-ara-btn.five:hover~.odi-ara-btn.one,
.odi-ar-action .odi-ara-btn.four:hover,
.odi-ar-action .odi-ara-btn.four:hover~.odi-ara-btn.three,
.odi-ar-action .odi-ara-btn.four:hover~.odi-ara-btn.two,
.odi-ar-action .odi-ara-btn.four:hover~.odi-ara-btn.one,
.odi-ar-action .odi-ara-btn.three:hover,
.odi-ar-action .odi-ara-btn.three:hover~.odi-ara-btn.two,
.odi-ar-action .odi-ara-btn.three:hover~.odi-ara-btn.one,
.odi-ar-action .odi-ara-btn.two:hover,
.odi-ar-action .odi-ara-btn.two:hover~.odi-ara-btn.one,
.odi-ar-action .odi-ara-btn.one:hover {
	font-weight: 600;
}

.odi-ar-action .odi-ara-btn.five.active,
.odi-ar-action .odi-ara-btn.five.active~.odi-ara-btn.four,
.odi-ar-action .odi-ara-btn.five.active~.odi-ara-btn.three,
.odi-ar-action .odi-ara-btn.five.active~.odi-ara-btn.two,
.odi-ar-action .odi-ara-btn.five.active~.odi-ara-btn.one,
.odi-ar-action .odi-ara-btn.four.active,
.odi-ar-action .odi-ara-btn.four.active~.odi-ara-btn.three,
.odi-ar-action .odi-ara-btn.four.active~.odi-ara-btn.two,
.odi-ar-action .odi-ara-btn.four.active~.odi-ara-btn.one,
.odi-ar-action .odi-ara-btn.three.active,
.odi-ar-action .odi-ara-btn.three.active~.odi-ara-btn.two,
.odi-ar-action .odi-ara-btn.three.active~.odi-ara-btn.one,
.odi-ar-action .odi-ara-btn.two.active,
.odi-ar-action .odi-ara-btn.two.active~.odi-ara-btn.one,
.odi-ar-action .odi-ara-btn.one.active {
	font-weight: 600;
}

.embded-opinions-wrap:after {
	content: "";
	display: block;
	clear: both;
}

.embded-opinion-data-item-wrap:before {
	display: block;
	color: white;
}

.blog-post-comments {
	overflow: hidden;
	position: relative;
}

.form-fix .cbv-biw-fw-center {
	margin-right: 0;
}

.form-fix .cbv-input-txt {
	position: static;
	z-index: 1;
	height: 50px;
	margin-bottom: 0;
	padding: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-white);
	opacity: 1;
	transition: all .2s ease;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
}

.form-fix .input-wrap>.cbv-input-txt:focus {
	padding-top: 30px;
	padding-bottom: 10px;
	position: relative;
	z-index: 2;
	border-color: var(--wtl-panel-color-bg-border-active);
	outline: 0;
}

.form-fix .input-wrap>.cbv-input-txt:focus+.input-w-label,
.form-fix .input-wrap>.input-w-textarea:focus+.input-w-label {
	padding-top: 5px;
	font-size: 14px;
	opacity: 0.5;
}

.form-fix .input-wrap>.cbv-biw-fw-center:focus::-webkit-input-placeholder,
.form-fix .input-wrap>.input-w-textarea:focus::-webkit-input-placeholder,
.form-fix .input-wrap>.cbv-biw-fw-center:focus:-moz-placeholder,
.form-fix .input-wrap>.input-w-textarea:focus:-moz-placeholder,
.form-fix .input-wrap>.cbv-biw-fw-center:focus::-moz-placeholder,
.form-fix .input-wrap>.input-w-textarea:focus::-moz-placeholder,
.form-fix .input-wrap>.cbv-biw-fw-center:focus:-ms-input-placeholder,
.form-fix .input-wrap>.input-w-textarea:focus:-ms-input-placeholder {
	opacity: 0;
}

.form-fix-panel .input-wrap,
.form-fix-profile .input-wrap {
	margin-top: 0;
	width: 100%;
}

.form-fix-profile .cbv-biw-fw-right {
	margin-left: 30px;
}

.form-fix-profile .cbv-biw-fw-right.image {
	margin-left: 0;
}

.cbv-add-billing-adress-wrap>form {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.wtl-mr-0 {
	margin-right: 0;
}

.wtl-fix-linkedin .cbv-slw-fw-center {
	margin-right: 0;
}

.notes-input-textarea:focus {
	padding: 20px;
}

.lesson-status-toggle .input-wrap {
	margin-top: 0;
}

.txt-status-wrap {
	grid-row-gap: 15px;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
	flex-direction: column;
	margin-bottom: 5px;
	padding-bottom: 20px;
	display: flex;
}

.txt-status-subscription {
	padding-left: 20px;
	font-size: 15px;
	line-height: 20px;
	position: relative;
}

.txt-status-subscription:before {
	position: absolute;
	top: 6px;
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	content: '';
}

.txt-status-subscription.active:before {
	background: var(--wtl-color-green);
}

.txt-status-subscription.in-progress:before {
	background: var(--wtl-color-yellow);
}

.txt-status-subscription.cancelled:before {
	background: var(--wtl-color-blue);
}

.txt-status-subscription.ended:before {
	background: var(--wtl-color-red);
}

.content-box-value.box-value-subscription {
	grid-row-gap: 15px;
	flex-direction: column;
	padding-bottom: 15px;
	display: flex;
}

.txt_600 {
	font-weight: 600;
}

.table> :not(:first-child) {
	border-top: 1px solid var(--wtl-panel-color-bg-border) !important;
}

.table-status {
	width: unset;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 5px;
	padding-left: 20px;
	position: relative;
}

.table-status:before {
	position: absolute;
	top: 5.5px;
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	content: '';
}

.table-status.active:before {
	background: var(--wtl-color-green);
}

.table-status.in-progress:before {
	background: var(--wtl-color-yellow);
}

.table-status.cancelled:before {
	background: var(--wtl-color-blue);
}

.table-status.ended:before {
	background: var(--wtl-color-red);
}

.btn-account-subscription-cancel {
	padding-left: 20px;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}

.btn-account-subscription-cancel:hover {
	text-decoration: underline;
}

.btn-account-subscription-cancel:before {
	position: absolute;
	top: 1px;
	left: 0;
	width: 10px;
	height: auto;
	content: "\f2ed";
	font-family: 'Font Awesome 6 Pro', sans-serif;
}

.edit-panel-btn-wrap {
	z-index: 10;
}

.content-box-value.notifications {
	padding-top: 0;
	border: none;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.content-box-value.notifications .cbv-section-notification-wrap {
	margin-top: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: none;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
}

.content-box-value.if-no-sort-fix .cbv-section-notification-wrap:first-child {
	padding-top: 20px;
}

.content-box-value.if-no-sort-fix .cbv-section-notification-wrap:last-child
.content-box-value.notifications .cbv-section-notification-wrap:last-child {
	border-bottom: none;
	padding-bottom: 10px;
}

.notification-title {
	padding-top: 10px;
}

.txt-normal.notification-fix {
	display: inline-block;
}

.cccw-edit-comment {
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	padding: 0 10px 10px 0;
	text-align: right;
	margin-top: 10px;
}

.cccw-edit-comment {
	width: 100%;
}

.cccw-edit-comment textarea {
	min-height: auto;
	margin: 0 0 10px 0;
	padding: 10px 15px;
	border: 1px none var(--wtl-panel-color-bg-border);
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	border-radius: 10px;
	background: var(--wtl-panel-color-bg-transparent);
}

.cpi-community-widget {
	background-color: var(--wtl-panel-color-bg-white);
	border-radius: 20px;
	border: 1px solid var(--wtl-panel-color-bg-border);
	padding: 20px;
}

.cpi-community-widget-title-wrap a {
	display: none;
}

.cpi-community-widget-title {
	font-size: 17px;
	font-weight: 600;
	line-height: 20px;
}

.cpi-community-widget-content {
	grid-row-gap: 15px;
	flex-direction: column;
	margin-top: 20px;
	display: flex;
}

.cpi-cwc-post-item-list {
	grid-column-gap: 15px;
	color: var(--wtl-panel-color-font-dark-100);
	text-decoration: none;
	transition: all .2s;
	display: flex;
}

.cpi-cwc-post-item-list:hover {
	color: var(--wtl-panel-color-accent);
}

.cpi-cwc-pil-avatar {
	width: 40px;
	min-width: 40px;
	height: 40px;
	border-radius: 10px;
}

.cpi-cwc-pil-txt-wrap {
	line-height: 20px;
}

.cpi-cwc-pil-txt {
	font-size: 15px;
	font-weight: 500;
}

.cpi-cwc-pil-txt.name {
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 14px;
	font-weight: 500;
}

.cpi-cwc-pil-wrap {
	display:flex;
	flex-direction: column;
	gap: 5px;
}

.cpi-cwc-pil-wrap > a {
	text-decoration:none;
	transition: all .2s;
	line-height: 20px;
}

.cpi-cwc-pil-wrap-title  {
	color: var(--wtl-panel-color-font-dark-100);
	font-weight: 500;
}

.cpi-cwc-pil-wrap > a:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.cpi-cwc-pil-data-wrap {
	width: 40px;
	height: 40px;
	color: var(--wtl-panel-color-font-dark-100);
	text-align: center;
	background-color: var(--wtl-panel-color-bg-accent);
	border-radius: 10px;
	flex-direction: column;
	flex: none;
	justify-content: center;
	align-items: center;
	display: flex;
}

.cpi-cwc-pil-data.day {
	font-weight: 600;
	line-height: 15px;
}

.cpi-cwc-pil-data.month {
	font-size: 10px;
	line-height: 10px;
}

.cpi-lesson-content.no-access .lesson-content-txt {
	padding-bottom: 0;
}

.cpi-courses-details-head .fa-ico {
	transform: rotateY(0deg) rotate(-90deg);
}

.form-fix .input-wrap>.cbv-input-txt:focus::placeholder {
	opacity: 0;
}

.w-dropdown-toggle {
	color: var(--wtl-panel-color-font-dark-100);
}

.notification-info-box {
	width: 100%;
	display: flex;
	padding: 10px 15px;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-accent);
	transition: all .2s ease;
}

.notification-panel-wrap > .notification-panel-box {
	pointer-events: none;
	color: var(--wtl-panel-color-font-white);
	font-weight: 600;
	font-size: 17px;
	display: flex;
	gap: 10px;
}

.notification-panel-wrap > .notification-panel-box.active {
	transform: translateX(-20px);
	opacity: 1;
}

.notification-panel-box.success,
.notification-info-box.success {
	background-color: var(--wtl-color-green);
}

.notification-panel-box.info,
.notification-info-box.info {
	background-color: var(--wtl-color-yellow);
}

.notification-panel-box.error,
.notification-info-box.error {
	background-color: var(--wtl-color-red);
}

.notification-panel-box {
	position: absolute;
	left: auto;
	top: auto;
	right: 0%;
	bottom: 0%;
	display: flex;
	max-width: 400px;
	margin-right: 0;
	margin-bottom: 20px;
	padding: 15px;
	flex-direction: row;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: flex-start;
	border-style: solid;
	border-width: 1px;
	border-color: var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	background-color: var(--wtl-panel-color-bg-accent);
	opacity: 0;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
	background-color: var(--wtl-panel-color-bg-accent);
	opacity: .5;
}

.cbv-biw-fw-right.image {
	cursor: pointer;
}

body {
	word-break: break-word;
}

table thead tr th {
	font-weight: 600;
}

.table> :not(caption)>*>* {
	padding: 10px 10px 10px 0 !important;
}

.post-content-popup-wrap {
	z-index: 902;
	background-color: var(--wtl-panel-color-bg-overlay);
	justify-content: center;
	align-items: center;
	padding: 30px;
	display: none;
	position: fixed;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
}

.post-content-popup-wrap.active {
	display: flex;
}

.post-content-popup {
	width: 100%;
	max-height: 700px;
	max-width: 650px;
	grid-row-gap: 20px;
	background-color: var(--wtl-panel-color-bg-white);
	border-radius: 10px;
	flex-direction: column;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0 20px 20px;
	display: flex;
	-ms-overflow-style: none;
	scrollbar-width: none;
	overflow: hidden;
	height: 100%;
}

.post-content-popup.upload {
	height: 100%;
	max-height: 400px;
	padding: 20px;
	grid-row-gap: 20px;
}

.community-popup-top.upload {
	padding: 0;
}

.post-content-popup.upload.progress-container {
	height: 55px;
}

.uploadProgressBar {
	width: 100%;
}

.post-content-popup::-webkit-scrollbar {
	display: none;
}

.post-content-popup .community-popup-content .post-cover-upload-indicator {
	width: 100%;
	padding-bottom: 40%;
	position: relative;
	overflow: clip;
	border-radius: 10px;
}

.post-content-popup .community-popup-content .post-cover-upload-indicator img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
}

.post-content-popup .community-popup-content .post-cover-upload-indicator button {
	float: right;
	position: relative;
	top: 10px;
	right: -30px;
	margin-right: 10px;
}

.post-content-popup .community-popup-content .post-cover-upload-indicator input {
	float: right;
	position: relative;
	top: 100px;
	right: 0;
	margin-right: -40px;
	transform: rotate(-90deg);
	accent-color: black;
}

.background-image-cover{
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	height: 300px;
	overflow: hidden;
}

.post-content-popup .community-popup-content {
	grid-row-gap: 10px;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	display: flex;
	height: 100%;
	overflow-y: auto;
}

.post-content-popup .community-popup-content.embed-link {
	overflow: auto;
}

.post-content-popup-content {
	grid-row-gap: 10px;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	display: flex;
}

.post-content-popup .community-popup-content.upload,
.post-content-popup-content.upload {
	display: none !important;
	overflow-y: unset;
}

.post-content-popup .community-popup-content.upload.active,
.post-content-popup-content.upload.active {
	display: flex !important;
}

.post-content-popup .community-popup-content.embed-link,
.post-content-popup-content.embed-link {
	display: none !important;
}

.post-content-popup .community-popup-content.embed-link.active,
.post-content-popup-content.embed-link.active {
	display: flex !important;
}

.post-content-popup .community-popup-top > h2 {
	font-weight: 600;
}

.post-content-popup .community-popup-top {
  flex-direction: row;
  justify-content: end;
  align-items: center;
  display: flex;
}

.community-popup-bottom > .actions > .board-select {
	height: 40px;
	grid-column-gap: 10px;
	background-color: transparent;
	border-radius: 10px;
	flex-direction: row;
	flex: 1;
	justify-content: center;
	align-self: center;
	align-items: center;
	font-size: 15px;
	font-weight: 500;
	transition: all .2s;
	display: flex;
	position: relative;
  }

.community-popup-bottom > .actions > .board-select:hover {
	background-color: var(--wtl-panel-color-dark-light-hover);
}

.community-popup-bottom > .actions > .board-select > p {
	flex-direction: row;
	flex: none;
	align-items: center;
	font-weight: 500;
	line-height: 20px;
	display: flex;
	position: absolute;
	left: 15px;
	margin-bottom: 0;
	pointer-events: none;
}

.community-popup-bottom > .actions > .board-select > i {
	width: 30px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
	pointer-events: none;
	color: var(--wtl-panel-color-font-dark-50);
}

.community-popup-bottom > .actions > .board-select select {
	text-align: right;
	background-color: var(--wtl-panel-color-dark-light);
	border: 1px var(--wtl-panel-color-bg-border);
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 150px;
	font-size: 15px;
	appearance: none;
	cursor: pointer;
	color: var(--wtl-panel-color-font-dark-100);
}

.post-content-popup .community-popup-content > .add-cover-btn {
	width: 100%;
	height: 50px;
	min-height: 50px;
	color: var(--wtl-panel-color-font-dark-100);
	cursor: pointer;
	background-color: var(--wtl-panel-color-dark-light);
	border-radius: 10px;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	transition: all .2s;
	display: flex;
}

.post-content-popup .community-popup-content > .add-cover-btn:hover {
	background-color: var(--wtl-panel-color-dark-light-hover);
}

.post-content-popup .community-popup-content > .add-cover-btn:before {
	font-family: 'Font Awesome 6 Pro', sans-serif;
	content: "\f030";
	margin-left: 0;
	margin-right: 10px;
	font-size: 17px;
	font-weight: 300;
	line-height: 20px;
	display: inline-block;
}

.community-post-title-input {
	width: 100%;
	border: 1px var(--wtl-panel-color-bg-border);
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	font-size: 21px;
	font-weight: 700;
	background: var(--wtl-panel-color-bg-white);
	height: 40px;
	max-height: 40px;
}

.community-post-title-input:focus {
	outline: 0;
}

.post-content-popup .community-popup-content > .community-post-editor-wrap {
	width: 100%;
	min-height: 250px;
	padding: 0;
	border: none;
	border-radius: 0;
	margin-top: 10px;
	font-size: 17px;
	line-height: 24px;
}

.post-content-popup .community-popup-content > .community-post-editor-wrap:focus {
	padding: 0;
}

.post-content-popup .community-popup-bottom,
.post-content-popup-bottom {
	grid-row-gap: 10px;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
	display: flex;
}

.post-content-popup .community-popup-bottom > .additional-media > p,
.community-popup-bottom > .additional-media > p {
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 0;
}

.post-content-popup .community-popup-bottom > .additional-media,
.community-popup-bottom > .additional-media {
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	justify-content: space-between;
	position: relative;
	align-items: center;
	padding: 5px 10px 5px 15px;
	display: flex;
}

.post-content-popup .community-popup-bottom > .additional-media > div > a,
.community-popup-bottom > .additional-media > div > a {
	width: 30px;
	height: 30px;
	color: var(--wtl-panel-color-font-dark-50);
	text-align: center;
	border-radius: 5px;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	font-size: 17px;
	font-weight: 300;
	line-height: 30px;
	text-decoration: none;
	transition: all .2s;
	display: inline-block;
	cursor: pointer;
}

.post-content-popup .community-popup-bottom > .additional-media > div > a:hover,
.community-popup-bottom > .additional-media > div > a:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.post-content-popup .community-popup-top.upload > .tab-links > a {
	color: var(--wtl-panel-color-font-dark-50);
	background-color: var(--wtl-panel-color-bg-transparent);
	border-bottom: 2px solid var(--wtl-panel-color-bg-transparent);
	padding: 10px 0;
	font-weight: 500;
	line-height: 20px;
	transition: all .2s;
	display: block;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}

.post-content-popup .community-popup-top.upload > .tab-links > a:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.post-content-popup .community-popup-top.upload > .tab-links > a.active {
	color: var(--wtl-panel-color-font-dark-100);
	border-bottom: 2px solid var(--wtl-panel-color-font-dark-100);
}

.post-content-popup .community-popup-top.upload > .tab-links {
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	flex-direction: row;
	display: flex;
	flex: 1;
}


.post-content-popup .community-popup-content.upload,
.post-content-popup .community-popup-content.embed-link {
	height: 100%;
	width: 100%;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px 20px;
	display: flex;
	background-color: var(--wtl-panel-color-bg-white);
	overflow: auto;
}

.post-content-popup .community-popup-content.upload > h3,
.post-content-popup .community-popup-content.embed-link > h3 {
	color: var(--wtl-panel-color-font-dark-100);
	text-align: center;
	font-size: 19px;
	font-weight: 600;
	flex: unset;
}

.post-content-popup .community-popup-content.upload > p,
.post-content-popup .community-popup-content.embed-link > p {
	color: var(--wtl-panel-color-font-dark-75);
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 0;
	margin-top: -10px;
}

.post-content-popup .community-popup-top > a.close,
.post-content-popup .content-box-title > a.close {
  width: 30px;
  height: 30px;
  color: var(--wtl-panel-color-font-dark-100);
  cursor: pointer;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  font-size: 21px;
  font-weight: 300;
  transition: all .2s;
  display: flex;
  text-decoration: none;
  font-family: 'Font Awesome 6 Pro', sans-serif;
}

.post-content-popup .community-popup-top > a.close:before,
.post-content-popup .content-box-title > a.close:before {
	content: "\f00d";
}

.post-content-popup .community-popup-top > a.close:hover,
.post-content-popup .content-box-title > a.close:hover {
  background-color: var(--wtl-panel-color-bg-accent);
}


.post-content-popup .community-popup-content.upload > i,
.post-content-popup .community-popup-content.embed-link > i {
	color: var(--wtl-panel-color-accent);
	margin-left: 0;
	font-size: 40px;
	font-weight: 300;
	line-height: 40px;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	font-style: normal;
}

.notification-panel-wrap {
	z-index: 10;
}

.recomendations-form-fix .input-wrap {
	margin-top: 0;
	width: 100%;
}

.cbv-aba-wfw-left.fix-payment-form {
	margin-right: 0;
	margin-bottom: 20px;
}

.cpi-cc-top-menu-btn-back-ico {
	padding-right: 10px;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	font-weight: 300;
	line-height: 40px;
	display: inline-block;
}

.cpi-cc-top-menu-btn-back {
	height: 30px;
	color: var(--wtl-panel-color-font-dark-100);
	background-color: var(--wtl-panel-color-bg-transparent);
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	font-size: 15px;
	font-weight: 500;
	line-height: 20px;
	transition: all .2s;
	display: flex;
	text-decoration: none;
}

.cpi-cc-top-menu-btn-back:hover {
	color: var(--wtl-panel-color-accent);
	border-bottom-color: var(--wtl-panel-color-bg-transparent);
}

.cpi-cc-top-menu {
	grid-column-gap: 20px;
	flex: 1;
	display: flex;
}

.cpi-cc-top-menu-btn {
	height: 50px;
	color: var(--wtl-panel-color-font-dark-50);
	background-color: var(--wtl-panel-color-bg-white);
	flex-direction: row;
	flex: none;
	align-items: center;
	margin-bottom: -10px;
	padding: 0 0 10px;
	font-size: 17px;
	font-weight: 500;
	line-height: 40px;
	transition: all .2s;
	display: inline-block;
}

.cpi-cc-top-menu-btn:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.cpi-cc-top-menu-btn.active {
	z-index: 1;
	color: var(--wtl-panel-color-font-dark-100);
	border-bottom: 2px solid var(--wtl-panel-color-font-dark-100);
}

.cpi-cc-top-menu-btn-count {
	height: 18px;
	color: var(--wtl-panel-color-font-dark-50);
	background-color: var(--wtl-panel-color-font-dark-10);
	border-radius: 3px;
	justify-content: center;
	align-items: center;
	margin-left: 10px;
	padding-top: 0;
	padding-left: 5px;
	padding-right: 5px;
	font-family: var(--wtl-panel-font-family);
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	transition: all .2s;
	display: inline-block;
}

.cpi-cc-top-menu::-webkit-scrollbar {
	display: none;
}

.cpi-cc-top-menu {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.cpi-cc-top-menu-btn:hover>.cpi-cc-top-menu-btn-count,
.cpi-cc-top-menu-btn.active>.cpi-cc-top-menu-btn-count {
	background: var(--wtl-panel-color-font-dark-100);
	color: var(--wtl-panel-color-font-white-100);
}

.community-post-info-wrap {
	flex-direction: column;
	flex: 1;
	justify-content: space-between;
	padding-left: 20px;
	padding-right: 20px;
	display: flex;
	z-index: 2;
}

.community-post-info-wrap.post-list {
	grid-column-gap: 15px;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding-left: 0;
	padding-right: 0;
}

.community-post-info-title {
	max-height: 42px;
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	font-weight: 500;
	line-height: 21px;
	text-decoration: none;
	transition: all .2s;
	overflow: hidden;
}

.community-post-info-title:hover {
	color: var(--wtl-panel-color-accent);
}

.community-post-info-title.post-list {
	max-height: 20px;
	line-height: 20px;
}

.community-post-info-la-txt {
	flex: 1;
	font-size: 13px;
	line-height: 20px;
	overflow: hidden;
}

.community-post-info-last-activity-wrap {
	grid-column-gap: 10px;
	color: var(--wtl-panel-color-font-dark-75);
	line-height: 20px;
	display: flex;
}

.community-post-info-la-ico {
	height: 20px;
	color: var(--wtl-panel-color-font-dark-25);
	justify-content: flex-start;
	align-items: center;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	font-size: 15px;
	font-weight: 400;
	display: flex;
}

.community-post-info-la-ico.fa-arrow-turn-down-right {
	flex: none;
}

.community-post-info {
	grid-row-gap: 10px;
	flex-direction: column;
	display: flex;
}

.community-post-info.post-list {
	grid-row-gap: 0;
	flex-direction: column;
	flex: 1;
}

.cpi-community-user-item {
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
	align-items: center;
	padding-bottom: 10px;
	display: flex;
}

.cpi-community-user-item.post-blocks {
	flex-direction: column;
	display: flex;
}

.cpi-community-user-item.post-list {
	grid-column-gap: 20px;
	background-color: var(--wtl-panel-color-bg-transparent);
	border-top: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 0;
	flex-direction: row;
	align-items: center;
	padding: 20px;
	display: flex;
}

.cpi-community-user-item-info-wrap {
	grid-column-gap: 15px;
	flex: 1;
	display: flex;
}

.cpi-community-user-item-action-wrap {
	flex-direction: row;
	display: flex;
}

.community-user-item-avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: block;
	overflow: hidden;
}

.community-user-item-avatar.post-blocks {
	margin-top: -20px;
	position: relative;
	box-shadow: 0 0 0 3px var(--wtl-panel-color-bg-white);
}

.community-user-item-avatar.post-list {
	position: static;
}

.community-user-item-info {
	flex-direction: column;
	flex: 1;
	align-items: stretch;
	display: flex;
}

.community-user-item-info.post-list {
	grid-row-gap: 0;
	flex-direction: column;
	flex: 1;
}

.community-user-item-info-title {
	color: var(--wtl-panel-color-font-dark-100);
	font-size: 15px;
	font-weight: 500;
	line-height: 20px;
	text-decoration: none;
	transition: all .2s;
}

.community-user-item-info-title:hover {
	color: var(--wtl-panel-color-accent);
}

.community-user-item-info-title.post-list {
	max-height: 20px;
	line-height: 20px;
}

.community-user-item-info-txt {
	color: var(--wtl-panel-color-font-dark-50);
	flex: 1;
	padding-top: 4px;
	font-size: 13px;
	line-height: 16px;
	overflow: hidden;
}

.community-user-item-info-title-wrap {
	grid-column-gap: 5px;
	display: flex;
}

.community-user-item-info-title-badge {
	height: 16px;
	color: var(--wtl-panel-color-accent);
	letter-spacing: .5px;
	text-transform: uppercase;
	background-color: var(--wtl-panel-color-bg-accent);
	border-radius: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 10px;
	font-weight: 700;
	line-height: 16px;
}

.element-loader:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
	width: 40px;
	height: 40px;
	content: "";
	-webkit-animation: spin 4s linear infinite;
	-moz-animation: spin 4s linear infinite;
	animation: spin 4s linear infinite;
}

.cpi-community-post {
	background-color: var(--wtl-panel-color-bg-white);
	border-radius: 20px;
	border: 1px solid var(--wtl-panel-color-bg-border);
	overflow: hidden;
	width: 100%;
}

.community-post-cover {
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

.cpi-community-post.post-blocks {
	flex-direction: column;
	display: flex;
}

.cpi-community-post.post-list {
	max-width: none;
	grid-column-gap: 20px;
	background-color: var(--wtl-panel-color-bg-transparent);
	border: none;
	border-radius: 0;
	flex-direction: row;
	flex: 0 auto;
	align-items: center;
	padding: 20px;
	display: flex;
	position: relative;
}

.cpi-community-post.post-list:after {
	position: absolute;
	left: 20px;
	bottom: 0;
	content: '';
	width: calc(100% - 40px);
	height: 1px;
	border-bottom: 1px solid var(--wtl-panel-color-bg-border);
}

.cpi-community-posts.post-list > .cpi-community-post.post-list:last-of-type:after {
	border-bottom: none;
}

.cpi-community-post-info-wrap {
	grid-column-gap: 15px;
	flex: 1;
	display: flex;
}

.cpi-community-post-action-wrap {
	flex-direction: row;
	display: flex;
}

#abonament-display {
	grid-row-gap: 10px;
	flex-direction: column;
	display: flex;
	width: 100%;
}

.table-subscription thead tr th,
.table-subscription tbody tr td {
	white-space: nowrap;}

.cpi-cpl-section {
	z-index: 1;
	background-color: var(--wtl-panel-color-bg-white);
	border-radius: 10px;
	position: relative;
}

.cpi-cpl-section.questions {
	padding: 25px 30px 30px;
}

.cpi-cpl-data {
	display: block;
}

.link-form-field {
	width: 100%;
	display: none !important;
}

.link-form-field.active {
	display: flex !important;
}

.cpi-bpid-desc {
	grid-row-gap: 5px;
	flex-direction: column;
	flex: 1;
	display: flex;
}

#js-required-data {
	display: none;
}

.popup-content-wrap {
	z-index: 100;
	background-color: var(--wtl-panel-color-bg-overlay);
	align-items: center;
	padding: 30px;
	display: block;
	position: fixed;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
	overflow: hidden;
}

.popup-content-wrap.hide {
	display: none;
}

.input-checkbox.popup-form {
	flex-direction: column;
	justify-content: flex-start;
	margin-top: 0;
	padding-top: 0;
	display: flex;
}

.popup-form-wrap {
	margin: 0;
	padding: 0;
}

.popup-form {
	grid-row-gap: 10px;
	flex-direction: column;
	display: flex;
}

.input-txt {
	height: 40px;
	background-color: var(--wtl-panel-color-bg-accent);
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	flex: 1;
	margin-bottom: 0;
}

.input-txt.search {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	flex: 1;
}

.popup-actions {
	justify-content: flex-end;
	padding-top: 20px;
	display: flex;
}

/*  Footer */
/*  ============================= */

.footer-feature .new-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.new-footer {
	min-height: 90px;
	grid-column-gap: 50px;
	background-color: var(--wtl-panel-color-bg-transparent);
	flex-direction: row;
	flex: none;
	justify-content: space-between;
	align-items: center;
	padding: 20px 20px 20px 15px;
	display: flex;
	position: relative;
	width: 100%;
}

.new-footer > .left {
	flex: 1;
	align-items: center;
	padding-left: 15px;
	display: flex;
	grid-column-gap: 15px;
}

.new-footer > .left > p {
	height: 20px;
	color: var(--wtl-panel-color-font-dark-50);
	flex: 0 auto;
	font-family: var(--wtl-panel-font-family);
	font-size: 12px;
	line-height: 20px;
	overflow: hidden;
	margin-bottom: 0;
}

.new-footer > .left > div {
	flex: none;
	align-items: center;
	display: flex;
	grid-column-gap: 15px;
}

.new-footer > .left > div > a {
	color: var(--wtl-panel-color-font-dark-50);
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
	transition: all .2s;
}

.new-footer > .left > div > a:hover {
	color: var(--wtl-panel-color-font-dark-100);
}

.new-footer > .right > .divider {
	width: 1px;
	height: 20px;
	background-color: var(--wtl-panel-color-bg-border);
	flex: none;
	margin-left: 10px;
	margin-right: 10px;
}

.new-footer > .right > a {
	height: 50px;
	border-radius: 10px;
	flex: none;
	justify-content: flex-end;
	align-items: center;
	padding-left: 10px;
	padding-right: 10px;
	transition: all .2s;
	display: flex;
	text-decoration: none;
}

.new-footer > .right > a:hover {
	background-color: var(--wtl-panel-color-bg-accent);
}

.new-footer > .right > a > img {
	width: 85px;
}

.new-footer > .right > a > p {
	color: var(--wtl-panel-color-font-dark-50);
	margin-right: 10px;
	font-size: 12px;
	margin-bottom: 0;
}

.new-footer > .right {
	justify-content: flex-end;
	align-items: center;
	display: flex;
	flex: none;
}

.new-footer > .right > .footer-languages {
	height: 50px;
	cursor: pointer;
	border-radius: 10px;
	flex: none;
	justify-content: flex-end;
	align-items: center;
	padding-left: 10px;
	padding-right: 10px;
	transition: all .2s;
	display: flex;
	position: relative;
}

.new-footer > .right > .footer-languages:hover {
	background-color: var(--wtl-panel-color-bg-accent);
}

.new-footer > .right > .footer-languages > img {
	width: 30px;
	height: 30px;
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 15px;
}

.new-footer > .right > .footer-languages > p {
	color: var(--wtl-panel-color-font-dark-100);
	margin-right: 20px;
	font-size: 15px;
	font-weight: 500;
	line-height: 30px;
	margin-bottom: 0;
	font-family: var(--wtl-panel-font-family);
}

.new-footer > .right > .footer-languages > .footer-languages-select {
	width: 180px;
	height: auto;
	cursor: default;
	background-color: var(--wtl-panel-color-bg-white);
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	padding: 10px;
	display: none;
	position: absolute;
	top: auto;
	bottom: 60px;
	left: auto;
	right: -10px;
	z-index: 9;
}

.new-footer > .right > .footer-languages > .footer-languages-select.active {
	display: block;
}

.new-footer > .right > .footer-languages > .footer-languages-select > a {
	border-radius: 10px;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	text-decoration: none;
	display: flex;
	color: var(--wtl-panel-color-font-dark-100);
}

.new-footer > .right > .footer-languages > .footer-languages-select > a:hover {
	background-color: var(--wtl-panel-color-bg-accent);
}

.new-footer > .right > .footer-languages > .footer-languages-select > a > img {
	height: 30px;
	border-radius: 50%;
	width: 30px;
}

#contact_form_submit {
	margin-top: 10px;

}

@media screen and (max-width: 991px) {
  .new-footer {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
  }

  .new-footer > .left > div > a:hover {
    text-decoration: underline;
  }

  .new-footer > .right > a {
    padding-left: 10px;
    padding-right: 10px;
  }

  .new-footer > .left {
    flex: 0 auto;
    padding-left: 10px;
  }

  .new-footer > .left > div {
    align-items: center;
    display: flex;
  }

  .new-footer > .right > .footer-languages > p {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .new-footer {
    grid-row-gap: 0;
    flex-direction: column;
    padding-left: 10px;
	grid-row-gap: 5px;
  }

  .new-footer > .left > p {
    height: auto;
    text-align: center;
  }

  .new-footer > .left {
    grid-column-gap: 14px;
    grid-row-gap: 0;
    flex-direction: column;
  }

  .new-footer > .right {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .new-footer {
    align-items: stretch;
  }

  .new-footer > .left {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    line-height: 28px;
  }

  .new-footer > .right {
    justify-content: center;
  }
}


@media screen and (min-width: 1280px) {
	label {
		font-size: 15px;
		font-weight: 400;
	}

	.content-page {
		max-width: none;
		margin-right: 0;
		margin-left: 0;
		text-align: left;
	}

	.content-page-left {
		overflow: visible;
		-o-object-fit: fill;
		object-fit: fill;
	}

	.content-box-title {
		display: flex;
	}

	.cbt-ico {
		cursor: pointer;
	}

	.content-box-wrapper {
		display: flex;
	}

	.cbv-sf-left {
		display: flex;
	}

	.cpi-courses-section.no-data {
		padding-top: 100px;
	}

	.content-page-note {
		padding-right: 15px;
		padding-left: 15px;
	}

	.content-page-certificate {
		padding-right: 15px;
		padding-left: 15px;
	}

	.community-comments.hide {
		display: none;
	}

	.input-w-field {
		border-radius: 10px;
	}

	.cbw-title {
		display: flex;
	}

	.content-page-center {
		padding-right: 15px;
		padding-left: 15px;
	}

	.cbw-lp-form {
		flex-direction: column;
		align-items: center;
	}

	.content-page-blog {
		padding-right: 15px;
		padding-left: 15px;
	}

	.select-field {
		border-style: solid;
		border-width: 1px;
		border-radius: 10px;
	}

	.content-page-full {
		padding-right: 15px;
		padding-left: 15px;
	}

	.input-w-file {
		border-radius: 10px;
	}

	.embed-odi-top {
		grid-column-gap: 20px;
		flex-direction: row;
		display: flex;
	}

	.embed-odi-user-data {
		max-width: 100%;
		flex-direction: row;
	}

	.embed-odi-rating {
		display: flex;
		margin-top: 0;
		flex-direction: column;
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end;
	}

	.odi-rating-txt {
		margin-right: 0;
		font-size: 42px;
		line-height: 40px;
		text-align: right;
	}

	.odi-rating-gfx {
		margin-top: 0;
	}

	.odi-text {
		margin-top: 5px;
	}

	.e-odiud-right {
		margin-top: 0;
	}

	.lesson-content-item-links {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

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

	h1 {
		font-size: 21px;
		line-height: 28px;
	}

	h2 {
		font-size: 17px;
	}

	h3 {
		font-size: 15px;
		font-weight: 700;
	}

	a {
		background-color: transparent;
		color: var(--wtl-panel-color-accent);
	}

	.cpi-blog-header {
		padding: 0 10px;
	}

    .cpi-community-notification {
        margin-left: 10px;
        margin-right: 10px;
    }

	.content-blog {
		grid-template-columns: 1fr 1fr;
	}

	.popup-actions {
		padding-top: 10px;
	}

	.popup-heading {
		padding-bottom: 20px;
	}

	.popup-content {
		padding: 20px;
	}

	#abonament-display-abonaments-list {
		grid-row-gap: 10px;
	}

	.cpi-cpl-section.questions {
		padding: 15px 20px 20px;
	}

	.community-info-box.training-list {
		margin-left: 10px;
		margin-right: 10px;
	}

	.cpi-cc-top-menu {
		align-self: stretch;
	}

	.cpi-cc-top-menu.post-page {
		border-bottom-style: none;
	}

	.cbv-aba-wfw-left.fix-payment-form {
		margin-bottom: 10px;
	}

	.btn-standard.light.small.community-upcoming-events-btn {
		display: flex;
	}

	.cpi-community-widget-title-wrap {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		display: flex;
	}

	.cpi-community-widget-title-wrap a {
		display: flex;
	}

	.cpi-community-widget {
		flex: 1;
	}

	.cpi-community-widget.upcoming-events {
		flex-direction: column;
		justify-content: space-between;
		align-items: stretch;
		display: flex;
	}

	.cpi-community-widget-content {
		display: none;
	}

	.cpi-community-widget-content.active {
		display: flex;
	}

	.form-fix-profile .cbv-biw-fw-right {
		margin-left: 0;
	}

	.cs-h40s-style-am {
		font-size: 15px !important;
	}

	.cpi-cc-content.main-space {
		grid-row-gap: 20px;
		flex-direction: column-reverse;
	}

	.cpi-cc-content-left.with-sidebar {
		width: 100%;
	}

	.cpi-cc-content-right {
		width: 100%;
		grid-row-gap: 10px;
		flex-direction: column;
		display: flex;
	}

	.cpi-community-widget {
		padding: 10px 20px;
	}

	.cpi-cc-top-additional.main-board {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.cpi-cc-top-additional.hide {
		display: none;
	}

	.fa-ico-new.fa-xmark.popup-close-btn {
		top: 20px;
		right: 20px;
	}

	.cpi-cc-top-btn-wrap {
		margin-left: -10px;
	}

	.cpi-cc-top-action {
		flex-direction: row;
		justify-content: space-between;
		align-self: stretch;
	}

	.cpi-cc-top-heading {
		min-height: auto;
		align-self: stretch;
	}

	.cpi-cc-top-head {
		grid-row-gap: 10px;
		flex-direction: column;
	}

	.cpi-cc-top-head.post-page {
		flex-direction: row;
	}

	.content-page {
		padding-bottom: 50px;
	}

	.content-page.error-page {
		padding-top: 50px;
	}

	.content-page-left {
		position: static;
		width: 35%;
	}

	.content-page-left.notes {
		width: 100%;
	}

	.content-page-left.certificates {
		width: 100%;
	}

	.content-page-in.profile-completion {
		padding-top: 30px;
	}

	.content-page-in.contact {
		padding-right: 20px;
		padding-left: 20px;
	}

	.footer-panel {
		width: 100%;
		max-width: 100vh;
		flex-direction: row;
		justify-content: space-between;
		overflow: hidden;
	}

	.content-page-right {
		width: 66.667%;
		grid-row-gap: 20px;
	}

	.content-page-right.notes {
		display: none;
	}

	.content-page-right.faq {
		display: flex;
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}

	.content-page-right.opinion-link {
		padding-left: 0;
		padding-right: 0;
	}

	.content-page-right.faq-contact {
		display: flex;
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}

	.content-page-right.opinions {
		padding-top: 30px;
	}

	.nav-page-right {
		grid-column-gap: 15px;
	}

	.btn-nav-content {
		height: 40px;
		padding-right: 10px;
		padding-left: 10px;
		font-size: 15px;
	}

	.btn-nav-content-ico {
		width: 20px;
		justify-content: center;
	}

	.content-box-wht {
		padding: 10px;
	}

	.content-box-wht.kb-top-margin {
		margin-top: 20px;
	}

	.content-box-wht.cbw-left {
		margin-right: 0;
	}

	.content-box-wht.cwb-right {
		margin-top: 20px;
		margin-left: 0;
	}

	.content-box-wht.blog-post {
		padding: 20px;
	}

	.content-box-wht.user-rank-info {
		padding: 15px 20px 20px;
	}

	.content-box-wht.rank-tasks {
		margin-top: 20px;
		padding: 15px 20px 20px;
	}

	.content-box-wht.faq {
		padding: 20px;
	}

	.content-box-wht.faq-contact-box {
		padding: 20px;
	}

	.content-box-wht.faq-contact-box.first {
		margin-bottom: 0;
	}

	.content-box-wht.faq-contact-box.fast-contact {
		padding-bottom: 0;
	}

	.content-box-wht.faq-form {
		padding: 20px;
	}

	.content-box-wht.information-page {
		padding: 20px;
	}

	.content-box-wht.task-list {
		padding: 15px 20px 20px;
	}

	.content-box-title {
		padding-right: 10px;
		padding-left: 10px;
	}

	.content-box-value {
		overflow: hidden;
		margin-top: 0;
		margin-right: 10px;
		margin-left: 10px;
		padding-top: 20px;
	}

	.content-box-value.blank {
		margin-bottom: 10px;
	}

	.txt-small._50 {
		float: left;
	}

	.cbv-section-account-wrap {
		margin-bottom: 20px;
		padding-bottom: 20px;
		flex-direction: column;
	}

	.cbv-section-account-wrap.last {
		padding-bottom: 10px;
	}

	.cbv-saw-left {
		padding-right: 0;
		padding-left: 0;
	}

	.cbv-saw-right {
		width: 100%;
		padding-top: 20px;
		padding-right: 0;
		padding-left: 0;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		align-items: stretch;
	}

	.cbv-snwr-left {
		padding-top: 0;
		align-items: stretch;
	}

	.cbv-snw-left {
		padding-right: 20px;
		padding-left: 0;
	}

	.notification-status.unread {
		display: block;
		float: right;
		clear: none;
	}

	.cbv-afiliate-program-wrap {
		margin-bottom: 10px;
		padding-bottom: 0;
	}

	.cbv-afiliate-program-wrap.last {
		padding-bottom: 10px;
	}

	.cbv-copy-field._w-50 {
		width: 100%;
	}

	.content-box-wrapper {
		flex-direction: column;
	}

	.cbv-program-conditions.last {
		padding-bottom: 10px;
	}

	.txt-normal.tl-form-label-1 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	.txt-normal.tl-form-label-2 {
		width: 110px;
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto;
	}

	.txt-normal.pc-label-txt {
		padding-bottom: 10px;
	}

	.cbv-rf-in-left {
		display: flex;
	}

	.cbv-rf-in-right {
		margin-top: 10px;
		margin-left: 0;
	}

	.cbv-rf-in-wrap {
		display: block;
		flex-direction: column;
	}

	.cbv-rf-in-wrap.top-20 {
		margin-top: 10px;
		align-items: flex-start;
	}

	.cbv-show-amount {
		margin-bottom: 10px;
	}

	.cbv-show-amount.pp-links {
		margin-bottom: 0;
	}

	.cbv-sa-label {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	.full-lesson-tab {
		display: flex;
	}

	.cbv-table-nav.recommendations {
		padding-bottom: 10px;
	}

	.cbv-pw-fw-left {
		width: 100%;
		max-width: none;
		padding-right: 180px;
		padding-bottom: 10px;
		flex-direction: column;
		align-items: stretch;
	}

	.cbv-pw-fw-center {
		display: flex;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		flex-direction: column;
	}

	.cbv-pw-fw-right {
		padding-top: 10px;
	}

	.cbv-pw-fw-right.money-amount {
		width: 100%;
		padding-left: 0;
	}

	.cbv-pw-form-wrap {
		position: relative;
		padding-bottom: 20px;
		flex-direction: column;
		align-items: flex-start;
		border-bottom: 1px solid var(--wtl-panel-color-bg-border);
	}

	.cbv-pw-form-wrap.last {
		padding-top: 0;
		padding-bottom: 0;
		flex-direction: row;
		border-top-style: none;
		border-bottom-style: none;
	}

	.txt-toggle {
		padding-right: 10px;
		font-size: 14px;
	}

	.txt-toggle.notifications-settings {
		display: block;
		float: left;
		line-height: 20px;
	}

	.cbv-sort-form {
		flex-direction: row;
		align-items: center;
		grid-column-gap: 30px;
	}

	.cbv-sf-right {
		margin-left: 0;
	}

	.cbv-sf-left {
		margin-right: 0;
	}

	.cbv-sf {
		margin-right: 0;
	  }

	.cbv-sf-label {
		width: 100px;
	}

	.cbv-sort-wrap.notifications .cbv-sf-label {
		width: unset;
	}

	.cbv-input-select {
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto;
	}

	.btn-standard.cm-lb-btn {
		height: 30px;
		padding-right: 10px;
		padding-left: 10px;
	}

	.btn-standard.cm-lb-btn.write-mass-message {
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto;
	}

	.cbn-btn {
		padding-right: 20px;
		padding-left: 20px;
	}

	.cbv-edit-profile-info {
		flex-direction: column;
	}

	.cbv-epi-right {
		display: flex;
		padding-top: 20px;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.cbv-basic-info-wrap {
		margin-bottom: 10px;
	}

	.cbv-biw-form-wrap {
		position: relative;
		margin-bottom: 20px;
		flex-direction: column;
		align-items: stretch;
		border-bottom: 1px solid var(--wtl-panel-color-bg-border);
	}

	.cbv-biw-form-wrap.image {
		margin-bottom: 0;
		padding-bottom: 0;
		align-items: stretch;
		border-bottom: 0 none transparent;
	}

	.cbv-biw-form-wrap.last {
		margin-top: 20px;
		margin-bottom: 10px;
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end;
		border-bottom-style: none;
	}

	.cbv-biw-fw-left {
		width: 100%;
		padding-bottom: 10px;
	}

	.cbv-biw-fw-center {
		margin-right: 0;
	}

	.cbv-biw-fw-right {
		position: static;
		left: auto;
		top: 0%;
		right: 0%;
		bottom: auto;
		padding-top: 10px;
	}

	.cbv-biw-fw-right.image {
		margin-top: 10px;
		padding-top: 0;
	}

	.popup-build-content {
		max-width: 450px;
		flex: 0 auto;
	}

	.popup-build-content.form {
		max-width: none;
	}

	.cbv-social-links-wrap {
		margin-bottom: 10px;
	}

	.cbv-slw-form-wrap {
		flex-direction: column;
	}

	.cbv-slw-form-wrap.last {
		margin-bottom: 10px;
		padding-top: 0;
		border-top-style: none;
		border-bottom-style: none;
	}

	.cbv-slw-fw-left {
		width: 100%;
		padding-bottom: 10px;
	}

	.cbv-slw-fw-center {
		margin-right: 0;
	}

	.cbv-slw-fw-right {
		position: static;
		left: auto;
		top: 0%;
		right: 0%;
		bottom: auto;
		padding-top: 10px;
	}

	.cbv-profile-permissions-wrap.last {
		margin-bottom: 10px;
	}

	.cbv-aba-wf-wrap {
		position: relative;
		margin-bottom: 0;
		padding-bottom: 0;
		flex-direction: column;
		align-items: stretch;
	}

	.cbv-aba-wf-wrap.last {
		margin-top: 0;
		margin-bottom: 10px;
		flex-direction: row;
		border-bottom-style: none;
	}

	.cbv-aba-wfw-left {
		height: 40px;
		margin-right: 0;
		margin-bottom: 10px;
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto;
	}

	.cbv-aba-wfw-right {
		height: 40px;
		margin-right: 0;
		margin-bottom: 10px;
		margin-left: 0;
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto;
	}

	.cbv-aba-wfw-stretch {
		width: 100%;
		padding-bottom: 10px;
	}

	.cbv-billing-adress-wrap.last {
		margin-bottom: 10px;
	}

	.cbv-transaction-list-form {
		display: block;
		margin-bottom: 10px;
	}

	.cbv-tl-fw-wrap {
		flex-direction: column;
		align-items: stretch;
	}

	.cbv-tl-fw-wrap.last {
		margin-top: 10px;
		align-items: stretch;
	}

	.cbv-tl-fww-left {
		margin-right: 0;
	}

	.cbv-tl-fww-right {
		width: 100%;
		margin-top: 10px;
		margin-left: 0;
	}

	.cbv-tl-fwwl-wrap {
		width: 100%;
	}

	.cbv-notifications-wrap {
		display: block;
		margin-bottom: 20px;
		padding-bottom: 10px;
		border-bottom: 1px solid var(--wtl-panel-color-bg-border);
	}

	.cbv-notifications-wrap.first {
		display: none;
	}

	.cbv-notifications-wrap.nth2 {
		display: none;
	}

	.cbv-notifications-wrap.last {
		display: flex;
		margin-bottom: 10px;
		padding-top: 0;
		padding-bottom: 0;
		border-top-style: none;
		border-top-width: 0;
		border-bottom-style: none;
		border-bottom-width: 0;
	}

	.cbv-nw-left {
		display: block;
		width: 100%;
		padding-bottom: 10px;
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto;
	}

	.cbv-nw-right {
		display: inline-block;
		width: auto;
		padding-right: 30px;
	}

	.cbv-nw-right.toggle {
		width: auto;
		margin-bottom: 10px;
		padding-bottom: 0;
	}

	.cbv-nw-right.input {
		display: flex;
		width: auto;
		margin-bottom: 10px;
		margin-left: 0;
		padding-right: 0;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.txt-input {
		padding-right: 10px;
		font-size: 14px;
	}

	.txt-input.notifications-settings {
		display: block;
		width: 80px;
		align-self: center;
	}

	.cpi-cs-btn-list {
		text-decoration: none;
	}

	.cbv-pc-wf-wrap {
		position: relative;
		margin-bottom: 0;
		padding-bottom: 20px;
		flex-direction: column;
		align-items: stretch;
	}

	.cpi-notes-wrap-old {
		padding: 20px;
	}

	.content-page-note {
		padding-right: 10px;
		padding-left: 10px;
	}

	.content-page-certificate {
		width: 100%;
		padding-right: 10px;
		padding-left: 10px;
	}

	.cpi-lesson-content {
		padding-bottom: 50px;
	}

	.cpi-lesson-title {
		padding-right: 10px;
		padding-bottom: 20px;
		padding-left: 10px;
	}

	.lesson-content-item {
		padding-top: 0;
	}

	.cpi-mctdd-wrap-left {
		width: 100%;
	}

	.cpi-mctdd-wrap-right {
		display: none;
	}

	.community-comments.module-tab {
		padding-top: 20px;
		padding-right: 20px;
		padding-left: 20px;
	}

	.cpi-community-center {
		width: 100%;
		grid-row-gap: 20px;
	}

	.cpi-community-right {
		display: none;
		width: 35%;
		margin-right: 10px;
		margin-left: 10px;
		padding-right: 0;
		padding-left: 0;
	}

	.cpi-cc-top-left {
		padding: 10px 20px;
	}

	.cpi-cc-top-right {
		padding-right: 20px;
		padding-left: 20px;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.cpi-cc-top-right.main-board {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.cpi-cc-top-btn {
		height: 30px;
		padding-right: 10px;
		padding-left: 10px;
		border-radius: 5px;
	}

	.community-post {
		padding-right: 20px;
		padding-left: 20px;
	}

	.cpi-community-boards {
		grid-column-gap: 20px;
		grid-row-gap: 20px;
		grid-template-columns: 1fr 1fr;
		padding-left: 10px;
		padding-right: 10px;
	}

	.cpi-cb-board-in {
		margin-left: 10px;
		margin-right: 10px;
	}

	.cpi-community-users {
		padding-top: 0;
		padding-right: 0;
		padding-left: 0;
	}

	.cpi-cu-user {
		width: 50%;
	}

	.cpi-cu-user-in {
		margin-right: 10px;
		margin-left: 10px;
	}

	.cpi-community-posts.post-blocks {
		grid-column-gap: 20px;
		grid-row-gap: 20px;
		grid-template-columns: 1fr 1fr;
	}

	.cpi-cc-top-btn-back {
		margin-left: 10px;
		padding-right: 20px;
		padding-left: 20px;
	}

	.cpi-ccr-info {
		flex-direction: column;
	}

	.content-page-right.opinions-offsite {
		padding-top: 50px;
	}

	.community-messenger {
		overflow: hidden;
		margin-right: 0;
		margin-left: 0;
	}

	.cm-left {
		width: 40%;
	}

	.cm-rmi-message {
		margin-right: 40px;
	}

	.bsp-title {
		line-height: 35px;
	}

	.button {
		padding-right: 30px;
		padding-left: 30px;
	}

	.cpi-cpl-title {
		margin-left: -20px;
		padding-left: 15px;
		font-size: 21px;
		line-height: 35px;
	}

	.cpi-cpl-qdi-toggle-text {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.cpi-csp-subheading {
		font-size: 15px;
	}

	.cpir-csp-contact {
		margin-top: 10px;
	}

	.embed-opinion-btn-wrap.opinions-link {
		padding-top: 10px;
	}

	.input-radio {
		width: 100%;
	}

	.input-radio.payments-method {
		margin-top: 0;
	}

	.inputr-label {
		margin-right: 10px;
		margin-left: 10px;
	}

	.inputr-toggle {
		left: 30px;
	}

	.sign-in-form {
		padding-right: 5px;
		padding-left: 5px;
	}

	.cbw-title {
		padding-right: 10px;
		padding-left: 10px;
	}

	.cbw-title.exam-result {
		padding-bottom: 20px;
	}

	.cbw-section.exam-result.action {
		margin-top: 20px;
	}

	.input-checkbox-toggle.notification {
		display: flex;
	}

	.popup-alert-content {
		padding: 20px;
	}

	.btn-popup {
		font-size: 15px;
	}

	.content-page-center {
		width: 66.667%;
		padding-right: 10px;
		padding-left: 10px;
	}

	.content-page-section.webinar.first-section {
		flex-direction: column;
		align-items: stretch;
	}

	.content-page-section.webinar.second-section {
		flex-direction: column;
	}

	.content-page-section.newsletter {
		padding-top: 30px;
		flex-direction: column;
	}

	.popup-build.form {
		flex: 0 auto;
	}

	.cpi-about-page {
		padding-right: 10px;
		padding-left: 10px;
	}

	.cpi-cp-item-wrap {
		padding-right: 10px;
		padding-bottom: 20px;
		padding-left: 10px;
	}

	.cpi-cpid-text {
		max-height: 84px;
		min-height: 84px;
		margin-bottom: 15px;
		font-size: 15px;
		line-height: 20px;
	}

	.cpi-cpi-data {
		padding: 15px 20px 20px;
	}

	.cpi-cpid-user {
		padding-top: 15px;
	}

	.cpi-cpidu-avatar {
		top: 15px;
	}

	.cpi-cpi-badge {
		height: 24px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 12px;
		line-height: 24px;
		top: 20px;
		left: 20px;
	}

	.content-box-value.notifications {
		margin-top: 5px;
	}

	.content-page-blog {
		padding-left: 10px;
		padding-right: 10px;
	}

	.content-page-blog.notes {
		display: none;
	}

	.cbw-bp-title {
		font-size: 21px;
		line-height: 28px;
	}

	.cbw-bp-user {
		margin-top: 10px;
	}

	.cbw-rt-section.top {
		padding-bottom: 5px;
	}

	.cbw-rt-section.task {
		flex-direction: column;
	}

	.cbw-rt-right {
		padding-top: 10px;
		padding-left: 60px;
	}

	.cbw-rt-right.top {
		display: none;
	}

	.cbw-rtr-progress {
		text-align: left;
	}

	.cbw-rtr-points {
		text-align: left;
	}

	.cbw-rttr-level {
		text-align: left;
	}

	.cbw-rtr-text {
		font-weight: 400;
	}

	.cbw-rtr-text.title {
		padding-bottom: 5px;
	}

	.cbw-rtr-text.title.task {
		display: block;
	}

	.ncw-exam-info-wrap.right {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--wtl-panel-color-bg-border);
	}

	.cbw-rtl-task-info {
		padding-right: 0;
	}

	.cbw-bpc-title {
		margin-right: 10px;
		margin-left: 10px;
		padding-bottom: 10px;
	}

	.cbw-bpc-comment-wrap {
		margin-right: 10px;
		margin-left: 10px;
	}

	.popup-build-wrap {
		padding-right: 30px;
		padding-left: 30px;
	}

	.popup-build {
		flex: 1;
	}

	.popup-build-right {
		max-width: 450px;
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto;
	}

	.pb-product-wrap {
		align-items: flex-start;
	}

	.popup-build-left-image {
		align-self: stretch;
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto;
	}

	.cpi-bpid-user {
		padding-top: 15px;
	}

	.cpi-module-type-full {
		height: 60px;
		padding-right: 30px;
		padding-bottom: 0;
		padding-left: 30px;
	}

	.cpi-cpl-qd-divider {
		margin-right: 20px;
		margin-left: 20px;
	}

	.cpi-cpl-qd-item-top {
		min-height: 40px;
	}

	.cpi-cpl-qd-item-top.active {
		padding-right: 10px;
		padding-left: 10px;
	}

	.cpi-cpl-qd-item-toggle.active {
		padding-right: 10px;
		padding-left: 40px;
	}

	.cpi-cpl-qdi-title {
		font-size: 14px;
	}

	.content-page-full {
		width: 66.667%;
		padding-right: 10px;
		padding-left: 10px;
	}

	.content-page-full.error-page {
		width: 100%;
	}

	.cbv-rf-in-left-in {
		display: inline-block;
		margin-right: 20px;
	}

	.cbv-rf-in-left-in.last {
		margin-right: 0;
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto;
	}

	.cpi-courses-details-head {
		height: 60px;
	}

	.cpi-cdh-in.left {
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto;
	}

	.cpi-cdh-in.right {
		max-width: 390px;
	}

	.cpi-cdhi-btn {
		font-size: 15px;
	}

	.cpi-cdhi-progress-bar-value {
		height: 6px;
	}

	.cpi-cdhi-progress-bar-value-in {
		border-radius: 3px;
	}

	.cpi-cdhi-pbd-txt {
		font-size: 13px;
	}

	.input-radio-toggle.notification {
		display: flex;
	}

	.inputrt-label {
		font-size: 17px;
	}

	.cm-left-inbox-bottom {
		flex-direction: column;
		grid-row-gap: 10px;
	}

	.community-messenger-wrap {
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 0;
	}

	.cm-left-trash-bottom {
		display: none;
		flex-direction: column;
		grid-row-gap: 10px;
	}

	.cm-left-mass-message-bottom {
		display: none;
		flex-direction: column;
		grid-row-gap: 10px;
	}

	.table-action {
		grid-column-gap: 30px;
	}

	.table-action-in {
		margin-right: 0;
	}

	.table-action-in.right {
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto;
	}

	.link-block-10 {
		margin-left: 0;
	}

	.table-cell._2 {
		justify-content: center;
	}

	.table-cell._2.small {
		padding-right: 12px;
	}

	.table-cell._2.action {
		justify-content: center;
	}

	.scroll-table-content {
		overflow: scroll;
	}

	.table-heading {
		display: flex;
	}

	.table-heading.last {
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.table-action-amount.pp-links {
		margin-bottom: 0;
	}

	.odi-user-data {
		margin-bottom: 15px;
	}

	.footer-spw-col {
		width: 50%;
	}

	.cbv-ppw-form {
		flex-direction: column;
		grid-row-gap: 10px;
	}

	.btn-back {
		padding-right: 20px;
		padding-left: 20px;
	}
}

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

	.content-contact {
		flex-direction: column;
		padding: 0 20px;
	}

	.cpi-left.contact-sale-page {
		width: 100%;
	}

	.cpi-right.contact-page {
		width: 100%;
	}

	.content-box-wht.abonament-box {
		gap: 30px;
	}

	.cbw-abonament-top {
		flex-direction: column;
	}

	.cbw-abonament-top-in.right {
		align-items: flex-start;
	}

	.cbw-abonament-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	.cbw-abonament-actions-in {
		justify-content: center;
		align-items: stretch;
	}

	.cbw-abonament-actions-in button,
	.cbw-abonament-actions-in form {
		flex: 1;
		display:flex;
	}

	h2 {
		font-size: 17px;
		line-height: 21px;
	}

	.lesson-content-item.media .video-apla > p {
		font-size: 19px;
	}

	#createSpaceForm .post-content-popup .community-popup-content .wtl-input-group,
	.createBoardForm .post-content-popup .community-popup-content .wtl-input-group {
		flex-direction: column;
		width: 100%;
		align-items: flex-start;
		gap: 5px;
	}

	#createSpaceForm .post-content-popup .community-popup-content,
	.createBoardForm .post-content-popup .community-popup-content {
		justify-content: flex-start;
	}

	.cpi-community-left {
		position: fixed;
		width: 100%;
		z-index: 99;
		display: none;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

	.cpi-community-left.active {
		display: flex;
	}

	.cpi-lm-in.full {
		margin-top: 20px;
		margin-left: 20px;
		margin-right: 20px;
	}

	.cpi-lesson-access {
		grid-row-gap: 20px;
	}

	.community-popup-bottom > .actions > .board-select {
		align-self: stretch;
	}

	.community-popup-bottom > .actions {
	  grid-row-gap: 10px;
	}

	.cpi-bpi-data {
		grid-row-gap: 15px;
	}

	.content-blog {
		grid-template-columns: 1fr;
	}

	.popup-content-wrap {
		padding: 20px;
	}

	.cpi-community-post.post-list {
		flex-direction: column;
		align-items: stretch;
		padding-bottom: 10px;
	}

	.cpi-community-post-action-wrap {
		justify-content: space-between;
		padding-top: 10px;
	}

	.community-user-item-info-txt {
		max-height: none;
	}

	.cpi-community-user-item {
		flex-direction: column;
		align-items: stretch;
	}

	.cpi-community-user-item.post-list {
		flex-direction: column;
		align-items: stretch;
		padding-bottom: 10px;
	}

	.cpi-community-user-item-action-wrap {
		flex-direction: column;
		justify-content: space-between;
		padding-top: 10px;
	}

	.post-content-popup-wrap {
		padding: 20px;
	}

	.post-content-popup .community-popup-content.upload,
	.post-content-popup .community-popup-content.embed-link {
		min-height: 250px;
	}

	.community-post-action.post-list {
		margin-left: -10px;
	}

	.wtl-menu-dropdown.post-list {
		margin-right: -10px;
	}

	.cpi-cc-top-head {
		align-items: flex-start;
	}

	.nav-page {
		display: flex;
		height: auto;
		align-items: center;
	}

	.nav-page.login-page {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.content-page {
		align-items: flex-start;
		padding-bottom: 50px;
		display: block;
	}

	.content-page.exam {
		padding-top: 20px;
	}

	.content-page-in.opinion-link {
		padding-left: 10px;
		padding-right: 10px;
	}

	.content-page-in {
		flex-direction: column;
		flex: 1;
		align-items: stretch;
	}

	.content-lesson > .no-access {
		padding-left: 20px;
		padding-right: 20px;
	}

	.content-page-in.profile-completion {
		padding-top: 20px;
	}

	.content-page-in.contact {
		padding-top: 20px;
		padding-right: 20px;
		padding-left: 20px;
	}

	.content-page-in.login-page {
		padding-right: 20px;
		padding-left: 20px;
	}

	.content-page.blog-page {
		padding-top: 20px;
	}

	.content-page-in.opinions {
		padding-right: 20px;
		padding-left: 20px;
	}

	.footer-panel {
		grid-row-gap: 10px;
		flex-direction: column;
		padding-left: 10px;
	}

	.content-page-right {
		width: 100%;
	}

	.content-page-right.notes.active {
		padding-top: 20px;
	}

	.content-page-right.messages {
		padding-top: 0;
	}

	.content-page-right.faq {
		flex-direction: column;
	}

	.content-page-right.faq-contact {
		flex-direction: column;
	}

	.btn-nav-page {
		width: 40px;
		height: 40px;
		margin-bottom: 0;
		font-size: 17px;
	}

	.lesson-content-item-links .btn-standard {
		height: 40px;
	}

	.nav-page-left {
		height: auto;
		flex: 0 auto;
	}

	.nav-page-right {
		display: none;
	}

	.nav-page-right.in-category {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		grid-column-gap: 10px;
	}

	.pb-form-s-right {
		grid-row-gap: 10px;
		flex-direction: column;
	}

	.content-box-wht {
		padding: 20px;
	}

	.content-box-wht.kb-top-margin {
		margin-top: 20px;
	}

	.login-page-box {
		padding: 10px 20px 20px;
	}

	.content-box-wht.blog-post-comments {
		margin-top: 20px;
		padding-top: 10px;
	}

	.content-box-wht.faq-contact-box {
		margin-right: 0;
		margin-left: 0;
	}

	.content-box-wht.faq-contact-box.first {
		margin-bottom: 20px;
	}

	.content-box-title {
		padding-right: 0;
		padding-left: 0;
	}

	.content-box-title.notifications {
		flex-direction: column;
		align-items: start;
		gap: 10px;
	}

	.txt-big {
		font-size: 15px;
		line-height: 20px;
	}

	.content-box-value {
		margin-right: 0;
		margin-left: 0;
	}

	.content-box-value.blank {
		margin-top: 0;
		margin-bottom: 0;
	}

	.cbv-section-account-wrap {
		margin-right: 0;
		margin-left: 0;
	}

	.cbv-section-account-wrap.last {
		padding-bottom: 0;
	}

	.cbv-saw-left {
		padding-right: 0;
		padding-left: 0;
	}

	.cbv-saw-right {
		padding-right: 0;
		padding-left: 0;
	}

	.nav-page-mobile {
		display: flex;
		height: 40px;
		margin-top: 10px;
		padding-right: 10px;
		padding-left: 10px;
		align-items: flex-start;
	}

	.pb-title.form {
		margin-top: 15px;
		margin-left: 20px;
		margin-right: 20px;
	}

	.cbv-snw-left {
		padding-right: 10px;
		padding-left: 0;
	}

	.cbv-section-notification-wrap {
		margin-right: 0;
		margin-left: 0;
	}

	.cbv-afiliate-program-wrap {
		margin-bottom: 0;
	}

	.cbv-copy-field {
		padding-left: 10px;
		grid-auto-flow: row;
		grid-auto-columns: 1fr;
		-ms-grid-columns: 2.5fr 0.75fr;
		grid-template-columns: 2.5fr 0.75fr;
		-ms-grid-rows: auto;
		grid-template-rows: auto;
		white-space: nowrap;
	}

	.cbv-cf-txt {
		left: 10px;
	}

	.cbv-recommendations-wrap {
		position: relative;
		overflow: hidden;
	}

	.cbv-table-nav.recommendations {
		padding-bottom: 0;
	}

	.cbv-payouts-wrap {
		margin-bottom: 0;
	}

	.cbv-sort-wrap {
		margin-bottom: 0;
	}

	.cbv-basic-info-wrap {
		margin-bottom: 0;
	}

	.cbv-biw-form-wrap.last {
		margin-bottom: 0;
	}

	.cbv-social-links-wrap {
		margin-bottom: 0;
	}

	.cbv-slw-form-wrap.last {
		margin-bottom: 0;
	}

	.cbv-profile-permissions-wrap.last {
		margin-bottom: 0;
	}

	.pb-form-section.action {
		grid-row-gap: 10px;
		flex-direction: column;
	}

	.cbv-aba-wf-wrap.last {
		margin-bottom: 0;
	}

	.cbv-billing-adress-wrap.last {
		margin-bottom: 0;
	}

	.cbv-notifications-wrap.last {
		margin-bottom: 0;
	}

	.cpi-community-center-in {
		padding: 20px;
	}

	.cpi-courses-section {
		overflow: hidden;
		width: 100%;
		padding-top: 20px;
	}

	.cpi-cs-sort {
		display: none;
	}

	.nav-page-top {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.cbv-password-change-wrap {
		margin-bottom: 0;
	}

	.content-page-note {
		width: 100%;
		padding: 30px 0 0;
	}

	.cpl-cw-course-title {
		font-size: 15px;
		line-height: 20px;
		text-align: left;
	}

	.content-page-certificate {
		width: 100%;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 0;
	}

	.cpi-lesson-title {
		display: flex;
		width: 100%;
		padding-bottom: 10px;
		justify-content: space-between;
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto;
	}

	.cpi-mctdd-wrap-left {
		flex-direction: column;
	}

	.cpi-community-center {
		width: 100%;
	}

	.community-messenger {
		max-height: none;
		margin-top: 0;
		flex-direction: column;
	}

	.community-messenger.mass-message {
		flex-direction: column;
	}

	.cm-left {
		display: none;
		width: 100%;
		max-height: 494px;
		flex: 1;
		border-right-style: none;
	}

	.cm-left.mass-message {
		display: flex;
		width: 100%;
	}

	.cm-left.active-mobile {
		display: flex;
	}

	.cm-right {
		display: none;
		width: 100%;
	}

	.cm-right.mass-message {
		display: flex;
		width: 100%;
	}

	.cm-right.active-mobile {
		display: flex;
		max-height: 550px;
	}

	.cm-left-inbox-top {
		height: 70px;
	}

	.cm-right-top {
		height: 70px;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	.cm-rt-user-name {
		font-size: 15px;
	}

	.cm-rmmf-section.action.chat-page {
		padding-left: 10px;
	}

	.cpi-cc-comments {
		max-height: 500px;
	}

	.baner-sale-page {
		min-height: 300px;
	}

	.bsp-title {
		font-size: 28px;
	}

	.popup-content-in {
		padding: 10px;
	}

	.cpil-csp-data {
		display: block;
		padding-top: 20px;
	}

	.cbw-title {
		padding-right: 0;
		padding-left: 0;
	}

	.cbw-section.exam-result.action {
		margin-top: 10px;
		flex-direction: column;
	}

	.cbw-ertl-result.fail {
		font-size: 15px;
	}

	.cbw-ertl-result.succes {
		font-size: 15px;
	}

	.cbw-ertl-result.in-process {
		font-size: 15px;
	}

	.cbws-eris-title {
		width: 130px;
		font-size: 14px;
	}

	.cbws-eris-value {
		font-size: 14px;
	}

	.cbws-a-right {
		flex-direction: column;
	}

	.input-checkbox-toggle.lesson-status:hover {
		border-style: none;
	}

	.popup-alert.show {
		display: block;
		overflow: scroll;
		padding-right: 20px;
		padding-left: 20px;
	}

	.popup-alert-content {
		display: block;
		margin-right: auto;
		margin-left: auto;
	}

	.content-page-center {
		width: 100%;
		padding: 0;
	}

	.cpi-about-page {
		padding-right: 0;
		padding-left: 0;
	}

	.cpi-cp-item-wrap {
		width: 50%;
	}

	.content-page-blog {
		width: 100%;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 0;
	}

	.content-page-blog.messages {
		padding-top: 0;
	}

	.cbw-bpc-title {
		margin-bottom: 20px;
		margin-left: 0;
		margin-right: 0;
	}

	.cbw-bpc-comment-wrap {
		margin-right: 0;
		margin-left: 0;
	}

	.cbw-bpc-comment-wrap.level-1 {
		padding-left: 20px;
	}

	.cbw-bpc-comment-form {
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 0;
	}

	.cbw-bpccf-wrap {
		padding-right: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
	}

	.pb-section-header {
		margin-left: 20px;
		margin-right: 20px;
	}

	.popup-build-left-image {
		display: none;
	}

	.cpi-blog-nav-item {
		width: 40px;
		height: 40px;
	}

	.cpi-module-type-full {
		display: flex;
		width: 100%;
		padding-right: 20px;
		padding-left: 20px;
		justify-content: space-between;
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto;
	}

	.pb-form-section.policy-form {
		margin-bottom: 20px;
		padding: 20px;
	}

	.content-page-full {
		width: 100%;
		padding: 0;
	}

	.content-page-full.notes {
		padding-top: 20px;
	}

	.content-page-full.messages {
		padding-top: 0;
	}

	.content-page-full.certificates {
		padding-top: 20px;
	}

	.content-page-full.error-page {
		padding-right: 10px;
		padding-left: 10px;
	}

	.cpi-courses-details-head {
		height: 60px;
		padding-right: 5px;
		padding-left: 5px;
	}

	.cpi-cdh-in.left {
		flex: 1;
	}

	#cpi-courses-details-description {
		padding-right: 20px;
		padding-left: 20px;
	}

	.community-messenger-wrap {
		margin-top: 0;
	}

	.cm-left-trash-top {
		height: 70px;
	}

	.cm-left-new-message-top {
		height: 70px;
	}

	.cm-left-mass-message-top {
		height: 70px;
		flex: 1;
	}

	.cm-left-mass-message-recipient {
		border-bottom: 1px solid var(--wtl-panel-color-bg-border);
	}

	.scroll-container {
		overflow: hidden;
		width: 100vw;
	}

	.table-row.head {
		display: none;
		width: 650px;
	}

	.table-row.head.hide {
		display: flex;
		width: 740px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.table-cell.action {
		width: 48px;
	}

	.scroll-table-content {
		margin-right: 33px;
	}

	.table-data-wrapper {
		position: relative;
	}

	.table-nav.payments {
		padding-bottom: 0;
	}

	.table-nav.login-history {
		padding-bottom: 0;
	}

	.table-header.head {
		display: none;
		width: 650px;
	}

	.table-header.head.hide {
		display: flex;
		width: 740px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.heading-5 {
		padding-right: 20px;
		padding-left: 20px;
	}

	.edit-panel-btn-wrap {
		right: 20px;
		bottom: 20px;
	}

	.opinion-data-top {
		grid-column-gap: 20px;
	}

	.footer-sale-page {
		padding-bottom: 30px;
	}

	.btn-back {
		margin-bottom: 20px;
		-webkit-align-self: flex-start;
		-ms-flex-item-align: start;
		align-self: flex-start;
	}

	.btn-back.messages-page.active-mobile {
		display: flex;
	}
}

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

	.cbw-abonament-top {
		text-align: center;
		align-items: center;
	}

	.cbw-abonament-top-in,	
	.cbw-abonament-top-in.right {
		align-items: center;
	}

	.cbw-abonament-top-in ul li {
		justify-content: center;
	}

	.cpi-blog-header {
		padding: 0 0;
	}
	
	.content-site.exam .content-box-wht.exam-form .question-section .question-image {
		margin: 0 0 10px 0;
	}

	.content-site.exam .content-box-wht.exam-start-info {
		align-items: stretch;
	}

	.content-site.exam .content-box-wht.exam-error-notice {
		align-items: stretch;
	}

	.content-site.exam .content-box-wht.exam-form .exam-form-actions {
		flex-direction: column;
	}

	.content-site.exam .exam-result-action {
		flex-direction: column;
	}

	.cbw-ertl-subnotice {
		align-items: stretch;
	}

	.community-chat-table {
		margin-left: 0;
		margin-right: 0;
	}

	.cpi-cc-top-menu-btn {
		height: 40px;
		font-size: 15px;
		line-height: 30px;
	}

	.cpi-blog-header {
		padding: 0 0;
	}

	.cpi-blog-nav-item.first-page {
		margin-left: 0;
	}

	.cpi-blog-nav-item.last-page {
		margin-right: 0;
	}

	.popup-actions {
		flex-direction: column;
	}

	.community-popup-bottom > .actions {
		grid-row-gap: 10px;
		flex-direction: column;
	}

	.cpi-cpl-title {
		font-size: 19px;
		line-height: 28px;
	}

	.cpi-community-event-item-top {
		grid-row-gap: 10px;
		flex-direction: column;
		align-items: flex-start;
	}

	.cpi-community-event-item-bottom {
		grid-row-gap: 10px;
		flex-direction: column;
	}

	.cpi-community-events-heading {
		margin-bottom: -10px;
	}

	.cpi-community-event-item-info {
		margin-right: 10px;
		font-size: 13px;
	}

	.cpi-community-event-item-info-wrap {
		flex-direction: column;
		align-items: flex-start;
	}

	.cpi-community-user-item {
		flex-direction: column;
	}

	.cpi-community-boards {
		grid-template-columns: 1fr;
		padding-left: 0;
		padding-right: 0;
	}

	.cpi-cc-top-menu {
		overflow: scroll;
	}

	.cpi-cc-top-menu-btn,
	.cpi-cc-top-menu-btn.active.w--current {
		justify-content: space-between;
	}

	.post-content-popup-wrap {
		padding: 0;
	}

	.cbv-rf-in-left-in .btn-standard {
		width: 100%;
	}

	.post-content-popup {
		border-radius: 0;
		align-self: stretch;
		padding-top: 10px;
		max-height: unset;
	}

	.content-box-wht.exam-start-info .actions-wrap {
		flex-direction: column;
		align-items: stretch;
		gap: 5px;
	}

	.post-content-popup .community-popup-content {
		flex: 1;
		margin-bottom: 10px;
	}

	#createSpaceForm .post-content-popup .community-popup-content,
	.createBoardForm .post-content-popup .community-popup-content {
		margin-bottom: 0;
	}

	.post-content-popup-content {
		flex: 1;
		margin-bottom: 10px;
	}

	.post-content-popup .community-popup-content.upload,
	.post-content-popup .community-popup-content.embed-link {
		min-height: 150px;
		flex: 0 auto;
	}

	.post-content-popup .community-popup-top > a.close {
		margin-right: -10px;
	}

	.cpi-community-widget.upcoming-events {
		flex-direction: column;
		align-items: stretch;
	}

	.community-comments.module-tab {
		flex-direction: column;
		display: flex;
	}

	.cc-comment-reply-s1+.cc-comment:before {
		left: 48px;
	}

	.edit-panel-btn-wrap:hover {
		width: 145px;
	}

	.cp-users-likes {
		padding-right: 0;
	}

	.cp-users-likes-txt {
		font-size: 12px;
		line-height: 15px;
	}

	.cpi-cc-top-actions {
		align-self: stretch;
	}

	.btn-community-pin-post {
		flex: none;
	}

	.cpi-cc-top-additional {
		flex-direction: column;
		align-items: stretch;
		display: block;
	}

	.cpi-cc-top-additional-wrap {
		flex-direction: row;
		overflow: scroll;
	}

	.cpi-cc-top-additional.main-board {
		padding-left: 20px;
		padding-right: 20px;
	}

	.fa-ico-new.faq-datat-title-ico,
	.fa-ico-new.edit-panel-btn-ico {
		font-size: 15px;
	}

	.fa-ico-new.edit-panel-btn-ico.fa-pen {
		width: 40px;
		height: 40px;
	}

	.cpi-cc-top-btn-wrap {
		border-radius: 10px;
	}

	.cpi-cc-top-head {
		flex-direction: column;
		justify-content: space-between;
		align-items: stretch;
	}

	.nav-page {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.content-page-in.opinions {
		padding-right: 10px;
		padding-left: 10px;
	}

	.inputc-label.form-popup {
		font-size: 14px;
		line-height: 20px;
	}

	.footer-panel {
		align-items: stretch;
	}

	.content-page-right.messages {
		padding-top: 0;
	}

	.btn-nav-page {
		margin-bottom: 0;
	}

	.nav-page-left {
		height: auto;
	}

	.nav-page-mobile {
		display: none;
		overflow: scroll;
		height: auto;
		align-items: flex-start;
	}

	.txt-normal.aba-form-label {
		margin-bottom: 10px;
	}

	.txt-normal.tl-form-label-1 {
		margin-bottom: 10px;
	}

	.txt-normal.tl-form-label-2 {
		padding-bottom: 10px;
	}

	.cbv-recommendations-form {
		margin-bottom: 10px;
	}

	.cbv-rf-in-left {
		flex-direction: column;
		align-items: stretch;
	}

	.cbv-rf-in-right {
		flex-direction: column;
		align-items: flex-start;
	}

	.cbv-show-amount {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 0;
		padding-top: 20px;
		justify-content: space-between;
		border-top: 1px solid var(--wtl-panel-color-bg-border);
	}

	.cbv-show-amount.rank {
		margin-top: 0;
		padding-top: 0;
		border-top-style: none;
	}

	.cbv-show-amount.pp-links {
		margin-top: 0;
		padding-top: 0;
		border-top-style: none;
	}

	.cbv-sa-label {
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto;
	}

	.cbv-pw-fw-left {
		padding-right: 70px;
	}

	.cbv-pw-fw-right {
		position: static;
		width: auto;
		padding-top: 10px;
	}

	.cbv-pw-form-wrap.last {
		flex-direction: column;
		align-items: stretch;
		grid-row-gap: 10px;
	}

	.txt-toggle {
		display: block;
		margin-right: 0;
	}

	.cbv-sort-wrap {
		margin-bottom: 0;
	}

	.cbv-sort-form {
		flex-direction: column;
		align-items: stretch;
	}

	.cbv-sf-right {
		margin-top: 10px;
		justify-content: space-between;
	}

	.cbv-sf-left {
		justify-content: space-between;
	}

	.cbv-sf {
		justify-content: space-between;
	  }

	.cbv-input-select {
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto;
	}

	.btn-standard.contact-sale-page {
		align-self: stretch;
	}

	.cbv-epi-right {
		display: flex;
		flex-direction: column;
	}

	.cbv-biw-form-wrap.last {
		display: flex;
		align-items: stretch;
	}

	.content-page-in.opinion-link {
		padding-left: 10px;
		padding-right: 10px;
	}

	.content-box-wht.exam-form .question-section .question-image {
		margin: 0 0 10px 0;
	}

	.cbv-slw-form-wrap.last {
		align-items: stretch;
	}

	.cbv-profile-permissions-wrap.last {
		flex-direction: column;
		align-items: stretch;
	}

	.cbv-add-billing-adress-wrap {
		flex-direction: column;
	}

	.cbv-baw-left {
		margin-right: 0;
	}

	.cbv-baw-right {
		position: relative;
		height: 30px;
		margin-top: 10px;
		flex-direction: row;
		justify-content: space-between;
		align-items: stretch;
		-webkit-align-content: space-around;
		-ms-flex-line-pack: distribute;
		align-content: space-around;
	}

	.cbv-bawr-toggle {
		position: absolute;
		left: auto;
		top: 0%;
		right: 0%;
		bottom: 0%;
		height: 30px;
		-webkit-align-content: end;
		-ms-flex-line-pack: end;
		align-content: end;
		grid-auto-columns: 1fr;
		grid-column-gap: 16px;
		grid-row-gap: 16px;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-rows: auto auto;
		grid-template-rows: auto auto;
	}

	.cbv-bawl-icons {
		height: 30px;
		margin-left: -10px;
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto;
	}

	.cbv-aba-wf-wrap.last {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		grid-row-gap: 10px;
	}

	.cbv-aba-wfw-left {
		height: auto;
		flex-direction: column;
		align-items: flex-start;
	}

	.cbv-aba-wfw-right {
		height: auto;
		flex-direction: column;
		align-items: flex-start;
	}

	.cbv-aba-wfw-right.toggle {
		margin-top: 10px;
		padding-top: 20px;
		padding-bottom: 10px;
		flex-direction: row;
		border-top: 1px solid var(--wtl-panel-color-bg-border);
	}

	.cbv-aba-wfw-stretch {
		flex-direction: column;
		align-items: flex-start;
	}

	.cbv-billing-adress-wrap {
		flex-direction: column;
	}

	.cbv-transaction-list-form {
		margin-bottom: 10px;
	}

	.cbv-tl-fw-wrap.last {
		margin-top: 0;
	}

	.cbv-tl-fww-left {
		padding-bottom: 10px;
		flex-direction: column;
		align-items: flex-start;
	}

	.cbv-tl-fww-right {
		flex-direction: column;
		align-items: flex-start;
	}

	.cbv-tl-fwwl-wrap {
		flex-direction: column;
	}

	.cbv-tl-fwwl-wrap.last {
		padding-left: 0;
		flex-direction: row;
	}

	.cbv-notifications-wrap.last {
		display: flex;
		flex-direction: column;
	}

	.cbv-nw-right.toggle {
		padding-right: 20px;
	}

	.cbv-nw-toggle {
		display: flex;
		-webkit-align-content: end;
		-ms-flex-line-pack: end;
		align-content: end;
		grid-auto-columns: 1fr;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-rows: auto auto;
		grid-template-rows: auto auto;
	}

	.txt-input {
		display: block;
		margin-right: 0;
	}

	.cpi-cs-title-right {
		display: none;
	}

	.cpi-cs-title-right.sort {
		display: flex;
	}

	.cpi-cs-sort {
		display: none;
	}

	.cbv-adw-txt {
		padding-left: 0;
	}

	.fa-ico.faq-datat-title-ico {
		font-size: 15px;
	}

	.fa-ico.edit-panel-btn-ico {
		font-size: 15px;
	}

	.fa-ico.edit-panel-btn-ico.fa-pen {
		width: 40px;
		height: 40px;
	}

	.cpl-cw-course-title {
		text-align: left;
	}

	.cpi-lm-title-right {
		display: flex;
		flex-direction: row-reverse;
	}

	.popup-build-content {
		padding: 20px 10px;
	}

	.lesson-content-item-links {
		grid-template-columns: 1fr 1fr;
	}

	.cpi-lctcd-wrap.opinions {
		padding-right: 20px;
		padding-left: 20px;
	}

	.cpi-mctdd-wrap-left {
		padding-right: 0;
		padding-left: 0;
	}

	.cccw-user-name {
		font-size: 14px;
	}

	.pb-form-section-question {
		font-size: 15px;
	}

	.pb-form-section-answer {
		padding-left: 0;
	}

	.cccw-date {
		display: none;
	}

	.cc-comment-reply-s1 {
		margin-left: 19px;
		padding-left: 10px;
	}

	.cpi-lesson-list-wrap.no-modules {
		padding-right: 10px;
		padding-left: 10px;
	}

	.cpi-cc-top-left {
		justify-content: space-between;
	}

	.cpi-cc-top-right {
		display: block;
		flex-direction: column;
		align-items: stretch;
	}

	.cpi-cc-top-right.main-board {
		padding-right: 20px;
		padding-left: 20px;
	}

	.cpi-cc-top-select {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.cpi-cc-top-select.main-board {
		padding-top: 0;
		padding-bottom: 0;
	}

	.cpi-cc-top-select-form {
		width: 100%;
	}

	.community-post {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.cpudw-user-name {
		font-size: 14px;
	}

	.cpudw-date {
		display: none;
	}

	.odi-inputs-offsite {
		margin-top: 30px;
		margin-left: 0;
		padding: 10px;
	}

	.cpa-comments-btn {
		font-size: 13px;
	}

	.cpi-cc-top-title {
		display: none;
	}

	.cpi-cb-board {
		width: 100%;
	}

	.cpi-cb-board-in {
		margin-right: 0;
		margin-left: 0;
	}

	.cpi-cu-user {
		width: 100%;
	}

	.cpi-cu-user-in {
		margin-right: 0;
		margin-left: 0;
	}

	.cpi-community-posts.post-blocks {
		grid-template-columns: 1fr;
	}

	.cpi-cc-top-btn-back {
		margin-left: 0;
	}

	.cpi-ccl-avatar-ico.fa-comment-alt-lines {
		left: 45px;
		top: 20px;
	}

	.content-page-right.opinions-offsite {
		padding-top: 30px;
	}

	.community-messenger {
		margin-right: 0;
		margin-left: 0;
	}

	.cm-right-messages {
		padding-bottom: 10px;
	}

	.cm-right-messages.mass-message {
		padding-bottom: 20px;
	}

	.cm-rmi-messages {
		padding-left: 10px;
	}

	.cm-rmi-message {
		margin-right: 0;
	}

	.cm-rmo-message {
		margin-left: 50px;
	}

	.cm-rmmf-section.input {
		margin-right: 10px;
	}

	.cm-rmmf-section.input.chat-page {
		margin-bottom: 10px;
	}

	.cm-rmmf-section.action {
		padding-right: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		align-items: center;
	}

	.cm-rmmf-section.action.chat-page {
		flex-direction: column;
		align-items: flex-start;
		grid-row-gap: 10px;
	}

	.cm-rmmfi-section-input {
		min-height: 104px;
		padding-right: 0;
		padding-left: 10px;
	}

	.cm-rmmfi-section-input.mass-message {
		padding-right: 10px;
	}

	.cm-rmmfs-actions {
		justify-content: flex-start;
	}

	.cm-rmmfs-actions.right {
		flex-direction: column;
		justify-content: space-between;
		align-items: stretch;
		-ms-grid-row-align: stretch;
		align-self: stretch;
		grid-row-gap: 10px;
	}

	.cpi-cc-comments {
		max-height: 400px;
	}

	.cpi-ccc-wrap-1 {
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
	}

	.cpi-ccc-wrap-2 {
		flex-direction: column;
		align-items: flex-start;
	}

	.cpi-ccc-user-name {
		flex: 1;
		font-size: 14px;
	}

	.cpi-ccc-date {
		display: block;
	}

	.cpi-ccc-about {
		display: none;
	}

	.cpi-ccc-text {
		margin-left: 0;
	}

	.bsp-title {
		font-size: 21px;
		line-height: 28px;
	}

	.nsp-subtitle {
		font-size: 17px;
	}

	.opinions-data-offsite {
		padding-left: 10px;
		padding-right: 10px;
	}

	.cpi-cpl-qdi-toggle-text {
		padding-left: 0;
	}

	.input-wrap.widget._w-50 {
		width: 100%;
	}

	.input-radio {
		max-height: none;
	}

	.inputr-label {
		padding: 10px 10px 10px 40px;
		align-items: flex-start;
	}

	.inputr-label.payments-method {
		padding-right: 10px;
		padding-bottom: 60px;
	}

	.inputr-label.delivery {
		padding-top: 10px;
		padding-bottom: 31px;
	}

	.inputr-toggle {
		left: 20px;
		top: 12px;
	}

	.inputr-toggle.widget {
		left: 10px;
	}

	.opinions-title-offsite {
		padding-left: 10px;
		padding-right: 10px;
	}

	.opinions-title-offsite.in-lesson {
		padding-left: 0;
		padding-right: 0;
	}

	.pb-form-s-right {
		flex-direction: column;
	}

	.popup-build {
		padding-right: 10px;
		padding-bottom: 20px;
		padding-left: 10px;
	}

	.nav-cw-btn-txt {
		display: none;
	}

	.sign-in-form {
		padding-right: 0;
		padding-left: 0;
	}

	.input-checkbox.login-page {
		align-self: center;
	}

	.inputc-label {
		padding: 10px 10px 10px 40px;
	}

	.inputc-label.exam,
	.inputc-label.login-page {
	  font-size: 14px;
	  line-height: 20px;
	}

	.inputc-toggle {
		left: 10px;
	}

	.sign-in-form-wrap {
		padding-right: 0;
		padding-left: 0;
	}

	.cbw-right.exam {
		padding-top: 10px;
		flex-direction: column;
		align-items: stretch;
	}

	.cbw-ef-section.actions {
		flex-direction: column;
		align-items: stretch;
	}

	.cbw-efs-question {
		font-size: 15px;
	}

	.cbw-efs-answer {
		padding-left: 0;
	}

	.cbws-er-top {
		margin-bottom: 10px;
		margin-left: 0;
		padding-bottom: 10px;
		flex-direction: column;
	}

	.cbws-ert-ico {
		position: relative;
		left: 0;
	}

	.cbws-ert-left {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.cbws-ert-right {
		padding-top: 10px;
		border-top: 1px solid var(--wtl-panel-color-bg-border);
		text-align: left;
	}

	.cbws-eri-section {
		margin-top: 10px;
		padding-left: 0;
		flex-direction: column;
	}

	.cbws-eris-title {
		line-height: 20px;
	}

	.cbws-eris-value {
		line-height: 20px;
	}

	.input-checkbox-toggle.lesson-status {
		justify-content: center;
	}

	.inputct-label {
		font-size: 15px;
	}

	.popup-alert-content {
		display: block;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.popup-alert-wrap {
		flex-direction: column;
	}

	.login-page-additional {
		flex-direction: column;
		align-items: center;
	}

	.cbw-lp-input-section {
		flex-direction: column;
		grid-row-gap: 10px;
	}

	.cbw-lpis-link {
		align-self: center;
	}

	.cpc-lpprai-text {
		padding-right: 0;
	}

	.content-page-section.webinar.header {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.cpi-about-page {
		padding-right: 0;
		padding-left: 0;
	}

	.cpi-cp-item-wrap {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}

	.cpi-cpidu-name {
		font-size: 14px;
	}

	.content-page-blog.messages {
		padding-top: 0;
	}

	.cbw-bpu-name {
		font-size: 14px;
	}

	.cbw-rt-section.task {
		padding: 10px;
	}

	.cbw-rt-right {
		display: block;
		padding-left: 50px;
	}

	.cbw-rtr-progress {
		display: inline-block;
		margin-right: 20px;
	}

	.cbw-rtr-points {
		display: inline-block;
		margin-right: 0;
	}

	.cbw-rttr-level {
		display: block;
		padding-top: 10px;
	}

	.cbw-rtl-ico.fa-trophy {
		margin-right: 10px;
	}

	.popup-build-wrap {
		padding-right: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
	}

	.popup-build {
		padding-right: 10px;
		padding-bottom: 20px;
		padding-left: 10px;
	}

	.popup-build-right {
		padding: 20px 10px;
	}

	.pb-title-wrap {
		margin-bottom: 10px;
	}

	.pb-t-subheading {
		font-size: 17px;
		line-height: 28px;
	}

	.pb-product-wrap {
		flex-direction: column;
		align-items: center;
	}

	.pb-product-data {
		margin-top: 10px;
		text-align: center;
	}

	.cpi-cpl-qd-divider {
		margin-right: 10px;
		margin-left: 10px;
	}

	.cpi-cpl-qd-item-top {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.cpi-cpl-qdi-title {
		font-size: 14px;
		line-height: 19px;
	}

	.content-page-full.messages {
		padding-top: 0;
	}

	.cbv-rf-in-left-in {
		margin-right: 0;
		padding-bottom: 10px;
		flex-direction: column;
		align-items: flex-start;
	}

	.cbv-rf-in-left-in.last {
		padding-bottom: 0;
	}

	.cpi-courses-details-head {
		height: auto;
		flex-direction: column-reverse;
	}

	.cpi-cdh-in.left {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.cpi-cdh-in.right {
		max-width: none;
		flex-direction: column;
	}

	.cpi-cdhi-progress-bar-detail {
		flex-direction: column;
		align-items: flex-start;
	}

	.cpi-cdhi-pbd-txt {
		padding-bottom: 5px;
	}

	#cpi-courses-details-description {
		padding-top: 0;
	}

	.inputrt-label {
		font-size: 15px;
	}

	.faq-datat-title {
		font-size: 15px;
	}

	.community-messenger-wrap {
		margin-right: 0;
		margin-left: 0;
	}

	.cm-left-trash-top {
		padding-right: 10px;
		padding-left: 10px;
	}

	.notification-panel-box {
		margin-left: 20px;
	}

	.cpi-wmh-in.left {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.cpi-wmh-in.right {
		max-width: none;
		padding-top: 10px;
	}

	.table-action.login-history {
		flex-direction: column;
	}

	.table-action-in {
		flex-direction: row;
		align-items: flex-start;
	}

	.scroll-table-content {
		margin-right: 30px;
	}

	.table-nav {
		flex-direction: column;
		flex-wrap: wrap;
	}

	.table-action-amount {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
		justify-content: space-between;
	}

	.table-action-amount.rank {
		margin-top: 0;
		padding-top: 0;
		border-top-style: none;
	}

	.table-action-amount.pp-links {
		margin-top: 0;
		padding-top: 0;
		border-top-style: none;
	}

	.cpa-like {
		font-size: 14px;
	}

	.edit-panel-btn-wrap {
		left: 0%;
		top: auto;
		right: 0%;
		bottom: 10px;
		width: 145px;
		height: 40px;
		margin-right: auto;
		margin-left: auto;
	}

	.edit-panel-btn-txt {
		margin-top: -1px;
		margin-left: 40px;
		opacity: 1;
		font-size: 15px;
	}

	.cbw-abonament-actions {
		flex-direction: column;
		grid-row-gap: 10px;
	}

	.opinions-rating-wrap {
		justify-content: center;
	}

	.opinions-rating.center {
		display: none;
	}

	.opinions-title {
		padding-right: 10px;
		padding-left: 10px;
	}

	.opinions-title.in-lesson {
		padding-right: 0;
		padding-left: 0;
	}

	.opinion-data-top {
		flex-direction: column;
		grid-row-gap: 10px;
	}

	.opinion-data-sort {
		flex-direction: column;
		grid-row-gap: 10px;
	}

	.odi-user-data {
		margin-bottom: 10px;
	}

	.odi-ud-user-name {
		font-size: 14px;
	}

	.odi-content {
		margin-left: 0;
	}

	.odi-c-text {
		font-size: 15px;
		line-height: 20px;
	}

	.odi-answer {
		margin-left: 0;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
	}

	.odi-user-name {
		font-size: 15px;
	}

	.odi-text {
		font-size: 15px;
		line-height: 20px;
	}

	.footer-spw-col {
		width: 100%;
	}

	.form-block {
		display: flex;
		align-items: center;
		align-self: stretch;
	}

	.form-2 {
		flex: 1;
	}

	.btn-back.messages-page {
		align-self: stretch;
	}
}