.shell {
    min-height: 1100px;
    padding: 0px;
    padding-bottom: 30px;
}
.content__header {
    font-size: 24px;
    margin-top: 0;
}
.filter>div:first-child {
	display: grid;
    grid-template-columns: 200px 300px 1fr;
    grid-gap: 12px;
	margin-bottom: 12px;
}
.filter>div {
	display: grid;
    grid-template-columns: 1fr 214px;
    grid-gap: 12px;
	height: 38px;
}
@media (max-width: 768px) {
	.filter>div:first-child {
		grid-template-columns: 1fr;
	}
	.filter>div {
		grid-template-columns: 1fr;
		height: auto;
	}
}
.catalog-content {
	margin: 30px 0;
}
.catalog-content thead {
	background: #efefef;
}
.catalog-content tr:nth-child(even) {
    background: #f0f7f9;
}
.catalog-content__item:nth-child(2) {
	font-size: 18px;
	color:#383838;
}
.catalog-content__item:nth-child(7) {
	padding-top: 10px!important;
	font-size: 18px;
    font-weight: bold;
}
.catalog-content__item {
	padding: 10px!important;
  	padding-top: 20px!important;
    vertical-align: top!important;
	color: #444;
}
.catalog-content__grid {
	display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: 40px;
    grid-gap: 10px;
}
.catalog-content__button {
	display: inline;
	border-bottom: 1px dashed #383838;
    line-height: 1;
    width: fit-content;
	cursor: pointer;
}
.infobox {
	width: 260px;
    position: absolute;
    z-index: 101;
    line-height: 17px;
    border-radius: 3px;
    padding: 15px;
    text-align: center;
    background: #fff;
    box-shadow: 0 3px 5px #b3b5b2;
}
.hide {
	display: none;
}
.ozarign .button {
	border-color: var(--theme-b-bd-primary);
	background-color: var(--theme-b-bg-primary);
	color: var(--theme-b-tx-primary);
}
.ozarign .button:hover {
	border-color: var(--theme-b-bd-primary-hover);
	background-color: var(--theme-b-bg-primary-hover);
	color: var(--theme-b-tx-primary-hover);
}
.ozarign .input-text__input_focus {
	border-color: var(--theme-b-link);
}
.ozarign .input-date__input_focus {
	border-color: var(--theme-b-link);
}
.ozarign .select-block__select_focus {
	border-color: var(--theme-b-link);
}
#ui-datepicker-div.ui-datepicker td a {
	color: #03a9f4;
}

@media (max-width: 768px) {
	.filter {
		text-align: center;
	}
	.filter__cell, .filter__cell.program-search {
		min-width: 100%;
	}
	.filter__cell.date-preset {
		min-width: auto;
	}
	.filter__input.program-type {
		min-width: 100%;
	}
	.filter__input.center-choice {
		min-width: 100%;
	}
	.filter__input.program-type select, .filter__input.center-choice select {
		min-width: 100%;
	}
    .filter>div {
        display: block;
    }
    .filter>div>div {
        display: inline-block;
    }
}

.table th {
	padding: 10px;
}
.practice-iframe {
    height: 720px;
}


.count-block {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.count-block .change {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25px;
	height: 25px;
	font-weight: 600;
	color: #1476CD;
    background-color: #E3E6ED;
	border-radius: 3px;
	cursor: pointer;
	border: none;
	outline: none;
}
.count-block input {
	max-width: 25px;
	margin: 0 5px;
	background-color: #fff;
	border: none;
	border-radius: 3px;
    color: #000;
	text-align: center;
    font-family: Open Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.count-block .min {
    background-color: transparent;
}

.content .filter .date-input {
	border-radius: 8px;
	border: 1px solid var(--Light-gray, #D3D8E0);
	background: var(--White, #FFF);
	height: 38px;
}
.content .filter .input-date__input {
	height: 36px;
    border: none;
    border-radius: 8px;
	padding: 7px 14px;
	color: var(--Text-2C2C2C, #2C2C2C);
	font-family: Helvetica;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 21px */
	letter-spacing: 0.28px;
	background: transparent;
}
.content .filter .date-input .filter__input:nth-child(1) .input-date__input {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMyIgeT0iMy41IiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHJ4PSI1IiBzdHJva2U9IiM4NDkzQTUiIHN0cm9rZS13aWR0aD0iMS41Ii8+CjxwYXRoIGQ9Ik0zIDguNUgyMSIgc3Ryb2tlPSIjODQ5M0E1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTYuNSAyTDE2LjUgNSIgc3Ryb2tlPSIjODQ5M0E1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik03LjUgMkw3LjUgNSIgc3Ryb2tlPSIjODQ5M0E1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik02LjUgMTIuNUg3LjUiIHN0cm9rZT0iIzg0OTNBNSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTEuNSAxMi41SDEyLjUiIHN0cm9rZT0iIzg0OTNBNSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTYuNSAxMi41SDE3LjUiIHN0cm9rZT0iIzg0OTNBNSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNi41IDE2LjVINy41IiBzdHJva2U9IiM4NDkzQTUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjUgMTYuNUgxMi41IiBzdHJva2U9IiM4NDkzQTUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2LjUgMTYuNUgxNy41IiBzdHJva2U9IiM4NDkzQTUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
	background-repeat: no-repeat;
    background-position: 10px 7px;
	padding: 7px 5px 5px 50px;
}
.content .filter .button-group>.button:first-child {
    border-left: 1px solid var(--Light-gray, #D3D8E0);
}
.content .filter .button {
	border: 1px solid var(--Light-gray, #D3D8E0);
    background: var(--White, #FFF);
    color: var(--Text-2C2C2C, #2C2C2C);
    font-family: Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.28px;
    padding: 9px 13px;
    height: 38px;
	outline: none;
	margin: 0;
    border-radius: 8px;
}
.content .filter .button_active {
	background: rgba(211, 216, 224, 0.50);
	color: #1476CD;
}
.content .filter .select-block {
	width: 100%;
}
.content .filter .select-block__select {
	width: 100%;
	height: 38px;
	border-radius: 8px;
    border: 1px solid var(--Light-gray, #D3D8E0);
    background: var(--White, #FFF);
    color: var(--State-gray, #636D7A);
    font-family: Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}
.content .filter .select-block:before {
	content: "";
    position: absolute;
    top: 10px;
    right: 3px;
    width: 20px;
    height: 20px;
    background: #fff;
}
.content .filter .select-block:after {
	content: "";
    position: absolute;
	top: 7px;
    right: 12px;
    width: 20px;
    height: 20px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgOUwxMS4yMTkxIDE0LjMzMDZDMTEuNjY4NCAxNC43MTU4IDEyLjMzMTYgMTQuNzE1OCAxMi43ODA5IDE0LjMzMDZMMTkgOSIgc3Ryb2tlPSIjODQ5M0E1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=");
}

.content .filter .date-input>div {
	display: inline-block;
}
.content .filter .input-search {
	height: 38px;
}
@media (max-width: 768px) {
	.content .filter .input-search {
		margin-bottom: 12px;
	}
}
.content .filter .input-search .input-text__input {
	height: 38px;
    border-radius: 8px;
    border: 1px solid var(--Light-gray, #D3D8E0);
    background: var(--White, #FFF);
    color: var(--State-gray, #636D7A);
    font-family: Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding: 10px 25px;
}
.content .filter .clear-filter .button {
	border: 1px solid var(--Blue, #1476CD);
    color: var(--Blue, #1476CD);
    text-align: center;
    font-family: Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0.07px;
    width: 100%;
}

.content .table-responsive {
	border-radius: 4px 4px 0px 0px;
}
.content .table-responsive .table thead {
	border-radius: 4px 4px 0px 0px;
	border-bottom: 1px solid var(--Stroke-ECECEC, #ECECEC);
	background: var(--BG-F8F8F8, #F8F8F8);
	color: var(--Text-2C2C2C, #2C2C2C);
	/* Table 11 Bold */
	font-family: Inter;
	font-size: 11px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: 0.22px;
}
.content .table-responsive .table thead th {
	border-bottom: 1px solid var(--Stroke-ECECEC, #ECECEC);
}
.content .catalog-content__item .underline {
	color: var(--Text-2C2C2C, #2C2C2C);
	font-family: Helvetica;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 0.28px;
	border-bottom: none;
	text-decoration-line: underline;
}
.content .catalog-content__item .small {
	color: var(--Text-898989, #898989);
    font-family: Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0.28px;
	text-decoration: none;
}
.content .catalog-content__item:nth-child(1) {
	color: var(--Text-2C2C2C, #2C2C2C);
	font-family: Helvetica;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 0.28px;
	vertical-align: middle !important;
	padding: 20px !important;
}
.content .catalog-content__item:nth-child(3) {
    color: #2C2C2C;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.28px;
	vertical-align: middle !important;
	padding: 20px !important;
}
.content .catalog-content__item:nth-child(4) {
	overflow: hidden;
	color: var(--Text-2C2C2C, #2C2C2C);
	text-overflow: ellipsis;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 21px */
	letter-spacing: 0.28px;
	vertical-align: middle !important;
	padding: 20px !important;
}
.content .catalog-content__item:nth-child(5) {
	padding: 20px !important;
	vertical-align: middle !important;
}     
.content .catalog-content__item:nth-child(5) .button {
	height: 38px;
    color: var(--ffffff, #FFF);
    font-family: Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0.07px;
	vertical-align: middle !important;
	margin: 0;
}
.popup-window {
	max-width: 469px;
	position: fixed !important;
	top: calc(50% - 150px) !important
}
.popup-window-titlebar {
	height: auto;
}
.popup-window-titlebar-text {
	color: #1476CD;
	font-size: 18px;
	font-weight: bold;
	line-height: 100%;
	margin-bottom: 14px;
}
.popup-window-content {
	color: #0A274A;
	font-size: 14px;
}
.popup-window-titlebar-close-icon {
    right: -25px;
	top: -35px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNSAyOEwyNy41IDQiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMy41IDRMMjcuNSAyOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=);
	transition: none;
	opacity: 1;
}
.popup-window-titlebar-close-icon:after {
	content: unset;
}
.popup-window-with-titlebar .popup-window-content {
    padding: 10px;
	font-family: Helvetica;
    font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: 0.08px;
}
.popup-window.popup-window-with-titlebar {
	padding: 14px;
    padding-top: 24px;
}
@media(max-width: 768px) {
	.popup-window {
		max-width: 100%;
		top: unset !important;
		bottom: 0 !important;
		left: 0!important;
	}
	.popup-window-titlebar-close-icon {
		top: 12px;
		right: 10px;
		top: -35px;
	}
	.popup-window-with-titlebar .popup-window-content {
		padding: 10px;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%; 
	}
}