/* Dialog styling for approval/rejection remarks */
.approval-remark-popup[data-v-2922107a] {
  border-radius: 5px;
}
.approval-remark-popup .el-dialog__header[data-v-2922107a] {
  border-bottom: 1px solid rgba(199, 199, 199, 0.4901960784);
}
.approval-remark-popup .el-dialog__footer[data-v-2922107a] {
  border-top: 1px solid rgba(199, 199, 199, 0.4901960784);
}
.approval-remark-popup .el-dialog__body[data-v-2922107a] {
  padding: 1rem 1rem 0;
  word-break: break-word;
  color: #767396;
}
.approval-remark-popup .el-dialog__body p[data-v-2922107a] {
  margin-bottom: 1rem;
}
.approval-remark-popup .btn-cancel[data-v-2922107a] {
  color: #a8a8a8;
}
/* Dialog styling for article publishing */
.publish-article-popup[data-v-3eae4f15] {
  border-radius: 5px;
}
.publish-article-popup .el-dialog__header[data-v-3eae4f15] {
  border-bottom: 1px solid rgba(199, 199, 199, 0.4901960784);
}
.publish-article-popup .el-dialog__footer[data-v-3eae4f15] {
  border-top: 1px solid rgba(199, 199, 199, 0.4901960784);
}
.publish-article-popup .el-dialog__body[data-v-3eae4f15] {
  padding: 1rem 1rem 0;
  word-break: break-word;
  color: #767396;
}
.publish-article-popup .btn-cancel[data-v-3eae4f15] {
  color: #a8a8a8;
}
.primary-icon {
  filter: invert(42%) sepia(61%) saturate(2620%) hue-rotate(348deg) brightness(101%) contrast(101%);
}
.grey-icon {
  filter: invert(45%) sepia(0%) saturate(1%) hue-rotate(263deg) brightness(95%) contrast(90%);
}
.white-icon {
  filter: brightness(0) invert(1);
}
.black-icon {
  filter: invert(100%);
}
.red-icon {
  filter: invert(31%) sepia(12%) saturate(7098%) hue-rotate(328deg) brightness(95%) contrast(97%);
}
.green-icon {
  filter: invert(65%) sepia(35%) saturate(786%) hue-rotate(46deg) brightness(96%) contrast(96%);
}
.primary-icon {
  filter: invert(42%) sepia(61%) saturate(2620%) hue-rotate(348deg) brightness(101%) contrast(101%);
}
.grey-icon {
  filter: invert(45%) sepia(0%) saturate(1%) hue-rotate(263deg) brightness(95%) contrast(90%);
}
.white-icon {
  filter: brightness(0) invert(1);
}
.black-icon {
  filter: invert(100%);
}
.red-icon {
  filter: invert(31%) sepia(12%) saturate(7098%) hue-rotate(328deg) brightness(95%) contrast(97%);
}
.green-icon {
  filter: invert(65%) sepia(35%) saturate(786%) hue-rotate(46deg) brightness(96%) contrast(96%);
}
#news-article-detail {
  background-color: #ffffff;
  border-radius: 10px;
  padding-bottom: 2rem;
  padding-top: 1rem;
}
#news-article-detail .detail-language-options .el-tabs__item i {
  vertical-align: middle;
  margin-right: 2px;
}
#news-article-detail .el-textarea .el-input__count {
  position: relative;
  display: inline;
  float: right;
  font-size: 12px;
  line-height: 15px;
  top: 0rem;
  right: 10px;
}
#news-article-detail .approval-log {
  padding: 12px 15px;
}
#news-article-detail .approval-log h4 {
  margin-bottom: 1rem;
}
#news-article-detail .approval-log .newsily-bo-table {
  background-color: transparent;
  border: 1px solid #DDE0ED;
  border-radius: 10px;
}
#news-article-detail .approval-log .newsily-bo-table .el-table__header-wrapper * {
  background: #F3F5FA 0% 0% no-repeat padding-box;
}
#news-article-detail .approval-log .newsily-bo-table .el-table__header-wrapper .el-table__cell {
  letter-spacing: 0px;
  color: #253858;
}
#news-article-detail .approval-log .newsily-bo-table .cell {
  word-break: break-word;
}
#news-article-detail .approval-log .newsily-bo-table .small-padding {
  padding: 0.3rem 0;
}
#news-article-detail .approval-log .newsily-bo-table.row-clickable .el-table__row {
  cursor: pointer;
}
#news-article-detail .article-content {
  padding: 0 0.8rem;
  margin-bottom: 1rem;
}
#news-article-detail .id-block {
  background: #f3f5fa 0% 0% no-repeat padding-box;
  border-radius: 15px;
  opacity: 1;
  letter-spacing: 0px;
  color: #666c79;
  padding: 10px;
  font-size: 12px;
}
#news-article-detail .id-block b {
  color: #253858;
}
#news-article-detail .break-line {
  border-top: 1px dashed #e8e8e8;
  margin-bottom: 1rem;
}
#news-article-detail .image-upload.form .change-delete-text-wrapper, #news-article-detail .image-upload.form .upload-text {
  right: unset;
  left: 16px;
}
#news-article-detail .icon-lang {
  margin-right: 5px;
}
.mobile #news-article-detail .detail-language-options .el-tabs__nav.is-top {
  float: left;
}
.mobile #news-article-detail .detail-language-options .el-tabs__item {
  padding-left: 12px;
  padding-right: 12px;
  margin-right: 0;
}
.mobile #news-article-detail .image-upload.form .change-delete-text-wrapper, .mobile #news-article-detail .image-upload.form .upload-text {
  right: 0px !important;
  width: 100%;
  left: 0px !important;
}
