@media print {
    
    * {
        visibility: hidden !important;
    }


    .noprint,
    i.close-slide-block.noprint,
    span.set-view-mod-block.noprint, 
    span.status.noprint,
    p.open-full-text.noprint,
    i.object-menu.noprint,
    div.edit-interactions.noprint,
    div.slide-block-main-block-info-block.noprint {
        display: none !important;
    }
    
    .print * {
        visibility: visible !important;
        box-shadow: none !important;
    }
    
    .print {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }

    body {
        overflow-y: scroll !important;
        background-image: none !important;
    }


    .logo-to-print {
        position: absolute;
        top: 3.5vw;
        right: 0;
        height: 15vw;
        opacity: 0.4;
        /* filter: grayscale(1); */
    }

    /* 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: 0.5cm;
        text-align: center;
    }
    .btn-submit:hover {
        background-color: green;
    }
    .dispinline {
        display: inline-block;
    }

    .gallery-images-blocks {
        display: flex;
        flex-wrap: wrap;
        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;
    }
    .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: 22vw;
        margin-bottom: 1vh;
    }
    .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: 0.55cm;
    }
    .main-photo-delete:hover {
        transition: 0.5s;
        padding-left: 9%;
        background-color: red;
    }

    .wo-scroll::-webkit-scrollbar {
        display: none;
    }
                                                        /* slide-block */

    .slide-block {
        visibility: hidden !important;
        display: inline-flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
    }
    .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: 0.5cm;
        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 {
        transition: .5s;
        display: inline-flex;
        position: absolute;
        flex-direction: column;
        align-content: center;
        gap: 1vh;
        transform: translateY(-50%);
        top: 50vh;
        left: -2vw;
        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);
    }
    .set-view-mod-block:hover {
        transition: .5s;
        left: -3.5vw;
    }
    .set-view-mod-block > i {
        transition: .5s;
        opacity: 0;
    }
    .set-view-mod-block:hover > i {
        transition: .5s;
        opacity: 0.6;
    }
    .set-view-mod-block:hover > i.active {
        opacity: 1;
    }
    .set-view-mod-block > i:hover {
        transition: .5s;
        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;
        margin: 1vh 0;
    }
    .block-slide-block {
        transition: .5s;
        display: flex;
        position: relative;
        /* margin: 0.5vh 0; */
        padding: 1vh 1vw;
        min-height: 1.5vw;
        background-color: white;
        border: 0;
        border-radius: 20px;
        font-size: 0.5cm;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    }
    .block-slide-block, .block-slide-block * {
        page-break-inside: avoid !important;
        page-break-after: auto !important;
    }
    .interactions-block {
        transition: .5s;
        position: absolute;
        font-size: 0.55cm;
        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: 76vw;
    }
    .slide-block-main-block.view-mod {
        width: 120vw;
    }
    .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;
        /* margin-bottom: 1vh !important; */
    }
    .slide-block-main-block-title-block > .title {
        font-size: 0.55cm;
        font-weight: 700;
        white-space: nowrap;
        overflow-x: hidden;
    }
    .slide-block-main-block-title-block > .edit-title-input {
        visibility: hidden !important;
        font-family: 'Roboto Condensed';
        font-size: 0.55cm;
        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: 0.55cm;
    }
    .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: 0.5cm;
        background: none;
        border: 0;
        padding: 0;
        padding-left: 1vw;
    }
    .slide-block-main-block-info-block > .rubric-section-block {
        font-size: 0.5cm;
    }
    .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: 0.5cm;
        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: 100%;
        /* 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;
    }

    .block-articles-list-to-insert, .block-rubric-list-to-insert {
        flex-direction: column;
        padding: 0.5vh 1vw;
        transform: translateX(-50%);
        margin-left: 50%;
        width: calc(100% - 4vw);
        max-height: calc(((2.1vw + 7.5vw + 5vw + 2.2vw) * 2) + 2vw + 1.5vw + 1vw);
    }
    .block-rubric-list-to-insert {
        width: calc(100% - 2vw) !important;
    }
    .block-articles-list-to-insert > div > .sorting-articles-block > .add-all-articles {
        font-size: 0.55cm;
    }
    .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: 0.5cm;
        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: 0.5cm;
        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: 0.5cm;
    }
    .block-rubric-list-to-insert > div > .remove-rubrics-to-insert-block {
        font-size: 0.5cm;
    }


    .slide-block-main-block-blocks > .blocks-list-block > .blocks-list {
        display: flex;
        flex-direction: column;
        gap: 1vh;
        height: 100%;
    }
    .slide-block-main-block-blocks > .blocks-list-block > .blocks-list > .bsection-container {
        display: flex;
        flex-direction: column;
        gap: 1vh;
    }
    .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: 1vh;
        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.1);
        padding-left: 2vw;
    }
    .slide-block-main-block-blocks > .blocks-list-block > .blocks-list > .bsection-container > .bsection-block > .bsection-title {
        font-size: 0.55cm;
        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 {
        visibility: hidden !important;
        font-family: 'Roboto Condensed';
        font-size: 0.55cm;
        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: 0.55cm;
    }
    .bsection-interactions-block > .remove-section:hover, .remove-block:hover {
        transition: .5s;
        color: red;
    }
    .block-bsection-blocks {
        display: flex;
        flex-direction: column;
        gap: 1vh;
    }
    .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: 0.55cm;
    }
    .edit-bsection-block-title-input {
        visibility: hidden !important;
        transition: .5s;
        font-family: 'Roboto Condensed';
        font-size: 0.55cm;
        font-weight: 700;
        width: 100%;
        border: 0;
    }
    .edit-bsection-block-url-input {
        visibility: hidden !important;
        font-family: 'Roboto Condensed';
        font-size: 0.5cm;
        width: 100%;
        border: 0;
    }
    .bsection-block-text {
        height: 100%;
        /* max-height: calc(1.5vw * 15); */
        /* overflow-y: hidden; */
        white-space: pre-wrap;
    }
    .edit-bsection-block-text-input {
        visibility: hidden !important;
        transition: .5s;
        font-family: 'Roboto Condensed';
        font-size: 0.5cm;
        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: 0.5cm;
        white-space: pre-wrap;
        height: 100%;
        overflow-y: scroll;
    }
    .slide-block-main-block-text-block > .edit-text-input {
        visibility: hidden !important;
        transition: .5s;
        font-family: 'Roboto Condensed';
        font-size: 0.5cm;
        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: 0.55cm;
        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);
    }
    .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: 0.5cm;
        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-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: 0.55cm;
        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: 0.55cm;
        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: 0.5cm;
        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: 0.55cm;
        margin-top: 0;
    }
    .table-column-row-count {
        text-align: center;
        font-size: 0.5cm;
        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;
    }

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

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