#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;
}

.create-form-container {
  .el-cascader {
    width: 100%;
  }
}

.manufacturer_tag_list .el-tag {
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 5px;
}