/* Start:/local/templates/ystu/components/xtt/news.calendar/admissions/style.css?173998531112195*/
.content_wrapper {
	width: 100%;
	padding: 30px 60px 60px;
	display: flex;
	justify-content: space-between;
	font-family: 'Roboto Condensed', sans-serif;
}

@media (max-width: 1800px) {
	.content_wrapper {
		padding: 30px 30px 60px;
	}
}

@media (max-width: 998px) {
	.content_wrapper {
		padding: 30px 15px 60px;
		background: #F8F8F8;
	}
}

@media (max-width: 767px) {
	.content_wrapper {
		padding: 10px 0 20px;
	}
}

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

.calendar_content {
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
}

.calendar_body {
	background: #F6F7F8;
	border-radius: 32px;
	padding: 60px 110px;
	max-width: 1800px;
	margin: 0 auto;
}

.calendar_content .content_crums {
	margin-left: 0;
}

.calendar_title {
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 58px;
	padding-left: 44px;
	/* color: #1B4897; */
	position: relative;
}

/* .calendar_title::before {
	position: absolute;
	content: "";
	width: 8px;
	height: 22px;
	background-image: url(/local/templates/ystu/components/xtt/news.calendar/admissions/./img/calendar_title.svg);
	background-size: cover;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
} */

.calendar_month {
	border-radius: 12px;
	background: #FFF;
	padding: 10px 20px;
	margin-bottom: 30px;
	color: #1B4897;
	text-align: center;
	font-size: 20px;
	display: inline-flex;
	font-weight: 700;
	line-height: 130%;
}

.calendar_week-days {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.calendar_week-day {
	background: #FFF;
	color: #1B4897;
	padding: 10px;
	text-align: center;
	font-size: 16px;
	border-radius: 12px;
	width: 12.7%;
}

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

.calendar_wrapper {
	margin-bottom: 30px;
}

.calendar_wrapper:last-child {
	margin-bottom: 0;
}

.calendar_day {
	width: 12.7%;
	margin-right: 1.85%;
	border-radius: 12px;
	background: #FFF;
	margin-bottom: 20px;
	padding: 10px 10px 10px 10px;
	/* height: 187px; */
	height: 112px;
}

.calendar_day:nth-child(7n) {
	margin-right: 0;
}

.calendar_day-value {
	color: #1B4897;
	margin-bottom: 10px;
	font-size: 16px;
}

.calendar_day-item {
	color: #FFF;
	line-height: 110%;
	font-size: 14px;
}

.calendar_mobile-item.start,
.calendar_day.start,
.calendar_popup-item.start {
	background: linear-gradient(137deg, #03228B 0%, #0291EB 100%);
}

.calendar_day.end .calendar_day-value,
.calendar_day.rating .calendar_day-value,
.calendar_day.duo .calendar_day-value,
.calendar_day.order .calendar_day-value,
.calendar_day.start .calendar_day-value {
	font-size: 18px;
	font-weight: 700;
	color: #FFF;
}

.calendar_popup-item {
	font-family: 'Roboto Condensed', sans-serif;
}

.calendar_mobile-duo.order,
.calendar_mobile-item.order,
.calendar_popup-item.order,
.calendar_day.order {
	background: #0FA8E0;
}

.calendar_mobile-item strong,
.calendar_day-item strong {
	color: #fff;
	text-decoration: underline;
}

.calendar_day.duo {
	background: #634EE3;
}

.calendar_day.end[data-popup] .calendar_day-item {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 6;
}

.calendar_day.end.duo .calendar_day-item,
.calendar_day.duo .calendar_day-item {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 3;
	margin-bottom: 10px;
}

.calendar_day.duo.end .calendar_day-item:last-child,
.calendar_day.duo .calendar_day-item:last-child {
	margin-bottom: 0;
}

.calendar_mobile-duo.rating,
.calendar_mobile-item.rating,
.calendar_popup-item.rating,
.calendar_day.rating {
	background: #69B7D0;
}

.calendar_mobile-item.end,
.calendar_mobile-duo.end,
.calendar_popup-item.end,
.calendar_day.end {
	background: linear-gradient(135deg, #C66B4C 0%, #DBA071 100%);
}

.calendar_mobile-item[data-calendar-color],
.calendar_mobile-duo[data-calendar-color],
.calendar_popup-item[data-calendar-color],
.calendar_day[data-calendar-color] {
	/* --cal-color-hex: #3498db; */
	--cal-color-hex: #fff;
	--cal-lighten: 35%;

	background: linear-gradient(135deg,
			var(--cal-color-hex) 0%,
			color-mix(in srgb, var(--cal-color-hex), white var(--cal-lighten)));
}

.calendar_mobile-item[data-calendar-color="red"],
.calendar_mobile-duo[data-calendar-color="red"],
.calendar_popup-item[data-calendar-color="red"],
.calendar_day[data-calendar-color="red"] {
	--cal-color-hex: #C66B4C;
	/* background: linear-gradient(135deg, #C66B4C 0%, #DBA071 100%); */
}

.calendar_mobile-item[data-calendar-color="green"],
.calendar_mobile-duo[data-calendar-color="green"],
.calendar_popup-item[data-calendar-color="green"],
.calendar_day[data-calendar-color="green"] {
	--cal-color-hex: #038b37;
	/* background: linear-gradient(137deg, #038b37 0%, #02eb50 100%); */
}

.calendar_mobile-item[data-calendar-color="blue"],
.calendar_mobile-duo[data-calendar-color="blue"],
.calendar_popup-item[data-calendar-color="blue"],
.calendar_day[data-calendar-color="blue"] {
	--cal-color-hex: #03228B;
	/* background: linear-gradient(137deg, #03228B 0%, #0291EB 100%); */
}

.calendar_mobile-item[data-calendar-color="yellow"],
.calendar_mobile-duo[data-calendar-color="yellow"],
.calendar_popup-item[data-calendar-color="yellow"],
.calendar_day[data-calendar-color="yellow"] {
	--cal-color-hex: #898b03;
	/* background: linear-gradient(137deg, #898b03 0%, #e7eb02 100%); */
}

.calendar_mobile-item[data-calendar-color=""],
.calendar_mobile-duo[data-calendar-color=""],
.calendar_popup-item[data-calendar-color=""] {
	--cal-color-hex: #424242;
	/* background: linear-gradient(137deg, #424242 0%, #666666 100%); */
}

.calendar_days-inner {
	display: flex;
	width: 100%;
}

.calendar_popup {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	right: 0;

	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	display: flex;
	transition: all 0.3s;
	z-index: 200;
}

.calendar_popup.active {
	opacity: 1;
	visibility: visible;

}

.calendar_popup-wrapper {
	border-radius: 12px;
	background: #FFF;
	position: relative;
	width: 425px;
	padding: 20px;
}

.calendar_popup-title {
	color: #1B4897;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
}

.calendar_popup-items {
	margin-bottom: 30px;
}

.calendar_btnPopup {
	cursor: pointer;
}

.calendar_popup-item {
	padding: 20px 5px 20px 20px;
	color: #FFF;
	line-height: 110%;
	font-size: 16px;
	border-radius: 12px;
	margin-bottom: 10px;
}

.calendar_popup-item strong {
	color: #fff;
	text-decoration: underline;
}

.calendar_popup-item:last-child {
	margin-bottom: 0;
}

.calendar_popup-overlov {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: -1;
}

.calendar_popup-btn {
	border-radius: 4px;
	background: #9D9D9D;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 59px;
	height: 46px;
	margin-left: auto;
	font-size: 18px;
	color: #FFF;
	font-weight: 700;
	cursor: pointer;
}

.calendar_popup-close {
	width: 17px;
	height: 16px;
	position: absolute;
	top: 22px;
	right: 22px;
	cursor: pointer;
	background-image: url(/local/templates/ystu/components/xtt/news.calendar/admissions/./img/close.svg);
}

.calendar_day-week {
	display: none;
}

.calendar_mobile-items {
	display: none;
}

.calendar_desc {
	color: #000;
	font-size: 16px;
	margin-left: 110px;
	line-height: 110%;
	margin-top: 30px;
}

.calendar_day-length {
	display: none;
}

.calendar_month-prev {
	background-image: url(/local/templates/ystu/components/xtt/news.calendar/admissions/./img/calendar_week-prev.svg);
	background-size: 5px 9px;
}

.calendar_month-next {
	background-image: url(/local/templates/ystu/components/xtt/news.calendar/admissions/./img/calendar_week-next.svg);
	background-size: 6px 9px;
}

.calendar_month-next,
.calendar_month-prev {
	background-position: center;
	background-repeat: no-repeat;
	width: 35px;
	height: 30px;
	cursor: pointer;
}

.calendar_month-next.disabled,
.calendar_month-prev.disabled {
	opacity: 0.5;
	pointer-events: none;
}

@media(max-width:1800px) {
	.calendar_body {
		padding: 40px;
	}

	.calendar_day-value {
		font-size: 14px !important;
		margin-bottom: 5px;
	}
}

@media(max-width:1600px) {
	.calendar_day-item {
		font-size: 12px;
	}
}

@media(max-width:1200px) {
	.calendar_day {
		padding: 10px;
	}

	.calendar_day-item {
		font-size: 11px;
	}

	.calendar_title {
		margin-bottom: 30px;
	}
}

@media(max-width:998px) {
	.calendar_week-days {
		display: none;
	}

	.calendar_content {
		background: none;
	}

	.calendar_day.empty {
		display: none !important;
	}

	.calendar_day {
		/* height: 130px; */
		width: 145px;
		min-width: 135px;
		margin-right: 10px;
		margin-bottom: 0;
		padding: 16px;
		position: relative;
		background-color: #fff;
	}

	.calendar_day.end,
	.calendar_day.rating,
	.calendar_day.duo,
	.calendar_day.order,
	.calendar_day.start {
		background: #fff;
	}

	.calendar_days-inner {
		margin-bottom: 15px;
	}

	.calendar_days-inner {
		overflow: auto;
	}

	.calendar_days-inner::-webkit-scrollbar {
		width: 0;
		height: 0;
		display: none;
		visibility: hidden;
		opacity: 0;
		z-index: -11;
	}

	.calendar_days-inner::-webkit-scrollbar-track {
		width: 0;
		height: 0;
		display: none;
		visibility: hidden;
		opacity: 0;
		z-index: -11;
	}

	.calendar_days-inner::-webkit-scrollbar-thumb {
		width: 0;
		height: 0;
		display: none;
		visibility: hidden;
		opacity: 0;
		z-index: -11;
	}

	.calendar_day-week {
		display: block;
		position: absolute;
		right: 16px;
		top: 16px;
		color: #000;
		text-align: center;
		font-size: 16px;
	}

	.calendar_day.end.duo .calendar_day-item,
	.calendar_day.duo .calendar_day-item {
		-webkit-line-clamp: 2;
	}

	.calendar_day.active {
		background: linear-gradient(0deg, #DFEEF7 0%, #DFEEF7 100%), #FFF;
	}

	.calendar_day.end[data-popup] .calendar_day-item {
		-webkit-line-clamp: 2;
	}

	.calendar_day-item {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		color: #1B4897;
		line-height: 110%;
		font-size: 14px;
	}

	.calendar_day.duo.end .calendar_day-item:last-child,
	.calendar_day.duo .calendar_day-item:last-child {
		display: none;
	}

	.calendar_day-value,
	.calendar_day.end .calendar_day-value,
	.calendar_day.rating .calendar_day-value,
	.calendar_day.duo .calendar_day-value,
	.calendar_day.order .calendar_day-value,
	.calendar_day.start .calendar_day-value {
		color: #000;
		font-size: 16px !important;
		margin-bottom: 10px;
	}

	.calendar_days {
		width: calc(100% + 55px);

	}

	.calendar_days-inner {
		padding-right: 55px;
	}

	.calendar_day-length {
		position: absolute;
		border-radius: 22px;
		background: #1B4897;
		width: 24px;
		height: 24px;
		bottom: 16px;
		right: 16px;
		display: flex;
		justify-content: center;
		color: #FFF;
		text-align: center;
		font-weight: 700;
		font-size: 16px;
		align-items: center;
	}

	.calendar_wrapper {
		display: none;
	}

	.calendar_wrapper.active {
		display: block;
	}

	.calendar_mobile-item {
		border-radius: 12px;
		padding: 20px;
		color: #FFF;
		line-height: 130%;
		font-size: 14px;
		display: none;
		margin-bottom: 20px;
		max-width: 290px;
	}

	.calendar_mobile-items {
		display: block;
	}

	.calendar_mobile-item span {
		font-weight: 700;
		display: block;
		margin-bottom: 10px;
	}

	.calendar_month-prev,
	.calendar_month-next {
		display: block;
	}

	.calendar_month {
		font-size: 18px;
		padding: 10px;
		align-items: center;
	}

	.calendar_mobile-item.duo {
		background-color: #fff;
	}

	.calendar_mobile-item.duo span {
		color: #1B4897;
	}

	.calendar_mobile-duo {
		border-radius: 8px;
		padding: 10px;
		margin-bottom: 10px;
	}

	.calendar_mobile-duo strong {
		color: #fff;
		text-decoration: underline;
	}

	.calendar_mobile-duo:last-child {
		margin-bottom: 0;
	}
}

@media(max-width:767px) {
	.calendar_content .content_crums {
		margin-left: 15px;
	}

	.calendar_body {
		margin: 0 15px;
		padding: 20px;
	}

	.calendar_title {
		font-size: 18px;
		margin-bottom: 20px;
	}

	.calendar_month {
		margin-bottom: 20px;
	}

	.calendar_days {
		width: calc(100% + 35px);
	}

	.calendar_days-inner {
		padding-right: 35px;
	}

	.calendar_day-value,
	.calendar_day.end .calendar_day-value,
	.calendar_day.rating .calendar_day-value,
	.calendar_day.duo .calendar_day-value,
	.calendar_day.order .calendar_day-value,
	.calendar_day.start .calendar_day-value {
		font-weight: 400;
	}

	.calendar_desc {
		display: none;
	}
}

.calendar_month select {
	border: 0;
	color: #1B4897;
	font-weight: 700;
}
/* End */
/* /local/templates/ystu/components/xtt/news.calendar/admissions/style.css?173998531112195 */