.logo-to-print {
	display: none;
}
/* main styles */
.bsection-block-table {
	table-layout: fixed;
}
.bsection-block-table > div > div > table > tbody > tr > td {
	padding: 0.5vh 1.5vw;
}
* {
	margin: 0px;
	padding: 0px;
}
body {
	word-wrap:break-word;
	position: relative;
	font-family: 'Roboto Condensed';
	font-size: 0.9vw;
	font-weight: 400;
	overflow-y: scroll;
	background-color: #CBD4D8;
	min-height: 100vh;
	overflow: hidden;
}
body::-webkit-scrollbar {
	display: none;
}
a {
	text-decoration: none;
	color: #000;
}
ol, ul {
	white-space: normal;
}
.clr {
	clear: both;
}
.all-article-post-files {
	margin-top: 1vw;
}
tr, th {
	font-weight: 400;
}
.pn-objects {
	display: block;
	margin: 1vw 0;
	padding: 0.5vw;
	background-color: #3c5b74;
	color: #fff;
	font-size: 1.2vw;
	text-align: center;
}
.btn-submit:hover {
	background-color: green;
}
.dispinline {
	display: inline-block;
}

.filter-query {
	display: inline-block;
	margin: 0.25vh 0.25vw;
	padding: 0.5vh 1vw;
	background-color: #ccc;
	border: 0;
	border-radius: 20px;
	white-space: nowrap;
}

.filter-query-type-active, .filter-type-active {
	background-color: #264b77;
	color: #fff;
}

.filter-rubric-application-areas, .filter-rubric-application-text-areas {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 1vh 0;
	padding: 0 1.95vw 0 6vw;
}

.filter-rubric-application-area-block {
	display: inline-flex;
	align-items: center;
}

.filter-rubric-application-area-block > input {
	margin-right: 0.25vw;
}

.persona-selector {
	padding: 0.25vh 1vw;
	border: 0;
	border-radius: 10px;
	/* background-color: #fff; */
	color: #ccc;
}

.persona-selector:hover {
	background-color: #264b77;
	color: #fff;
}

.gallery-images-blocks {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	overflow: scroll;
	gap: 1vw;
}
.gallery-images-blocks[data-imagesize="s"] > .image-block {
	height: 20vh;
}
.gallery-images-blocks[data-imagesize="m"] > .image-block {
	height: 30vh;
}
.gallery-images-blocks[data-imagesize="l"] > .image-block {
	height: 40vh;
}
.gallery-images-blocks[data-imagesize="xl"] > .image-block {
	height: 60vh;
}
td > .image-block {
	width: 100%;
}
td > .image-block:hover {
	box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.3);
}
td > .image-block > .image {
	object-fit: cover;
	height: unset;
	max-height: 100%;
}
.gallery-image-block > .object-menu > .oc-object-menu {
	opacity: 0;
}
.gallery-image-block:hover .object-menu > .oc-object-menu {
	opacity: 1;
}
.image-block {
	transition: .3s;
	display: inline-block;
	position: relative;
	border: 0;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.3);
	background-size: cover;
	background-position: center;
	font-size: 1.2vw;
}
.image-block:hover {
	transition: .3s;
	box-shadow: 4px 6px 6px rgba(0, 0, 0, 0.6);
}
.image {
	object-fit: cover;
	max-width: 100%;
	height: 100%;
}

.main-photo-block {
	position: relative;
	/* width: 90%; */
	margin-bottom: 1vh;
	border: solid;
	overflow-y: hidden;
}

.main-photo-block.view-mod {
	width: 10vw;
	margin-bottom: 2vh;
}

.main-photo-block:after {
	content: "";
	padding-top: 100%;
	display: block;
}
.main-photo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.main-photo-delete {
	transition: 0.5s;
	position: absolute;
	right: 0;
	bottom: 3%;
	background-color: white;
	padding: 1% 3%;
	border-radius: 20px 0 0 20px;
	font-size: 1.4vw;
}

.main-photo-delete:hover {
	transition: 0.5s;
	padding-left: 9%;
	background-color: red;
}

.wo-scroll::-webkit-scrollbar {
	display: none;
}
.op0 {
	opacity: 0;
}
.op1 {
	opacity: 1;
}
													/* aside styles */
aside {
	position: fixed;
	width: 13%;
	background-color: #3c5b74;
	font-size: 1vw;
	height: 100%;
	box-shadow: 0.2vw 0 1vw 0;
	padding-top: 6vh;
	z-index: 1000;
}
.menu {
	transition: .5s;
	width: 3%;
	overflow-x: hidden;
}
.menu:hover {
	transition: .5s;
	width: 11%;
	opacity: .95;
}

#aside-menu-block {
	margin-top: 1.6vw;
}
.aside-menu-but {
	padding-top: 0.5vw;
	padding-bottom: 0.5vw;
	white-space: nowrap;
}
/* .btn-go-to {
	display: inline-block;
}
.btn-add {
	display: none;
} */
.aside-menu-but:hover {
	background-color: #264b77;
}
/* .aside-menu-but:hover .btn-go-to {
	display: none;
}
.aside-menu-but:hover .btn-add {
	display: inline-block;
} */
.aside-but-url {
	display: inline-block;
	text-decoration: none;
	color: #ccc;
	font-weight: 700;
}
.aside-menu-but-img {
	padding-left: 0.85vw;
	width: 1.3vw;
}
.aside-menu-but-text {
	display: inline-block;
	padding-left: 0.4vw;
	font-size: 1.3vw;
}
.aside-footer-text, .aside-minimized-footer {
	font-size: 1.2vw;
	color: #fff;
	opacity: .4;
	position: absolute;
	transform: translateX(-50%);
	bottom: 4vw;
	left: 50%;
}
.aside-footer-text-show {
	transition: .7s;
	opacity: .4;
}
.aside-footer-text-hide {
	transition: .7s;
	opacity: 0;
}
.aside-underline {
	padding-bottom: 2vh;
	border-bottom: 0.1vw solid rgba(255,255,255,0.3);
}

.aside-arrow-img {
	width: 1vw;
	float: right;
	margin-right: 1.1vw;
	margin-top: 0.8vh;
}
													/* header styles */
header {
	background-color: #3c5b74;
	position: fixed;
	width: 100vw;
	height: 6%;
	z-index: 999
}

.logo-max, .logo-min {
	height: 2.2vw;
	position: absolute;
	transform: translateY(-50%);
	top: 3%;
	left: 0.4vw;
}

.logo-hide {
	transition: .7s;
	opacity: 0;
}

.logo-show {
	opacity: 1;
}

#aside-logo-text {
	font-size: 2.6vw;
	font-weight: 700;
	color: #f39b0e;
	display: inline-block;
}
.header-page-title {
	display: inline-block;
	position: absolute;
	transform: translateY(-50%);
	vertical-align: top;
	left: 37%;
	margin-top: 4%;
	font-size: 1.2vw;
	color: #fff;
}
.header-navigation {
	display: inline-block;
	transform: translateY(-50%);
	margin-top: 4%;
	color: #aaa;
}
.header-navigation-value {
	padding: 0 0.25vw 0;
}
.header-account-name {
	display: block;
	max-width: 9vw;
	white-space: nowrap;
	overflow-x: hidden;
	text-overflow: ellipsis;
	color: #fff;
	font-size: 1.2vw;
	font-weight: 400;
}
.selected-project-name {
	display: block;
	max-width: 9vw;
	white-space: nowrap;
	overflow-x: hidden;
	text-overflow: ellipsis;
	text-align: center;
	color: white;
	opacity: 0.6;
	font-size: 1.1vw;
}
.form-create-project {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	font-size: 0.9vw;
	border: 0;
	padding: 0.5vh 0.5vw;
	background-color: #fff;
}
.create-project-name {
	font-size: 0.9vw;
	border: 0;
	padding: 0 0.25vw;
	width: 100%;
}
.create-project-name:focus {
	outline: none;
}
.create-project-icon {
	opacity: .6;
}
.create-project-icon:hover {
	opacity: 1;
}
.select-project-list {
	display: block;
	border: 0;
	max-height: 40vh;
	overflow-y: scroll;
}
.select-project-list::-webkit-scrollbar {
	display: none;
}
/* .select-project-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.9vw;
	padding: 12px 16px;
	white-space: nowrap;
	overflow-x: hidden;
	text-overflow: ellipsis;
} */
.select-project-block .delete-project {
	display: none;
}
.select-project-block .edit-project {
	display: none;
	margin-right: 0.5vw;
}

.edit-project .delete-project {
	opacity: .6;
}

.edit-project:hover .delete-project:hover {
	opacity: 1;
}

.select-project-block:hover .delete-project {
	display: inline-block;
}

.select-project-block:hover .edit-project {
	display: inline-block;
}

.select-project-block .item-content {
	color: white;
	padding: 12px 16px;
}

.select-project-block .item-content:hover {
	background-color: #f1f1f1;
	color: rgba(40, 40, 40, 0.9);
}

.header-account-block {
	position: absolute;
	width: 25.5%;
	display: flex;
	justify-content: right;
	align-items: center;
	transform: translateY(-50%);
	top: 50%;
	right: 0;
}
.header-account-img {
	height: 1.5vw;
}
.pagination {
	/* float: right;
	margin-top: 4%; */
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	color: #fff;
	font-size: 1.2vw;
}
.pagination-page {
	transition: .3s;
	color: white;
	margin: 0 0.35vw;
}
.pagination-page:hover {
	transition: .3s;
	opacity: 1;
}
.sorting-highlight {
	background-color: #264b77;
}
.sorting-types {
	display: inline-flex;
	justify-content: center;
	position: absolute;
	right: 3vw;
	align-items: center;
	overflow: hidden;
	color: white;
	font-size: 18px;
	padding: 0.5vh 1vw;
	border: 1px solid white;
	border-radius: 10px;
}
.sorting-types-statistics {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-left: 1.2vw;
	overflow: hidden;
	color: white;
	font-size: 1.2vw;
	padding: 0.25vh 0.5vw;
}
.sorting-types-p {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 25%;
	float: right;
	overflow: hidden;
	color: white;
	font-size: 0.7vw;
	padding: 0.25vh 0.5vw;
}
.sorting-by-status {
	display: inline-flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
	position: relative;
}
.type-sorting {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 18px;
	height: 18px;
	opacity: 0.6;
	margin: 0 0.25vw;
	border: 1px solid white;
}
.type-sorting-statistics, .type-sorting-statistics-domain {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 1.3vw;
	height: 1.3vw;
	opacity: 0.6;
	margin: 0 0.15vw;
	border: 1px solid white;
}
.type-sorting-p {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 0.8vw;
	height: 0.8vw;
	opacity: 0.6;
	margin: 0 0.15vw;
	border: 1px solid white;
}
.type-sorting:hover, .type-sorting-p:hover, .type-sorting-statistics:hover {
	transition: .5s;
	opacity: 1;
}
.selected-sorting, .selected-icon {
	opacity: 1;
}
.add-article-pagination-first-page, .add-article-pagination-last-page {
	color: #fff;
}
.pagination-previous-page, .add-article-pagination-previous-page {
	color: #fff;
	margin-left: 0.7vw;
}
.pagination-current-page {
	margin: 0 0.7vw 0;
}
.pagination-next-page, .add-article-pagination-next-page {
	color: #fff;
	margin-right: 0.7vw;
}
.add-article-pagination-current-page {
	color: #fff;
	margin: 0 0.7vw 0;
}
.pagination-disable {
	opacity: 0.6;
}
													/* slide-block */

.slide-block {
	transition: 1s;
	display: inline-flex;
	justify-content: space-evenly;
	align-items: center;
	position: absolute;
	right: 0;
	height: 100vh;
	width: 90vw;
	background-color: #eee;
	border: 0;
	border-radius: 10px 0 0 10px;
	box-shadow: -8px 0px 10px rgba(0,0,0,0.5);
}
.slide-block > .hide {
	display: none;
}
.slide-block > div > .hide {
	display: none;
}
.slide-block > .close-slide-block {
	transition: .3s;
	position: absolute;
	top: 2vh;
	left: -4vw;
	z-index: -1;
	font-size: 1.2vw;
	padding: 1vh 3vw 1vh 1vw;
	border-radius: 20px 0 0 20px;
	background-color: #ccc;
	box-shadow: -8px 0 10px rgba(0, 0, 0, 0.5);
}
.slide-block > .close-slide-block:hover {
	transition: .3s;
	background-color: red;
}
.set-view-mod-block, .scroll-block, .collapse-expand-bsections {
	transition: .5s;
	display: inline-flex;
	position: absolute;
	flex-direction: column;
	align-content: center;
	gap: 1vh;
	transform: translateY(-50%);
	top: 50vh;
	left: -3.5vw;
	z-index: -1;
	font-size: 1.5vw;
	padding: 1vh 1vw;
	border-radius: 20px 0 0 20px;
	background-color: #ccc;
	box-shadow: -8px 0 10px rgba(0, 0, 0, 0.5);
}
.collapse-expand-bsections {
	top: 25vh;
}
.set-view-mod-block > i {
	transition: .5s;
	opacity: 0.6;
}
.set-view-mod-block > i:hover {
	transition: .5s;
	opacity: 1;
}
.set-view-mod-block > i.active {
	opacity: 1;
}
.slide-block > .status {
	position: absolute;
	left: 0;
	height: 100%;
	width: 0.5vw;
	border-radius: 10px 0 0 10px;
}
.slide-block > div {
	display: inline-flex;
	flex-direction: column;
	height: 96vh;
	margin: 1vh 0;
}
.block-slide-block {
	transition: .5s;
	display: flex;
	position: relative;
	margin: 1vh 0;
	padding: 1vh 1vw;
	min-height: 1.5vw;
	background-color: white;
	border: 0;
	border-radius: 20px;
	font-size: 1.2vw;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.edit-interactions {
	display: flex;
	gap: 1vw;
	font-size: 1.4vw;
	position: absolute;
	top: 0;
	right: 0;
	background-color: white;
	padding: 1vh 1vw;
	border: 0;
	border-radius: 20px
}
.interactions-block {
	transition: .5s;
	position: absolute;
	font-size: 1.6vw;
	padding: 1vh 1vw;
	border-radius: 20px;
	color: white;
	background-color: rgba(0,0,0,0.75);
}
.interactions-block > i {
	transition: .5s;
	margin: 0 0.5vw;
	opacity: 0.7;
}
.interactions-block > div > i {
	transition: .5s;
	margin: 0 0.5vw;
}
.interactions-block > .hide {
	display: none;
}
.interactions-block > div {
	display: inline-block;
}
.interactions-block > div > .hide {
	display: none;
}
.interactions-block > .no-active {
	opacity: 0.3;
}
.interactions-block > div > .no-active {
	opacity: 0.3;
}
.slide-block-main-block {
	position: relative;
	width: 66vw;
}
.slide-block-main-block.view-mod {
	width: 86vw;
}
.slide-block-main-block > div:first-of-type {
	margin-top: 0;
}
.slide-block-main-block > div:last-of-type {
	margin-bottom: 0;
}
.slide-block-main-block-info-block > .rubric-section-block {
	display: inline-block;
}
.slide-block-main-block-info-block > .rubric-section-block > i {
	transition: .5s;
	opacity: 0;
}
.slide-block-main-block-info-block:hover .rubric-section-block > i {
	transition: .5s;
	opacity: 1;
}
.slide-block-main-block-title-block {
	align-items: center;
	/* overflow: hidden; */
}
.slide-block-main-block-title-block > .title {
	font-size: 1.6vw;
	font-weight: 700;
	white-space: nowrap;
	overflow-x: hidden;
}
.slide-block-main-block-title-block > .edit-title-input {
	font-family: 'Roboto Condensed';
	font-size: 1.6vw;
	font-weight: 700;
	width: 100%;
	border: 0;
}
.slide-block-main-block-title-block > .edit-title-input.empty-field {
	transition: .1s;
	border: 2px solid red;
	width: calc(100% - 4px);
}
.slide-block-main-block-title-block > .edit-title-input:focus {
	outline: none;
}
.slide-block-main-block-title-block > .title-interactions-block {
	background-color: white;
	color: black;
	right: -6.8vw;
}
.slide-block-main-block-title-block:hover .title-interactions-block {
	transition: .5s;
	right: 0;
}
.slide-block-main-block-title-block > .title-interactions-block > i {
	font-size: 1.6vw;
}
.slide-block-main-block-info-block {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	background: none;
	padding: 0;
	margin: 0;
}
.slide-block-main-block-info-block > .date {
	font-size: 1.2vw;
	background: none;
	border: 0;
	padding: 0;
	padding-left: 1vw;
}
.slide-block-main-block-info-block > .rubric-section-block {
	font-size: 1.2vw;
}
.slide-block-main-block-info-block > .rubric-section-block > .move {
	margin: 0 0.5vw;
}
.slide-block-main-block-info-block > .rubric-section-block > .copy {
	margin: 0 1vw 0 0.5vw;
}
.slide-block-main-block-info-block > .rubric-section-block > .rubric-section, .select-rubric-section {
	padding-right: 1vw;
}
.select-rubric-section {
	font-size: 1.2vw;
	border: 0;
	-webkit-appearance: none;
	font-weight: bold;
	background-color: rgba(0,0,0,0);
}
.select-rubric-section.empty-field {
	transition: .1s;
	border: 2px solid red;
	width: calc(100% - 4px);
}
.slide-block-main-block-blocks {
	position: relative;
	height: 100%;
	padding: 1vh 1vw 0 1vw;
	overflow: hidden;
	/* border-radius: 20px; */
}
.slide-block-main-block-blocks > .adding-block {
	transition: .5s;
	right: -4.6vw;
	bottom: 0;
}
.slide-block-main-block-blocks:hover .adding-block {
	transition: .5s;
	right: 0;
	bottom: 0;
}
.slide-block-main-block-blocks > .blocks-list-block {
	position: relative;
	height: calc(100% - (1.5vw + 4vh));
	padding-bottom: calc(1.5vw + 4vh);
	overflow: scroll;
}

.source-interactions-block {
	right: -5vw;
}
.block-slide-block:hover .source-interactions-block {
	right: 0;
}
.substrate-block-articles-list-to-insert {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
    z-index: 100000;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.5);
}
.block-articles-list-to-insert, .block-rubric-list-to-insert {
	flex-direction: column;
	position: fixed;
    top: 50%;
    right: 0.5vw;
    width: 60vw;
    height: 90vh;
    max-height: none;
    margin: 0;
	padding: 0.5vh 1vw;
    transform: translateX(0);
    transform: translateY(-50%);
}
.block-rubric-list-to-insert {
	width: calc(100% - 2vw) !important;
}
.block-articles-list-to-insert > div > .sorting-articles-block > .add-all-articles {
	font-size: 1.4vw;
}
.block-articles-list-to-insert > div > .sorting-articles-block > div > .type-sorting-articles-list {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 18px;
	height: 18px;
	opacity: 0.6;
	margin: 0 0.25vw;
	border: 1px solid white;
}
.block-articles-list-to-insert > div > .sorting-articles-block > div > .selected-sorting {
	opacity: 1;
}
.block-articles-list-to-insert > .pagination {
	display: flex;
	justify-content: center;
	position: relative;
	padding: 1vh 0;
}
.block-articles-list-to-insert > .pagination > .pagination-pages > .pagination-page-articles-list {
	transition: .3s;
	color: black;
	margin: 0 0.35vw;
}
.block-articles-list-to-insert > .pagination > .pagination-pages > .pagination-page-articles-list:hover {
	transition: .3s;
	opacity: 1;
}
.block-articles-list-to-insert > .pagination > span {
	color: black;
}
.block-articles-list-to-insert > .pagination > span > span {
	color: black;
}
.block-articles-list-to-insert > div:first-child {
	display: flex;
	align-items: center;
	padding: 1vh 0;
}
.block-articles-list-to-insert > div > .sorting-articles-block {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 1vw;
}
.block-articles-list-to-insert > div > .sorting-articles-block > .query-articles-to-insert {
	width: 25%;
}
.block-articles-list-to-insert > div > .sorting-articles-block > .query-articles-to-insert > .query-articles-to-insert-input {
	width: calc(100% - 1vw);
	font-size: 1.2vw;
	border: 0;
	border-radius: 20px;
	padding: 0.5vh 0.5vw;
	background-color: #eee;
}
.block-articles-list-to-insert > div > .sorting-articles-block > .rubric-articles-to-insert {
	width: 25%;
	font-size: 1.2vw;
	padding: 0.5vh 0.5vw;
	border: 0;
	border-radius: 20px;
	background-color: #eee;
}
.block-articles-list-to-insert > div > .remove-articles-to-insert-block {
	font-size: 1.2vw;
}
.block-rubric-list-to-insert > div > .remove-rubrics-to-insert-block {
	font-size: 1.2vw;
}


.slide-block-main-block-blocks > .blocks-list-block > .blocks-list {
	display: flex;
	flex-direction: column;
	gap: 2vh;
}
.slide-block-main-block-blocks > .blocks-list-block > .blocks-list > .bsection-container {
	display: flex;
	flex-direction: column;
	gap: 2vh;
}
.slide-block-main-block-blocks > .blocks-list-block > .blocks-list > div:last-child {
	margin-bottom: 0;
}
.slide-block-main-block-blocks > .blocks-list-block > .slide-block-main-block-text-block {
	flex-direction: column;
	justify-content: left;
	min-height: calc(1.9vw + 2vh);
	max-height: calc((100% - 2vh) - (1.5vw + 2vh + 2vh));
	margin-top: 0;
	margin-bottom: 2vh;
	overflow: hidden;
}
.create-mod > .slide-block-main-block > .slide-block-main-block-blocks > .blocks-list-block > .slide-block-main-block-text-block {
	max-height: calc(100% - 3vh);
	height: calc(100% - 3vh);
}
.slide-block-main-block-blocks > .blocks-list-block > .blocks-list > .bsection-container > .block-slide-block:not(.block-articles-list-to-insert):not(.bsection-block) {
	flex-direction: column;
	justify-content: left;
	min-height: calc(1.9vw + 2vh);
	max-height: calc((100% - 2vh) - (1.5vw + 2vh + 2vh));
	margin: 0;
	overflow: hidden;
}


.slide-block-main-block-blocks > .blocks-list-block > .blocks-list > .bsection-container > .bsection-block {
	flex-direction: row;
	align-items: center;
	min-height: 0;
	background-color: rgba(0, 0, 0, 0.05);
	padding-left: 2vw;
}
.slide-block-main-block-blocks > .blocks-list-block > .blocks-list > .bsection-container > .bsection-block > .bsection-title {
	font-size: 1.4vw;
	font-weight: 700;
	white-space: nowrap;
	overflow-x: hidden;
}
.slide-block-main-block-blocks > .blocks-list-block > .blocks-list > .bsection-container > .bsection-block > .edit-bsection-title-input {
	font-family: 'Roboto Condensed';
	font-size: 1.4vw;
	font-weight: 700;
	width: 100%;
	border: 0;
	background-color: rgba(0, 0, 0, 0);
}
.slide-block-main-block-blocks > .blocks-list-block > .blocks-list > .bsection-container > .bsection-block > .edit-bsection-title-input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.3);
}
.slide-block-main-block-blocks > .blocks-list-block > .blocks-list > .bsection-container > .bsection-block > .edit-bsection-title-input:focus {
	outline: none;
}
.slide-block-main-block-blocks > .blocks-list-block > .blocks-list > .bsection-container > .bsection-block > .bsection-interactions-block {
	background-color: white;
	color: black;
	right: -19.5vw;
}
.slide-block-main-block-blocks > .blocks-list-block > .blocks-list > .bsection-container > .bsection-block:hover .bsection-interactions-block {
	transition: .5s;
	right: 0;
}
.bsection-interactions-block > i {
	font-size: 1.4vw;
}
.bsection-interactions-block > .remove-section:hover, .remove-block:hover {
	transition: .5s;
	color: red;
}
.block-bsection-blocks {
	display: flex;
	flex-direction: column;
	gap: 2vh;
}
.block-bsection-block {
	flex-direction: column;
	/* overflow: hidden; */
	width: calc(100% - 4vw);
	transform: translateX(-50%);
	margin: 0;
	margin-left: 50%;
	gap: 1vh;
	padding-left: 2vw !important;
}
.block-bsection-block > .open-full-text {
	transition: .5s;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	font-size: 1vw;
	padding: 0.2vh 0;
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, #eee 25%, #eee 50%, #eee 85%, rgba(0,0,0,0) 100%);
	text-align: center;
	border: 0;
	border-radius: 0 0 20px 20px;
	opacity: 0.3;
}
.bsection-status {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 1vw;
	border-radius: 20px 0 0 20px;
	overflow: hidden;
}
.bsection-block-status {
	position: absolute;
	top: 0vh;
	left: 0;
	height: 100%;
	width: 1vw;
	border-radius: 20px 0 0 20px;
	overflow: hidden;
}
.object-status[data-status="0"], .group-status[data-status="0"] {
	background-color: rgba(0,0,0,0.1) !important;
}
.set-status[data-status="0"] {
	background-color: #eee;
}
.object-status[data-status="1"], .set-status[data-status="1"] {
	background-color: green !important;
}
.object-status[data-status="2"], .set-status[data-status="2"] {
	background-color: red !important;
}
.group-status[data-status="1"] {
	background-color: green;
}
.group-status[data-status="2"] {
	background-color: yellow;
}
.group-status[data-status="3"] {
	background-color: orange;
}
.group-status[data-status="4"] {
	background-color: red;
}
.bsection-block-status:hover .set-bsection-block-status-block {
	transition: .5s;
	opacity: 1;
}
.set-bsection-block-status-block {
	transition: .5;
	display: flex;
	flex-direction: column;
	height: 100%;
	opacity: 0;
}
.set-bsection-block-status {
	height: 25%;
	box-shadow: inset 2px 2px 4px rgba(0,0,0,0.6);
}
.bsection-block-title {
	font-size: 1.4vw;
}
.edit-bsection-block-title-input {
	transition: .5s;
	font-family: 'Roboto Condensed';
	font-size: 1.4vw;
	font-weight: 700;
	width: 100%;
	border: 0;
}
.edit-bsection-block-url-input {
	font-family: 'Roboto Condensed';
	font-size: 1.2vw;
	width: 100%;
	border: 0;
}
.bsection-block-text {
	max-height: calc(1.5vw * 15);
	overflow-y: hidden;
	white-space: pre-wrap;
}
.edit-bsection-block-text-input {
	transition: .5s;
	font-family: 'Roboto Condensed';
	font-size: 1.2vw;
	width: 100%;
	height: calc(1.4vw * 5);
	min-height: calc(1.4vw * 5);
	border: 0;
	resize: vertical;
}
.bsection-block-interactions-block {
	background-color: white;
	color: black;
	right: -15.8vw;
	top: 0;
}
.block-bsection-block:hover .bsection-block-interactions-block {
	transition: .5s;
	right: 0;
}
.block-bsection-block:hover .open-full-text {
	transition: .5s;
	opacity: 1;
}
.bsection-block-interactions-block > i {
	font-style: 1.4vw;
}






.slide-block-main-block-text-block > .text {
	font-size: 1.2vw;
	white-space: pre-wrap;
	height: 100%;
	overflow-y: scroll;
}
.slide-block-main-block-text-block > .edit-text-input {
	transition: .5s;
	font-family: 'Roboto Condensed';
	font-size: 1.2vw;
	width: 100%;
	height: 100%;
	border: 0;
	resize: none;
}
.slide-block-main-block-text-block > .edit-text-input.empty-field {
	transition: .1s;
	border: 2px solid red;
	width: calc(100% - 4px);
}
.slide-block-main-block-text-block > .edit-text-input:focus {
	outline: none;
}
.slide-block-main-block-text-block > div:first-child {
	transition: .5s;
	position: absolute;
	top: calc(-1.5vw - 3vh);
	display: inline-block;
	background-color: rgba(0,0,0,0.5);
	margin-bottom: 1vh;
	padding: 0.4vh 0;
	border-radius: 20px;
}
.slide-block-main-block-text-block > .text-interactions-block {
	top: 0;
	right: -16.7vw;
	font-size: 1.6vw;
	margin-top: 1vh;
}
.slide-block-main-block-text-block > .text-interactions-block > .get-text-from-url-block {
	display: inline-block;
	margin-right: 1vw;
}
.slide-block-main-block-text-block:hover .interactions-block {
	right: 1vw;
}
.slide-block-main-block-source-info-block {
	display: flex;
	justify-content: space-between;
	width: 100%;
}


.block-bsection-block > div > .empty-field {
	transition: .1s;
	border: 2px solid red;
	width: calc(100% - 4px);
}
.create-templeate-value-input.empty-field {
	transition: .1s;
	border: 2px solid red;
	width: calc(100% - 5.4vw - 4px);
}


.block-bsection-block > .bsection-block-table-block > .bsection-block-table > tbody > tr > td > .ctemplate-cell-plus {
	display: none;
}

.editing > .bsection-block-table-block > .bsection-block-table > tbody > tr > td > .ctemplate-cell-plus {
	display: inline-block;
}
.creating > .bsection-block-table-block > .bsection-block-table > tbody > tr > td > .ctemplate-cell-plus {
	display: inline-block;
}

.table-row-cell {
	position: relative;
	padding: 0.5vh 1vw;
}
.table-row-cell[data-bold="1"] > span {
	font-weight: bold;
}
.table-row-cell[data-italic="1"] > span {
	font-style: italic;
}
.table-row-cell[data-underline="1"] > span {
	text-decoration: underline;
}
.table-row-cell[data-color="red"] > span {
	color: red;
}
.table-row-cell[data-color="green"] > span {
	color: green;
}
.table-row > .table-row-cell.selected-cell {
	background-color: rgba(0,0,0,0.1);
}


.cell-ctemplate-selects-list, .cell-ctemplates-list {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 0.5vh;
}
.cell-ctemplate-select {
	text-align-last: center;
}
.cell-ctemplate-select, .cell-ctemplate-block {
	display: block;
	max-width: 100%;
	font-size: 1.2vw;
	border: 1px solid black;
}
.cell-ctemplate-block > .cell-ctemplate-title-block {
	position: relative;
	padding: 0.5vh 1vw;
	border-bottom: 1px solid black;
}
.cell-ctemplate-block > .cell-ctemplate-title-block > .cell-ctemplate-title {
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 2.9vw;
}
.cell-ctemplate-block > .cell-ctemplate-title-block > .cell-ctemplate-interactions {
	display: flex;
	gap: 0.5vw;
	align-items: center;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	right: 1vw;
}
.cell-ctemplate-block > .cell-ctemplate-block-lists {
	padding: 0.5vh 0;
}
.cell-ctemplate-block > .cell-ctemplate-block-lists > div:first-child {
	padding-bottom: 0.5vh;
	margin-bottom: 0.5vh;
	border-bottom: 1px solid black;
}
.cell-ctemplate-block > .cell-ctemplate-block-lists > div > .cell-ctemplate-block-value {
	position: relative;
	padding: 0.5vh 1vw;
}
.cell-ctemplate-block > .cell-ctemplate-block-lists > div > .cell-ctemplate-block-value > .cell-ctemplate-block-value-title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 2vw;
}
.cell-ctemplate-block > .cell-ctemplate-block-lists > .cell-ctemplate-block-selected-values-list > .cell-ctemplate-block-value > .cell-ctemplate-block-value-title {
	padding-left: 2vw;
}
.cell-ctemplate-block > .cell-ctemplate-block-lists > div > .cell-ctemplate-block-value > .cell-ctemplate-tvalue-setting {
	transition: .5s;
	opacity: 0;
}
.cell-ctemplate-block > .cell-ctemplate-block-lists > div > .cell-ctemplate-block-value:hover .cell-ctemplate-tvalue-setting {
	transition: .5s;
	opacity: 1;
}

.cell-ctemplate-block > p {
	padding-right: 3.9vw;
	white-space: nowrap;
	overflow-x: hidden;
	text-overflow: ellipsis;
}

.slide-block-feed-info {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1vw;
	position: absolute;
	bottom: calc(1.3vw + 4vh);
	font-size: 1.3vw;
	padding: 1vh 0;
	left: 0;
	width: 100%;
}

.slide-block-settings-block {
	width: 20vw;
}
.slide-block-settings-block > .settings-block {
	height: 100%;
}
.slide-block-settings-block > .settings-block-table-cell-template {
	display: flex;
	flex-direction: column;
	gap: 2vh;
}
.slide-block-settings-block > .settings-block-table-cell-template > .ctemplates-list-block {
	flex-direction: column;
	gap: 2vh;
	height: 100%;
}
.slide-block-settings-block > .settings-block-table-cell-template > .ctemplates-list-block > div > .ctemplates-list-block-title {
	font-size: 1.4vw;
	text-align: center;
}
.slide-block-settings-block > .settings-block-table-cell-template > .ctemplates-list-block > .ctemplates-list {
	display: flex;
	flex-direction: column;
	gap: 2vh;
	height: 100%;
	padding: 0.5vh 0.5vw;
	overflow-y: scroll;
}
.slide-block-settings-block > .settings-block-table-cell-template > .ctemplates-list-block > .ctemplates-list > .ctemplates-list-ctemplate {
	transition: .3s;
	position: relative;
	padding: 1vh 4.2vw 1vh 1vw;
	border: 0;
	border-radius: 20px;
	color: rgba(0, 0, 0, 0.75);
	background-color: #eee;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}
.slide-block-settings-block > .settings-block-table-cell-template > .ctemplates-list-block > .ctemplates-list > .ctemplates-list-ctemplate:hover {
	transition: .3s;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
}
.slide-block-settings-block > .settings-block-table-cell-template > .ctemplates-list-block > .ctemplates-list > .ctemplates-list-ctemplate:hover .ctemplate-interactions {
	transition: .3s;
	opacity: 1;
}
.slide-block-settings-block > .settings-block-table-cell-template > .ctemplates-list-block > .ctemplates-list > .ctemplates-list-ctemplate > .ctemplates-list-ctemplate-title {
	white-space: nowrap;
	overflow-x: hidden;
	text-overflow: ellipsis;
}
.slide-block-settings-block > .settings-block-table-cell-template > .ctemplates-list-block > .ctemplates-list > .ctemplates-list-ctemplate > .ctemplate-interactions {
	transition: .3s;
	position: absolute;
	display: flex;
	gap: 0.5vw;
	top: 0;
	right: 0;
	padding: 1.1vh 1vw;
	border: 0;
	border-radius: 20px;
	opacity: 0;
}
.slide-block-settings-block > .settings-block-table-cell-template > .form-create-template {
	flex-direction: column;
	height: 60%;
	gap: 2vh;
}
.slide-block-settings-block > .settings-block-table-cell-template > .form-create-template > .create-template-title-input {
	width: calc(100% - 2vw);
	font-size: 1.4vw;
	padding: 1vh 1vw;
	border: 0;
	border-radius: 20px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
.slide-block-settings-block > .settings-block-table-cell-template > .form-create-template > .create-template-values-list {
	display: flex;
	flex-direction: column;
	overflow-y: scroll;
	padding: 0.5vh 0.5vw;
	gap: 2vh;
	height: 100%;
}
.slide-block-settings-block > .settings-block-table-cell-template > .form-create-template > .create-template-values-list .create-template-values-list-value {
	transition: .3s;
	position: relative;
	padding: 1vh 1vw;
	border: 0;
	border-radius: 20px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
.slide-block-settings-block > .settings-block-table-cell-template > .form-create-template > .create-template-values-list .create-template-values-list-value:hover {
	transition: .3s;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
}
.slide-block-settings-block > .settings-block-table-cell-template > .form-create-template > .create-template-values-list .create-template-values-list-value:hover .remove-ctemplate-value {
	transition: .3s;
	opacity: 1;
}
.slide-block-settings-block > .settings-block-table-cell-template > .form-create-template > .create-template-values-list .create-template-values-list-value > .remove-ctemplate-value {
	transition: .3s;
	position: absolute;
	top: 0;
	right: 0;
	padding: 1.1vh 1vw;
	border: 0;
	border-radius: 20px;
	opacity: 0;
}
.create-template-value-block {
	display: flex;
	flex-direction: column;
	position: relative;
	gap: 1vh;
	background-color: #eee;
	border: 0;
	border-radius: 20px;
	padding: 1vh 1vw;
}
.create-templeate-value-input {
	width: calc(100% - 5.4vw);
	font-size: 1.2vw;
	padding: 1vh 4.4vw 1vh 1vw;
	border: 0;
	border-radius: 20px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
.create-templeate-value-input-submit {
	font-size: 1.5vw;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	right: 0;
	padding: 1vh 1vw;
	color: white;
	background-color: green;
	border: 0;
	border-radius: 20px;
}
.create-template-value-properties {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 1vw;
}
.create-template-save {
	transition: .5s;
	text-align: center;
	padding: 1vh 1vw;
	border: 0;
	border-radius: 20px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
.create-template-save:hover {
	transition: .5s;
	background-color: green;
}
.slide-block-settings-block > .settings-block > .block-slide-block {
	margin: 0;
}
.slide-block-settings-block > .settings-block-table > div:first-child {
	justify-content: space-between;
	align-items: center;
	font-size: 1.4vw;
	margin-top: 0;
}
.table-column-row-count {
	text-align: center;
	font-size: 1.2vw;
	width: 2vw;
	border: 0;
}
.settings-table-columns-list {
	height: calc(100% - 3vh - 1.7vw);
	overflow-y: scroll;
}
.settings-table-columns-list > .settings-table-column {
	flex-direction: column;
	justify-content: space-between;
	max-height: 25%;
	width: calc(100% - 3.7vw);
}
.settings-table-column > .settings-table-column-title-block > .remove-table-column {
	display: none;
}
.settings-table-columns-list > .settings-table-column:hover .settings-table-column-title-block > .remove-table-column {
	display: inline-block;
}
.settings-table-columns-list > .settings-table-column > .settings-table-column-title-block {
	padding-bottom: 1vh;
	margin-bottom: 1vh;
	border-bottom: 1px solid black;
}
.set-column-align-block, .set-column-valign-block {
	transition: .75s;
	display: none;
	position: absolute;
	opacity: 0;
	height: 0;
	gap: 0.5vw;
	top: calc(1px - 1vh);
	left: 0;
	padding: 0 0.5vw 0;
	border-radius: 0 0 10px 10px;
	background-color: #eee;
	box-shadow: inset 0px -1px 4px rgba(0, 0, 0, 0.25);
}
.set-column-align-block.show, .set-column-valign-block.show {
	display: inline-flex;
	animation: showAlignBlocks .75s forwards;
}
@-webkit-keyframes showAlignBlocks {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
		height: 1.2vw;
		padding: 1vh 0.5vw 0.75vh;
	}
}
.settings-table-column-row-list {
	display: flex;
	flex-direction: column;
	height: 100%;
	gap: 1vh;
	overflow-y: scroll;
}
.settings-table-column-row > .settings-table-row-select-type-block {
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
}
.settings-table-column-row.selected-settings-table-column-row {
	background-color: rgba(0, 0, 0, 0.1);
}




.slide-block-info-block {
	width: 20vw;
}
.slide-block-info-block > div:first-child {
	margin-top: 0;
}
.main-photo-block {
	padding: 0;
	overflow: hidden;
	flex: 0 0 20vw;
}
.main-photo-block:hover .main-photo-interactions-block {
	transition: .75s;
	opacity: 1;
	right: 0;
}
.main-photo-block::after {
	content: "";
	padding-top: 100%;
	display: block;
}
.main-photo-block > .main-photo-interactions-block {
	transition: .75s;
	opacity: 0;
	position: absolute;
	right: -100%;
	top: 0;
	padding: 1vh 1vw;
	border-radius: 0 20px 0 20px;
	background-color: rgba(40, 40, 40, 0.9);
	color: rgba(255, 255, 255, 0.7);
	box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.25);
}
.main-photo-block > .main-photo-interactions-block > i {
	margin: 0 0.5vw;
}
.slide-block-info-block > .attachments-list-block {
	padding: 0;
	flex-direction: column;
	height: 100%;
	overflow-y: hidden;
}
.slide-block-info-block > .attachments-list-block > .post-attachments-selectors-block, .attachments-selectors-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 0;
	background-color: white;
}
.slide-block-info-block > .attachments-list-block > .attachments-selectors-block > p {
	transition: .25s;
}
.slide-block-info-block > .attachments-list-block > .attachments-selectors-block > p > .add-btn {
	transition: .75s;
	opacity: 0;
}
.slide-block-info-block > .attachments-list-block > .attachments-selectors-block > p:hover .add-btn {
	transition: .75s;
	opacity: 1;
}
.slide-block-info-block > .attachments-list-block > .attachments-selectors-block > p:first-child {
	display: flex;
	justify-content: space-between;
	width: 40%;
	padding: 1vh 1vw;
}
.slide-block-info-block > .attachments-list-block > .attachments-selectors-block > p:last-child {
	display: flex;
	justify-content: space-between;
	width: 60%;
	padding: 1vh 1vw;
}
.slide-block-info-block > .attachments-list-block > .attachments-selectors-block > .unselected-right-attachments-selector {
	transition: .75s;
	background-color: #eee;
	border-radius: 0 20px 0 20px;
	box-shadow: inset 2px -2px 6px rgba(0, 0, 0, 0.25);
}
.slide-block-info-block > .attachments-list-block > .attachments-selectors-block > .unselected-right-attachments-selector:hover {
	transition: .75s;
	box-shadow: inset 4px -4px 8px rgba(0, 0, 0, 0.5);
}
.slide-block-info-block > .attachments-list-block > .attachments-selectors-block > .unselected-left-attachments-selector {
	transition: .75s;
	background-color: #eee;
	border-radius: 20px 0 20px 0;
	box-shadow: inset -2px -2px 6px rgba(0, 0, 0, 0.25);
}
.slide-block-info-block > .attachments-list-block > .attachments-selectors-block > .unselected-left-attachments-selector:hover {
	transition: .75s;
	box-shadow: inset -4px -4px 8px rgba(0, 0, 0, 0.5);
}
.slide-block-info-block > .attachments-list-block > .attachments-list {
	height: 100%;
	overflow-y: scroll;
	padding: 1vh 1vw;
}
.slide-block-info-block > .attachments-list-block > .attachments-list > div > div {
	transition: .3s;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.75vh 1vw;
	margin: 1.25vh 0;
	border-radius: 20px;
	background-color: #eee;
	color: rgba(0, 0, 0, 0.75);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}
.slide-block-info-block > .attachments-list-block > .attachments-list > div > div:hover {
	transition: .3s;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
}
.slide-block-info-block > .attachments-list-block > .attachments-list > div > div > a {
	width: 100%;
}
.slide-block-info-block > .attachments-list-block > .attachments-list > div > div:hover .delete-url {
	transition: .3s;
	opacity: 1;
}
.slide-block-info-block > .attachments-list-block > .attachments-list > div > div > .delete-url {
	transition: .3s;
	opacity: 0;
	margin-left: 1vw;
}
.slide-block-info-block > .interaction-btns-block {
	justify-content: space-between;
	align-items: center;
}
.slide-block-info-block > .interaction-btns-block > div {
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
}
.slide-block-info-block > .interaction-btns-block > div:first-child {
	width: 50%;
}
.slide-block-info-block > .interaction-btns-block > div:last-child {
	width: 30%;
}
.slide-block-info-block > .interaction-btns-block > div:last-child > .pin {
	transition: .5s;
	opacity: 0.3;
	transform: rotate(45deg);
}
.slide-block-info-block > .interaction-btns-block > div:last-child > .pin:hover {
	transition: .5s;
	opacity: 1;
}
.slide-block-info-block > .interaction-btns-block > div:last-child > .pinned {
	transition: .5s;
	opacity: 1;
	color: red;
}
.slide-block-info-block > .delete-block {
	transition: .5s;
	justify-content: center;
	margin-bottom: 0;
}
.slide-block-info-block > .delete-block:hover {
	transition: .5s;
	background-color: red;
}
.slide-block-info-block > .save-block {
	transition: .5s;
	justify-content: center;
	margin-bottom: 0;
}
.slide-block-info-block > .save-block:hover {
	transition: .5s;
	background-color: green;
}
.set-status-block {
	transition: .75s;
	flex-direction: column-reverse;
	position: absolute;
	transform: translate(-50%, -100%);
	top: -1vh;
	left: 50%;
	border-radius: 20px 20px 0 0;
	background-color: #eee;
	box-shadow: inset 0 -2px 4px rgba(0, 0, 0, 0.25);
	height: 0;
	width: 1.2vw;
	padding: 0 1vw;
}
.show-set-status-block {
	transition: .75s;
	opacity: 1;
	height: calc((1.2vw * 3) + (0.5vh * 6));
	padding: 1vh 1vw;
}
.set-status-block > .set-status-btn {
	opacity: 0;
	position: absolute;
	bottom: -0.6vw;
}
.set-status-block > .set-status-btn:first-child {
	transition: .25s;
}
.set-status-block > .set-status-btn:nth-child(2) {
	transition: .5s;
}
.set-status-block > .set-status-btn:last-child {
	transition: .75s;
}
.set-status-block > .show-set-status-btn {
	opacity: 1;
}
.set-status-block > .show-set-status-btn:first-child {
	transition: .25s;
	bottom: calc(1vh + 0.5vh);
}
.set-status-block > .show-set-status-btn:nth-child(2) {
	transition: .5s;
	bottom: calc(2.5vh + 1.2vw);
}
.set-status-block > .show-set-status-btn:last-child {
	transition: .75s;
	bottom: calc(3.5vh + 2.4vw);
}
.status-neutral {
	color: white;
}
.status-green {
	color: green;
}
.status-red {
	color: red;
}

													/* news-list-posts styles */
#websites-list::-webkit-scrollbar {
	display: none;
}
.count_posts_0 {
	width: 30vw;
	padding-top: 7vw;
	margin-left: 27vw;
	text-align: center;
}
.count_posts_0_title {
	font-size: 1.5vw;
}
.count_posts_0_text {
	font-size: 1.2vw;
	margin: 1vw 0 1vw;
}
.count_posts_0_text_span {
	font-size: 1.6vw;
}
.count_posts_0_parser {
	font-size: 1.2vw;
	padding: 0.3vw 0.7vw 0.3vw;
	border: 1px solid #fff;
	border-radius: 1.6vw;
	text-transform: uppercase;
	background-color: #fff;
	color: #000;
}
.count_posts_0_parser:hover {
	padding: 0.3vw 2vw 0.3vw;
	transition: 0.3s;
}
.news-list-mainblock, .selection-bar {
	width: 67.5%;
	overflow-y: scroll;
	padding-top: 6vh;
	margin-left: 4%;
	padding-bottom: 4vh;
}
.news-list-mainblock {
	height: 100%;
}
.news-list-mainblock::-webkit-scrollbar {
	display: none;
}
.selection-bar {
	display: flex;
	align-items: center;
	overflow: hidden;
	padding: 7vh 0 1vh;
}
.selection-bar-interactions {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 0 25%;
	opacity: 0.3;
}
.active-bar-interactions {
	opacity: 1;
}
.selected-mod {
	padding-top: 0;
}
.selection-bar-img {
	width: 1.4vw;
}
.news-list-post {
	position: relative;
	overflow: hidden;
	padding: 1vw 1vw;
	border-bottom: 0.01vw solid #acacac;
	border-right: 0.01vw solid #acacac;
	border-left: 0.01vw solid #acacac;
}
.noselected-post {
	transition: .3s;
	opacity: 0.6;
}
.selected-post {
	transition: .3s;
	opacity: 1;
}
.post-status-block {
	display: inline-flex;
	position: absolute;
	flex-direction: column;
	justify-content: center;
	top: 0;
	left: 0;
	width: 1vw;
	height: 100%;
}
.news-list-pin-post {
	transition: .5s;
	width: 1.3vw;
	opacity: 0.3;
}
.news-list-pin-post:hover {
	transition: .5s;
	opacity: 1;
}

.object-menu {
	white-space: normal;
	position: relative;
	z-index: 1;
}
.object-menu[data-type="search-sources"], .object-menu[data-type="subrubric"], .object-menu[data-type="object-title"], .object-menu[data-type="object-text"], .object-menu[data-type="bsection"], .object-menu[data-type="bsection-block"] {
	position: absolute;
	right: 1vw;
}
.object-menu[data-type="gallery-image"] {
	position: absolute;
	top: 1vw;
	right: 1vw;
}
.object-menu[data-type="table-cell"] {
	position: absolute;
	right: 0.5vw;
	top: 50%;
	transform: translateY(-50%);
}
.oc-object-menu, .oc-object-menu[data-color="black"] {
	color: black;
}
.oc-object-menu[data-color="white"] {
	color: white;
}
.oc-object-menu[data-bg="true"] {
	padding: 0.5vh 0.5vw;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.3);
}
.object-menu-btns-block {
	position: absolute;
	display: flex;
	flex-direction: column;
	gap: 1vh;
	top: 0;
	transform: translateX(calc(-100%));
	padding: 1vh 1vw;
	border-radius: 10px;
	background-color: #eee;
	box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4);
}
.object-menu-btns-block.second-block {
	display: none;
}
.object-menu[data-type="rubric"] > .object-menu-btns-block {
	z-index: 1;
	transform: translateX(calc(-50%));
}
.object-menu-btn {
	position: relative;
	font-size: 1.2vw;
	white-space: nowrap;
}
.object-menu-btn.selected::before {
	content: '✓';
	padding-right: 0.5vw;
}
.object-menu-btn:hover > .second-block, .second-block:hover {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transform: translateX(-100%);
}
.object-menu-btn[data-hide="true"] {
	display: none;
}
.object-menu-btn[data-border="top"] {
	padding-top: 1vh;
	border-top: 1px solid rgba(0, 0, 0, 0.3);
}
.object-menu-btn[data-border="bottom"] {
	padding-bottom: 1vh;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.object-menu-btn[data-border="topBottom"] {
	padding-top: 1vh;
	padding-bottom: 1vh;
	border-top: 1px solid rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.rs-pin {
	transition: .5s;
	display: none;
	position: absolute;
	transform: translateX(+50%);
	left: -0.25vw;
	font-size: 2.4vw;
	color: white;
	opacity: 0.3;
}
.rs-pin:hover {
	transition: .5s;
	opacity: 1;
}
.pinned {
	display: inline-block;
	opacity: 1;
}
.rs-status-block {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0.75vw;
	width: 0.25vw;
	height: 100%;
}
.post-status-block-blocks {
	transition: .5s;
	padding: 0.5vh 0;
	background: white;
	border: 0;
	border-radius: 20px;
	opacity: 0;
}
.post-status-block:hover .post-status-block-blocks {
	transition: .5s;
	opacity: 1;
}
.post-status-block-red, .post-status-block-green, .post-status-block-black {
	width: 98%;
	border-radius: 50%;
	border: 0.1px solid black;
	margin: 0.5vh 0;
}
.post-status-block-red:after, .post-status-block-green:after, .post-status-block-black:after {
	content: '';
	padding-top: 100%;
	display: block;
}
.news-list-title-posts {
	font-size: 1.3vw;
	text-transform: uppercase;
	color: #000;
	margin-top: 1.1vw;
}
.news-list-date-post, .news-list-posts-info {
	font-size: 1.3vw;
	margin-top: 1vw;
}
.news-list-text-posts {
	font-size: 1.3vw;
	height: 4.5vw;
	overflow: hidden;
	margin-top: 1vh;
}
.news-list-rubric-posts {
	float: right;
	max-width: 20vw;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right;
}
.news-list-rubric-name-posts {
	font-weight: 700;
}
.news-list-hidden-post {
	float: right;
	margin-right: 0.7vw;
}
.take-rubrics {
	position: fixed;
	right: 1vw;
	width: 24vw;
	height: 88vh;
	background-color: #3c5b74;
	border-bottom: 0.01vw solid #3c5b74;
	border-radius: 10px;
	margin-top: 8vh;
	padding: 1vw;
	box-shadow: 0px 0.5vw 2vw 0px;
}
.take-rubrics-sort-news {
	color: #fff;
	padding: 0.2vw 0.4vw 0.2vw;
	border-bottom: 0.01vw solid #555;
}
.take-rubrics-sort-news:hover {
	background-color: #606060;
}

.title-take-rubrics {
	margin: 0.6vw 0 0.6vw;
	text-align: center;
	color: #ccc;
	font-weight: 400;
	font-size: 1.2vw;
}
.btn-selected-rubric-settings {
	display: none;
}
.title-take-rubrics-selected:hover .btn-selected-rubric-settings {
	display: block;
}
.list-rubrics-form-rubric {
	overflow-y: scroll;
	height: 45vh;
	width: 100%;
	margin-bottom: 5vh;
}
.list-rubrics-form-rubric::-webkit-scrollbar {
	display: none;
}
.select-rubric-but {
	display: flex;
	align-items: center;
	position: relative;
	width: 99%;
	border: 0.01vw solid #3c5b74;
	border-bottom: 0.01vw solid #555;
}
.select-rubric-but:first-of-type {
	border-top: 0.01vw solid #555;
}
.select-rubric-but:hover {
	background-color: #264b77;
}
.select-rubric-but .oc-object-menu {
	opacity: 0;
}
.select-rubric-but:hover .oc-object-menu {
	opacity: 1;
}
.list-posts-rubric-but {
	display: flex;
	align-items: center;
	text-align: left;
	font-size: 1.2vw;
	padding: 0.2vw 0.4vw 0.2vw;
	display: block;
	color: #fff;
	width: 12.5vw;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.btn-rubric-settings {
	display: None;
}
.select-rubric-but:hover .btn-rubric-settings {
	display: inline-block;
}
.select-rubric-but:not(:hover) .rubric-settings {
	display: none;
}
.select-rubric-but:not(:hover) .rubric-title {
	display: inline-block;
}
.select-rubric-but:hover .rs-pin {
	display: inline-block;
}
.rubric-interactions {
	float: right;
}
.rubric-settings {
	display: inline-flex;
	justify-content: space-around;
	width: 11.25vw;
}
.selected-rubric-settings {
	width: 100%;
}
.sorting-activate-parser {
	position: absolute;
	bottom: 1vw;
	left: 7.5vw;
	font-size: 0.8vw;
	padding: 0.5vw 1.1vw 0.5vw;
	border: 1px solid #fff;
	border-radius: 1.6vw;
	text-transform: uppercase;
	background-color: #fff;
	color: #000;
}
.sorting-activate-parser:hover {
	transition: 0.3s;
	left: 6vw;
	padding: 0.5vw 2vw 0.5vw;
}
.favorite-hidden {
	position: relative;
	margin: 1vw 0 1vw;
}
.take-rubrics-favorite {
	color: #000;
	font-size: 0.9vw;
	padding: 0.1vw 0.2vw 0.1vw;
	background-color: #fff;
	border-radius: 1vw;
	width: 6vw;
	text-align: center;
	display: inline-block;
	margin-left: 0.5vw;
	float: left;
}
.take-rubrics-favorite:hover {
	padding: 0.1vw 0.7vw 0.1vw;
	margin-left: 0;
}
.take-rubrics-hidden {
	color: #000;
	font-size: 0.9vw;
	padding: 0.1vw 0.2vw 0.1vw;
	background-color: #fff;
	border-radius: 1vw;
	width: 6vw;
	text-align: center;
	display: inline-block;
	margin-right: 0.5vw;
	float: right;
}
.take-rubrics-hidden:hover {	
	padding: 0.1vw 0.7vw 0.1vw;
	margin-right: 0;
}
.form-select-favorite-hidden {
	padding: 0.1vw 0.2vw 0.1vw;
	width: 100%;
	font-size: 0.9vw;
	background-color: #fff;
	border: 0.01vw solid #fff;
	border-radius: 1vw;
	display: block;
	margin-bottom: 1vw;
}
.form-select-submit {
	font-size: 0.8vw;
	padding: 0.2vw 0.5vw 0.2vw;
	background-color: #fff;
	border: 0.01vw solid #fff;
	border-radius: 1vw;
	display: block;
	margin-left: 6.5vw;
}
.form-select-submit {
	text-transform: uppercase;
}
.input-hidden {
	display: none;
}
.favorite-hidden-img {
	height: 1.15vw;
	margin-left: 0.7vw;
}
													/* Article_post styles */
.article_post {
	display: flex;
	justify-content: space-between;
	width: 95%;
	padding: 7vh 1% 2vw 4%;
}
/* .article_post {
	padding-top: 6vh;
	padding-bottom: 2vw;
	padding-left: 15vw;
	width: 55%;
} */
.article-post-body {
	display: inline-flex;
	width: 100%;
	height: 89vh;
	flex-direction: column;
}
/* .article-post-body {
	display: inline-flex;
	width: 57vw;
	height: 89vh;
	flex-direction: column;
} */
.title-article-post {
	font-size: 1.6vw;
	font-weight: 700;
}
.date-article-post {
	font-family: 'Roboto Condensed';
	padding: 0.5vw 0 0;
	font-size: 1.2vw;
}
.text-article-post {
	font-size: 1.2vw;
	white-space: pre-wrap;
	margin-bottom: 1vh;
}
.rubric-article-post {
	font-size: 1.2vw;
}
						/* Файлы, изображения, видео */

				/* Заголовок разделов */
.block-title-article-post {
	opacity: 0.6;
}

				/* Документы */

		/* Форма */
.documents-block-article-post-form-label{
	display: inline-block;
	font-size: 1vw;
	padding: 0.3vw 0.3vw 0.3vw;
	border: 0.01vw solid #fff;
	border-radius: 1vw;
	text-align: center;
	width: 40%;
	background-color: #eee;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.documents-block-article-post-form-submit {
	width: 20%;
	font-size: 1vw;
	background-color: #fff;
	border-radius: 1vw;
	border: 0.01vw solid #fff;
	padding: 0.3vw 0 0.3vw;
	margin-right: 2vw;
	margin-bottom: 1vw;
	float: right;
}
		/* Вывод файлов */
.documents-block-article-post-file {
	display: inline-block;
	justify-content: space-between;
	text-align: left;
	width: 80%;
	font-size: 1vw;
	color: #fff;
	background-color: #3c5b74;
	padding: 0.3vw 1vw 0.3vw;
	border-radius: 1vw;
	margin-bottom: 0.3vw;
}
.documents-block-article-post-file-delete {
	height: 1.5vw;
	margin-bottom: 0.5vw;
	vertical-align: middle;
}
.documents-block-article-post-onlyoffice {
	width: 100%;
	height: 60vh;
}
.documents-block-article-post-count-0 {
	font-size: 1vw;
	opacity: 0.45;
	margin-top: 1vw;
}

				/* Изображения */

		/* Форма */
.images-block-article-post-form-add-images {
	padding-top: 4.42vw;
	padding-bottom: 4.42vw;
	text-align: center;
	font-size: 1vw;
	color: #000;
	display: inline-block;
	width: 10vw;
	background-color: #fff;
	border-radius: 1vw;
	opacity: 30%;
	float: left;
}
.images-block-article-post-form-add-images:hover {
	transition: 0.5s;
	opacity: 50%;
}
.images-block-article-post-form-submit {
	margin-top: 0.5vw;
	opacity: 40%;
	padding: 0.3vw 0 0.3vw;
	background-color: #fff;
	width: 10vw;
	border: 0.01vw solid #fff;
	border-radius: 1vw;
	font-size: 1vw;
}
.images-block-article-post-form-submit:hover {
	transition: 0.5s;
	opacity: 60%;
}
.article-post-image-page-image {
	border-radius: 1vw;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 2vh;
	max-height: 88vh;
	max-width: 84vw;
}
.article-post-image-page-block-interaction {
	margin-left: 20vw;
}
.article-post-image-page-but {
	margin-right: 0.5vw;
	vertical-align: middle;
	display: inline-block;
	font-size: 1vw;
	text-transform: uppercase;
	padding: 0.25vw 1vw 0.25vw;
	background-color: #fff;
	color: #000;
}

		/* Вывод изображений */
.images-block-article-post-image-block {
	position: relative;
	display: inline-block;
	padding: 0.1vw 0.2vw 0.3vw;
	background-color: #f7f8f9;
	margin: 0.1vw 0.2vw 0.3vw;
	border-radius: 0.7vw;
}
.images-block-article-post-image {
	vertical-align: middle;
	height: 11vw;
	border-radius: 0.7vw;
	margin: 0.15vw 0.15vw 0.3vw;
}
.images-block-article-post-image-delete {
	height: 1.2vw;
	display: block;
	margin: auto;
}
.images-block-article-post-count-0 {
	font-size: 1vw;
	opacity: 0.45;
	margin-top: 4.9vw;
	float: right;
	margin-right: 10vw;
}

				/* Видео */

		/* форма */
.videos-block-article-post-form {
	margin-bottom: 1.5vw;
}
.videos-block-article-post-form-input {
	font-size: 1vw;
	padding: 0.3vw 0.3vw 0.3vw;
	border: 0.01vw solid #fff;
	border-radius: 1vw;
	text-align: center;
	width: 40%;
	background-color: #eee;
}
.videos-block-article-post-form-submit {
	background-color: #fff;
	font-size: 1vw;
	float: right;
	margin-right: 2vw;
	padding: 0.3vw 0 0.3vw;
	border: 0.01vw solid #fff;
	border-radius: 1vw;
	width: 20%;
	float: right;
}

		/* Вывод видео */
.videos-block-article-post-video-block {
	margin-bottom: 1vw;
	display: inline-block;
	padding: 0.1vw 0.2vw 0.3vw;
	background-color: #f7f8f9;
	border-radius: 0.7vw;
}
.videos-block-article-post-video-block:nth-child(even) {
	float: right;
}
.videos-block-article-post-video {
	width: 26.5vw;
	height: 14.625vw;
	border-radius: 0.7vw;
}
.videos-block-article-post-video-delete {
	float: right;
	margin-right: 0.5vw;
	height: 1.2vw;
	vertical-align: middle;
}
.videos-block-article-post-count-0 {
	font-size: 1vw;
	opacity: 0.45;
	margin-top: 1vw;
}
/*------------------------------------*/
.edit-article-post {
	float: right;
	color: #fff;
	font-size: 1.2vw;
	padding: 0.3vw 0.7vw 0.3vw;
	border: 0.01vw solid #3c5b74;
	border-radius: 1.1vw;
	background-color: #3c5b74;
}
.article-interections{
	margin: 0.6vw 0 0.6vw;
}
.url-article-post {
	float: left;
	color: #fff;
	font-size: 1.2vw;
	padding: 0.3vw 0.7vw 0.3vw;
	border: 0.01vw solid #3c5b74;
	border-radius: 1.1vw;
	background-color: #3c5b74;
}
.anchor-article-textarea {
	font-size: 1.2vw;
	padding: 0.2vw 1vw 0.2vw;
	width: 100%;
	max-width: 100%;
	height: 3vw;
	max-height: 3vw;
	border: 0.1vw solid #fff;
	border-radius: 1vw;
	resize: none;
	margin-bottom: 1vw;
}
.text-article-textarea {
	font-size: 1.1vw;
	padding: 0.2vw 1vw 0.2vw;
	width: 100%;
	max-width: 100%;
	height: 32vw;
	border: 0.1vw solid #fff;
	border-radius: 1vw;
	margin-bottom: 1vw;
	resize: vertical;
}
.article-but-save {
	margin-left: 0.8vw;
	font-size: 1vw;
	padding: 0.3vw 1.2vw 0.3vw;
	border: 0.01vw solid #fff;
	border-radius: 10vw;
	background-color: #fff;
}
.article-but-save:hover {
	transition: 0.3s;
	padding: 0.3vw 2vw 0.3vw;
	margin-left: 0;
}
.create-new-article-block {
	margin-top: 1vw;
}
.create-new-article-block-2 {
	margin-bottom: 1.5vh;
}
.create-new-article-title {
	margin-top: 0.5vw;
	margin-left: 1vw;
	font-size: 1.2vw;
	font-weight: 700;
}
.create-new-article-title-2 {
	font-size: 1.2vw;
	font-weight: 700;
}
.create-new-article-anchor, .create-new-article-date {
	margin-top: 0.5vw;
	font-size: 1.2vw;
	padding: 0.2vw 1vw 0.2vw;
	width: 100%;
	max-width: 100%;
	height: 3vw;
	max-height: 3vw;
	border: 0.1vw solid #fff;
	border-radius: 1vw;
	resize: none;
	margin-bottom: 1vw;
}
.create-new-article-text {
	margin-top: 0.5vw;
	font-size: 1.2vw;
	padding: 0.2vw 1vw 0.2vw;
	width: 100%;
	max-width: 100%;
	height: 30vw;
	border: 0.1vw solid #fff;
	border-radius: 1vw;
	margin-bottom: 1vw;
	resize: vertical;
}
.create-new-article-select {
	font-size: 1.2vw;
	text-align-last: center;
	float: right;
	width: 10vw;
	padding: 0.2vw 0.5vw 0.2vw;
	margin-right: 60%;
	border: 0.01vw solid #fff;
	border-radius: 0.7vw;
}
.create-new-article-save {
	margin-top: 1vw;
	margin-left: 0.8vw;
	font-size: 1.2vw;
	padding: 0.3vw 1.2vw 0.3vw;
	border: 0.01vw solid #fff;
	border-radius: 10vw;
	background-color: #fff;
}
.create-new-article-save:hover {
	transition: 0.3s;
	padding: 0.3vw 2vw 0.3vw;
	margin-left: 0;
}
.copy-move-title {
	font-size: 1.4vw;
	margin-left: 20.8vw;
	color: #fff;
	margin-top: 0.5vw;
	display: inline-block;
}
.copy-move-to-article-anchor {
	font-size: 1.4vw;
}
.copy-move-to-article-snippet {
	margin-top: 1vw;
	font-size: 1vw;
}
.copy-move-to-article-rubric {
	padding-top: 1vw;
	font-size: 1.2vw;
	padding-bottom: 1vw;
}
.copy-move-to-select-rubric {
	text-align: center;
	font-size: 1.2vw;
	margin-top: 1vw;
}
.copy-move-to-back {
	font-size: 1.1vw;
	margin-bottom: 1.5vw;
	display: inline-block;
	padding: 0.5vw 0.7vw 0.5vw;
	color: #fff;
	background-color: #3c5b74;
}
.copy-move-to-back:hover, .copy-move-to-rubric:hover {
	transition: 0.3s;
	background-color: #264b77;
}
.copy-move-to-rubric {
	padding: 0.5vw 0 0.5vw;
	color: #fff;
	background-color: #3c5b74;
	margin-bottom: 0.7vw;
}
.copy-move-to-rubric-title {
	margin-bottom: 1vw;
}
.aside-all-images {
	position: fixed;
	overflow-y: scroll;
	top: 4.5vw;
	right: 5vw;
	width: 21vw;
	height: 94vh;
	padding-right: 1vw;
}
.form-add-image {
	padding-top: 0.5vw;
	padding-bottom: 1vw;
	border-bottom: 0.01vw solid #606060;
}
.form-add-image-title {
	text-align: center;
	font-size: 1.2vw;
	margin-bottom: 1vw;
	font-weight: 700;
}
.form-add-image-take-image {
	margin-left: 3.3vw;
	margin-bottom: 0.5vw;
	display: block;
	font-size: 0.8vw;
}
.form-add-image-submit {
	margin: auto;
	display: block;
	font-size: 0.8vw;
	width: 15vw;
	padding: 0.2vw 0.3vw 0.2vw;
	border: 0.01vw solid #fff;
	border-radius: 10vw;
	background-color: #fff;
}
.form-add-image-submit:hover {
	transition: 0.3s;
	width: 17vw;
}
.all-image-image-block {
	width: 20vw;
	margin-left: 0.5vw;
	margin-right: 0.5vw;
	margin-top: 0.5vw;
	display: inline-block;
}
.all-image-image-block-title {
	margin-top: 1vw;
	text-align: center;
	font-size: 1.2vw;
	margin-bottom: 0.5vw;
	font-weight: 700;
}
.all-images-image {
	width: 20vw;
	border-radius: 0.7vw;
}
.select-images-title {
	opacity: 0.6;
	margin-bottom: 1.25vw;
}
.select-images-image {
	height: 15vw;
	border-radius: 0.7vw;
	vertical-align: middle;
	margin: 0.25vw 0.15vw 0.25vw;
}
													/* personal-account styles */
.padding-top {
	padding-top: 8vh;
}
.personal-account-main {
	margin-left: 17%;
	width: 80%;
	height: 90vh;
	background-color: #3c5b74;
	border: 0.01vw solid #3c5b74;
	border-radius: 50px;
	box-shadow: 0px 1vw 2.5vw 0px;
}
.profile-name-text {
	color: #eb9135;
	font-size: 20px;
	font-weight: 700;
	float: right;
	margin-right: 30px;
	margin-top: 20px;
}
.account-main-block-menu {
	margin-top: 60px;
}
.account-main-menu-but {
	display: inline-block;
	width: 340px;
	background-color: #b8b8b8;
	border: 1px solid #b8b8b8;
	border-radius: 30px;
	margin: 40px 1% 0px;
}
.account-main-headin-block {
	color: #000;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 10px;
}
.account-main-text-block {
	margin: 5px 40px 5px;
	font-size: 18px;
	font-weight: 400;
	color: #000;
	text-align: left;
	opacity: .65;
}
													/* create_rubrics styles */
.create-rubrics {
	margin-left: 14.3%;
	width: 83.7vw;
	height: 90vh;
	background-color: #3c5b74;
	border: 0.01vw solid #3c5b74;
	border-radius: 3vw;
	box-shadow: 0px 1vw 2.5vw 0px;
	position: relative;
}
.create-rubrics-block {
	float: left;
	width: 60%;
	height: 97%;
	margin-left: 2vw;
	margin-top: 1vh;
	padding-right: 2vw;
	border-right: 0.01vw solid #000;
	background-image: url(img/bg_logo_blue.png);
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.create-new-rubric {
	color: #eb9135;
	margin: 0;
	text-align: center;
}
.rubrics-block {
	position: relative;
	float: right;
	width: 30%;
	height: 97%;
	margin-right: 1.5vw;
	margin-top: 1vh;
}
.input-hidden {
	display: none;
}
.headin-my-rubrics {
	font-size: 1.2vw;
	color: #eb9135;
	text-align: center;
	margin-bottom: 1.1vw;
}
.my-rubrics {
	overflow-y: scroll;
	height: 75vh;
}
.my-rubric {
	padding: 0.4vw 0 0.4vw;
	border-bottom: 0.01vw solid #555;
}
.my-rubric:first-child {
	border-top: 0.01vw solid #555;
}
.my-rubric:hover {
	transition: .3s;
	background-color: #264b77;
}
.my-rubric-p {
	font-size: 1.2vw;
	display: inline-block;
}
.my-rubric-img {
	margin-top: 0.2vw;
	margin-right: 0.4vw;
	width: 1.2vw;
	float: right;
}
.activate-parser {
	position: absolute;
	bottom: 1vh;
	left: 6vw;
	font-size: 1.2vw;
	padding: 0.5vw 1.2vw 0.5vw;
	border: 1px solid #fff;
	border-radius: 1.6vw;
	text-transform: uppercase;
	background-color: #fff;
	color: #000;
}
.activate-parser:hover {
	transition: 0.2s;
	padding: 0.5vw 2vw 0.5vw;
	left: 6.2vw;
}
.form-new-rubric {
	font-size: 1vw;
	color: #fff;
}
.form-stap {
	margin: 1vw 0 1vw;
}
.name-rubric-input {
	margin-left: 4vw;
	padding: 0.2vw 0.7vw 0.2vw;
	border-radius: 0.8vw;
	border: 0.1vw solid #fff;
	background-color: #fff;
	width: 20vw;
	font-size: 1vw;
}
.form-create-query-rubric, .form-create-t_t_p-rubric {
	position: relative;
}
.query-rubric-label {
	position: absolute;
	bottom: 1.6vw;
}
.query-rubric-textarea {
	margin-left: 14vw;
	font-size: 0.8vw;
	padding: 0.2vw 0.7vw 0.2vw;
	width: 20vw;
	max-width: 20vw;
	height: 3vw;
	max-height: 3vw;
	border: 0.1vw solid #fff;
	border-radius: 1vw;
	resize: none;
}
.t_t_p-rubric-select {
	padding: 0.1vw 0.2vw 0.1vw;
	font-size: 0.8vw;
	margin-left: 7.1vw;
	width: 7vw;
	border: 0.1vw solid #fff;
	border-radius: 3vw;
}
.active-rubric-select {
	padding: 0.1vw 0.2vw 0.1vw;
	font-size: 0.8vw;
	margin-left: 7.38vw;
	width: 7vw;
	border: 0.1vw solid #fff;
	border-radius: 3vw;
}
.form-create-rubric-but {
	margin-top: 1.5vw;
	margin-left: 14vw;
	font-size: 1vw;
	background-color: #fff;
	border: 0.01vw solid #fff;
	border-radius: 2vw;
	padding: 0.2vw 0.6vw 0.2vw;
}
.form-create-rubric-but:hover {
	transition: 0.3s;
	margin-left: 13.1vw;
	padding: 0.2vw 1.5vw 0.2vw;
}

.setting-rubric-sources, .setting-rubric-filters, .setting-srubric-filtration-parts {
	height: 40vh;
}

.setting-rubric-filters-list, .setting-rubric-sources {
	border: 1px solid #fff;
	padding: 1.5%;
	border-radius: 20px;
}

.setting-rubric-sources::-webkit-scrollbar, .setting-rubric-filters-list::-webkit-scrollbar {
	display: none;
}

.setting-rubric-sources-searchs-title-block, .setting-rubric-sources-helpers-title-block, .setting-rubric-filters-filter {
	display: inline-flex;
	position: relative;
	align-items: center;
	justify-content: space-between;
	width: 70%;
	padding: 0.25vh 0.5%;
	margin: 0.5vh 0 0.5vh 0;
	border: 0;
	border-radius: 20px;
	background-color: #acbdd3;
	border: 2px solid #88929E;
	font-size: 1.2vw;
}

.setting-rubric-filters-filter-title, .setting-rubric-sources-searchs-title, .setting-rubric-sources-helpers-title {
	width: 100%;
}

.setting-rubric-filters-filter-blocks {
	width: 100%;
	position: relative;
}

.setting-rubric-filters-filter-blocks-block, .setting-rubric-sources-source {
	width: 62%;
	padding: 0.25vh 0.5%;
	margin: 0.5vh 29% 0.5vh 8%;
	border: 0;
	border-radius: 20px;
	background-color: #fff;
	border: 2px solid #ccc;
	font-size: 1.2vw;
}

.setting-rubric-blacklist-websites-website {
	padding: 0.25vh 0.5vw;
	margin: 0.5vh 0;
	border: 0;
	border-radius: 20px;
	background-color: #fff;
	width: 97%;
	font-size: 1.2vw;
	display: inline-block;
	color: #000;
}

.source-editing, .filter-editing {
	border-radius: 10px;
}

.delete-source, .delete-filter, .source-form-remove, .filter-form-remove, .close-form-subrubric, .delete-subrubric, .delete-filterblock, .close-form-filterblock {
	float: right;
	border-radius: 20px;
	padding: 0 0.5vw;
}

.delete-project {
	border-radius: 20px;
	padding: 0.5vh 0.5vw;
}

.new-source-img {
	margin-right: 1.2vw;
	margin-top: 0.5vh;
	width: 1.2vw;
	height: 1.2vw;
}

.source-form-remove:hover, .filter-form-remove:hover, .delete-source:hover, .delete-filter:hover, .close-form-subrubric:hover, .delete-subrubric:hover, .delete-filterblock:hover, .close-form-filterblock:hover, .delete-project:hover {
	background-color: red;
}

													/* authenticate styles */
.form-container {
	padding-top: 16vh;
}
.form-authenticate {
	background-color: #3c5b74;
	padding: 30px 100px 30px;
	border: 1px solid #3c5b74;
	border-radius: 50px;
	color: #fff;
	margin: 0;
	margin-left: 29vw;
	width: 18%
}
.logo-auth {
	font-size: 1.6vw;
	text-align: center;
	color: #eb9135;
}
.form-help-login {
	text-align: center;
	font-size: 1.4vw;
	padding: 0.8vw 0;
}
.form-login, .form-password {
	display: block;
	width: 100%;
	font-size: 1.2vw;
	padding: 0.5vw 0.1vw;
	border: 0;
	border-radius: 20px;
	text-align: center;
	margin: 1vh 0;
}
.form-help {
	text-align: center;
	font-size: 0.7vw;
	padding: 0.8vw 0 0.8vw;
}
.form-but {
	margin-top: 0.8vw;
}
.form-but-login {
	transition: .5s;
	white-space: nowrap;
	font-size: 1.2vw;
	transform: translateX(-50%);
	background-color: #fff;
	color: #000;
	border: 0;
	border-radius: 20px;
	margin-left: 50%;
	padding: 0.25vw 3vw;
}
.form-but-login:hover {
	transition: .5s;
	padding: 0.25vw 4vw;
	background-color: green;
	color: #fff;
}
.form-but-change-pass {
	float: right;
	color: #fff;
}
.form-logged_out {
	margin-top: 1.2vw;
}
.form-you-logged_out {
	text-align: center;
	font-size: 0.9vw;
	margin-bottom: 1vw;
}
.form-logged_out-login {
	font-size: 0.9vw;
	text-align: center;
	color: #000;
	padding: 0.3vw 0.5vw 0.3vw;
	border: 0.01vw solid #fff;
	border-radius: 1.1vw;
	background-color: #fff;
}
.form-logged_out-login:hover {
	padding: 0.3vw 2vw 0.3vw;
	transition: 0.2s;
}
													/* parsing_complete styles */
.parser-compete-text {
	font-size: 1.1vw;
	margin-bottom: 0.5vw;
}
.parser-complete-but {
	font-size: 1vw;
	color: #000;
	padding: 0.3vw 0.5vw 0.3vw;
	border: 0.01vw solid #fff;
	border-radius: 1.1vw;
	background-color: #fff;
}
.parser-complete-but:hover {
	padding: 0.3vw 2vw 0.3vw;
	transition: 0.2s;
}
													/* reports styles */
.reports-main-titles {
	color: #ccc;
	font-weight: 400;
	text-align: center;
	margin-bottom: 1.5vw;
}
.reports-main-form-stap {
	margin-top: 2vw;
}
.reports-main-form-labels {
	font-size: 1vw;
	color: #fff;
}
.report-main-form-fields {
	resize: none;
	font-size: 0.8vw;
	float: right;
	margin-right: 11vw;
	width: 25vw;
	max-width: 25vw;
	padding: 0.3vw 0.5vw 0.3vw;
	border: 0.01vw solid #fff;
	border-radius: 1vw;
}
.reports-main-form-text {
	height: 10vw;
	max-height: 10vw;
}
.reports-main-form-submit {
	float: right;
	margin-right: 29vw;
	margin-top: 2vw;
	border: 0.01vw solid #fff;
	border-radius: 1vw;
	padding: 0.3vw 0 0.3vw;
	font-size: 1vw;
	width: 8vw;
}
.reports-main-report-block {
	padding: 0.25vw 0 0.25vw;
}
.reports-main-report-name {
	font-size: 1.2vw;
	color: #fff;
	display: inline-block;
}
.reports-main-report-img {
	float: right;
	height: 1.1vw;
	margin-right: 0.5vw;
}
.report-detail-title-text {
	margin: 0.5vw 0 1vw;
}
.report-detail-add-article-but {
	background-color: #3c5b74;
	color: #fff;
	display: inline-block;
	padding: 0.2vw 1.5vw 0.3vw;
	border-radius: 1vw;
	font-size: 1.3vw;
	transform: translateX(-50%);
	margin-left: 50%;
}
.report-detail-add-article-but:hover {
	transition: 0.3s;
	padding: 0.2vw 2.5vw 0.3vw;
}
.up-article {
	width: 1vw;
	background-color: #ddd;
	padding: 0.2vw 0.2vw 0.2vw;
	border-radius: 1vw;
}
.down-article {
	width: 1vw;
	background-color: #ddd;
	padding: 0.2vw 0.2vw 0.2vw;
	border-radius: 1vw;
}
.report-add-articles-titles {
	margin: 1.5vw 1vw 1vw;
}
													/* clients styles */
.clients-form-submit {
	float: right;
	margin-right: 16.8vw;
	margin-top: 2vw;
	border: 0.01vw solid #fff;
	border-radius: 1vw;
	padding: 0.3vw 0 0.3vw;
	font-size: 1vw;
	width: 8vw;
}
.clients-form-submit:hover {
	transition: 0.3s;
	width: 10vw;
	margin-right: 15.8vw;
}
.website_highlight {
	background-color: #3c5b74;
}
.website_highlight:hover, .website_highlight:active {
	background-color: #264b77;
}
.topic-list-section-header {
	margin-left: 1vw;
}
.block-manipulationbox {
	display: flex;
	justify-content: space-between;
	border: 1px solid #000;
	border-radius: 20px;
	padding: 0.7% 5%;
	margin: 2% 0;
}
.images-block-topic-image-block {
	position: relative;
	display: inline-block;
	padding: 0.1vw 0.2vw 0.1vw;
	margin: 0.1vw 0.2vw 0.1vw;
	border-radius: 0.7vw;
}
.images-block-topic-image {	
	max-width: 52vw;
	vertical-align: middle;
	height: 11vw;
	border-radius: 0.7vw;
	margin: 0.1vw 0.15vw 0.1vw;
}
.urls-block-topic-url {
	position: relative;
	padding: 0.3vw 1vw 0.3vw;
	margin: 0 1% 0.3%;
	border-radius: 1vw;
	text-align: left;
	font-size: 1vw;
	color: #fff;
	background-color: #3c5b74;
}

.delete-section-btn {
	position: absolute;
	font-size: 120%;
	right: 1vw;
	top: 50%;
	transform: translate(0, -50%);
	color: #fff;
}

.delete-topic-btn {
	position: absolute;
	font-size: 150%;
	right: 2vw;
	top: 50%;
	transform: translate(0, -50%);
	color: #000;
}

.delete-block-btn {
	position: absolute;
	font-size: 120%;
	right: 1vw;
	top: 1vh;
	color: #000;
}

.delete-image-btn {
	position: absolute;
	font-size: 26px;
	right: 1vw;
	top: 1vh;
	background-color: #fff;
	color: #000;
	border-radius: 20px;
	padding: 0 10px;
}

.delete-url-btn {
	position: absolute;
	vertical-align: middle;
	font-size: 120%;
	right: 1%;
	bottom: 8%;
	background-color: #fff;
	color: #000;
	border-radius: 20px;
	padding: 0 0.9%;
}

.forms-block, .alerts-block, .parsing-result-block {
	position: absolute; 
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index: 10000;
	background-color: rgba(0, 0, 0, 0.75);
}

.slide-block-substrate {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1000;
	transition: 1s;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.5);
}

.open-slide-block-substrate {
	display: block;
	opacity: 0;
	/* transition: 1s; */
	animation: substrateShowBG .5s forwards;
	animation-delay: 0s;
}
@keyframes substrateShowBG {
	0% {
		background-color: rgba(0, 0, 0, 0);
		opacity: 0;
	}
	100% {
		background-color: rgba(0, 0, 0, 0.5);
		opacity: 1;
	}
}

.close-slide-block-substrate {
	transition: 1s;
	/* transition-delay: 0.5s; */
	animation: substrateHideBG .5s forwards;
	animation-delay: 0s;
}
@keyframes substrateHideBG {
	0% {
		background-color: rgba(0, 0, 0, 0.5);
		opacity: 1;
	}
	33% {
		background-color: rgba(0, 0, 0, 0);
		opacity: 0;
	}
	100% {
		background-color: rgba(0, 0, 0, 0);
		opacity: 0;
	}
}

.list-rubric-querys {
	display: inline-block;
	overflow-y: scroll;
	color: #fff;
	font-size: 140%;
	width: 38vw;
	height: 30vh;
	padding: 1%;
}

.list-rubric-blacklist {
	display: inline-block;
	overflow-y: scroll;
	color: #fff;
	font-size: 140%;
	width: 38vw;
	height: 30vh;
	padding: 1%;
}

.list-rubric-group-websites, .list-rubric-blacklist-websites {
	display: inline-block;
	overflow-y: scroll;
	color: #fff;
	font-size: 140%;
	width: 35.5vw;
	height: 30vh;
	padding: 1%;
}
.setting-querys {
	display: inline-block;
	overflow-y: scroll;
	width: 38vw;
	height: 30vh;
	padding: 1%;
}

.setting-blacklist {
	display: inline-block;
	overflow-y: hidden;
	width: 38vw;
	height: 30vh;
	padding: 1%;
}

.setting-group-websites, .setting-blacklist-websites {
	display: inline-block;
	overflow-y: hidden;
	width: 35.5vw;
	height: 30vh;
	padding: 1%;	
}
.setting-querys-types {
	color: #fff;
	font-size: 140%;
}

.setting-querys-types > span {
	padding: 2%;
	border-radius: 20px;
}

.setting-querys-types > span:hover {
	background-color: #264b77;
}

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

.parsing-result {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: sticky;
	transform: translateX(-50%);
	top: 6vh;
	left: 50%;
	margin-right: -50%;
	height: 80vh;
	width: 70vw;
	padding: 0.5vh 1vw;
	border-radius: 30px;
	border: 3px solid #fff;
	background-color: #3c5b74;
}

.parsing-result-list-title {
	display: flex;
	align-items: center;
	font-size: 1.4vw;
	color: white;
	width: 68vw;
	margin: 0.5vh 0;
}

.parsing-result-list {
	width: 68vw;
	height: 100%;
    padding: 0.5vh 1vw 0;
	border: 0.15vw solid white;
	border-radius: 20px;
	overflow-y: scroll;
}

.parsing-result-rubric-tasks-block, .parsing-result-task-systems-block {
	margin: 1vw 0;
}
.parsing-result-rubric-block, .parsing-result-task-block, .parsing-result-system-block {
	display: flex;
	align-items: center;
	font-size: 1.4vw;
	color: white;
	width: 100%;
	margin: 0.5vh 0;
}

.parsing-result-rubric-block:hover, .parsing-result-query-block:hover, .parsing-result-query-system-block:hover {
	background-color: #264b77;
}

.parsing-result-query-system, .parsing-result-query-systems, .btn-sh-tasks, .btn-sh-queries {
	width: 1.4vw;
	margin-right: 1vw;
}

.parsing-result-rubric-name, .parsing-result-task-name, .parsing-result-task-query {
	width: 25%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.parsing-result-rubric-status, .parsing-result-task-status, .parsing-result-query-status {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 12.5%;
}

.parsing-result-rubric-count, .parsing-result-task-count, .parsing-result-system-count {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 12.5%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.form-add-post-url-block {
	display: flex;
	align-items: center;
	margin: 2vh 0;
}

.form {
	position: sticky;
	max-height: 91vh;
	width: 80vw;
	top: 53%;
	left: 44%;
	margin-right: -56%;
	margin-bottom: -47%;
	transform: translate(-50%, -50%);
	background-color: #3c5b74;
	border-radius: 30px;
	border: 3px solid #fff;
	padding: 0.5vh 1vw;
	overflow: auto;
}

.form-full {
	display: flex;
	flex-direction: column;
	transform: translate(-50% , 0);
	top: 6%;
	height: 80vh;
}

.second-form {
	top: 50%;
	left: 50%;
	margin-right: -50%;
	margin-bottom: -50%;
}

.form-title {
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
}

.form-current-rubrics {
	margin: 2%;
	font-size: 200%;
	color: white;
}

.form-tags {
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
	font-size: 1.2vw;
	border-radius: 20px;
}

.form-tag:first-of-type, .form-tag:last-of-type {
	margin-left: 0.3vw;
}
.form-tag {
	border-radius: 20px;
	padding: 1vh 1.2vw;
	margin: 0 0.3vw;
}

.form-tag:hover {
	background-color: #264b77;
}

.form-input {
	display: block;
	border: 0;
	border-radius: 20px;
	padding: 0 1%;
	margin: 0.5vh 0;
	width: 98%;
	height: 45px;
	font-size: 22px;
}

.header-search-block {
	transition: .5s;
	position: absolute;
	left: 1.5vw;
	border: 0;
	border-radius: 20px;
	padding: 0.25vw 1vw;
	background: rgba(255,255,255,0.2);
}

.header-search-block-input {
	transition: .5s;
	display: inline-block;
	width: 10vw;
	background: none;
	border: 0;
	outline:none;
	font-size: 1.2vw;
	color: #ccc;
	overflow: hidden;
	text-overflow: ellipsis;
}
.header-search-block-input::-webkit-input-placeholder {
	color: #ccc;
}

.header-search-block-input:focus {
	/* transition: .5s;
	color: black;
	width: 20vw; */
}
.header-search-block-input:focus::-webkit-input-placeholder {
	color: #aaa;
}

.input-active {
	color: #ccc;
}

.header-search-block-clear {
	transition: .3s;
	font-size: 1.2vw;
	margin-left: 1vw;
	opacity: 0.6;
}

.header-search-block-clear:hover {
	transition: .3s;
	opacity: 1;
}

.form-input-date {
	display: inline-block;
	text-align: center;
	width: 120px;
	font-size: 22px;
}

.form-textarea {
	display: inline-flex;
	flex-grow: 1;
	width: 98%;
	height: 100%;
	padding: 0.5% 1%;
	margin: 0.5vh 0;
	border: 0;
	border-radius: 20px;
	font-size: 28px;
	resize: none;
}

.form-select {	
	display: inline-block;
	text-align: center;
	margin: 0.5% 0;
	border: 0;
	border-radius: 20px;
	padding: 0 2%;
	height: 45px;
	font-size: 22px;
	width: 26%;
}

.form-input-checkbox-div {
	display: inline-flex;
	align-items: center;
	color: #fff;
	font-size: 160%;
	margin-left: 3%;
	vertical-align: middle;
}

.form-input-checkbox {
	vertical-align: middle;
	transform:scale(2);
}

.images-block {
	padding: 2% 2%;
	margin: 25px 0;
	height: 400px;
	width: 30%;
	overflow-y: scroll;
}

.images-block-image {
	height: 150px;
	border-radius: 20px;
	padding: 3%;
}

.images-block-image:hover {
	background-color: #264b77;
}

.form-submit {
	display: block;
	transform: translateX(-50%);
	margin: 1.8% 0 0 50%;
	border: 0;
	border-radius: 20px;
	padding: 0.5%;
	font-size: 22px;
	width: 15vw;
	min-width: 200px;
	height: 40px;
}

.form-similar-header {
	color: #fff;
	font-size: 28px;
	text-align: center;
}

.form-btn-url-search, .form-get-search-result {
	color: white;
	margin-left: 2%;
	font-size: 22px;
}
.form-result-list {
	max-height: 250px;
	overflow-y: scroll;
	background-color: #fff;
	margin: 0.5vh 2vw;
	font-size: 20px;
}

.search-result-list-object {
	padding: 1% 0 1% 1%;
	border-bottom: black 1px solid;
}

.close-btn {
	position: absolute;
	right: 2vw;
	padding: 0 0.6vw;
	border-radius: 20px;
}

.close-btn:hover {
	background-color: red;
}

.form-fileinput {
	font-size: 1vw;
	margin: 25px 0;
	padding: 1% 2%;
	border: 0.01vw solid #fff;
	border-radius: 1vw;
	text-align: center;
	background-color: white;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.query-statistics {
	position: absolute;
	left: 50%;
	bottom: 2%;
	transform: translate(-50%, 0);
	font-size: 150%;
	color: white;
}

.sorting-list-header {
	margin: 1% 0;
	font-size: 160%;
	text-align: center;
	color: #fff;
}

.form-is-bad {
	background-color: red;
}

.postlink {
	background-color: #3c5b74;
	color: #fff;
	text-decoration: underline;
}

.highlight {
	background-color: #73BD9F;
}

.big-image-block {
	position: absolute; 
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index: 100000;
	background-color: rgba(0, 0, 0, 0.75);
}

.big-image {
	position: sticky;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	margin-bottom: -50%;
	transform: translate(-50%, -50%);
	max-width: 80vw;
	max-height: 80vh;
}

.red-bg {
	background-color: rgb(224, 24, 24);
	color: #fff;
}

.red-bg:hover {
	background-color: red;
}

.green-bg {
	background-color: darkgreen;
	color: #fff;
}

.green-bg:hover {
	background-color: green;
}

.inline-image {
	max-width: 52vw;
}

.block-text {
	white-space: pre-wrap;
}

.img-add-post-attachments {
	width: 1.2vw;
	padding: 0.1vw;
	background-color: #3c5b74;
	border: 0;
	border-radius: 50%;
	margin-left: 0.5vw;
}

.count-attachments {
	margin-left: 0.5vw;
}

.statistics-website-title {
	margin-left: 0.5vw;
	font-size: 1.2vw;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
}

.statistics-website-count {
	font-size: 1.2vw;
	position: absolute;
	transform: translateX(+50%);
	top: 0.2vw;
}

.statistics-website-option {
	width: 1.2vw;
	position: absolute;
	transform: translateX(+50%);
	top: 0.2vw; 
}

.hover-red-bg:hover {
	background-color: red;
}

.padding-lr {
	padding: 0 0.5vw;
}

.selected-photo {
	background-color: green;
}

/* ALERT */

.alert-block {
	display: inline-block;
	position: sticky;
	transform: translate(-50%, -50%);
	width: 30vw;
	min-height: 0vh;
	max-height: 50vh;
	top: 50%;
	left: 50%;
	right: 50%;
	bottom: 50%;
	z-index: 100000;
	padding: 1%;
	border: 3px solid #fff;
	border-radius: 20px;
	background-color: #3c5b74;
	color: #fff;
	font-size: 1.2vw;
}

.alert-title {
	text-align: center;
	font-size: 1.4vw;
	margin: 1vh 0 0;
	color: red;
	text-shadow: 1px 1px 5px #111;
}

.alert-error-block {
	text-align: center;
	margin: 3vh 0;
	max-height: 100%;
}

.alert-ok {
	transition: .5s;
	display: inline-block;
	text-align: center;
	transform: translateX(-50%);
	margin: 0 50%;
	padding: 0.25vh 2vw;
	border: 0;
	border-radius: 20px;
	background-color: #fff;
	color: #000;
}

.alert-ok:hover {
	transition: .5s;
	padding: 0.25vh 3vw;
	background-color: green;
	color: #fff;
}

.hide {
	display: none !important; 
}
.show {
	display: block !important;
}

.light-hider {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: white;
	opacity: .75;
}

.dark-hider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: .25;
}

.focus-outline-none:focus {
	outline: none;
}

/* LOADER */

.loader {
	position: absolute;
	top: calc(50% - 16vw);
	left: calc(50% - 16vw);
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 32vw;
    animation: spin 2s linear infinite;
}

.loader::after {
	content: '';
	padding-top: 100%;
	display: block;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* LOADING GIF */

@keyframes ldio-g9gl1f5raf9 {
	0% { transform: translate(16.88px,88.61999999999999px) scale(0); }
	25% { transform: translate(16.88px,88.61999999999999px) scale(0); }
	50% { transform: translate(16.88px,88.61999999999999px) scale(1); }
	75% { transform: translate(88.61999999999999px,88.61999999999999px) scale(1); }
	100% { transform: translate(160.35999999999999px,88.61999999999999px) scale(1); }
}
@keyframes ldio-g9gl1f5raf9-r {
	0% { transform: translate(160.35999999999999px,88.61999999999999px) scale(1); }
	100% { transform: translate(160.35999999999999px,88.61999999999999px) scale(0); }
}
@keyframes ldio-g9gl1f5raf9-c {
	0% { background: #000000 }
	25% { background: #000000 }
	50% { background: #000000 }
	75% { background: #000000 }
	100% { background: #000000 }
}
.ldio-g9gl1f5raf9 div {
	position: absolute;
	width: 25.76px;
	height: 25.76px;
	border-radius: 50%;
	transform: translate(88.61999999999999px,88.61999999999999px) scale(1);
	background: #000000;
	animation: ldio-g9gl1f5raf9 2.4390243902439024s infinite cubic-bezier(0,0.5,0.5,1);
}
.ldio-g9gl1f5raf9 div:nth-child(1) {
	background: #000000;
	transform: translate(160.35999999999999px,88.61999999999999px) scale(1);
	animation: ldio-g9gl1f5raf9-r 0.6097560975609756s infinite cubic-bezier(0,0.5,0.5,1), ldio-g9gl1f5raf9-c 2.4390243902439024s infinite step-start;
}.ldio-g9gl1f5raf9 div:nth-child(2) {
	animation-delay: -0.6097560975609756s;
	background: #000000;
}.ldio-g9gl1f5raf9 div:nth-child(3) {
	animation-delay: -1.2195121951219512s;
	background: #000000;
}.ldio-g9gl1f5raf9 div:nth-child(4) {
	animation-delay: -1.8292682926829267s;
	background: #000000;
}.ldio-g9gl1f5raf9 div:nth-child(5) {
	animation-delay: -2.4390243902439024s;
	background: #000000;
}
.loadingio-spinner-ellipsis-5wp37ccubt8 {
	position: absolute;
	transform: translateX(-50%);
	transform: translateY(-50%);
	top: 50%;
	left: 37%;
	width: 211px;
	height: 211px;
	display: inline-block;
	overflow: hidden;
	background: none;
	z-index: 1000;
}
.ldio-g9gl1f5raf9 {
	width: 100%;
	height: 100%;
	position: relative;
	transform: translateZ(0) scale(1);
	backface-visibility: hidden;
	transform-origin: 0 0;
}
.ldio-g9gl1f5raf9 div { box-sizing: content-box; }

	/* SWITCHER */

.switch-btn {
	display: inline-block;
	width: 34px; /* ширина */
	height: 19px; /* высота */
	border-radius: 19px; /* радиус скругления */
	background: #bfbfbf; /* цвет фона */
	z-index: 0;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	position: relative;
	transition-duration: 300ms; /* анимация */
}
.switch-btn::after {
	content: "";
	height: 13px; /* высота кнопки */
	width: 13px; /* ширина кнопки */
	border-radius: 17px;
	background: #fff; /* цвет кнопки */
	top: 3px; /* положение кнопки по вертикали относительно основы */
	left: 3px; /* положение кнопки по горизонтали относительно основы */
	transition-duration: 300ms; /* анимация */
	position: absolute;
	z-index: 1;
}
.switch-on::after {
	left: 17px;
}
/* .rubric-wait-parsing {
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1);
} */
.rotation {
	animation: 2s linear 0s normal none infinite running rotation;
	-webkit-animation: 2s linear 0s normal none infinite running rotation;
}
@keyframes rotation {
	0% {
	  transform: rotate(360deg);
	}
	100% {
	  transform: rotate(0deg);
	}
}
@-webkit-keyframes rotation {
	0% {
	  transform: rotate(360deg);
	}
	100% {
	  transform: rotate(0deg);
	}
}


.draggable {
	opacity: 0.6;
}


.dropbtn {
	background-color: #3c5b74;
	color: white;
	padding: 12px 10px;
	font-size: 16px;
	border: none;
	cursor: pointer;
  }

  /* The container <div> - needed to position the dropdown content */
  .dropdown {
	position: relative;
	display: inline-block;
  }

  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
	display: none;
	position: absolute;
	left: -126px;
	background-color: rgba(40, 40, 40, 0.9);
	min-width: 160px;
	box-shadow: 5px -5px 30px black;
	z-index: 1;
	/* border-style: solid; */
  }

  .main-menu-item {
	opacity: 0.7;
  }

  /* Links inside the dropdown */
  .dropdown-content a {
	color: white;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
  }

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: #f1f1f1;
	color: rgba(40, 40, 40, 0.9);
}

  /* Show the dropdown menu on hover */
  .dropdown:hover .dropdown-content {
	display: block;
  }

  /* Change the background color of the dropdown button when the dropdown content is shown */
  .dropdown:hover .dropbtn {
	background-color: #a3acb1;
	background-color: #3c5b74;
  }

  .new_menu {
	margin: 0 8px 0 18px;
	padding-left: 8px;
	border-left: 1px solid rgba(255, 255, 255, 0.6);
  }

  .item-content {
	flex: auto;
  }

  .item-content .logo {
	display: inline-block;
	width: 25px;
	text-align: center;
  }
  
  .logo {
	margin-right: 12px;
  }

  .item-content .name {
	display: inline-block;
  }

  .divider {
	border-top: ridge #a3acb1 1px;
  }

/* ACTIVE STATUS */
.active {
	opacity: 1;
}
.unactive {
	transition: .5s;
	opacity: 0.6;
}
.unactive:hover {
	transition: .5s;
	opacity: 1;
}

/* Gallery */

.gallery-block-substrate {
	transition: .5s;
	position: absolute;
	display: none;
	top: 0;
	bottom: 0;
	right: 0;
    z-index: 10000;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.5);
}

.gallery-block-substrate.show-block {
	transition: .5s;
	display: block;
	/* animation: showAlignBlocks .5s forwards; */
}

@-webkit-keyframes showSubstrate {
	0% {
		display: block;
		opacity: 0;
	}
	100% {
		opacity: 1;
		display: block;
	}
}

.gallery-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: calc(90vw - 30px);
	height: calc(90vh - 30px);
	padding: 15px;
	font-size: 1.4vw;
	background-color: white;
	border: 0;
	border-radius: 20px;
	overflow: hidden;
}

.gallery-block-header {
	padding-bottom: 15px;
}

.gallery-block-footer {
	display: flex;
	gap: 1vw;
	padding-top: 15px;
}

.gallery-block-title {
	text-align: center;
}

.close-gallery-block {
	position: absolute;
	top: 15px;
	right: 15px;
}

.gallery-block > .images-list {
	display: flex;
	flex-wrap: wrap;
	gap: 1vw;
	width: 100%;
	height: 100%;
	overflow: scroll;
}