/* Adaptive editor
-----------------------------------------------------------------------------*/
/* Все что внутри работает при размере экрана меньше 768
-----------------------------------------------------------------------------*/
@media (max-width: 768px) {
    body {
        max-width: auto;
        min-width: auto;
    }
    .post-add-quill {
/*        font-family: Roboto, Tahoma;*/
        font-size: 16px;
        line-height: 25px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
    }
    .post-add-quill .main-menu {

    }
    .post-add-quill #layout {
        min-width: auto;
        max-width: auto;
        padding: 0;
        /*overflow-x: hidden;*/
    }
    #content {
        padding: 0;
    }
    #sidebar {
        display: none;
    }
    .hide-on-desktop {
        display: none;
    }

    .post-add-quill .go-back a {
        font-size: 25px;
        padding: 0;
    }

    .post-add-quill .post-quill-edit-user .form-add {
        width: auto;
    }
    .post-add-quill .user-reg-auth-avatar {
        width: 30px;
    }
    .user-reg-auth-avatar .user-avatar i {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }

    .post-add-quill .post-format-content {
        width: auto;
        padding: 20px;
    }

    .post-add-quill #layout {
        margin: 20px 0 0 0;
    }

    .ql-editor {
        margin: 10px 0 10px 0;
        /*font-family: Roboto;*/
    }

    .topic-title-container {
        padding: 0 16px;
    }
    .topic-title-container .ql-editor.ql-blank::before {
        font-size: 17px;
        padding: 0 16px;
        top: -2px;
    }
    .topic-title-container p {
        font-size: 17px !important;
        line-height: 19px !important;
    }

    .quill-controls i {
        font-size: 15px;
        vertical-align: top;
        padding: 5px 0 0 0;
    }
    .post-add-quill .ql-toolbar.ql-snow {
        padding: 10px;
        -webkit-box-shadow: 0px 7px 13px -4px #eaeaea;
        -moz-box-shadow: 0px 7px 13px -4px #eaeaea;
        box-shadow: 0px 7px 13px -4px #eaeaea;
    }
    .post-add-quill .ql-toolbar.ql-snow button {
        height: 28px;
        min-width: 28px;
        padding: 0;
        margin: 0 2px 6px 0 !important;
    }
    .post-add-quill .ql-text-editor,
    .ql-editor.ql-blank::before{
        padding: 0 15px;
    }

    .ql-editor.ql-blank::before {
        font-size: 15px;
        top:0px;
    }
    .ql-editor p {
        font-size: 15px;
        line-height: 21px;
    }

    .post-add-quill .post-controls {
        padding: 150px 0 0 0;
    }

    .post-controls a {
        background: #eaeaea;
    }
    .post-controls i {
        font-size: 20px;
    }
    .post-quill-buttons {
        display: inline-block !important;
        text-align: center;
        width: 100%;
    }
    .post-quill-buttons .item {
        margin: 0 0 10px 0;
    }
    .post-add-quill .publish {
        margin: 10px 0 20px;
    }
    .blog-selector {
        text-align: center;
        margin: 20px 16px!important;
    }

    /* Картинки
    -----------------------------------------------------------------------------*/
    .post-add-quill .figure-image {
        margin: 0 -15px;
    }

    /* Общие штуки для блоков
    -----------------------------------------------------------------------------*/
    .post-add-quill .quill-element-deleter.fa-times:before {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }

    /* Блок цены
    -----------------------------------------------------------------------------*/
    .ql-container .ql-editor .price-content-div .display-flex {
        display: inline-block;
    }
    .price-content-div {
        margin: 10px -15px !important;
        padding: 20px 15px;
    }
    .price-content-div .input-group-price {
        margin: 0 0 10px 0;
    }
    .price-content-div .input-group-testing {
        margin: 10px 0 0 0;
    }
    .price-content-div .input-group.price {
        margin: 0;
        width: auto;
    }
    .price-content-div .input-group.testing {
        margin: 0 0 10px 0;
        width: auto;
    }
    .price-content-div .input-group.testingfor {
        width: auto;
    }
    .price-content-div .input-group {
        margin: 0;
    }
    .price-content-div .quill-priceblock-mark-button {
        margin: 0 0 10px 0;
    }


    /* Блок цитата
    -----------------------------------------------------------------------------*/
    .post-add-quill .ql-text-editor .blockquote-div, .ql-postview blockquote {
        background: #faf7ef !important;
        border-radius: 6px;
        padding: 20px 20px 10px 52px !important;
        position: relative;
        margin: 10px -15px !important;
        border-radius: 0px !important;
        line-height: 25px;
        font-size: 16px;

    }
    .post-add-quill .ql-text-editor .blockquote-div:before, .ql-postview .blockquote-text:before {
        content: "\f10d";
        font-family: 'Font Awesome 5 Pro';
        left: 17px;
        position: absolute;
        top: 18px;
        font-size: 18px;
        font-weight: 900;
        color: #bbb;
    }
    .post-add-quill .ql-text-editor .blockquote-div textarea, .ql-postview .blockquote-text {
        background: none;
        border: none;
        box-shadow: none;
        padding: 0;
        font-size: 16px;
        margin: 0 0 20px 0px;
        resize: none;
        /*/*font-family: Roboto;*/*/
    }
    .post-add-quill .ql-text-editor .blockquote-div-input, .ql-postview .blockquote-link a {
        background: none;
        border: none;
        box-shadow: none;
        padding: 0;
        font-size: 14px;
        text-align: right;
        color: #999;
        display: block;
    }



    /* Блок плюсы минусы
    -----------------------------------------------------------------------------*/
    .post-add-quill .procons-div {
        display: inline-block !important;
    }
    .post-add-quill .procons-div-cons-holder {
        margin: 5px 0 0 0;
    }
    .post-add-quill .procons-div-pros-holder, .post-add-quill .procons-div-cons-holder {
        /*width: 100% !important;*/
        border-radius: 0px !important;
    }
    /*.topic .procons-div-pros:before, .post-add-quill .procons-div-pros-holder:before,
    .topic .procons-div-cons:before, .post-add-quill .procons-div-cons-holder:before{
        left: 10px !important;
        top: 8px !important;
        font-size: 15px !important;
    }*/
    .post-add-quill .ql-text-editor .procons-div-txtarea {
        font-size: 15px !important;
        padding: 8px 8px 8px 3px !important;
        line-height: 21px;
        margin: 0 0 0 4px;
    }
    .post-add-quill .ql-text-editor .procons-div {
        margin: 10px 0px 0px -15px !important;

    }
    .post-add-quill .procons-div-pros-holder {
        margin: 0 !important;
    }
    .topic .procons-div-pros:before,
    .post-add-quill .procons-div-pros-holder:before {
        content: "\f055";
        font-family: 'Font Awesome 5 Pro';
        left: 10px;
        position: absolute;
        top: 8px;
        font-size: 17px;
        font-weight: 300;
        color: #849a7e;
    }
    .topic .procons-div-cons:before,
    .post-add-quill .procons-div-cons-holder:before {
        content: "\f056";
        font-family: 'Font Awesome 5 Pro';
        left: 10px;
        position: absolute;
        top: 8px;
        font-size: 17px;
        font-weight: 300;
        color: #8f9091;
    }

    /* Блок опросов
    -----------------------------------------------------------------------------*/
    .quill-vote-div {
        margin: 10px -15px;
        padding: 20px 15px;
    }
    .quill-vote-div .quill-vote-create-variant-holder {
        margin: 10px 0 0 0;
    }
    .quill-vote-div .quill-vote-control-holder {
        margin: 10px 0 0 0;
    }
    .quill-vote-div .quill-vote-type-select {
        margin: 10px 0 0 0;
    }
    .quill-vote-div .quill-vote-create-variant-holder {
        width: 100%;
    }
    .quill-vote-div .quill-vote-create-variant {
        width: 100%;
    }

    /* Админский блок справа прилипший
    -----------------------------------------------------------------------------*/
    .post-add-quill .ql-post-tags.admin-mode {
        display: none !important;
    }

    /* Запрос продуктов и ссылки на каталог
    -----------------------------------------------------------------------------*/
    .catalog-product-link,
    .catalog-product-request {
        margin: 0 15px;
        width: 92%;
    }

    /* Списки 123 ***
    -----------------------------------------------------------------------------*/
    .ql-editor ol {
        font-size: 14px;
        padding-left: 0px !important;
        margin: 10px 0 20px 25px !important;
    }
    .ql-editor ul {
        font-size: 14px;
        padding-left: 10px;
        margin: 10px 0 20px 15px !important;
    }
    .ql-editor ul > li,
    .ql-editor ol > li {
        font-size: 15px;
        margin: 0 0 5px 0;
    }

    /* Меню выпадающее под аватаром
    -----------------------------------------------------------------------------*/
    .dropdown-container {
        padding: 0;
        margin: 0;
    }
    .dropdown-container li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    /* Добавление новости
    -----------------------------------------------------------------------------*/
    .form-add .t-block.news-sources {
        margin: 20px 15px 0;
        font-size: 15px;
    }
    .form-add .t-block.news-sources input[type=text] {
        font-size: 15px;
    }


    /* Убрать админскую панель */
    .admin-mode.hide-on-narrow {
        display: none;
    }
    .admin-mode-narrow.show-on-narrow {
        display:block;
        top: 0px;
        width: 60px;
    }
}