/* ------------- 
content start - sidepanel
------------- */


/* ------------- 
content finish - sidepanel
------------- */

/* ------------- 
content start - lessons
------------- */

.glyphicon-list-alt {
    display: none!important;
}

.link.title{ 
color: #3A264B;
}

/*Полоска слева*/
.lesson-list li.user-state-reached .info {
    border-left: #fff;
}
.item-content{
   color: #3A264B;
}

/*Рамка для уроков. Нет задания, урок доступен*/
.lesson-list li.user-state-reached {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border: 2px solid  #3A264B;
}
/*Рамка для уроков. Стоп или важное задание*/
.lesson-list li.user-state-need_accomplish  {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border: 2px solid #FDB10B;
}
/*Рамка для уроков. Есть задание*/
.lesson-list li.user-state-has_mission {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border: 2px solid  #3A264B;
}
/*Рамка для уроков. Ответ принят*/
.lesson-list li.user-state-accomplished {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border: 2px solid #3A264B;
}
/*углы*/
.lesson-list li .item-a {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
/*ФОН*/
.lesson-list {
    padding: 10px 0px;
    margin-bottom: 20px;
    background: #3A264B!important;
}
  
/*недоступный урок*/
.lesson-list li.user-state-not_reached .info {
    background:#cfe4e6;
}
.user-state-not_reached .user-state-bg {
    background: #cfe4e6;
}
/*стоп-урок*/
.user-state-need_accomplish .user-state-bg {
    background: #f42945;
}
/*принято*/
.user-state-accomplished .user-state-bg {
    background: #ffffff;
}
.user-state-has_mission .user-state-bg {
    background: #ffffff;
}
.user-state-new-icon.fa {
    font-size: 16px;
    color: #3A264B;
}
/*ожидает проверки*/
.user-state-answered .user-state-bg {
    background: #3A264B;
}
/* ------------- 
content finish - lessons
------------- */

/* ------------- 
content start - entrance1
------------- */

/*===================================== 
СТРАНИЦА ПОСЛЕ УСПЕШНОЙ ОПЛАТЫ. НАЧАЛО
===================================== */

/**
 * Page Name: Страница после успешной оплаты
 * Description: Страница, на которую попадает пользователь после успешной оплаты
 * Author: Трофимов Никита Игоревич (Бородатый Геткурс)
 * Author URL: https://t.me/NiktarioN
 */

/*===================================== 
ПАНЕЛЬ УПРАВЛЕНИЯ. НАЧАЛО 
===================================== */
.successful-payment {
	/* ОБЩЕЕ */
	/* Акцентный цвет */
	--accent-color: #88b8ff;
	/* Акцентный цвет. При взаимодействии */
	--accent-color-active: #79afff;
	/* Цвет текста. Темный*/
	--text-dark-color: #4a4a4a;
	/* Цвет текста. Светлый*/
	--text-light-color: #ffffff;
	/* Цвет текста. Актуальный для страницы*/
	--text-color-general: var(--text-dark-color);
	/* Цвет текста. Для ссылок */
	--links-color: #79afff;
	/* Цвет главного фона секции */
	--section-bg-default-color: #fbfcff;
	/* Закругления в блоках. Стандарт */
	--border-radius-default: 16px;
    
	/* Кнопка. Изменить email */
	--changeemail-button-bg-color: #fb8585;
	--changeemail-button-bg-color-active: #f94c4c;
	/* Кнопка. Подключить мессенджер */
	--mesg-button-bg-color: #67a7c7;
	--mesg-button-bg-color-active: #0088cc;
    
	/* АНИМАЦИИ */
	/* Стандартное время анимации */
	--transition-duration-default: 0.3s;
	/* Ускоренное время анимации */
	--transition-duration-fast: 0.2s;
	/* Тип анимации в объктах по умолчанию */
	--transition-animation-type: ease;
    
	/* ГЛАВНЫЙ БЛОК */
	/* Главный блок. Секция. Отступ сверху */
	--main-block-section-offset-top: 90px;
	/* Главный блок. Секция. Отступ снизу */
	--main-block-section-offset-bottom: 90px;
	/* Главный блок. Секция. Цвет фона */
	--main-block-section-bg-color: var(--section-bg-default-color);
	/* Главный блок. Контент. Ширина блока */
	--main-block-content-width: 780px;
	/* Главный блок. Контент. Цвет фона */
	--main-block-content-bg-color: #ffffff;
	/* Главный блок. Контент. Цвет рамок */
	--main-block-content-border-color: var(--accent-color);
	/* Главный блок. Контент. Ширина рамок */
	--main-block-content-border-width: 5px;
	/* Главный блок. Контент. Закругления рамок */
	--main-block-content-border-radius: var(--border-radius-default);
	/* Главный блок. Контент. Тень */
	--main-block-content-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
}
/*===================================== 
ПАНЕЛЬ УПРАВЛЕНИЯ. КОНЕЦ 
===================================== */

.successful-payment * {
	outline: none;
}

@media (max-width: 768px) {
	.successful-payment br {
		content: '';
	}

	.successful-payment br::before {
		content: ' ';
	}
}

.successful-payment .block-set,
.successful-payment .f-text {
	font-weight: 400;
}

.successful-payment .list-reset ul,
.successful-payment .list-reset ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.successful-payment .global-confirm-checkbox-block {
	padding-top: 15px;
	padding-bottom: 0;
}

.successful-payment .global-confirm-checkbox-block label {
	margin-bottom: 0;
}

.successful-payment .global-confirm-checkbox-block .global-confirm-checkbox {
	margin: 3px 0 0;
}

.successful-payment .global-confirm-checkbox-block .checkbox-text {
	line-height: 1.5;
	font-size: 13px;
}

@media (max-width: 576px) {
	.successful-payment .global-confirm-checkbox-block .checkbox-text {
		font-size: 12px;
	}
}

.successful-payment .global-confirm-checkbox-block .checkbox-text a {
	font-weight: 700;
}

.successful-payment a {
	outline: none;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	-webkit-transition: border-bottom var(--transition-duration-default) var(--transition-animation-type);
	-o-transition: border-bottom var(--transition-duration-default) var(--transition-animation-type);
	-moz-transition: border-bottom var(--transition-duration-default) var(--transition-animation-type);
	transition: border-bottom var(--transition-duration-default) var(--transition-animation-type);
}

@media (min-width: 768px) {
	.successful-payment a:hover {
		border-bottom: 1px solid var(--links-color);
	}
}

.successful-payment.main-block .lt-block-wrapper {
	padding-top: var(--main-block-section-offset-top) !important;
	padding-bottom: var(--main-block-section-offset-bottom) !important;
	background-color: var(--main-block-section-bg-color);
}

@media (max-width: 576px) {
	.successful-payment.main-block .lt-block-wrapper {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}
}

@media (max-width: 375px) {
	.successful-payment.main-block .lt-block-wrapper {
		padding-top: 45px !important;
		padding-bottom: 45px !important;
	}
}

.successful-payment.main-block .container>.row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto !important;
}

.successful-payment.main-block .block-box {
	padding-top: 55px !important;
	padding-right: 50px !important;
	padding-bottom: 65px !important;
	padding-left: 50px !important;
	max-width: var(--main-block-content-width);
	background-color: var(--main-block-content-bg-color);
	border: var(--main-block-content-border-width) solid var(--accent-color) !important;
	-webkit-border-radius: var(--main-block-content-border-radius);
	-moz-border-radius: var(--main-block-content-border-radius);
	border-radius: var(--main-block-content-border-radius);
	-webkit-box-shadow: var(--main-block-content-box-shadow);
	-moz-box-shadow: var(--main-block-content-box-shadow);
	box-shadow: var(--main-block-content-box-shadow);
}

@media (max-width: 576px) {
	.successful-payment.main-block .block-box {
		padding-top: 45px !important;
		padding-right: 25px !important;
		padding-bottom: 55px !important;
		padding-left: 25px !important;
		border-width: -webkit-calc(var(--main-block-content-border-width) / 2) !important;
		border-width: -moz-calc(var(--main-block-content-border-width) / 2) !important;
		border-width: calc(var(--main-block-content-border-width) / 2) !important;
	}
}

@media (max-width: 375px) {
	.successful-payment.main-block .block-box {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
}

.successful-payment.main-block .form__title .f-header {
	color: var(--accent-color) !important;
	font-size: 36px;
}

@media (max-width: 992px) {
	.successful-payment.main-block .form__title .f-header {
		font-size: 32px;
	}
}

@media (max-width: 768px) {
	.successful-payment.main-block .form__title .f-header {
		font-size: 30px;
	}
}

@media (max-width: 576px) {
	.successful-payment.main-block .form__title .f-header {
		font-size: 26px;
	}
}

@media (max-width: 375px) {
	.successful-payment.main-block .form__title .f-header {
		font-size: 22px;
	}
}

.successful-payment.main-block .form__subtitle .f-text {
	font-weight: 500;
}

.successful-payment.main-block .form__info ul,
.successful-payment.main-block .form__info ol {
	font-size: 16px;
}

@media (max-width: 576px) {

	.successful-payment.main-block .form__info ul,
	.successful-payment.main-block .form__info ol {
		font-size: 14px;
	}
}

.successful-payment.main-block .form__info ul li::before,
.successful-payment.main-block .form__info ol li::before {
	content: '';
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-right: 13px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: var(--accent-color);
}

.successful-payment.main-block .form__info ul li:not(:last-child),
.successful-payment.main-block .form__info ol li:not(:last-child) {
	margin-bottom: 15px;
}

@media (max-width: 576px) {
	.successful-payment.main-block .form__button {
		margin-bottom: 25px !important;
	}
}

.successful-payment.main-block .form__button button {
	padding: 20px !important;
	width: 70% !important;
	-webkit-border-radius: -webkit-calc(var(--border-radius-default) / 3) !important;
	-moz-border-radius: -moz-calc(var(--border-radius-default) / 3) !important;
	border-radius: calc(var(--border-radius-default) / 3) !important;
	font-weight: 500 !important;
	color: var(--text-light-color);
	background-color: var(--accent-color);
	-webkit-box-shadow: 0px 4px 15px rgba(130, 130, 130, 0.25);
	-moz-box-shadow: 0px 4px 15px rgba(130, 130, 130, 0.25);
	box-shadow: 0px 4px 15px rgba(130, 130, 130, 0.25);
	-webkit-transition: background-color var(--transition-duration-default) var(--transition-animation-type), -webkit-transform var(--transition-duration-default) var(--transition-animation-type), -webkit-box-shadow var(--transition-duration-default) var(--transition-animation-type);
	transition: background-color var(--transition-duration-default) var(--transition-animation-type), -webkit-transform var(--transition-duration-default) var(--transition-animation-type), -webkit-box-shadow var(--transition-duration-default) var(--transition-animation-type);
	-o-transition: background-color var(--transition-duration-default) var(--transition-animation-type), box-shadow var(--transition-duration-default) var(--transition-animation-type), -o-transform var(--transition-duration-default) var(--transition-animation-type);
	-moz-transition: background-color var(--transition-duration-default) var(--transition-animation-type), transform var(--transition-duration-default) var(--transition-animation-type), box-shadow var(--transition-duration-default) var(--transition-animation-type), -moz-transform var(--transition-duration-default) var(--transition-animation-type), -moz-box-shadow var(--transition-duration-default) var(--transition-animation-type);
	transition: background-color var(--transition-duration-default) var(--transition-animation-type), transform var(--transition-duration-default) var(--transition-animation-type), box-shadow var(--transition-duration-default) var(--transition-animation-type);
	transition: background-color var(--transition-duration-default) var(--transition-animation-type), transform var(--transition-duration-default) var(--transition-animation-type), box-shadow var(--transition-duration-default) var(--transition-animation-type), -webkit-transform var(--transition-duration-default) var(--transition-animation-type), -moz-transform var(--transition-duration-default) var(--transition-animation-type), -o-transform var(--transition-duration-default) var(--transition-animation-type), -webkit-box-shadow var(--transition-duration-default) var(--transition-animation-type), -moz-box-shadow var(--transition-duration-default) var(--transition-animation-type);
}

.successful-payment.main-block .form__button button:active {
	background-color: var(--accent-color-active);
	-webkit-transform: translate3d(0px, -3px, 0px);
	-moz-transform: translate3d(0px, -3px, 0px);
	transform: translate3d(0px, -3px, 0px);
	-webkit-box-shadow: 0px 10px 15px rgba(130, 130, 130, 0.25);
	-moz-box-shadow: 0px 10px 15px rgba(130, 130, 130, 0.25);
	box-shadow: 0px 10px 15px rgba(130, 130, 130, 0.25);
}

@media (min-width: 768px) {
	.successful-payment.main-block .form__button button:hover {
		background-color: var(--accent-color-active);
		-webkit-transform: translate3d(0px, -3px, 0px);
		-moz-transform: translate3d(0px, -3px, 0px);
		transform: translate3d(0px, -3px, 0px);
		-webkit-box-shadow: 0px 10px 15px rgba(130, 130, 130, 0.25);
		-moz-box-shadow: 0px 10px 15px rgba(130, 130, 130, 0.25);
		box-shadow: 0px 10px 15px rgba(130, 130, 130, 0.25);
	}
}

@media (max-width: 768px) {
	.successful-payment.main-block .form__button button {
		width: 80% !important;
	}
}

@media (max-width: 576px) {
	.successful-payment.main-block .form__button button {
		width: 90% !important;
	}
}

@media (max-width: 375px) {
	.successful-payment.main-block .form__button button {
		width: 100% !important;
		font-size: 14px !important;
	}
}

.successful-payment.main-block .form__button_email button {
	background-color: var(--changeemail-button-bg-color);
}

.successful-payment.main-block .form__button_email button:active {
	background-color: var(--changeemail-button-bg-color-active);
}

@media (min-width: 768px) {
	.successful-payment.main-block .form__button_email button:hover {
		background-color: var(--changeemail-button-bg-color-active);
	}
}

@media (max-width: 576px) {
	.successful-payment.main-block .form__button_tg {
		margin-bottom: 0 !important;
	}
}

.successful-payment.main-block .form__button_tg button {
	background-color: var(--mesg-button-bg-color);
}

.successful-payment.main-block .form__button_tg button:active {
	background-color: var(--mesg-button-bg-color-active);
}

@media (min-width: 768px) {
	.successful-payment.main-block .form__button_tg button:hover {
		background-color: var(--mesg-button-bg-color-active);
	}
}
/*===================================== 
СТРАНИЦА ПОСЛЕ УСПЕШНОЙ ОПЛАТЫ. КОНЕЦ
===================================== */
/* ------------- 
content finish - entrance1
------------- */