#form_article {
    padding: 0;

    .vue-tags-input .ti-input {
        padding: 5px;
        border: 1px solid #DCDFE6;
    }

    .keyword_tags .el-form-item__content {
        padding-top: 36px;
    }

    .vue-tags-input .ti-new-tag-input-wrapper .ti-new-tag-input {
        color: #606266;
    }

    .word-counter {
        width: 40px;
        position: absolute;
        right: 0px;
        top: 0px;
        text-align: center;
    }

    .create-form-main-container {
        padding: 20px;
    }

    .box-social {
        overflow: auto;
    }

    .box-social::-webkit-scrollbar,
    .preview_image .img_wrapper::-webkit-scrollbar {
        width: 6px;
    }

    .box-social::-webkit-scrollbar-track,
    .preview_image .img_wrapper::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .box-social::-webkit-scrollbar-thumb,
    .preview_image .img_wrapper::-webkit-scrollbar-thumb {
        background: #c0bebe;
        border-radius: 8px;
    }

    .box-social::-webkit-scrollbar-thumb:hover,
    .preview_image .img_wrapper::-webkit-scrollbar-thumb:hover {
        background: #757474;
    }

    .create-form-main-container .el-textarea__inner {
        min-height: auto !important;
    }

    .avatar-uploader .el-upload-dragger,
    .avatar-uploader {
        width: 100%;
    }

    .avatar-uploader .el-upload-dragger {
        min-height: 180px;
        height: auto;
    }

    .avatar-uploader .el-upload {
        border-radius: 6px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        width: 100%;
    }

    .avatar-uploader .el-upload:hover {
        border-color: #409EFF;
    }

    .avatar-uploader-icon {
        font-size: 28px;
        color: #8c939d;
        width: 178px;
        height: 178px;
        line-height: 178px;
        text-align: center;
    }

    .avatar {
        width: 100%;
        height: auto;
        display: block;
        margin: auto;
    }

    .el-date-editor.el-input {
        width: 100%;
    }

    .sub-navbar {
        z-index: 8 !important;
    }

    .el-select-dropdown {
        z-index: 1 !important;
    }

    .create-form-main-container .user-profile {
        min-height: 1100px;
    }

    .create-form-main-container .user-profile .el-select {
        width: 100%;
    }

    .create-form-main-container .left_col {
        padding: 0 20px;
    }

    .create-form-main-container .el-card {
        border-radius: 0;
    }

    .create-form-main-container .el-card.is-always-shadow {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
    }

    .create-form-main-container .mce-panel {
        border: 1px solid #e6ebf5;
    }

    @media only screen and (max-width: 1367px) {
        .create-form-main-container .left_col {
            padding: 10px;
        }
    }

    .avatar_wrap {
        display: block;
        position: relative;
    }

    .remove_avatar {
        display: block;
        position: absolute;
        color: #000;
        top: 2px;
        right: 2px;
        width: 30px;
        height: 30px;
        padding-top: 0px;
        background-color: #fff;
        border-radius: 15px;
        cursor: pointer;
    }

    .remove_avatar i {
        font-size: 30px;
        color: red;
    }

    .box-social .el-form-item > label {
        display: block;
        width: 100% !important;
        padding: 0;
    }

    .box-social .el-form-item {
        margin-bottom: 15px;
    }

    .el-card__body {
        padding: 10px 15px 15px;
    }

    .el-card__body .el-rate {
        height: 45px;
    }

    .create-form-main-container .user-profile {
        min-height: auto;
    }

    .el-card__body .avatar_wrap {
        padding-top: 5px;
    }

    .avatar-uploader .el-upload,
    .el-card__body .el-upload-dragger {
        border-radius: 0;
    }

    .remove_avatar {
        top: 10px;
        right: 5px;
    }

    .box-social .el-form-item .el-checkbox-group {
        display: block;
        width: 100%;
        height: auto;
        max-height: 150px;
        overflow: auto;
    }

    .box-social .el-form-item .el-checkbox-group > label {
        display: block;
        width: 100% !important;
        height: 30px;
        line-height: 30px;
    }

    .box-social .el-form-item .el-checkbox-group::-webkit-scrollbar {
        width: 3px;
    }

    .box-social .el-form-item .el-checkbox-group::-webkit-scrollbar-track {
        background: #f5f5f5;
    }

    .box-social .el-form-item .el-checkbox-group::-webkit-scrollbar-thumb {
        background: #d9d9d9;
    }

    .box-social .el-form-item .el-checkbox-group::-webkit-scrollbar-thumb:hover {
        background: #979797;
    }

    .el-card__body {
        padding: 5px 15px 10px;
        max-height: 81vh;
        overflow: auto;
    }

    .right_config_items {
        position: fixed;
        top: 150px;
        right: -5px;
    }

    .el-card__body::-webkit-scrollbar {
        width: 5px;
    }

    .el-card__body::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .el-card__body::-webkit-scrollbar-thumb {
        background: #888;
    }

    .el-card__body::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    .el-switch__label {
        color: #b75e00;
    }

    .el-switch__label.is-active {
        color: #1890ff;
    }

    .el-switch__label--right {
        margin-left: 5px;
    }

    /*Gutenberg Custom*/
    .form-gutenberg .form-container .sub-navbar.draft {
        background-color: #fff !important;
        border-left: solid 1px #dcdcdc;
        border-bottom: solid 1px #dcdcdc;
    }

    .form-gutenberg .create-form-main-container {
        padding: 0;
    }

    .form-gutenberg .create-form-main-container > .el-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .form-gutenberg .create-form-main-container > .el-row > .el-col {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .form-gutenberg .create-form-main-container .left_col {
        padding: 0 0 0 0;
    }

    .form-gutenberg .create-form-main-container .left_col > .el-form-item {
        margin-bottom: 0 !important;
    }

    .form-gutenberg .create-form-main-container .laraberg__editor {
        border: solid 0 transparent;
        z-index: 1;
    }

    .form-gutenberg .create-form-main-container .laraberg__editor .edit-post-header {
        background-color: transparent;
        height: 48px;
    }

    .form-gutenberg .edit-post-visual-editor,
    .form-gutenberg .interface-interface-skeleton__content {
        background-color: #8e8e8e !important;
    }

    .form-gutenberg .gutenberg__editor .edit-post-visual-editor {
        background-color: #d1e4dd !important;
        border-radius: 2px;
    }

    .form-gutenberg .interface-interface-skeleton {
        height: calc(100vh - 140px) !important;
    }

    .form-gutenberg .block-editor-block-breadcrumb {
        height: 30px;
    }

    .form-gutenberg .block-editor-block-breadcrumb > li {
        max-height: 24px !important;
        line-height: 24px !important;
    }

    .form-gutenberg .block-editor-block-breadcrumb li:not(:last-child):after {
        content: ">";
    }

    .form-gutenberg .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar,
    .form-gutenberg .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar-group {
        height: 50px;
        padding: 0 0;
    }

    .form-gutenberg .create-form-main-container .laraberg__editor .edit-post-header a.edit-post-fullscreen-mode-close {
        display: none;
    }

    .form-gutenberg .block-editor-block-navigation__list li {
        list-style-type: none;
    }

    .form-gutenberg .block-editor-block-list__layout .wp-block {
        max-width: 700px;
        max-width: 40vw;
    }

    .form-gutenberg .gutenberg__editor .edit-post-header > .edit-post-header__settings .edit-post-more-menu .components-button.has-icon {
        margin-top: 6px !important;
    }

    .form-gutenberg .gutenberg__editor .components-popover__content .components-menu-group:nth-child(2) {
        display: none !important;
    }

    .form-gutenberg .components-checkbox-control__input[type=checkbox] {
        -webkit-appearance: checkbox;
    }

    .form-gutenberg .components-base-control .components-base-control__field .components-checkbox-control__label {
        line-height: 20px;
        cursor: pointer;
    }

    .form-gutenberg .components-base-control .components-base-control__field .components-checkbox-control__input-container {
        display: inline-block;
        height: 20px;
    }

    .form-gutenberg .components-base-control .components-base-control__field .components-checkbox-control__input-container input,
    .form-gutenberg .components-base-control .components-base-control__field .components-checkbox-control__input-container input:active,
    .form-gutenberg .components-base-control .components-base-control__field .components-checkbox-control__input-container input:hover,
    .form-gutenberg .components-base-control .components-base-control__field .components-checkbox-control__input-container input:focus {
        outline: none;
        box-shadow: 0 0 0 0 #757575;
    }

    .form-gutenberg .gutenberg__editor .edit-post-visual-editor {
        overflow-y: unset !important;
        max-height: unset !important;
    }

    .form-gutenberg .components-popover.block-editor-block-list__block-popover {
        z-index: 8;
    }

    .form-gutenberg .interface-interface-skeleton__footer {
        z-index: 999;
        background-color: #fff;
        height: 28px;
    }

    .form-gutenberg .interface-interface-skeleton {
        height: calc(100vh - 137px) !important;
    }


    /* Custom Right Config */
    .right_config {
        display: inline-block;
        float: right;
        width: 280px;
        height: calc(100vh - 135px);
        background-color: #fff;
        border-left: solid 1px #dcdcdc;
    }

    .left_editor {
        display: inline-block;
        width: calc(100% - 280px);
    }

    .right_config .post-header {
        height: 49px;
        border-bottom: solid 1px #dcdcdc;
    }

    .right_config .post-header h3 {
        margin: 0;
        padding: 0;
        line-height: 49px;
        text-align: center;
        font-size: 14px;
    }

    .post_items {
        padding: 8px 0 0;
        height: calc(100vh - 183px);
        max-height: calc(100vh - 183px);
        overflow-x: hidden;
        overflow-y: auto;
    }

    .post_items .fixed_info {
        padding: 0 15px 15px;
    }

    .keyword_tags .el-form-item__content {
        padding-top: 0;
    }

    .right_config .el-collapse-item__content {
        padding-bottom: 10px;
    }

    .right_config .el-form-item {
        margin-bottom: 15px;
    }

    .right_config .el-collapse-item .el-collapse-item__header {
        height: 44px;
        line-height: 44px;
        padding: 0 7px 0 15px;
        font-weight: bold;
    }

    .right_config .el-collapse-item .el-collapse-item__header:hover {
        background-color: #f3f4f5;
    }

    .right_config .el-collapse-item .el-collapse-item__content {
        padding: 15px 15px;
    }

    .components-panel__header.edit-post-sidebar__panel-tabs li:first-child {
        display: none;
    }

    .interface-interface-skeleton__body .edit-post-post-status {
        display: none;
    }

    .components-button.edit-post-sidebar__panel-tab {
        box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #007cba;
        font-weight: 600;
        position: relative;
    }

    .post_items .fixed_info .el-form-item label {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        line-height: 36px;
        font-weight: normal;
    }

    .right_config .post_items .fixed_info .el-form-item {
        margin-bottom: 10px;
    }

    .post_items .fixed_info .visibility {
        height: 36px;
    }

    .post_items .fixed_info .visibility > div {
        display: inline-block;
    }

    .post_items .fixed_info .visibility .visibility-label {
        font-size: 14px;
        color: #606266;
    }

    .post_items .fixed_info .visibility > .el-switch {
        float: right;
        margin-top: 7px;
    }

    .post_items .fixed_info .el-rate {
        margin-top: 0px !important;
    }

    .right_config .post_items .fixed_info .el-form-item__error {
        font-size: 11px;
    }

    .right_config .el-checkbox-group label.el-checkbox {
        max-width: 100%;
    }

    .right_config .el-checkbox-group label.el-checkbox .el-checkbox__input {
        margin-top: -8px;
    }

    .right_config .el-checkbox-group label.el-checkbox .el-checkbox__label {
        max-width: 95%;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    /* Custom Scrollbar */
    .interface-interface-skeleton__content::-webkit-scrollbar,
    .interface-complementary-area::-webkit-scrollbar,
    .post_items::-webkit-scrollbar {
        width: 5px;
    }

    .interface-interface-skeleton__content::-webkit-scrollbar-track,
    .interface-complementary-area::-webkit-scrollbar-track,
    .post_items::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .interface-interface-skeleton__content::-webkit-scrollbar-thumb,
    .interface-complementary-area::-webkit-scrollbar-thumb,
    .post_items::-webkit-scrollbar-thumb {
        background: #c2c2c2;
    }

    .interface-interface-skeleton__content::-webkit-scrollbar-thumb:hover,
    .interface-complementary-area::-webkit-scrollbar-thumb:hover,
    .post_items::-webkit-scrollbar-thumb:hover {
        background: #979797;
    }

    .interface-interface-skeleton__content::-webkit-scrollbar {
        width: 10px;
    }

    .right_config .post-header {
        line-height: 49px;
        text-align: center;
        padding-left: 5px;
        padding-right: 5px;
    }

    .right_config .post-header > .el-dropdown {
        width: 100%;
    }

    .right_config .post-header > .el-dropdown button {
        width: 100%;
        border-color: #fff;
    }

    .form-gutenberg .sub-navbar {
        padding-right: 5px;
    }

    .sub-navbar .el-button {
        margin-left: 0 !important;
    }

    .sub-navbar .btn-top-preview,
    .sub-navbar .btn-top-save-draft {
        border: solid 1px #fff;
    }

    .sub-navbar .btn-top-preview:hover,
    .sub-navbar .btn-top-preview:focus,
    .sub-navbar .btn-top-save-draft:hover,
    .sub-navbar .btn-top-save-draft:focus {
        background-color: #fff;
        border-color: #1890ff;
    }

    .fixed_info .el-input-group__append {
        border-radius: 0px;
        padding: 0 10px;
    }

    .fixed_info .el-input-group__append button {
        padding: 0 10px;
        margin-left: -10px;
        margin-right: -10px;
        background-color: transparent;
        border-color: transparent;
    }

    .fixed_info .el-input-group__append button:hover {
        background-color: transparent;
        border-color: transparent;
    }

    /* Custom Document block */
    .no-block-selected-custom.is-opened {
        padding-bottom: 0;
    }

    .no-block-selected-custom.is-opened > .components-panel__body-title {
        margin-bottom: 0;
    }

    .components-panel__body.no-block-selected-custom > .components-panel__body-title button {
        display: block;
        font-size: 13px;
        font-weight: normal;
        background-color: #fff;
        padding: 43px 16px;
        text-align: center;
        color: #555d66;
    }

    .components-panel__body.no-block-selected-custom > .components-panel__body-title button:active,
    .components-panel__body.no-block-selected-custom > .components-panel__body-title button:focus,
    .components-panel__body.no-block-selected-custom > .components-panel__body-title button,
    .components-panel__body.no-block-selected-custom > .components-panel__body-title {
        cursor: text;
        outline: none;
    }

    .components-panel__body.no-block-selected-custom .components-panel__body-toggle.components-button:focus {
        box-shadow: inset 0 0 0 0 #fff;
        border-radius: 0;
    }

    .components-panel__body.no-block-selected-custom > .components-panel__body-title:hover {
        background: #fff;
        border: none;
    }

    .components-panel__body.no-block-selected-custom button span,
    .components-panel__body.no-block-selected-custom .no-block-selected-item {
        display: none;
    }

    .laraberg__editor .components-editor-notices__dismissible,
    .laraberg__editor .components-notice-list {
        display: none !important;
    }

    .form-gutenberg .gutenberg__editor .edit-post-visual-editor .block-editor-block-list__block a,
    .form-gutenberg .gutenberg__editor .edit-post-visual-editor .block-editor-inner-blocks a {
        border-bottom: solid 1px #000;
    }

    .form-gutenberg .gutenberg__editor .edit-post-visual-editor h2 {
        position: relative;
        padding-left: 16px;
        border-left: 6px solid #000;
    }

    .form-gutenberg .gutenberg__editor .edit-post-visual-editor h2:before {
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        background-color: #000;
        width: 2px;
        left: 4px;
    }

    .form-gutenberg .gutenberg__editor .components-popover .components-popover__content {
        overflow-y: unset;
    }

    .form-gutenberg #laraberg__editor .block-editor-link-control__settings {
        border-bottom: solid 0px #fff;
        border-left: solid 0px #fff;
        border-right: solid 0px #fff;
    }

    /* Custom Post Title */
    .sub-navbar .el-row .el-col {
    }

    .sub-navbar .txt-input-title {
        margin-bottom: 0;
    }

    .sub-navbar .txt-input-title label {
        width: 80px;
        float: left;
        padding: 0;
        margin: 0;
        line-height: 50px;
        padding-right: 15px;
        text-align: right;
        font-size: 16px;
    }

    .sub-navbar .txt-input-title .el-form-item__content {
        margin-left: 80px;
        line-height: 50px;
    }

    .sub-navbar .txt-input-title .el-form-item__content input {
        height: 48px;
        line-height: 48px;
        font-size: 18px;
        border: solid 0px #fff;
        border-bottom: solid 2px #000;
        color: #000;
    }

    .sub-navbar .txt-input-title.is-error .el-form-item__content input {
        border-bottom: solid 2px #ff4949;
    }

    .sub-navbar .txt-input-title.is-success .el-form-item__content input {
        border-bottom: solid 2px #04952a;
    }

    .sub-navbar .txt-input-title .el-form-item__error {
        display: block;
        position: absolute;
        right: 1px;
        top: 17px;
        left: auto;
        min-width: 60px;
        width: auto;
        z-index: 9;
    }


    /* Custom TinyMCE */
    .mce-statusbar > .mce-container-body .mce-resizehandle,
    .mce-statusbar > .mce-container-body .mce-branding,
    .tinymce-container #mceu_48 {
        display: none !important;
    }

    .tinymce-container {
        border: solid 0px #fff !important;
        padding-right: 2px;
        padding-left: 1px;
        height: calc(100vh - 140px) !important;
    }

    .mce-container,
    .mce-container-body,
    .create-form-main-container .mce-panel {
        border: solid 0px #fff !important;
    }

    .mce-tinymce {
        -webkit-box-shadow: 0 0 0 transparent;
        -moz-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent;
    }

    .mce-toolbar-grp {
        border-bottom: solid 0px #fff !important;
    }

    .mce-edit-area {
        padding-left: 10px !important;
    }

    /* Fixing Toolbar */
    .interface-interface-skeleton__header .edit-post-header .edit-post-header__toolbar .components-accessible-toolbar {
        border: 0px solid #1e1e1e;
        border-radius: 0;
    }

    .interface-interface-skeleton__header .edit-post-header .edit-post-header__toolbar .components-accessible-toolbar .components-button.has-icon,
    .interface-interface-skeleton__header .edit-post-header .edit-post-header__toolbar .components-toolbar .components-button.has-icon {
        padding-left: 0;
        padding-right: 0;
        min-width: 32px;
        width: 32px;
    }

    .interface-interface-skeleton__header .edit-post-header .edit-post-header__toolbar .components-accessible-toolbar .components-button:before,
    .interface-interface-skeleton__header .edit-post-header .edit-post-header__toolbar .components-toolbar .components-button:before {
        left: 0;
        right: 0;
    }

    .create-form-main-container .seo-textarea textarea.el-textarea__inner {
        min-height: 80px !important;
    }

    #mceu_36 {
        height: 100%;
    }

    #mceu_45 {
        position: absolute;
        width: 100%;
        display: block;
        bottom: -10px;
    }

    .mce-edit-area iframe {
        min-height: calc(100vh - 252px) !important;
    }

    .right_config button.btn-text-link {
        width: 100%;
        background-color: #fff;
        border-color: #1890ff;
        color: #1890ff;
    }

    .right_config button.btn-text-link:hover {
        border-color: #badeff;
        background-color: #e8f4ff;
    }

    .dialog-text-link .el-dialog__body {
        padding: 0px 20px 5px;
    }

    .dialog-text-link .el-dialog__header {
        padding: 20px 20px 0;
    }

    .dialog-text-link .dialog-footer .total-keyword {
        float: left;
        padding-top: 10px;
    }

    .dialog-text-link .dialog-footer .total-keyword span {
        font-weight: bold;
    }

    .right_config {
        float: left;
        border-right: 1px solid #e2e4e7;

        .post-header {
            display: none;
        }

        .post_items {
            height: calc(100vh - 135px);
            max-height: calc(100vh - 135px);
        }
    }
}

.r_item_media {
    display: none;
}


.app-container .pagination-container {
    text-align: center !important;
    margin-top: 30px !important;
    padding-bottom: 30px !important;
}

.project-form-detail .el-cascader,
.project-form-detail .el-date-editor,
.project-form-detail .el-date-editor.el-input,
.project-form-detail .el-input {
    width: 100%;
}

.f_list {
    padding-left: 300px;

    .el-form-item__content {
        margin-left: 0 !important;
    }
}

.f_list > .el-col > .el-row {
    border-bottom: solid 1px #dcdcdc;
    margin-bottom: 20px;
}


.project-form-detail button.worker_address_add_btn {
    width: 100%;
    margin-bottom: 22px;
    background-color: #fff;
}

.project-form-detail .el-input-group__append {
    border-radius: 0;
    font-size: 14px;
}

.project-form-detail .el-input-group__append button {
    padding-left: 12px;
    padding-right: 12px;
}

.f_list .f_list_wrap {
    border-bottom: solid 1px #dcdcdc;
    margin-bottom: 15px;

    .no-item p {
        color: #ccc;
        text-align: center;
    }
}

.worker_add_item_list {
    margin-top: 20px;
    margin-bottom: 20px;

    span.img_null {
        display: inline-block;
        float: left;
        border-radius: 5px;
        border: solid 1px #edecec;
        background-color: #f5f5f5;
        text-align: center;
        line-height: 59px;
        width: 50px;
        height: 50px;

        i {
            font-size: 30px;
            color: #dcdbdb;
        }
    }
}

.btn_list_add {
    text-align: right;
}

.tbl_search_header {
    margin-bottom: 5px;
}

.el-popper.el-cascader__dropdown {
    z-index: 8!important;
}

.f_list_wrap .rs_list {
    display: block;
    max-height: 500px;
    overflow-y: scroll;
    padding-right: 10px;

    &::-webkit-scrollbar {
        width: 6px;
    }

    &::-webkit-scrollbar-track {
        background: #fff;
    }

    &::-webkit-scrollbar-thumb {
        background: #c6c6c6;
    }

    &::-webkit-scrollbar-thumb:hover {
        background: #a8a7a7;
    }
}