/*dark mode switcher btn*/
.dm-btn {
	--dm-btn-shadow: inset 0 2px 4px rgba(0, 0, 0, .1), inset 0 2px 4px rgba(0, 0, 0, .1), inset 0 -2px 2px rgba(0, 0, 0, .1);
	--dm-btn-bg: var(--tpl-accent-white);
	--dm-btn-color: var(--tpl-accent-blue);

	align-items: center;
	background: rgba(0,0,0,0.2);
	color: var(--dm-btn-color);
	display: flex;
	height: 35px;
	justify-content: center;
	padding: 0;
	width: 35px;
border: none;
position: fixed;
right: 50px;
top: 64px;
border-radius: 50px;
cursor: pointer;
z-index: 99;
}
.svg-icon-24 {
height: 35px;
}

.dark-mode .dm-btn {
	--dm-btn-shadow: inset 0 4px 6px rgba(0, 0, 0, .1), inset 8px 0 8px rgba(0, 0, 0, .1), inset 0 -4px 4px rgba(0, 0, 0, .1);
	--dm-btn-bg: var(--tpl-accent-blue);
	--dm-btn-color: #fff;
}

.dm-spin {
	animation: dm-spin 0.5s;
}

@keyframes dm-spin {
	to {
		transform: rotate(360deg);
	}
}

/*dark mode switcher btn end*/

/* -------------- DARK-MODE -------------- */
.dark-mode #topBlock {
background: url(/bgnew3bbb.png) no-repeat center 10px transparent;
}
.dark-mode input.placeholder_color {
background-color: #e3e3e3 !important;
}
.dark-mode .eTitle {
border-color: #c8c8c8 !important;
}
body.dark-mode {
background: #d8d8d8 !important;
}
.dark-mode .eBlock {
background: #fff !important;
}
.dark-mode .eBlock td,
.dark-mode .eBlock span,
.dark-mode .eBlock p,
.dark-mode div[data-toc] .table_content_title,
.dark-mode div[data-toc] .table_content_title:before,
.dark-mode div[data-toc] a,
.dark-mode .eBlock b,
.dark-mode .eBlock u,
.dark-mode .eBlock strong,
.dark-mode .eBlock h1,
.dark-mode .eBlock h1,
.dark-mode .eBlock h2,
.dark-mode .eBlock h3,
.dark-mode .eBlock h4,
.dark-mode .eBlock h5,
.dark-mode .eBlock h6,
.dark-mode .content a:not([class="ulightbox"]):not([class="toc_link"]),
.dark-mode #linkofsite,
.dark-mode .eDetails span,
.dark-mode .eDetails span a,
.dark-mode .eDetails2 span,
.dark-mode .eDetails2 a,
.dark-mode .eDetails2 span a,
.dark-mode .eDetails2 span font,
.dark-mode .eDetails2 #rating_os,
.dark-mode .eTitle span,
.dark-mode .eMessageView a {
color: #000;
}
.dark-mode .eTitle a,
.dark-mode .eMessage,
.dark-mode #toTop:before,
.dark-mode .afoot,
.dark-mode .BreadcrumbList,
.dark-mode .BreadcrumbList li a,
.dark-mode #select_language,
.dark-mode #center_td_style_footer,
.dark-mode #center_td_style_footer span,
.dark-mode .block_ic_links a:before,
.dark-mode .footm,
.dark-mode .footm span,
.dark-mode .footm a,
.dark-mode .uRelatedEntry,
.dark-mode .uRelatedEntry a {
color: #000 !important;
}
.dark-mode #select_language {
border-color: #000 !important;
}
.dark-mode .eBlock blockquote,
.dark-mode .eDetails-line,
.dark-mode .commTable {
background: #f6f6f6 !important;
border-color: #e8e8e8 !important;
}
.dark-mode .content img:not([src*="s62.ucoz.net"]),
.dark-mode .ya-share2__container,
.dark-mode .ya-share2__container_size_m,
.dark-mode .toc_style,
.dark-mode .sourse1,
.dark-mode .eDetails,
.dark-mode .eDetails2,
.dark-mode .relatedPC {
background: #f6f6f6 !important;
}
.dark-mode .eTag {
background: #e9e9e9;
}
.dark-mode .eDetails-line .icon-tags {
color: rgba(0,0,0,0);
}
.dark-mode .eDetails,
.dark-mode .eDetails2 {
border-color:#cbcbcb;
}
.dark-mode #rating_os,
.dark-mode .eTitle td,
.dark-mode .eTitle a,
.dark-mode .uRelatedEntry,
.dark-mode .uRelatedEntry a {
text-shadow: none !important;
}
.dark-mode .relatedPCdiv,
.dark-mode .eTitle,
.dark-mode .comments_counter_485,
.dark-mode .welcome_comments_div {
background: #eeeeee !important;
color: #000;
}
.dark-mode .quick {
background: #eeeeee !important;
color: #999 !important;
text-shadow: none !important;
}
.dark-mode #footer {
background: rgba(0,0,0,0.2) !important;
}
.dark-mode .tablefoot {
background: rgba(0,0,0,0.1) !important;
}