* {
	margin: 0;
	padding: 0;
}

body {
	overflow-x: auto;
}

.add-comment-button-container {
	width: 39px;
	height: 39px;
	position: fixed;
	top: 100%;
	left: 100%;
	z-index: 40;
	margin-left: -70px;
	margin-top: -80px;
	background-image: url(/images/new_doc_template/kb2.png);
	cursor: pointer;
	border-radius: 100%;
	background-color: transparent;
}

.add-comment-button-container:hover {
	background-image: url(/images/new_doc_template/kb_hover.png);
}

.arrow {
	margin-top: 6px;
	width: 0.4em;
	height: 0.4em;
	transform: rotate(45deg);
	margin-left: 4px;
}

.arrow-container {
	width: 20px;
	min-width: 20px;
	height: 20px;
	background: #ddd;
	border-radius: 5px;
}

.arrow-container:hover {
	background: #fff;
}

.arrow-down {
	border-right: 0.15em solid #26303b;
	border-top: 0.15em solid #26303b;
	transition-duration: 0.5s;
	transform: rotate(135deg);
	margin-left: 7px;
	margin-top: 4px;
}

.arrow-right {
	border-right: 0.15em solid #767e88;
	border-top: 0.15em solid #767e88;
	transition-duration: 0.5s;
	transform: rotate(45deg);
}

.Banner {
	display: flex;
	flex-flow: row wrap;
}

.button-link {
	text-decoration: none;
}

.change-menu {
	background-color: transparent;
	margin-top: 15px;
	width: 1em;
	height: 1em;
	border-right: 0.3em solid #d3d5d9;
	border-top: 0.3em solid #d3d5d9;
	transform: rotate(45deg);
	margin-left: 8px;
}

.change-menu-container:hover {
	background-color: #79818e;
}

.change-down {
	transition-duration: 0.5s;
	transform: rotate(135deg);
	margin-left: 13px;
	margin-top: 11px;
}

.change-right {
	transition-duration: 0.5s;
	transform: rotate(45deg);
}

.change-menu-container {
	width: 50px;
	height: 50px;
	background-color: #6b737f;
	background-image: url(/images/new_doc_template/line4.png);
	background-repeat: no-repeat;
	background-position: right;
	cursor: pointer;
}

.close-search-button {
	background-image: url(/images/new_doc_template/close4.png);
	display: none;
	background-repeat: no-repeat;
	background-position: 5px;
	width: 32px;
	background-color: white;
	border: none;
	outline: none;
	height: 32px;
	cursor: pointer;
	margin-right: 5px;
}

.close-search-button:hover {
	background-image: url(/images/new_doc_template/close_hover4.png);
}

.content-text {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}

.contentDiv {
	box-sizing: border-box;
	width: 100%;
	margin-left: 0px;
}

dir {
	padding-left: 15px;
}

div.reviews-reply-form {
	margin-top: 20px;
}

#DocGeneral {
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	background: rgb(247, 247, 247);
	flex-flow: column wrap;
}

#docIndexForm {
	width: 494px;
	border: none;
	padding-left: 3px;
	padding-top: 0px;
	overflow-y: scroll;
	background: #f7f7f7;
}

#docIndexForm:focus {
	outline: none;
}

#docIndexForm option:hover,
#docIndexForm option:focus,
#docIndexForm option:active,
#docIndexForm option:checked {
	background: linear-gradient(#ebebec, #ebebec);
	color: black;
	background-color: #ebebec !important; /* for IE */
}

#docList {
	width: 499px;
	background: rgb(247, 247, 247);
	border-right: 1px solid rgb(235, 235, 236);
	height: 100%;
	padding-top: 20px;
}

#DocList option {
	background: #f7f7f7;
	outline: none;
}

#DocSearch {
	display: flex;
	width: 100%;
	float: left;
	height: 100%;
	box-sizing: border-box;
	align-items: stretch;
	background: rgb(247, 247, 247);
	flex-flow: column;
	border-right: 1px solid rgb(235, 235, 236);
}

#DocSearchResult {
	overflow-y: scroll;
	flex-grow: 1;
	width: 100%;
	display: block;
}

dd {
	margin-left: 40px;
}

.detail-text {
	margin-top: 10px;
}

.detail-text,
.learning-lesson-detail-body {
	color: #3f4657;
	font-size: 14px;
}

.wait-window {
	background-color: transparent;
	background-image: url(/images/new_doc_template/wait3.gif);
	width: 19px;
	height: 23px;
	position: absolute;
}

.document-name {
	font-size: 26px;
	font-weight: bold;
	border-bottom: 1px solid #eee;
	padding-bottom: 8px;
	padding-top: 10px;
}

.external-link:after {
	width: 10px;
	height: 10px;
	content: '';
	background-image: url(/images/new_doc_template/link.png);
	display: inline-block;
	margin-left: 5px;
}

.forum-upload-file-attach {
	color: #3f4657;
}

.forum-upload-file-attach:hover {
	color: #535d72;
}

h2 {
	margin-top: 20px;
}

h4 {
	padding: 20px 0 10px 0;
	font-size: 20px;
	border-bottom: 1px solid #eee;
}

.home-img {
	background-image: url(/images/new_doc_template/home2.png);
}

.home-img:hover {
	background-image: url(/images/new_doc_template/home_hover3.png);
}

.i {

}

.indexDiv {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	min-height: 100%;
}

.inner-sections {
	overflow: hidden;
	height: inherit;
	display: block;
}

.line {
	width: 100%;
	height: 1px;
	background-color: #cccccc;
	margin: 15px 0;
}

.link {
	color: #6a99a5;
}

.link:hover {
	color: #7aafbc;
}

.link:visited {
	color: #3a5359;
}

#mainArea {
	align-items: stretch;
}

#mainNode {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: flex;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

#menu {
	position: relative;
	background: #f7f7f7;
	border-right: 1px solid rgb(235, 235, 236);
	display: flex;
	width: 0px;
	flex-flow: column;
	align-items: stretch;
	overflow-x: hidden;
}

.main-area {
	display: flex;
	min-height: 100vh;
}

.main-font,
.learning-lesson-detail-body {
	font-family: Helvetica Neue, Helvetica, Arial, monospace, sans-serif;
}

.main-section-close {
}

.main-section-open {
	background: #ebebec;
}

menu {
	padding-left: 15px;
	margin-top: 10px;
}

.menu {
	background: #f7f7f7;
	border-right: 1px solid rgb(235, 235, 236);
	display: flex;
	width: 500px;
	flex-flow: column;
}

.menu-button {
	background: #f7f7f7;
	border: none;
	cursor: pointer;
	font-size: 14px;
	text-align: left;
	padding: 5px 0 7px 10px;
	color: #3f4657;
	display: flex;
	position: relative;
}

.menu-button .is-new-icon {
	position: absolute;
	background-color: red;
	top: -5px;
	left: -13px;
	border-bottom-left-radius: 9px;
	border-top-right-radius: 9px;
	width: 34px;
	height: 11px;
	color: white;
	font-size: 7px;
	text-align: center;
	line-height: 12px;
}


.menu-button:hover {
	color: black;
	background: #eee;
}

.menu-button a {
	color: #3f4657;
}

.menu-button:hover a {
	color: black;
}

.menu-button:focus {
	outline: 0;
}

.menu-container {
	height: 100%;
	position: absolute;
	display: flex;
	align-items: stretch;
}

.menu-index {
	display: none;
}

.menu-pages {

}

.menu-search {
	display: none;
}

.menu-section-name {
	margin-left: 10px;
}

.nav-chain-arrow {
	width: 0.25em;
	height: 0.25em;
	border-right: 1px solid #3f4657;
	border-top: 1px solid #3f4657;
	transform: rotate(45deg);
	margin-left: 8px;
	margin-top: 8px;
}

.nav-chain-container {
	width: 30px;
}

.nav-chain-item {
	font-size: 16px;
	color: #82becd;
	font-weight: normal;
	text-decoration: none;
}

.note {
	display: block;
	padding: 10px 20px;
	border-radius: 3px;
	background-color: #e1e4f2;
	margin: 5px 0 5px 20px;
}

.note_blue {
	display: block;
	padding: 25px 20px;
	background-color: #EEF9FE;
	margin: 25px 0;
	font-weight: bold;
}

.note_blue span {
	padding: 8px 10px;
	border-radius: 5px;
	font-weight: 100;
	margin-left: 7px;
	margin-right: 20px;
	position: relative;
}

.note_blue span:after {
	content: '';
	position: absolute;
	height: calc(100% + 10px);
	width: 1px;
	display: block;
	right: -13px;
	top: -5px;
	background-color: #D8D8D8;
}

.note_blue span:last-child:after {
	display: none;
}

.note_blue span.bg_blue {
	background-color: #BBD4EC;
}

.note_blue span.bg_orange {
	background-color: #F5A623;
}

.no-result {
	color: #3f4657;
	font-size: 20px;
	font-family: sans-serif;
	text-align: center;
}

p {
	padding-top: 10px;
}

pre {
	border: 1px solid #ddd;
	background: #eee;
	color: #657b83;
	line-height: 15px;
	overflow: auto;
	margin: 10px 0 10px;
	white-space: pre-wrap;
}

code {
	background: #eee;
	padding: 0 5px;
	margin: 0 5px;
	font-size: 15px;
}

pre code {
	margin: 0;
	padding: 20px;
	tab-size: 4;
}

/*.popup-window {*/
/*	background-color: transparent;*/
/*	box-shadow: none;*/
/*	top: 200px !important;*/
/*	left: 2px !important;*/
/*}*/

.printer-img {
	margin-top: 5px;
	background-image: url(/images/new_doc_template/printer2.png);
}

.printer-img:hover {
	background-image: url(/images/new_doc_template/printer_hover3.png);
}

.resize-icon {
	background-image: url(/images/new_doc_template/slider4.png);
	margin-left: -4px;
	width: 0px;
	height: 132px;
	position: relative;
	top: 50%;
}

.reviews-reply-buttons input {
	border: 1px solid #ddd;
	cursor: pointer;
	background: #fff;
	color: #3f4657;
	font-size: 15px !important;
	padding: 10px !important;
}

.reviews-reply-buttons input:hover {
	background: #ddd;
	color: white;
}

#searchButton {
	background-image: url(/images/new_doc_template/loop5.png);
	background-repeat: no-repeat;
	background-position: 5px;
	width: 32px;
	outline: none;
	border-radius: 6px;
	height: 32px;
	cursor: pointer;
	background-color: #fff;
	border: none;
	margin-right: 5px;
}

#searchButton:hover {
	background-image: url(/images/new_doc_template/loop-hover5.png);
}

#searchQuery {
	border: none;
	flex-grow: 1;
	height: 32px;
	padding: 0 10px 0 10px;
	outline: none;
	font-size: 15px;
	width: 100%;
}

#searchQuery::-webkit-input-placeholder {
	color: #dadada;
}

.searchForm {
	margin: 25px 16px 10px 16px;
}

.search-inputs {
	padding-left: 10px;
	display: flex;
	align-items: center;
	background: white;
	border: 1px solid #d1d4d6;
}

.section {
	display: inline-flex;
	padding-top: 6px;
	width: 98%;
}

.section-text {
	text-decoration: none;
	width: 100%;
	padding: 2px 0 0 5px;
}

.section-text-selected {
	color: #3f4658;
	font-weight: bold;
}

.show-counts {
	text-align: right;
	height: 30px;
	padding: 5px 20px 5px 0;
	display: flex;
	font-size: 12px;
	color: #808080;
}

.show-redactions {
	padding-top: 5px;
	font-size: 12px;
	color: #808080;
}

.show-redactions div {
	margin-bottom: 5px;
}

.syntax {
	font-family: "Courier New";
}

.splitter {
	height: 100%;
	background: #ccc;
	cursor: col-resize;
	position: absolute;
	left: 0px;
}

span.path {
	color: #4682b4;
	font-style: italic;
}

#topictoc {
	margin-left: 20px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	line-height: 25px;
}

#topictoctitle {
	padding-bottom: 10px;
}

table {
	margin-top: 15px;
}

table.reviews-post-table {
	width: 100%;
	line-height: 1.5em;
	border-bottom: none;
	padding: 1px 3px 1px 0;
	table-layout: fixed;
}

table.reviews-post-table td {
	padding: 0;
	vertical-align: top;
	border: none;
}

table.reviews-post-table tbody td {
	display: flex;
	justify-content: center;
}

table.reviews-post-table tbody td div {
	width: 97%;
}

table.reviews-post-table thead td {
	padding: 10px;
	border: 1px solid #ddd;
	background: #fff;
	padding: 10px 10px 10px 10px;
	border-radius: 5px;
	background: #ddd;
}

table.reviews-post-table thead td .message-post-date {
	font-size: 0.85em;
	margin-left: 10px;
}

table.reviews-post-table tbody td div.reviews-text {
	padding: 10px 10px 20px 10px;
	border: 1px solid #dadada;
}

td {
	border: 1px solid #ddd;
	background: #fff;
	padding: 10px 10px 10px 10px;
	vertical-align: top;
	font-size: 14px;
}

th {
	padding: 10px 10px 10px 10px;
	background: #ddd;
	font-size: 16px;
}

.text {
	padding-left: 30px;
	width: 100%;
}

.title {
	width: 100%;
	height: 50px;
	background: #6b737f;
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: space-between;
}

.title-left-block {
	display: flex;
}

.title-text {
	color: #f3f4f4;
	font-size: 22px;
	padding: 13px 0 0 25px;
	font-weight: bold;
}

.title .header-link {
	width: auto;
	margin: 0 20px 0 7px;
	display: inline-block;
	height: auto;
	color: #b5b9bf;
	font-size: 14px;
	vertical-align: top;
	white-space: nowrap;
	text-decoration: none;
}

.title .header-link:hover {
	color: #cbcfd6;
}

.title .header-link strong {
	display: inline-block;
	border: 1px solid #989898;
	line-height: 21px;
	padding: 0 5px;
	border-radius: 3px;
	margin-left: 4px;
}

.toc {
	padding-left: 10px;
	margin-top: 10px;
}

.toc2 {
	padding-left: 20px;
}

ul, ol {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	line-height: 25px;
	margin: 5px 0 0 30px;
	border: none;
	padding-bottom: 0px;
}

.user-comments {
	font-size: 14px;
}

.user-comments h4 {
	font-size: 20px;
	margin-bottom: 10px;
}

.version {
	margin-left: 10px;
}

.version-for-print {
	padding-right: 10px;
	padding-top: 12px;
	display: flex;
}

.version-for-print .printer-img-link,
.version-for-print .home-img-link {
	margin-right: 20px;
	display: block;
	width: 30px;
	height: 30px;
}

.version-for-print .printer-img,
.version-for-print .home-img {
	background-repeat: no-repeat;
	height: 100%;
}

.watermark {
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
	padding: 30px 5px 20px;
	text-align: center;
	font-size: 14px;
}

/*HLJS*/
.hljs {
	display: block;
	color: #657b83;
}

.hljs-comment,
.hljs-template_comment,
.diff .hljs-header,
.hljs-doctype,
.hljs-pi,
.lisp .hljs-string,
.hljs-javadoc {
	color: #93a1a1;
}

/* Solarized Green */
.hljs-keyword,
.hljs-winutils,
.method,
.hljs-addition,
.css .hljs-tag,
.hljs-request,
.hljs-status,
.nginx .hljs-title {
	color: #859900;
}

/* Solarized Cyan */
.hljs-number,
.hljs-command,
.hljs-string,
.hljs-tag .hljs-value,
.hljs-rules .hljs-value,
.hljs-phpdoc,
.tex .hljs-formula,
.hljs-regexp,
.hljs-hexcolor,
.hljs-link_url {
	color: #2aa198;
}

/* Solarized Blue */
.hljs-title,
.hljs-localvars,
.hljs-chunk,
.hljs-decorator,
.hljs-built_in,
.hljs-identifier,
.vhdl .hljs-literal,
.hljs-id,
.css .hljs-function {
	color: #268bd2;
}

/* Solarized Yellow */
.hljs-attribute,
.hljs-variable,
.lisp .hljs-body,
.smalltalk .hljs-number,
.hljs-constant,
.hljs-class .hljs-title,
.hljs-parent,
.haskell .hljs-type,
.hljs-link_reference {
	color: #b58900;
}

/* Solarized Orange */
.hljs-preprocessor,
.hljs-preprocessor .hljs-keyword,
.hljs-pragma,
.hljs-shebang,
.hljs-symbol,
.hljs-symbol .hljs-string,
.diff .hljs-change,
.hljs-special,
.hljs-attr_selector,
.hljs-subst,
.hljs-cdata,
.clojure .hljs-title,
.css .hljs-pseudo,
.hljs-header {
	color: #cb4b16;
}

/* Solarized Red */
.hljs-deletion,
.hljs-important {
	color: #dc322f;
}

/* Solarized Violet */
.hljs-link_label {
	color: #6c71c4;
}

.tex .hljs-formula {
	background: #eee8d5;
}

/* Spoiler */
table.learning-spoiler thead {
	cursor: pointer;
	cursor: hand;
}

table.learning-spoiler thead div {
	padding-left: 25px;
	background-image: url('./images/plus.gif');
	background-position: left center;
	background-repeat: no-repeat;
}

table.learning-spoiler thead.learning-spoiler-head-open div {
	background-image: url('./images/minus.gif');
}

table.learning-spoiler {
	border: 1px solid #ddd;
	table-layout: fixed;
	padding: 3px;
	width: 100%;
	background-color: #eee

}

table.learning-spoiler td {
	color: black;
	padding: 5px 5px;
	display: block;
	/*overflow-x: auto;*/
}

table.learning-spoiler th {
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	color: black;
}

/* Spoiler */
table.learning-spoiler td table td {
	display: table-cell;
	padding: 3px;
	margin: 0;
}

table.learning-spoiler td table td p {
	padding: 0;
	margin: 0;
	font-size: 14px;
}

td table.learning-spoiler {
	margin: 0px;
}

td table.learning-spoiler table {
	margin: 0px;
}

td div.learnin-post-text {
	margin: -8px -8px -8px -8px;
}

.button-up {
	border: 1px solid #ddd;
	cursor: pointer;
	background: #fff;
	color: #3f4657;
	font-size: 15px;
	padding: 10px 20px;
	display: none;
	margin: 15px 0 40px;
	position: fixed;
	bottom: 0;
	right: 100px;
	z-index: 99;
}

.button-up:hover {
	background: #ddd;
	color: white;
}

.hint_versions {
	display:flex;
	justify-content: space-between;
}

#show-redactions {
	text-align: right;
	padding-right: 20px;
	font-size: 12px;
}


/*стили темной темы*/

div.dark-theme-button-cnr {
	width: auto;
	padding: 7px 0;
	box-sizing: border-box;
	margin-right: 20px;
}

div.dark-theme-button-title {
	width: auto;
	margin: 0 6px 0 0;
	display: inline-block;
	height: auto;
	color: #b5b9bf;
	font-size: 14px;
	vertical-align: top;
	white-space: nowrap;
}

.dark-theme-button-switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 12px;
}

.dark-theme-button-switch input {
	display: none;
}

.dark-theme-button-cnr .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.dark-theme-button-cnr .slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	bottom: -4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.dark-theme-button-cnr input:checked + .slider {
	background-color: #525252;
	box-shadow: inset 0px 0px 5px -1px rgb(0, 0, 0);
}

.dark-theme-button-cnr input:focus + .slider {
	box-shadow: 0 0 1px #2196f3;
}

.dark-theme-button-cnr input:checked + .slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}

.dark-theme-button-cnr .slider.round {
	border-radius: 34px;
	box-shadow: inset 0px 0px 7px -3px rgb(0, 0, 0);
}

.dark-theme-button-cnr .slider.round:before {
	border-radius: 50%;
	box-shadow: inset 0px 0px 3px 1px rgb(0, 0, 0);
}

.dark-theme#mainArea,
.dark-theme table td,
.dark-theme .button-up,
.dark-theme div.reviews-reply-header,
.dark-theme div.reviews-bbcode-line a:hover,
.dark-theme div.reviews-bbcode-line a:hover img,
.dark-theme .feed-add-post-form,
.dark-theme div.reviews-reply-buttons input,
.dark-theme #menu,
.dark-theme .menu-button,
.dark-theme #DocGeneral,
.dark-theme #DocSearch,
.dark-theme .code-editor-cnt,
.dark-theme .contentDiv .tab-panel-cnr .tab-btn.tab-active,
.dark-theme .contentDiv .tab-panel-cnr .tab-btn:hover,
.dark-theme .contentDiv .tab-panel-cnr .tab-panel-toggle {
	background-color: #525252;
}

.dark-theme table td {
	border-color: #777;
}

.dark-theme .show-counts,
.dark-theme .show-redactions,
.dark-theme .document-name,
.dark-theme .detail-text,
.dark-theme table,
.dark-theme .button-up,
.dark-theme div.reviews-reply-buttons input,
.dark-theme #searchQuery,
.dark-theme .menu-button,
.dark-theme .menu-button a,
.dark-theme .section-text-selected,
.dark-theme #DocSearch .no-result,
.dark-theme pre.hljs-copy-wrapper .hljs-copy-button {
	color: #fff;
}

.dark-theme .nav-chain-arrow {
	border-color: #fff;
}

.dark-theme .contentDiv .tab-panel-cnr,
.dark-theme table th,
.dark-theme form.reviews-form,
.dark-theme .search-inputs,
.dark-theme #searchQuery,
.dark-theme #searchButton,
.dark-theme .close-search-button,
.dark-theme .main-section-open,
.dark-theme .menu-button:hover,
.dark-theme .contentDiv .detail-text .note,
.dark-theme .contentDiv .detail-text .note_blue,
.dark-theme .contentDiv .detail-text code:not(.hljs) {
	background-color: #777;
}

.dark-theme .contentDiv .tab-panel-cnr .tab-btn {
	background-color: #777;
	box-shadow: inset 0px 0px 0px 1px rgba(82, 82, 82, 1);
}

.dark-theme .contentDiv .detail-text a {
	color: #82becd;
}


.dark-theme .hljs {
	display: block;
	background: #444;
}

.dark-theme .hljs-keyword,
.dark-theme .hljs-literal,
.dark-theme .hljs-change,
.dark-theme .hljs-winutils,
.dark-theme .hljs-flow,
.dark-theme .lisp .hljs-title,
.dark-theme .clojure .hljs-built_in,
.dark-theme .nginx .hljs-title,
.dark-theme .tex .hljs-special {
	color: white;
}

.dark-theme .hljs,
.dark-theme .hljs-subst {
	color: #DDD;
}

.dark-theme .hljs-string,
.dark-theme .hljs-title,
.dark-theme .haskell .hljs-type,
.dark-theme .ini .hljs-title,
.dark-theme .hljs-tag .hljs-value,
.dark-theme .css .hljs-rules .hljs-value,
.dark-theme .hljs-preprocessor,
.dark-theme .hljs-pragma,
.dark-theme .ruby .hljs-symbol,
.dark-theme .ruby .hljs-symbol .hljs-string,
.dark-theme .ruby .hljs-class .hljs-parent,
.dark-theme .hljs-built_in,
.dark-theme .sql .hljs-aggregate,
.dark-theme .django .hljs-template_tag,
.dark-theme .django .hljs-variable,
.dark-theme .smalltalk .hljs-class,
.dark-theme .hljs-javadoc,
.dark-theme .ruby .hljs-string,
.dark-theme .django .hljs-filter .hljs-argument,
.dark-theme .smalltalk .hljs-localvars,
.dark-theme .smalltalk .hljs-array,
.dark-theme .hljs-attr_selector,
.dark-theme .hljs-pseudo,
.dark-theme .hljs-addition,
.dark-theme .hljs-stream,
.dark-theme .hljs-envvar,
.dark-theme .apache .hljs-tag,
.dark-theme .apache .hljs-cbracket,
.dark-theme .tex .hljs-command,
.dark-theme .hljs-prompt,
.dark-theme .coffeescript .hljs-attribute {
	color: #D88;
}

.dark-theme .hljs-comment,
.dark-theme .java .hljs-annotation,
.dark-theme .python .hljs-decorator,
.dark-theme .hljs-template_comment,
.dark-theme .hljs-pi,
.dark-theme .hljs-doctype,
.dark-theme .hljs-deletion,
.dark-theme .hljs-shebang,
.dark-theme .apache .hljs-sqbracket,
.dark-theme .tex .hljs-formula {
	color: #777;
}

.dark-theme .hljs-keyword,
.dark-theme .hljs-literal,
.dark-theme .hljs-title,
.dark-theme .css .hljs-id,
.dark-theme .hljs-phpdoc,
.dark-theme .haskell .hljs-type,
.dark-theme .vbscript .hljs-built_in,
.dark-theme .sql .hljs-aggregate,
.dark-theme .rsl .hljs-built_in,
.dark-theme .smalltalk .hljs-class,
.dark-theme .diff .hljs-header,
.dark-theme .hljs-chunk,
.dark-theme .hljs-winutils,
.dark-theme .bash .hljs-variable,
.dark-theme .apache .hljs-tag,
.dark-theme .tex .hljs-special,
.dark-theme .hljs-request,
.dark-theme .hljs-status {
	font-weight: bold;
}

.dark-theme .coffeescript .javascript,
.dark-theme .javascript .xml,
.dark-theme .tex .hljs-formula,
.dark-theme .xml .javascript,
.dark-theme .xml .vbscript,
.dark-theme .xml .css,
.dark-theme .xml .hljs-cdata {
	opacity: 0.5;
}

/* редактор кода */
.code-img
{
	margin-top: 5px;
	margin-right: 20px;
}

.code-img i
{
	font-size: 23px;
	color: #b5b9bf;
	cursor: pointer;
}

.code-img i:hover
{
	color: #cbcfd6;
}

.code-editor-cnt
{
	z-index: 1000;
	border: 5px solid #ccc;
	position: absolute;
	top: 0;
	background: white;
	transition: right 0.4s linear;
	right: -100%;
	width: 50%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

.code-editor-cnt.show
{
	right: 0;
}

.code-editor-cnt .editor-close
{
	font-size: 25px;
	position: absolute;
	top: 5px;
	left: 8px;
	color: #ccc;
	cursor: pointer;
}

.code-editor-cnt .editor-close:hover
{
	color: #e5e5e5;
}

.code-editor-cnt .code-editor-title
{
	text-align: center;
}

.code-editor-cnt .code-editor
{
	padding: 15px;
}

.code-editor-cnt .code-editor-block
{
	display: none;
}

.code-editor-cnt .code-editor-block.block
{
	display: block;
}

.code-editor-cnt .code-editor-block iframe
{
	border: none;
}

.code-editor-cnt .not-available-img
{
	display: block;
	margin: 30px auto;
	width: 50%;
}

/* селектор док */
.docs-selector-container
{
	width: 50px;
	height: 50px;
	position: relative;
}

.docs-selector
{
	cursor: pointer;
	background-color: transparent;
	width: 15px;
	height: 15px;
	border-right: 3px solid #d3d5d9;
	border-top: 3px solid #d3d5d9;
	transform: rotate(135deg);
	transition: 250ms linear all;
	margin: 15px auto;
}

.docs-selector.open
{
	margin-top: 20px;
	transform: rotate(315deg);
}

.docs-list-container
{
	position: absolute;
	top: 50px;
	background: #6b737f;
	display: flex;
	flex-direction: column;
	line-height: 10px;
	left: 0;
	border: 1px solid #d3d5d9;
	opacity: 0;
	visibility: hidden;
	transition: 250ms linear all;
}

.docs-list-container.show
{
	opacity: 1;
	visibility: visible;
}

.docs-list-container a
{
	text-decoration: none;
	color: #f3f4f4;
	font-weight: bold;
	white-space: nowrap;
	padding: 15px;
}

.docs-list-container a:hover
{
	background-color: #79818e;
}

.add_new_favorite
{
	background-image: url("images/favorit.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	height: 13px;
	position: relative;
	width: 13px;
}

.already_favorite
{
	background-image: url("images/already_favorit.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	height: 13px;
	position: relative;
	width: 13px;
}

.loading_favorite
{
	background-image: url("images/loading.gif");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	height: 16px;
	left: 3px;
	position: relative;
	width: 16px;
	bottom: -2px;
}