::-webkit-scrollbar-thumb,html ::-webkit-scrollbar-thumb {
	-webkit-overflow-scrolling: touch;
	background-color: var(--scrollbar-thumb-background-color)
}

::-webkit-scrollbar-track,html ::-webkit-scrollbar-track {
	-webkit-overflow-scrolling: touch;
	background-color: transparent;
	border-radius: 0;
	margin-bottom: 0;
	margin-top: 0
}

::-webkit-scrollbar,html ::-webkit-scrollbar {
	-webkit-overflow-scrolling: touch;
	height: 10px;
	margin-bottom: 0;
	margin-top: 0;
	width: 10px
}

.hide {
	display: none !important;
}

/* .document-count:before{ */
/* content:'Количество документов: '; */
/* } */
.form-control:focus {
	box-shadow: none;
}

.nav {
	padding: 0 !important;
	margin: 0 !important;
}

.modal-fullscreen .modal-footer, .modal-fullscreen .modal-header {
	justify-content: flex-end;
}

#top .nav-tabs {
	background-color: var(--title-background-color);
}

#top .nav-tabs .nav-link.active {
	background-color: #f1f1f1;
	color: #2a589a;
	border-radius: 0;
}

#top .nav-tabs .nav-link {
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	color: #fff;
	padding: 5px 20px;
	margin-bottom: -1px;
	border-bottom: 1px solid #f1f1f1;
}

#document-content {
	height: 100%;
	width: 100%;
}

#container {
	counter-reset: enum 0;
}

.num::before {
	content: counter(enum) ". ";
}

#container .object {
	text-decoration: auto;
	font-size: 1em;
	color: #5d5d5d;
	width: max-content;
	counter-increment: enum 1;
}

#document1-list .object:hover {
	color: #0a58ca;
}

.block-content, .content-footer, .hide {
	display: none;
}

.block-content {
	background: #fff;
	width: 80%;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	overflow: auto;
	padding: 10px;
}

.index:after {
	content: attr(data-search);
}

.vertical-separator {
	width: 1px;
	background: linear-gradient(183deg, rgba(255, 255, 255, 0) 20%, var(--title-background-color) 50%, rgba(255, 255, 255, 0) 80%);
}

.menu-content {
	height: 100px;
	background-color: #f3f3f3;
	border-bottom: 1px solid #bbb;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
}

.form-label {
	margin-bottom: 0rem;
}

.menu-content .menu-block {
	display: flex;
	align-items: center;
	border-left: 1px solid #d8cfcf;
	padding-left: 10px;
}

.menu-button {
	display: flex;
	flex-direction: column;
	text-align: center;
	min-width: 124px;
	cursor: pointer;
	margin: 5px 10px;
	border: 1px solid transparent;
}

.menu-button:not(.active):hover {
	background-color: color-mix(in srgb, var(--schema-color), #00000000 70%);
	border-radius: 5px;
	border: 1px solid #ccc;
}

.menu-button.active {
	background-color: color-mix(in srgb, var(--schema-color), #00000000 60%);
	border-radius: 5px;
	border: 1px solid #ccc;
}

.menu-button-icon {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.9em;
	text-shadow: 2px 2px 2px rgb(50 50 50 / 28%);
}

#block-document1:not(:has(.directory)) .index:after {
	content: "Нет доступного материала";
}

#block-document2:not(:has(.directory)) .index:after {
	content: "Нет доступного материала";
}

#block-document3:not(:has(.directory)) .index:after {
	content: "Нет доступного материала";
}

body:has(#document1.active) :is(#block-document1, #block-document1-footer) {
	display: block !important;
}

body:has(#document2.active) :is(#block-document2, #block-document2-footer) {
	display: block !important;
}

body:has(#document3.active) :is(#block-document3, #block-document3-footer) {
	display: block !important;
}

body:has(#new-ads.active) #block-new-ads {
	display: block;
}

body:has(#old-ads.active) #block-old-ads {
	display: block;
}

#methodical-section .menu-button-icon {
	background-image: url('../img/public/book1.svg');
	background-repeat: no-repeat;
	background-position: center;
}

#education-section .menu-button-icon {
	background-image: url('../img/public/book2.svg');
	background-repeat: no-repeat;
	background-position: center;
}

#bookshelf .menu-button-icon {
	background-image: url('../img/public/book3.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 64%;
}

#ads-read .menu-button-icon {
	background-image: url('../img/public/a.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 64%;
}

#ads-unread .menu-button-icon {
	background-image: url('../img/public/book3.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 64%;
}

.menu-button-icon i {
	border: 1.6px solid #5d5d5d;
	padding: 14px 0px;
	color: color-mix(in srgb,var(--button-background-color), color-mix(in srgb,var(--button-background-color), #000 50%) 50%)!important;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	margin: 0;
	font-weight: 300;
	background: aliceblue;
}

.menu-button-title {
	font-size: 0.8em;
	font-weight: 400;
	white-space: nowrap;
	padding: 0 10px;
}

#container {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.index {
	text-align: center;
	padding: 0 10px 0;
	margin: 0px;
	font-weight: 800;
	color: color-mix(in srgb,var(--button-background-color), color-mix(in srgb,var(--button-background-color), #000 50%) 50%)!important;
	font-family: 'Bebas Neue Book';
	font-size: 1.3em;
}

#top .title {
	padding: 5px;
	text-align: center;
	background-color: var(--title-background-color);
	color: #fff;
}

.user-logoff {
	display: flex;
	width: 34px;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #78281f;
	border: 1px solid #380202;
	cursor: pointer;
	font-weight: 100;
}

.user-logoff:hover {
	background: #943126;
}

#dialogСonfirm-text {
	display: flex;
	align-items: center;
}

#dialogСonfirm-text:before {
	content: "\f059";
	font-size: 3em;
	font-family: 'Font Awesome 6 Pro';
	font-weight: 100;
	margin: 0 10px 0 0;
	margin-right: 10px;
}

#center {
	flex: 1;
	background: #e6e6e6ff;
	padding: 10px;
	display: flex;
	justify-content: center;
	overflow: hidden;
}

#bottom {
	min-height: 24px;
	background-color: #f3f3f3;
	border-top: 1px solid #bbb;
	font-weight: 300;
	display: flex;
}

#center .nav-tabs .nav-link:not(.active):hover {
	border: 0;
}

#center .nav-tabs .nav-link.active {
	font-weight: 400;
}

#center .nav-tabs .nav-link {
	border: 0;
}

#center .nav-tabs {
	border: 0;
}

.user {
	margin-left: 5px;
}

.user:before {
	font-family: 'Font Awesome 6 Pro';
	content: "\f007";
	margin-right: 5px;
}

.ebook-count:before {
	font-family: 'Font Awesome 6 Pro';
	content: "\f518";
	margin-right: 5px;
}

.programs-count:before {
	font-family: 'Font Awesome 6 Pro';
	content: "\f5f6";
	margin-right: 5px;
}

.tests-count:before {
	font-family: 'Font Awesome 6 Pro';
	content: "\f0ae";
	margin-right: 5px;
}

:is(.ebook-filter-count,.programs-filter-count,.tests-filter-count):before {
	font-family: 'Font Awesome 6 Pro';
	content: "\f0b0";
	margin-right: 5px;
}

.dialog-close {
	position: absolute;
	right: 0;
	top: 0;
	margin: 5px;
	padding: 10px;
	background: #78281f;
	color: #fff;
	border-radius: 0.2em;
	cursor: pointer;
}

.dialog-close:hover {
	background: #943126;
}

.form-control:focus {
	border-color: var(--title-background-color);
}