* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: "Nunito";
	font-size: 1rem; /* 会随屏幕宽度自动变化 */
	line-height: 1.5em;
}

html,
body,
#__nuxt,
#app {
  height: 100%;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #f5f5f5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #c8c8c8;
}

.underline {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #0082d7;
}

a, .pointer {
  cursor: pointer !important;
}

ul, li {
  list-style: none;
}

p {
  margin: 0 0 10px 0;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size:  13px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-14 {
  font-size: 14px;
}

.fs-16 {
  font-size: 16px;
}

.fs-18 {
  font-size: 18px;
}

.fs-20 {
  font-size: 20px;
}

.fst-italic {
  font-style: italic!important
}

.fw-lighter {
  font-weight: lighter!important
}

.fw-light {
  font-weight: 300!important
}

.fw-normal {
  font-weight: 400!important
}

.fw-medium {
  font-weight: 500!important
}

.fw-semibold {
  font-weight: 600!important
}

.fw-bold {
  font-weight: 700!important
}

.fw-bolder {
  font-weight: bolder!important
}

.mt3rem {
	margin-top: 3rem !important;
}

.mb3rem {
	margin-bottom: 3rem !important;
}

.mrt5 {
	margin-top: 5px !important;
}

.mrt10 {
	margin-top: 10px !important;
}

.mrt15 {
	margin-top: 15px !important;
}

.mrt20 {
	margin-top: 20px !important;
}

.mrt25 {
	margin-top: 25px !important;
}

.mrb0 {
  margin-bottom: 0 !important;
}

.mrb5 {
	margin-bottom: 5px !important;
}

.mrb10 {
	margin-bottom: 10px !important;
}

.mrb15 {
	margin-bottom: 15px !important;
}

.mrb20 {
	margin-bottom: 20px !important;
}

.mrb25 {
	margin-bottom: 25px !important;
}

.mrl0 {
  margin-left: 0px !important;
}

.mrl5 {
	margin-left: 5px !important;
}

.mrl10 {
	margin-left: 10px !important;
}

.mrl15 {
	margin-left: 15px !important;
}

.mrl20 {
	margin-left: 20px !important;
}

.mrl25 {
	margin-left: 25px !important;
}

.mrr0 {
  margin-right: 0px !important;
}

.mrr5 {
	margin-right: 5px !important;
}

.mrr10 {
	margin-right: 10px !important;
}

.mrr15 {
	margin-right: 15px !important;
}

.mrr20 {
	margin-right: 20px !important;
}

.mrr25 {
	margin-right: 25px !important;
}

.w100 {
  width: 100%
}

.w10 {
  width: 9% !important;
}

.mw-140 {
  min-width: 140px
}

.mw-160 {
  min-width: 160px
}

.mw-180 {
  min-width: 180px
}

.mw-200 {
  min-width: 200px
}

.mw-240 {
  min-width: 240px
}

.mw-260 {
  min-width: 260px
}

.mw-280 {
  min-width: 280px
}

.w-140 {
  width: 140px;
}

.w-220 {
  width: 220px;
}

.w-300 {
  width: 300px;
}

.maxw-200 {
  max-width: 200px
}

.maxw-240 {
  max-width: 240px
}

.maxw-260 {
  max-width: 260px
}

.maxw-280 {
  max-width: 280px
}

.maxw-290 {
  max-width: 290px;
}

.pd0 {
  padding: 0px !important;
}

.pdt5 {
  padding-top: 5px;
}

.pdt10 {
  padding-top: 10px;
}

.pdt15 {
  padding-top: 15px;
}

.pdt20 {
  padding-top: 20px;
}

.pdt25 {
  padding-top: 25px;
}

.pdb5 {
  padding-bottom: 5px;
}

.pdb10 {
  padding-bottom: 10px;
}

.pdb15 {
  padding-bottom: 15px;
}

.pdb20 {
  padding-bottom: 20px;
}

.pdb25 {
  padding-bottom: 25px;
}

.pdl0 {
  padding-left: 0px !important;
}

.pdl5 {
  padding-left: 5px;
}

.pdl10 {
  padding-left: 10px;
}

.pdl15 {
  padding-left: 15px;
}

.pdl20 {
  padding-left: 20px;
}

.pdl25 {
  padding-left: 25px;
}

.pdr0 {
  padding-right: 0px !important;
}

.pdr5 {
  padding-right: 5px;
}

.pdr10 {
  padding-right: 10px;
}

.pdr15 {
  padding-right: 15px;
}

.pdr20 {
  padding-right: 20px;
}

.pdr25 {
  padding-right: 25px;
}

.pdm10 {
  padding-bottom: 10px;
}

.flex-row {
  display: flex;
  flex-direction: row !important;
  align-items: center;
}

.flex-column {
  display: flex;
  flex-direction: column !important;
}

.ojs-section--padded {
	padding: 40px 0px;
}

.btn-s-small {
  padding: 12px 50px !important;
}

.stunning-header-content {
  padding: 80px 0px;
}

.box-shadow {
  padding: 20px;
  border-radius: 0px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-box-shadow: 10px 0 50px rgba(18, 25, 33, 0.1);
  box-shadow: 10px 0 50px rgba(18, 25, 33, 0.1);
  margin-bottom: 20px;
  background-color: #fff;
}

.no-box-shodow {
  box-shadow: none !important;
}

.topRadius {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

/* 隐藏 aria-hidden 的 input */
input[aria-hidden="true"] {
  display: none !important;
}

.crumina-grid {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* 撑满整个视口高度 */
}

.content-wrapper {
  flex: 1; /* 内容区域自动撑满剩余空间 */
}

.d-flex-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
}

.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.widget-title {
  margin-bottom: 0px !important;
}

.sidebar .w-category {
  padding: 10px 15px !important;
}

.w-category .category-list {
  margin-top: 10px;
  margin-bottom: 20px;
}

.w-category .category-list a {
  padding: 2px 0px 2px 20px;
}

.w-category .category-list .selected a {
  color: #0082d7 !important;
}

.w-category .category-list .selected a::before {
  background-color: #0082d7;
}

.w-category .category-list .selected .cat-count {
  color: #fff;
  background-color: #0082d7;
}

.btn-add {
  color: #61b131;
}

.btn-minus, .c-red {
  color: #ea0b0b;
}

.c-blue {
  color: #409eff;
}

.btn-add, .btn-minus {
	font-size:24px;
	width:30px;
	height:30px;
	margin-top:3px;
	padding:0px !important;
	border: 0px !important;
	cursor: pointer;
  line-height: 30px;
}

.btn--primary {
  background-color: #0082d7 !important;
  border: 2px solid #0082d7 !important;
}

.btn--primary:hover {
	background-color: #fff !important;
	border: 2px solid #0082d7 !important;
	color: #0082d7 !important;
}

.btn--green {
  background-color: #61b131 !important;
  border: 2px solid #61b131 !important;
}

.btn--green:hover {
	background-color: #fff !important;
	border: 2px solid #61b131 !important;
	color: #61b131 !important;
}

.btn--orange {
	background-color: #F89101 !important;
	border: 2px solid #F89101 !important;
	color: #fff !important;
}

.btn--orange:hover {
  background-color: #fff !important;
  border: 2px solid #F89101 !important;
  color: #F89101 !important;
}

.btn--red {
	background-color: #ea0b0b !important;
	border: 2px solid #ea0b0b !important;
}

.btn--red:hover {
	background-color: #fff !important;
	border: 2px solid #ea0b0b !important;
	color: #ea0b0b !important
}

.bg-success-transparent {
  background-color: hsl(98, 57%, 44%, .1) !important;
  color: #61b131 !important;
  border-radius: 5px;
}

.bg-danger-transparent {
  background-color: hsl(0, 91%, 48%, .1) !important;
  color: #ea0b0b !important;
  border-radius: 5px;
}

.btn-disabled {
  pointer-events: none;
  opacity: 0.6;
  cursor: not-allowed;
}

.btn--grey {
	border: 2px solid #738CAA !important;
	background-color: #738CAA !important;
	color: #fff !important;
}

.btn--grey:hover {
	background-color: #fff !important;
	border: 2px solid #738CAA !important;
	color: #6a85a6 !important;
}

.c--primary {
  color:#0082d7 !important;
  font-weight: 700;
}

.c--white {
  color: #fff !important
}

.c--red {
  color: #ea0b0b !important
}

.c--green {
  color:#01a23c !important
}

.color-green {
  background-color:#61b131;
  border: 2px solid#61b131;
}

.color-green:hover {
  background-color: #fff;
  color:#61b131 !important;
  border: 2px solid #61b131;
}

.color-grey {
  border: 2px solid #738CAA !important;
  background-color: #738CAA;
}

.color-grey:hover {
  border: 2px solid #738CAA;
  background-color: #fff;
  color: #738CAA !important
}

.color-blue {
  background-color: #0082d7;
  border: 2px solid #0082d7;
}

.color-blue:hover {
  background-color: #fff;
  color:#0082d7 !important;
  border: 2px solid #0082d7;
}

.color-orange {
  background-color: #ff8a48;
  border: 2px solid #ff8a48;
}

.color-orange:hover {
  background-color:#fff;
  border: 2px solid #ff8a48;
  color: #ff8a48 !important;
}

.color-red {
  background-color: #e00b0b !important;
  border: 2px solid #e00b0b;
}

.color-red:hover {
  background-color: #fff !important;
  color:#e00b0b !important;
  border: 2px solid #e00b0b !important;
}

.bg-color-red {
  background-image: linear-gradient(45deg, #ff0000, #ff7b7b) !important;
  /* background-color: #e00b0b !important; */
  /* border: 2px solid #e00b0b !important; */
}

.color-red:hover {
  background-color: #fff;
  border: 2px solid #e00b0b;
  color: #e00b0b !important;
}

.text-grey {
  color: #8697a8;
}

.text-light-theme {
  color: #8697a8;
  font-size: 14px !important;
}

.text-overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.comments {
  padding: 20px 10px;
  border-radius: 10px;
  border: 2px solid #61b131;
  font-weight: 700;
  font-size: 14px;
  color: #557799 !important;
  margin-top: 10px;
  height: 200px;
  overflow-y: auto;
  -webkit-box-shadow: 1px 0 5px rgba(18, 25, 33, 0.5);
  box-shadow: 1px 0 5px rgba(18, 25, 33, 0.5);
}

.review-report-title {
  color: #0082d7;
  font-weight: 700;
  word-break: keep-all;
  white-space: normal;
}

.swal2-container {
	z-index: 9999 !important;
}

.swal2-popup .swal2-icon.swal2-warning {
	border-color: #f18d01;
	color: #f18d01;
}

.swal2-actions .swal2-confirm {
	border-radius: 50px !important;
	background-color: #0082d7 !important;
	border: 2px solid #0082d7 !important;
  color: #fff !important;
	padding: 0px 20px !important;
}

.swal2-actions .swal2-cancel {
	border-radius: 50px !important;
	background-color: #4b5d73 !important;
	border: 2px solid #4b5d73 !important;
	padding: 0px 20px !important;
	margin-left: 0px !important;
}

.swal2-actions .swal2-styled {
	margin: 10px;
	padding: 5px 16px;
	transition: none !important;
	box-shadow: none !important;
	font-weight: 500;
}

.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
	background-image: none !important
}

.dialog-menu-content .sub-title {
  font-size: 14px;
  word-break: keep-all;
}

.dialog-menu-content .result-attr {
  margin: 10px 0px;
}

.dialog-menu-content .result-attr,
.dialog-menu-content .attr-value {
  display: flex;
  justify-content: center;

}

.dialog-menu-content .result-attr .el-radio-group {
  display: flex;
  flex-direction: column;
}

.dialog-menu-content .course-features-list {
  margin: 10px 0px;
}

.dialog-menu-content .feature-item {
  text-align: left !important;
}

.dialog-menu-content .value {
  color: #61b131 !important;
  font-size: 14px;
}

.dialog-menu-content .course-features-list .features-li {
  display: flex;
  justify-content: space-between;
}

.dialog-menu-content .course-features-list {
  padding: 0px 10px;
}

.dialog-menu-content .course-features-list li,
.dialog-menu li,
.custorm-dialog .view-card li {
  cursor: auto;
  padding: 3px 0;
  border: 0px !important;
}

.dialog-menu-content-title.title-bar {
  display: flex;
  justify-content:space-between;
  align-items: center;
}

.rating-btn.btn {
  border-radius: 6px !important;
}

.accordion-heading .icons {
  top: 0px !important
}

.ojs-paper-card .footer-btn .btn.btn--green:hover {
  background-color: #53962b !important;
  border: 2px solid #53962b !important;
}

.review-time {
  display: flex;
  justify-content: space-between;
}

.review-time .value {
  vertical-align: middle !important;
}

.dialog-search-form {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-bottom: 20px;
}

.dialog-search-form .el-form-item {
  margin-bottom: 0px !important;
}

.dialog-search-form .action .btn,
.common-list-box .table-footer-btn .btn{
  font-size: 14px;
  border-radius: 6px !important;
  padding: 8px 20px !important;
}

.dialog-search-form .btn span {
  line-height: 0px !important;
}

.dialog-search-form .el-input__inner {
  height: 34px !important;
}

.dialog-search-form .label {
  line-height: 2;
  font-weight: 700;
}

.w-search .el-input__inner {
  border-radius: 10px;
  padding-left: 45px !important;
}

.sortFieldOrOrder .el-input__inner {
  padding-left: 15px !important;
}

.pricing--item-card {
  border-top: 5px solid;
  padding: 25px 60px 25px 60px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 10px 0 60px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 10px 0 60px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.custorm-dialog .email-placeholder table > tbody + tbody {
  border-top: 1px solid #EBEEF5 !important;
}

.custorm-dialog {
  margin-top: 12vh !important;
}

.custorm-dialog .custorm-form {
  padding-top: 15px;
}

.custorm-dialog .el-dialog {
  margin-top: 3vh !important;
  border-radius: 6px !important;
}

.custorm-dialog .el-dialog__header {
  border-top: 6px solid #0082d7;
  transition: all 1s;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 15px 15px 15px !important;
  box-shadow: 15px 0 15px 0 rgb(237 239 242 / 30%);
}

.custorm-dialog .authors .name i,
.custorm-dialog .reviewers .name i {
  padding: 0px 40px 0px 0px;
  font-size: 24px !important;
}

.custorm-dialog .authors i,
.custorm-dialog .reviewers i {
  color: #0082d7 !important;
  padding: 0px 30px 0px 20px;
  float: none;
  font-size: 14px;
  vertical-align: middle;
}

.custorm-dialog .authors .name,
.custorm-dialog .reviewers .name {
  font-size: 24px;
}

.custorm-dialog .placeholder-card,
.custorm-dialog .custorm-template-card {
  border: 1px solid #fbfafa;
  background-color: #fbfafa;
  box-shadow: 0 0 30px 0 rgba(18, 25, 33, 0.15);
}

.custorm-dialog .placeholder-card .el-card__header{
  padding: 10px 12px !important;
}

.custorm-dialog .custrom-role .el-select__input {
  flex-grow: initial !important;
}

.custorm-dialog .custorm-template-card .el-card__body {
  padding: 0px !important;
}

.pubpeer-dialog .dialog-content {
  padding: 15px 20px;
}

.pubpeer-dialog .section-title {
  font-weight: 600;
  color: #333;
  margin: 12px 0px !important;
}

.pubpeer-dialog .authors-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.pubpeer-dialog .author-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 6px 10px;
  border-radius: 6px;
  transition: background 0.2s;
}

.pubpeer-dialog .author-item:hover {
  background: #f5f7fa;
}

.pubpeer-dialog .author-icon {
  margin-right: 6px;
}

.pubpeer-dialog .report-section {
  margin-top: 24px;
}

.pubpeer-dialog .highlight {
  color: red;
}

.pubpeer-dialog .view-link {
  margin-left: 8px;
  color: #409eff;
  cursor: pointer;
  background-color: #f5f7fa !important;
  border-radius: 5px;
  padding: 4px 10px;
}

.pubpeer-dialog .el-icon-loading:before {
  color: #409eff !important;
}

.custorm-edit-email-panel .el-dialog__header {
  background-color: #fff !important;
}

.custorm-edit-email-panel .el-dialog__header .label {
  color: #557799 !important;
  font-weight: bolder;
}

.custorm-edit-email-panel .el-dialog__header .el-select .el-input__icon {
  line-height: 34px;
} 

.custorm-edit-email-panel .el-input__inner {
  padding: 5px 10px !important;
}

.custorm-edit-email-panel .custorm-dialog-panel {
  max-height: 600px !important;
  overflow-y: auto !important;
}

.custorm-dialog .authors span,
.custorm-dialog .reviewers span {
  color: #557799;
  font-weight: 700;
  vertical-align: middle;
  word-break: keep-all;
}

.custorm-dialog .authors .ca {
  padding-left: 30px;
  color: #61b131;
  font-weight: 700;
  padding-right: 10px;
}

.custorm-dialog .authors .su {
  padding-left: 5px;
  color: #61b131;
  font-weight: 700;
}

.custorm-dialog .dialog-menu-content .el-rate__text {
  color:rgb(247, 186, 42) !important;
  font-size: 16px;
  padding-left: 5px;
}

.review-rating-report ul li {
  font-size: 14px;
  margin-bottom: 5px;
}

.review-rating-report strong {
  color: #0082d7;
}

.review-rating-report .right-warappper .el-rate {
  display: flex;
  align-items: center;
  justify-content: center;
}

.review-rating-report .right-warappper .el-rate .el-rate__icon {
  margin: 10px 0px;
  font-size: 23px;
}


.review-rating-report .rating-start .el-radio {
  display: flex;
  align-items: flex-start;
  margin-bottom: 5px;
  margin-left: 30px;
  align-items: center; /* 文本垂直居中 */
  min-height: 40px; /* 固定最小高度，根据需要调整 */
}

/* .review-rating-report .rating-start .el-radio__input {
  margin-top: 18px;
} */

.review-rating-report .rating-start .el-radio__label {
  white-space: normal;      /* 允许换行 */
  word-break: break-word;   /* 单词长也换行 */
  margin-left: 5px;         /* input 和文字间距 */
}
/**********************************elementui的样式覆盖***************************/
.el-tabs--border-card {
  border: none !important;
}

.el-tabs--border-card>.el-tabs__header {
  background-color: #ecf5fe !important;
  border-bottom: 1px solid #ecf5fe !important;
  padding: 30px 60px 0 60px;
}

.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap {
  margin-bottom: 0px !important;
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item {
  text-transform: none;
  font-size: 18px;
  color: #6987ab !important;
  padding: 0 25px 25px 25px;
  font-weight: 700;
  height: auto !important;
  margin-top: 0px !important;
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item:after {
  height: 4px;
  border-radius: 3px 3px 0 0;
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item:after {
  content: '';
  display: block;
  width: 0;
  height: 3px;
  border-radius: 3px;
  background-color: #0083ff;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
  color: #0083ff !important;
  background-color: transparent !important;
  border-right-color: transparent !important;
  border-left-color: transparent !important;
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active:after {
  opacity: 1;
  width: 100%;
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item,
.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child {
  margin-left: 15px !important;
}

.el-tabs--border-card>.el-tabs__content {
  padding: 0px !important;
}

.el-tabs--border-card>.el-tabs__content .el-tab-pane {
  padding: 45px
}

.el-dropdown-menu {
  margin-top: 5px;
  padding: 0px 3px 0px 0px;
  color: #6a85a6;
  background-color: #FFF;
  text-align: center;
  border: 1px solid #eee;
  width: 170px;
  border-radius: 5px;
}

.el-dropdown-menu .el-dropdown-menu__item a,
.el-dropdown-menu .el-dropdown-menu__item {
  width: 100%;
  white-space: nowrap;
  cursor: pointer;
  color: #6a85a6 !important;
  font-weight: 700;
  font-size: 14px !important;
}

.el-dropdown-menu .el-dropdown-menu__item:hover,
.el-dropdown-menu .el-dropdown-menu__item:hover a {
	color: #fff !important;
}

.el-dropdown-menu .el-dropdown-menu__item:hover {
	width: 100%;
	background-color: #0082d7 !important;
	font-weight: 700;
	text-align: center;
}

.el-pagination {
  margin: 20px 0px;
}

.el-pagination .el-pagination__total {
  color: #557799 !important;
  margin-right: 20px;
}

.el-pagination button,
.el-pagination span:not([class*=suffix])  {
  font-size: 16px !important;
  height: auto !important;
  line-height: normal !important;
  vertical-align: middle !important;
  font-weight: 700 !important;
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
  margin: 0px 0px !important;
}

.el-pagination.is-background .btn-prev:hover,
.el-pagination.is-background .btn-next:hover,
.el-pagination.is-background .btn-prev.disabled:hover,
.el-pagination.is-background .btn-next.disabled:hover {
  color: #0083ff !important;
  background-color: #fff !important;
  box-shadow: 10px 0 50px rgba(0, 131, 255, 0.15);
}

.el-pagination.is-background .btn-prev.disabled:hover,
.el-pagination.is-background .btn-prev:hover {
  margin-left: -5px !important;
  margin-right: 5px !important;
}

.el-pagination.is-background .btn-next.disabled:hover,
.el-pagination.is-background .btn-next:hover {
  margin-left: 5px !important;
  margin-right: -5px !important;
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next.disabled,
.el-pagination.is-background .btn-prev.disabled {
  padding: 7px 15px !important;
  border-radius: 30px !important;
  background-color: #ecf5fe !important;
  opacity: 1;
  text-transform: uppercase;
  min-width: auto !important;
  color: #6987ab !important;
}

.el-pagination.is-background .el-pager {
  padding: 0px 5px;
}

.el-pagination.is-background .el-pager li {
  background-color: #eaf4fe !important;
  color: #6987ab !important;
  width: 40px !important;
  height: 40px;
  margin: 0 5px !important;
  font-size: 14px;
  border-radius: 100% !important;
  transition: all .3s ease;
  font-weight: 700;
  line-height: 3;
  text-align: center;
}

.el-pagination.is-background .el-pager li.active {
  background-color: transparent !important;
  box-shadow: 10px 0 50px rgba(0, 131, 255, 0.15) !important;
  color: #0083ff !important;
}

.el-pagination.is-background .el-pager li:not(.disabled):not(.active):hover {
  color: #FFF !important;
  background-color: #0083ff !important;
}

.el-button, .btn {
  color: #fff !important;
  text-transform: capitalize;
  border-radius: 50px !important;
}

.el-button span, .btn span {
  font-weight: 900;
}

input {
  font-size: 14px !important;
  font-weight: 700 !important;
}

.el-input__inner {
  padding: 10px 10px !important;
  height: auto !important;
  line-height: normal !important;
  box-shadow: 0 0 30px 0 rgba(18, 25, 33, 0.15) !important;
  color: #557799 !important;
  font-weight: 700 !important;
  margin-bottom: 0px;
  border: 2px solid #FFF !important;
}

.el-input-group__prepend {
  border: 1px solid #f0ebeb !important;
  border-right: none !important;
  color: #557799 !important;
  font-weight: 700 !important;
  border-radius: 10px !important;
  box-shadow: 0 0 30px 0 rgba(18, 25, 33, 0.15) !important;
}

.el-input.is-disabled .el-input__inner {
  border: 2px solid #F5F7FA !important;
}

.el-textarea__inner {
  margin-bottom: 0px;
  border: 2px solid #FFF !important;
  border-radius: 10px !important;
  color: #557799 !important;
  font-weight: 700 !important;
  min-height: 200px !important;
}

.el-input__inner:focus,
.el-textarea__inner:focus,
.comments:focus {
	border: 2px solid #61b131 !important;
  color: #557799 !important;
}

.el-input__prefix {
  height: auto !important;
  left: 20px !important;
}

.el-input__suffix {
  right: 10px !important;
}

.el-input__prefix i, .el-input__suffix i {
  fill: #6987ab;
  color: #6987ab;
}

.el-icon-loading:before {
  color: #fff !important;
}

.el-form-item__error {
  font-size: 14px;
  color: #B94A48 !important;
  font-weight: 700;
}

.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
  background: #F5F7FA;
  border-left: 4px solid #409EFF;
  color: #409EFF;
  font-weight: 700;
}

.el-radio-group .el-radio-button__inner {
  padding: 8px 35px !important;
  display: flex;
  margin: 10px;
  height: 30px;
  justify-content: center;
  align-items: center;
  box-shadow: none;
  border: 2px solid #fff !important;
  background: rgba(125, 123, 140, 10%) !important;
  color: #557799 !important;
  border-radius: 5px;
  font-weight: 700;
  cursor: pointer;
  font-size: 14px;
}

.el-radio-button:first-child .el-radio-button__inner {
  border: 2px solid #fff !important;
}

.el-radio-button__orig-radio:checked+.el-radio-button__inner,
.el-radio-group .el-radio-button__inner:hover {
  color: #61b131 !important;
  font-weight: 700;
  background-color: #dcf3e4 !important;
  border: 2px solid #61b131 !important;
  box-shadow: none !important;
}

.el-radio-button.is-disabled .el-radio-button__inner:hover {
  background: rgba(125, 123, 140, 10%) !important;
  border: 2px solid #FFF !important;
  color: #557799 !important;
  font-weight: 700;
  box-shadow: none !important;
}

.el-checkbox .el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 2px solid #61b131;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #FFF;
  z-index: 1;
  transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner,
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #61b131 !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner{
  background-color: #61b131 !important;
}

.el-checkbox__input.is-checked+.el-checkbox__label {
  color: #606266 !important;
}

.el-form-item__content {
  line-height: normal !important;
}

.el-input-number {
  width:  125px !important;
}

.el-input-number__decrease, .el-input-number__increase {
  height: 43px !important;
  top: 0px !important;
  line-height: 47px !important;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.el-input-number__decrease:hover, .el-input-number__increase:hover {
  color: #FFFFFF !important;
  background-color: #61b131;
}

.el-input-number__decrease {
  left: 0px !important;
}

.el-input-number__increase {
  right: 0px !important;
}

.el-input-number .el-input__inner:focus {
  border: 1px solid #fff !important;
  height: 43px !important;
}


.el-transfer .el-transfer-panel {
  width: 283px !important;
  margin-bottom: 20px;
  box-shadow: 0 0 30px 0 rgba(18, 25, 33, 0.15) !important;
  border-radius: 5px;
}

.el-transfer .el-transfer-panel .el-input__prefix {
  left: 0px !important;
}

.el-transfer .el-transfer-panel .el-input__inner {
  padding: 5px 30px !important
}

.el-transfer .el-transfer-panel .el-input--small .el-input__icon {
  line-height: 2.3 !important;
}

.el-transfer .el-transfer__buttons {
  padding: 0 10px !important;
}

.el-transfer__buttons .el-button {
  border-radius: 5px !important;
  padding: 5px 20px !important;
}

.el-transfer .el-checkbox__label span, .el-transfer .el-checkbox__label,
.el-range-input  {
  color: #557799 !important;
}

.fileUploadFrame .el-upload {
  width: 31%;
}

.fileUploadFrame .el-upload-list {
  width: 69%;
}

.fileUploadFrame .el-upload-list .el-upload-list__item:first-child {
  margin-top: 0px;
}

.fileUploadFrame .el-upload-list .el-upload-list__item {
  background-color: #F0F9EB;
  padding: 6px 10px;
  border-radius: 10px;
  cursor: pointer;
}

.fileUploadFrame .el-upload-list__item .el-icon-close {
  color: #61b131;
  top: 8px;
}

.fileUploadFrame .el-upload-list__item .el-icon-upload-success {
  position: relative;
  top: 3px;
}


.fileUploadFrame .el-upload-list .el-upload-list__item-name {
  color: #61b131;
  font-weight: 700;
  font-size: 14px !important;
}

.fileUploadFrame .el-icon-document {
  display: none;
}

.file-upload-paper-ga .el-upload-list--picture-card .el-upload-list__item {
  height: 200px !important;
  width: 300px !important;
  background-color: #FFF !important;
}

.file-upload-paper-ga  .el-upload--picture-card {
  width: 300px !important;
  height: 200px !important;
  line-height: 200px !important;
}

.journal-cover-img .el-upload-list__item:first-child {
  width: 154px !important;
  height: 200px !important;
  border-radius: 10px;
  background-color: #fff !important;
}

.journal-cover-img .el-upload--picture-card {
  width: 154px !important;
  height: 200px !important;
}

.journal-cover-img .el-upload--picture-card i {
  line-height: 200px !important;
}


.view-transferred-tooltip .note-content {
  max-width: 150px;
	font-size: 14px;
}

/* 调整箭头的位置 */
.view-transferred-tooltip .popper__arrow {
  bottom: -6px; /* 向上移动箭头 */
  left: 70px !important; /* 控制箭头在水平方向的位置 */
}

.current-status-item .tips-content {
	max-width: 150px;
	font-size: 14px;
}

.custorm-tooltip .tooltip-content {
	max-width: 700px;
	font-size: 14px;
}

.custorm-tooltip-email-history .tooltip-content  {
  max-width: 1000px;
	font-size: 14px;
}

.affiliation-tooltip .tooltip-content {
  max-width: 350px;
  font-size: 14px;
}

.custorm-tooltip .manuscript-title {
  max-width: 400px;
  font-size: 14px;
  color: #fff !important;
  font-weight: normal !important;
}

.custorm-tooltip .affiliation_ {
 	max-width: 150px;
  font-size: 14px;
  color: #fff !important;
  font-weight: normal !important; 
}

.custorm-tooltip .popper__arrow,
.current-status-item .popper__arrow {
  bottom: -6px;
  border-top-color: #303133;
  border-bottom-width: 0;
  left: 10px !important;
}

.el-dialog__title {
  font-weight: 700 !important;
  color: #0082d7 !important;
  font-size: 20px !important;
}

.el-dialog__body {
  padding: 0px !important;
  color: #557799 !important;
}

.el-collapse-item__header {
  height: auto !important;
  line-height: normal !important;
  border-bottom: 1px solid #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #273f5b !important;
}

.el-collapse-item__wrap {
  border-bottom: 1px solid #fff !important;
}

.el-collapse-item__content {
  padding-bottom: 0px !important;
}

.el-radio__input.is-checked+.el-radio__label {
  color: #61b131 !important;
  font-size: 16px !important;
}

.el-radio__input+span.el-radio__label {
  color:#557799 !important;
  font-size: 16px !important;
  font-weight: 700;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: #0082d7 !important;
  background: none !important;
}

/* 针对所有 el-radio 元素去掉 focus/选中阴影 */
.el-radio__inner,
.el-radio__input:focus,
.el-radio__input:active {
  outline: none !important;
  box-shadow: none !important;
}

.el-radio__input.is-checked .el-radio__inner::after {
  background-color: #0082d7 !important;
  width: 8px !important;
  height: 8px !important;
}

.el-radio__input.is-disabled .el-radio__inner,
.el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: #F5F7FA !important;
  border-color: #E4E7ED !important;
}

.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  width: 8px !important;
  height: 8px !important;
}

.el-descriptions table > tbody + tbody,
.el-descriptions .el-descriptions__body .el-descriptions__table tr td {
  border: 1px solid #fff !important;
}

.table-list .el-table thead tr {
  background: #f0f0f0;
  box-shadow: 15px 0 25px 0 rgba(200, 219, 239, 0.3);
}

.table-list .curriculum-list {
  box-shadow: 5px 1px 1px -5px rgba(18, 25, 33, 0.07);
  border: 1px solid #FFF;
  color: #579;
  border-top: 1px solid #dbe3ec;
  border-bottom: 1px solid #dbe3ec;
  border-radius: 0px !important;
}

.table-list .curriculum-list li  {
  padding: 5px 10px;
  border-bottom: 1px solid #fff !important;
  align-items: center !important;
}

.table-list .curriculum-list .header {
  cursor: auto !important;
}

.table-list .el-table th.el-table__cell>.cell,
.table-list .curriculum-list .header .cell {
  color: #557799 !important;
  font-weight: 700;
}

.table-list .curriculum-list .el-checkbox-group .el-checkbox,
.table-list .curriculum-list .el-checkbox-group .el-checkbox__label {
  width: 100% !important;
}

.table-list .curriculum-list .el-checkbox .el-checkbox__label,
.custorm-dialog .table-list .el-radio__label {
  display: none;
}

.table-list .curriculum-list .body.selected {
  background-color: aliceblue !important;
}

.table-list .curriculum-list .body.selected:before {
  opacity: 1;
}

.table-list .curriculum-list .body .rate {
  display: flex;
}

.table-list .curriculum-list .body .rate .el-rate {
  line-height: 1.3 !important;
}

.table-list .el-table tr td.el-table__cell>.cell {
  color: #8697a8 !important;
  font-weight: 400;
  font-size: 14px !important;
  word-break: keep-all;
}

.table-list .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
  background-color: #ecf5fe !important;
}

.table-list .radio-selection .el-checkbox .el-checkbox__inner {
  border-radius: 50px;
}

.table-list .status-icon {
  margin-right: 5px;
  border-radius: 50%;
  display: inline-block;
  width: 6px;
  height: 6px;
}

.table-list .color--green {
  border: 2px solid #61b131;
  background-color: #61b131;
}

.table-list .color--red {
  background-color: #e00b0b;
  border: 2px solid #e00b0b;
}

.table-list .table-value .number {
  background-color: #ecf5fe !important;
  padding: 0px 12px;
  border-radius: 5px;
  cursor: auto;
}

.table-list .table-value span,
.table-list .el-table__cell span {
  word-break: keep-all;
}

.table-list .table-value .number:hover {
  background-color: #fff !important;
  color:#000;
}

/* .table-list .number-value {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
  width: 200px;
} */

.table-list .ojs-roles-select {
  width: 200px;
  padding-right: 10px;
  border: 1px solid #eee;
}

.table-list .ojs-roles-select .el-input__inner {
  box-shadow: none !important;
  margin-right: 10px !important;
  border: 1px solid #eee !important;
}

.table-list .curriculum-list .header:before {
  background-color: transparent !important;
}

.table-list .el-table-column--selection .cell {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.el-table__body tr.current-row>td.el-table__cell,
.table-list .curriculum-list .header:hover {
  background-color: #fff !important;
}

.el-select-dropdown .position {
  padding-right: 2px;
  vertical-align: middle;
  color: red !important;
}

.my-drawer .el-drawer__header {
	font-weight: 700;
	padding: 20px 20px !important;
	background: aliceblue;
	margin-bottom: 25px;
}

.my-drawer .el-drawer__header span {
	color: #0082d7 !important;
	font-size: 24px;
}

.my-drawer .el-drawer__header .el-drawer__close-btn i {
	font-size: 27px;
  color: #000;
}

.my-drawer .el-drawer__body {
	padding: 0px 10px;
}

.my-drawer .sub-title {
	font-weight: 700;
	font-size: 20px;
}

.my-drawer .curriculum-list li {
	padding: 10px 2px !important;
}

.my-drawer .el-radio__label {
	display: none !important;
}

.my-drawer .ellipsis-text {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.my-drawer .manuscript-no {
	float: left !important;
}

.my-drawer .manuscript-title {
	width: 100%;
  font-weight: 800;
  line-height: 16px;
  text-align: left;
  color: #579;
	float: left;
}

.my-drawer .attr {
	width: 100%;
  display: flex;
  margin-bottom: 5px;
}

.my-drawer .feature-item {
	color: #557799;
  font-size: 14px;
  width: 40%;
  font-weight: 700;
}

.my-drawer .value {
	background-color: #e6eff9;
  margin-left: 10px;
  font-size: 12px;
  font-weight: bold;
  padding: 1px 10px;
  border-radius: 5px;
  font-weight: 800;
  cursor: pointer;
}

/* 控制 drawer 内内容区域出现滚动条 */
.my-drawer .drawer-content-wrapper {
  max-height: calc(100vh - 100px); /* 根据实际内容适当调整 */
  overflow-y: auto;
  padding-right: 10px;
  box-sizing: border-box;
}

.my-drawer .curriculum-list .body.is-selected {
  background-color: #f0f7ff;
  border-radius: 4px;
}

.my-drawer .radio-wrapper .el-radio {
  line-height: 12;
}

.my-drawer .radio-group .el-radio .el-radio__original {
	width: 20px;
	height: 20px;
}

.my-drawer .footer-btn {
	margin: 20px 0px;
}

.my-drawer .authors {
  font-weight: 700;
  color: #0082d7;
  padding: 5px 0px;
}

.my-drawer .authors i {
	padding-right: 5px;
}

/***********************面包屑**********************/
.breadcrumbs {
  margin-top: 6px;
}

.breadcrumbs-wrap.with-border {
  margin-bottom: 20px !important;
}

.breadcrumbs-wrap .btn--round i {
  color: #6987ab !important;
}

.breadcrumbs.ojs-roles {
  background-color: #FFF;
  color: #0082d7;
  font-weight: 700;
  border: 2px solid #0082d7;
}

.breadcrumbs.ojs-role {
  color: #6a85a6 !important;
  font-weight: 700 !important;
}

.breadcrumbs.pd .ojs-role {
  padding: 10px 15px !important;
}

.breadcrumbs.ojs-role:hover,
.breadcrumbs.ojs-role.select {
  background-color: #0082d7;
	color: #FFF !important;
}

.breadcrumbs-wrap.pd .breadcrumbs--rounded {
  padding: 10px 19px !important;
}

/************************登录模块********************/
.login {
  display: flex;
  flex-direction: row;
  /* min-height: 100vh; */
  width: 100%;
  height: 100%; /* 原来是 min-height: 100vh */
  align-items: stretch; /* ✅ 让左右两边等高 */
}

.login .left-content {
  flex: 0 0 40%;
  background: linear-gradient(to right bottom , #0082d7,#17aee5,#55BCFF);
  background-size: cover;
  background-position: center;
  box-sizing: border-box;
  height: 100%; /* 原来是 min-height: 100vh */
}

.login .left-content ul {
  text-align: left;
  color: #FFF;
}

.login .left-content ul li {
  margin: 20px 0px;
}

.login .left-content img {
  height: 120px;
}

.login .right-content {
  flex: 0 0 60%;
  background: #fff;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.login .left-content .list a {
  cursor: not-allowed;
}

.login .right-content .login-frame {
  width: 100%;
  max-width: 700px;
}

.login .right-content .login-frame .course-details {
  border-radius: 10px;
  -webkit-box-shadow: 40px 0 100px 0 rgba(18, 25, 33, 0.07);
  box-shadow: 40px 0 100px 0 rgba(18, 25, 33, 0.07);
  overflow: hidden;
  background-color: #fff;
}

.login .right-content .login-frame .course-details .el-input__inner {
  border-radius: 50px !important;
  padding: 7px 60px !important;
}

.login .ojs-login-btn {
  padding: 6px 12px !important;
  background:rgb(23, 174, 229);
  border-radius: 20px;
}

.login .ojs-login-btn:hover {
  background:rgb(23, 174, 229) !important;
}

.login  .el-button:focus {
  background-color: rgb(23, 174, 229)!important;
}

.login .ojs_code_btn {
  height: 35px;
  border: 1px solid transparent;
  background-color: #61b131 !important;
  box-shadow: 0 0 30px 0 rgba(18, 25, 33, 0.15);
  width: 100%;
  color: #FFF;
  border-radius: 50px;
  cursor: pointer;
  padding: 5px 10px !important;
}

.login .el-input__prefix i, 
.login .el-input__suffix i {
  line-height: 38px;
}

.personal .personal-password .el-input__prefix i,
.personal .personal-password .el-input__suffix i {
  line-height: 37px;
}

.login .login-password .el-input__suffix
.personal .personal-password .el-input__suffix {
  cursor: pointer;
}

.login .ojs-utouch-icon,
.personal .ojs-utouch-icon {
  padding: 0px 15px;
}

.personal .el-input__inner {
  padding: 7px 60px !important;
}

.login .rememberPassword {
  font-size:20px;
  margin-bottom:20px;
  text-align:left;
}

.login .rememberPassword .text-descript {
  padding-left:20px;
  font-weight:700;
  font-size:14px
}

/************************表单提交*******************/
.submissionForm .col-lg-2,
.custorm-dialog .col-lg-2 {
  padding: 0px;
}

.submissionForm .label,
.custorm-form .label {
  padding-top: 10px;
  text-align: left;
  font-weight: 700;
  font-size: 14px;
}

.submissionForm .el-input__inner,
.custorm-form .el-input__inner {
  border-radius: 10px !important;
}

.submissionForm .btn.btn--primary:hover,
.fileUploadFrame .btn.btn--primary:hover,
.custorm-home .custorm-btns-groups .btn.btn--primary:hover,
.ojs-paper-card .footer-btn .btn.btn--primary:hover,
.system-submit-infor .submit-btn .btn.btn--primary:hover {
  background-color: #0082d7 !important;
  border: 2px solid #0082d7 !important;
  color: #fff !important;
}


.submissionForm .btn.btn--primary,
.ojs-paper-card .footer-btn .btn.btn--primary,
.personal .footer-btn .btn.btn--primary,
.system-submit-infor .submit-btn .btn.btn--primary {
  background-color: #17aee5 !important;
  border: 2px solid #17aee5 !important;
  color: #fff !important;
}

.submissionForm .btn {
  padding: 5px 20px;
}

.add-author-btn .btn,
.ojs-paper-card .btn,
.personal .btn,
.ojs-peer-reviewed .table-footer-btn,
.ojs-peer-reviewed .table-header-btn,
.common-list-box .header-btn,
.common-list-box .table-footer-btn .btn,
.system-submit-infor .header-btn,
.system-submit-infor .submit-btn .btn {
  padding: 6px 12px;
}

.submissionForm .btn span,
.add-author-btn .btn span,
.ojs-paper-card .btn span
.system-submit-infor .submit-btn span {
  color: #fff;
  text-transform: none !important;
  font-weight: 900;
  font-size: 14px;
}

.add-author-btn .btn.btn--primary:hover span {
  color: #0082d7 !important
}

.submissionForm .btn.btn--green:hover span,
.add-author-btn .btn.btn--green:hover span {
  color: #61b131 !important;
}

.ojs-paper-card .footer-btn .btn.btn--green:hover span {
  color: #fff !important; 
}

/*************************表单*************************/
.require-tag {
  vertical-align: middle;
  color: red;
  padding-right: 5px;
}

.custorm-form a {
  color: #0082d7;
  cursor: pointer;
  font-weight: 700;
}

.custorm-form .custorm-form-panel {
  background-color: #ecf5fe;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 0 0 0;
  overflow: hidden;
  border-radius: 10px;
  padding: 10px 0px;
  box-shadow: 0 0 0 0 rgba(18, 25, 33, 0.07);
}

.custorm-form .custorm-form-panel .getOrcid {
  margin-left: 15px;
  font-size: 12px;
  color: #fff;
  background-color: #61b131 !important;
  cursor: pointer;
  padding: 5px 10px !important;
  border-radius: 10px;
}

.custorm-form .custorm-form-panel .header-actions {
  margin-bottom: 10px;
}

.custorm-form .custorm-form-panel .header-actions .title {
  display: flex;
}

.custorm-form .custorm-form-panel .icon-group,
.common-list-box .curriculum-list .icon-group {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  height: 40px;
}

.custorm-form .custorm-form-panel .icon-group .move,
.common-list-box .curriculum-list .icon-group .move {
  font-size: 24px;
  cursor: pointer;
  color: #61b131;
  line-height: 40px;
}

.custorm-form .custorm-form-panel .ojs-delete,
.common-list-box .curriculum-list .ojs-delete,
.ojs-recommend-reviewers-card .ojs-delete  {
  color: #ea0b0b !important;
}

.custorm-form .custorm-form-panel .fa-xmark,
.ojs-recommend-reviewers-card .fa-xmark {
  font-size: 20px;
  cursor: pointer;
  line-height: 30px;
}

.custorm-dialog .ojs-recommend-reviewers-card .custorm-form {
  background: aliceblue;
  margin: 10px 10px;
  height: 280px;
  border-radius: 5px;
}

.custorm-dialog .ojs-recommend-reviewers-card .custorm-form .el-input__inner {
  padding: 5px 10px !important;
}

.custorm-dialog .add-btn .btn {
  padding: 4px 12px !important;
  min-width: 80px !important;
}

.custorm-form .reviewers-title {
  color: #0082d7;
  font-weight: 700;
  font-size: 18px;
  margin: 20px 0px;
}

.custorm-form .form .el-input__inner {
  padding: 5px 10px !important;
}

.custorm-form .form .el-form-item {
  margin-bottom: 10px !important;
}

.custorm-form .form .el-form-item__error {
  position: relative !important;
}

.custorm-form .form .el-input__icon {
  line-height: 33px;
}

.custorm-form .ojs-funding .btn-add,
.custorm-form .ojs-funding .btn-minus {
  line-height: 40px;
}

.custorm-email-form .label {
  font-weight: normal !important;
}

.custorm-email-form .comments,
.custorm-template-card .comments {
  height: 400px !important;
}

.custorm-form .number-title {
  padding-left: 20px;
  color: #557799;
  font-weight: 400;
  font-size: 14px;
}

.custorm-form .el-input-number,
.custorm-form .el-input-number .el-input,
.custorm-form .el-input-number .el-input .el-input__inner {
  width: 100% !important;
}

.ojs-selected-roles .el-select__input {
  box-shadow: none !important;
}

.custorm-form .el-date-editor .el-input__inner {
  padding-left: 30px !important;
}

.custorm-form .el-date-editor .el-input__prefix {
  left: 5px !important;
}

.custorm-form .el-date-editor .el-input__prefix i {
  line-height: 43px;
  color: #61b131;
}

.custorm-form .submission-editor-frame,
.modify-paper-information {
  box-shadow: 0 0 30px 0 rgba(18, 25, 33, 0.15) !important;
}

.custorm-form .submission-editor-frame .myeditor-content {
  width: 669px !important;
}

/*************************文件上传************************/
.fileUploadFrame .flex-row {
  display: flex;
  flex-direction: row;
}

.fileUploadFrame .btn {
  padding: 4px 12px !important;
  background-color: #17aee5 !important;
  border: 2px solid #17aee5 !important;
  color: #fff !important;
}

.custorm-file-upload .item {
  margin: 20px 0;
}

.custorm-file-upload .title {
  float: left;
  font-weight: 700;
  color: #0082d7;
}

.custorm-file-upload .attr-item .attr-value {
  display: flex;
  justify-content: center;
}

/************************论文列表*********************/
.ojs-paper-list-item {
  padding: 20px;
}

.ojs-paper-list-item .tag,
.common-list-box .body .tag {
  margin: 5px 5px 5px 0px !important;
  border-radius: 6px !important;
  background-image: linear-gradient(45deg, #0082d7, #55BCFF);
  cursor: auto;
  float : left;
  padding: 6px 6px !important;
}

.ojs-paper-list-item .journal,
.common-list-box .body .journal {
  font-style: italic;
  font-weight: 700;
  line-height: 2.2;
}

.ojs-paper-list-item .title,
.common-list-box .body .title {
  font-weight: 800;
  font-size: 20px;
  margin: 0px;
  color: #557799;
  float: left;
  width: 100%;
}

.common-list-box .body .title {
  font-size: 16px !important;
}

.common-list-box .curriculum-list li:hover .title {
  color: #557799 !important;
}

.common-list-box .body .attr{
  width: 100%;
  display: flex;
  margin-bottom: 5px;
}

.common-list-box .body .attr .feature-item {
  color: #557799;
  font-size: 14px;
  width: 40%;
  font-weight: 700;
}

.common-list-box .body .attr .value {
  background-color: #e6eff9;
  margin-left: 10px;
  font-size: 12px;
  padding: 1px 10px;
  border-radius: 5px;
  font-weight: 800;
  /* cursor: pointer; */
}

.common-list-box .actions {
  justify-content: left;
  display: flex;
  flex-direction: column;
}

.common-list-box .actions .btn span {
  font-size: 12px !important;
  line-height: normal;
}

.common-list-box .table-list .item-value .cell {
  font-size: 14px;
  font-weight: 800 !important;
  cursor: auto;
  color: #4b5d4b !important;
}

.common-list-box .header-search-form .el-input__inner {
  padding: 5px 10px !important;
}

.editorial_search-form .el-input__inner {
  padding: 7px 10px !important;
}

.table-list .item-value .cell span {
  font-size: 14px !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.common-list-box .actions .btn {
  width: 100%;
  border-radius: 6px !important;
  padding: 5px 10px;
  margin: 2px 0px;
}

.common-list-box .header-btn,
.system-submit-infor .header-btn {
  border-radius: 6px !important;
}

.common-list-box .body {
  line-height: 87px !important;
}

/**论文列表***/
.ojs-paper-list-item .authors {
  font-weight: 700;
  color: #0082d7;
  /* padding: 5px 0px; */
  float: left;
  padding-bottom: 5px;
}

.ojs-paper-list-item .authors .author {
  padding-right: 5px;
  font-size: 14px;
}

.ojs-paper-list-item .authors span i,
.ojs-reviewer-mgt .value .authors-item i,
.ojs-peer-reviewed .header-search-form .el-button i,
.ojs-peer-reviewed .header-search-form .el-button span,
.ojs-reviewer-mgt .author-content .authors-item .value i,
.el-icon-loading {
  vertical-align: middle;
}

.ojs-paper-list-item i {
  margin-right: 5px !important;
}

.ojs-paper-list-item .attr .feature-item {
  color: #557799;
  font-size: 14px;
  width: 39%;
  font-weight: 700;
}

.ojs-paper-list-item .attr .value {
  font-size: 14px;
}

.ojs-paper-list-item .attr .value.current-status {
  color: red !important;
  font-weight: 800;
  cursor: pointer;
}

.ojs-paper-list-item .attr .value span {
  background-color: #e6eff9;
  font-size: 12px;
  font-weight: bold;
  padding: 1px 10px;
  border-radius: 5px;
}
/* 
.ojs-paper-list-item .download, .ojs-paper-list-item .view {
  margin: 5px 0px 0 0;
} */

.ojs-paper-list-item .download .feature-item,
.ojs-paper-list-item .view .feature-item {
  color: #557799;
  font-size: 14px;
  width: 20%;
}

.ojs-paper-list-item .download .value,
.ojs-paper-list-item .view .value {
  width: 80%;
  font-size: 14px;
}

.ojs-paper-list-item .download span,
.ojs-paper-list-item .view span {
  font-weight: 700;
  padding-right: 10px;
  display: inline-block;
  cursor: pointer;
}

.ojs-paper-list-item .download i,
.ojs-paper-list-item .view i {
  font-size: 14px !important;
}

.ojs-paper-list-item .download i {
  color: #61b131;
  margin-top: 5px !important;
}

.ojs-paper-list-item .view i {
  color: #0082d7;
  vertical-align: middle;
}

.ojs-paper-list-item .download a,
.ojs-paper-list-item .view a {
  color: #557799 !important;
}

.ojs-paper-list-item .download a:hover {
  color: #61b131 !important;
}

.ojs-paper-list-item .view a:hover {
  color: #0082d7 !important;
}

.ojs-paper-list-item .download a:hover,
.ojs-paper-list-item .view a:hover {
  cursor: pointer;
  font-size: 16px !important;
}

.ojs-paper-list-item .action .feature-item {
  color: #557799;
  font-size: 14px;
}

.ojs-paper-list-item .action {
  margin-top: 10px;
}

.ojs-paper-list-item .action .action-text {
  width: 20% !important;
  line-height: 2;
}

.ojs-paper-list-item .action .value .tag {
  padding: 5px 5px !important;
}

.ojs-paper-list-item .action .btn {
  background: #0082d7;
  color: #FFF;
  text-transform: none;
  border: 2px solid #0082d7;
  cursor: pointer;
}

.ojs-paper-list-item .action .btn:hover {
  background: #FFF !important;
  color: #0082d7 !important;
  border: 2px solid #0082d7;
}

.ojs-paper-list-item .current-status-data .value {
  width: 61% !important;
  display: block;
}

.ojs-paper-list-item .view .el-dialog__headerbtn i,
.custorm-dialog .el-dialog__headerbtn i {
  color: #0082d7 !important;
  font-size: 25px !important;
}

.ojs-paper-list-item .color-red:hover {
  color: #fff !important;
}


.ojs-paper-list-item .view .note {
  color: #F89101 !important;
}

.ojs-paper-list-item .view .highlight-red a,
.ojs-paper-list-item .view .highlight-red i {
  color: #ea0b0b !important
}


.ojs-paper-list-item .view .highlight-red a:hover {
  color: #ea0b0b !important
}

.ojs-paper-list-item .author.underline,
.author-content .authors-item.underline {
  text-underline-offset: 5px;
}

.ojs-paper-list-item .attr .value.underline,
.editor-container .underline {
  text-underline-offset: 3px;
}

.ojs-paper-list-item .view .note:hover {
 color: #F89101 !important; 
}

.ojs-paper-list-item .transferred-label {
  display: inline-flex;
  align-items: center;
  background-color: #e6f7ff;
  color: #1890ff;
  border: 1px solid #91d5ff;
  border-radius: 6px;
  padding: 4px 6px;
  margin: 5px 5px 5px 0px !important;
  cursor: pointer;
}

.ojs-paper-list-item .transferred-label i {
  margin-right: 0px !important;
  font-size: 12px !important;
  vertical-align: middle !important;
}

.bet {
  display: flex;
  align-items: center;
  position: relative;
  /* background: #fff; */
  flex-wrap: wrap;
  /* text-align: center; */
  justify-content: space-between;
  margin: 10px 0px;
  padding: 5px 5px;
  gap: 20px;   /* 两个 item 中间的距离（可随意改） */
  background: #fafbfc;
  border-radius: 5px;
}

.bet .citation_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.bet.ojs-summary-information .citation_item {
  padding-right: 50px;
}

.bet.ojs-list-review-status .citation_item {
  padding: 0px 5px !important;
}

/* 分隔线永远显示在两个 item 中间 */
.citation_item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -15px;
  top: 20%;
  height: 60%;
  width: 1px;
  background-color: #ccc;
}

.bet .citation_item span {
  color: #557799 !important;
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 22px;
}

.bet .citation_item .delayed {
  color: red !important;
}

.bet .citation_title {
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 22px;
}

.bet.ojs-list-review-status .citation_title {
  color: #557799 !important;
}

.bet.ojs-summary-information .citation_title {
  color: #1890ff !important;
}

.ojs-action-btn-groups  .elsp-paper-metrics-item {
  padding: 15px 15px !important;
}

.ojs-action-btn-groups .curriculum-list {
  margin-bottom: 10px;
}

.ojs-action-btn-groups .elsp-paper-metrics-item i {
  color: #6987ab;
  font-size: 14px !important;
}

.ojs-right-panel .view-infor {
  border-bottom: 1px solid #dbe3ec;
  padding-bottom: 10px;
}

.ojs-right-panel .lg-title {
  font-size: 18px;
  font-weight: 700;
  color: #357;
  margin: 30px 0px 10px 0px;
}

.ojs-right-panel .view-infor .key {
  color: #357;
  font-size: 14px;
  font-weight: 700;
}

.ojs-right-panel .view-infor .value {
  color: #0082d7;
  font-size: 14px;
  font-weight: 700;
}

.ojs-right-panel .submit-infor .item {
  margin: 20px 0;
}

.ojs-right-panel .submit-infor .item .title {
  float: left;
  font-weight: 700;
  color: #0082d7;
  font-size: 16px !important;
}

.ojs-right-panel .submit-infor .item .sub-title,
.file-sub-title {
  font-size: 14px;
  /* padding-left: 20px; */
  color: #557799;
  font-weight: 400;
}

.fileUploadFrame .btn {
  text-transform: lowercase !important;
}

.ojs-right-panel .submit-infor .footer-btn .btn,
.custorm-dialog .footer-btn .btn,
.recommendReviersForm .footer-btn .btn {
  padding: 4px 12px !important;
}

.custorm-dialog .footer-btn .btn {
  min-width: 80px;
}

.custorm-email-dialog .footer-btn {
  text-align: right;
  padding-right: 15px;
}

.ojs-right-panel .submit-infor .footer-btn .btn span,
.custorm-dialog .footer-btn .btn span {
  font-size: 14px;
}

.ojs-right-panel .submit-infor .el-select {
  border: 2px solid #61b131 !important;
  border-radius: 10px !important;
}

.ojs-right-panel .submit-infor .el-select .el-input__inner {
	border-radius: 10px !important;
}

.ojs-right-panel .submit-infor .el-select .el-input__inner:focus {
	border: 2px solid #fff !important;
	border-radius: 10px !important;
}

.ojs-reviewer-mgt .feature-item {
	color:#0082d7;
	font-weight: 700;
	font-size: 14px;
}

.ojs-reviewer-mgt .accordion-heading {
  padding: 11px 5px !important
}

.ojs-reviewer-mgt .value {
	color:#557799;
	font-weight:700;
	font-size: 14px;
}

.ojs-reviewer-mgt .value span {
	background-color: #e6eff9;
	font-size:14px;
	font-weight:bold;
	padding: 0px 5px;
	border-radius: 5px;
  white-space: nowrap;
}

.ojs-reviewer-mgt li,
.ojs-email-history li{
	padding:5px 0px;
	align-items: center;
	cursor: auto;
	border:0px;
}

.ojs-reviewer-mgt .curriculum-list .header {
	background-color: transparent !important;
}

.ojs-reviewer-mgt .view-review-results-infor {
	width:96%;
	padding-left:2%;
}

.ojs-reviewer-mgt .view-review-results-infor .panel-info {
	padding: 0px;
}

.ojs-reviewer-mgt .view-review-results-infor .reviewer-result-list {
	border:0px;
}

.ojs-reviewer-mgt .view-review-results-infor .icons i {
	color:#839bbd;
}

.ojs-reviewer-mgt .view-review-results-infor .active {
	top:4px;
}

.ojs-reviewer-mgt .view-review-results-infor .panel-collapse.collapsing, 
.panel-collapse.show {
	box-shadow: none;
	-webkit-box-shadow:none;
}

.ojs-reviewer-mgt .view-review-results-infor .btn,
.ojs-reviewer-mgt .reviewer-result-list .btn {
  border: 0px !important;
  padding: 6px 12px;
  border-radius: 20px;
  width: auto !important;
  font-size: 14px;
}

.ojs-reviewer-mgt .curriculum-list {
  box-shadow: none;
	-webkit-box-shadow:none;
}

.ojs-reviewer-mgt .display-flex-wrap {
  display: flex;
  flex-wrap: wrap; /* 允许换行 */
  justify-content: flex-start; /* 左对齐 */
  margin-bottom: 5px; /* 为每一行设置底部间距 */
}

.ojs-reviewer-mgt .display-flex {
  display: flex;
  align-items: baseline;
  margin-right: 35px;
  width: 30%;
}

.ojs-reviewer-mgt .curriculum-list li:before {
  width: 2px !important;
}

.ojs-reviewer-mgt .reviewer-result-list .col,
.ojs-peer-reviewed .col {
  padding: 0px 5px;
}

.ojs-reviewer-mgt .reviewer-result-list a, 
.ojs-reviewer-mgt .reviewer-result-list strong {
	font-size: 14px;
}

.ojs-reviewer-mgt .reviewer-result-list .ojs-result {
	color: #0082d7;
	cursor: auto;
	font-weight: 700;
	text-align: center;
}

.ojs-reviewer-mgt .reviewer-result-list .reviewer {
  color: #357;
  font-size: 14px;
  font-weight: 700;
  cursor: auto;
}

.ojs-reviewer-mgt .reviewer-result-list strong.label {
  width: 160px;
}

.ojs-reviewer-mgt .author-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 89%;
}

.ojs-reviewer-mgt .author-content .authors-item {
  padding-right: 15px;
}

.ojs-reviewer-mgt .value .authors-item span {
  background-color: #fff !important;
}

.ojs-summary-mgt .feature-item {
  width: 130px; /* 固定宽度，确保每个label宽度相同 */
  text-align: left;
}

.ojs-summary-mgt .value {
  margin-left: 5px;
}

.ojs-summary-mgt .xxx > .row:nth-child(2) .feature-item {
  flex: 0 0 130px;
  width: 130px;
}

.ojs-summary-mgt .xxx > .row:nth-child(2) .value {
  flex: 1;
  min-width: 0;
  line-height: 1.35;
}

.ojs-summary-mgt .value span {
  font-size: 14px;
}

.ojs-email-history {
  border-radius: 0px !important;
}

.ojs-email-history .body {
  border-bottom: 1px solid #dbe3ec;
}

.ojs-email-history .body .ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.ojs-email-history .body .expand-toggle {
  color: #007bff; /* 蓝色按钮文本 */
  font-size: 14px; /* 字体大小 */
  cursor: pointer; /* 鼠标悬停时显示为手型 */
  font-weight: bold; /* 加粗字体 */
  display: inline-block; /* 保持按钮的内联显示 */
  padding: 4px 8px; /* 为按钮添加内边距 */
  border-radius: 4px; /* 设置圆角 */
  transition: color 0.3s ease, text-decoration 0.3s ease; /* 平滑过渡效果 */
}

.ojs-email-history .body .expand-toggle:hover {
  text-decoration: underline;
  color: #0056b3; /* 悬停时的颜色 */
}

.ojs-email-history .body .expand-toggle span {
  cursor: pointer;
}

.ojs-email-history .body .attr .value {
  vertical-align: text-bottom !important;
}

.return-reviewer-report {
  display: inline-flex;
  align-items: center;
  background-color: #e6f7ff;
  color: #1890ff;
  border: 1px solid #91d5ff;
  border-radius: 6px;
  padding: 5px 6px;
  margin: 5px 5px 5px 0px !important;
  cursor: pointer;
}

/*************************头部 - 尾部 样式*****************/
.header-lines-decoration {
  display: flex;
  flex-direction: row;
}

.header .header-content-wrapper .logo-text {
  margin-top: 15px;
}

.header .logo-text .logo-title {
  color: #0082d7;
}

.header .primary-menu-menu .isActive a {
	color: #0082d7 !important;
}

.header .primary-menu-menu > .header-welcome {
  margin: 0 20px;
}

.header .primary-menu-menu > .header-welcome:before {
	content: '';
	border-top: none !important;
	border-radius: none !important;
}

.header .primary-menu-menu > .header-welcome .el-dropdown span {
  color: #0082d7;
  font-size: 16px;
  font-weight: 800;
  cursor: pointer;
}

.header .primary-menu-menu .header-bell-icon i {
  line-height: 15px;
}

.header .primary-menu-menu .header-bell-icon a {
  text-transform: uppercase !important;
  font-size: 16px !important;
}

.dropdownRotated {
  transform: rotate(180deg);
}

.header .header-welcome .el-dropdown span .el-icon--right {
  vertical-align: middle;
  padding-left: 5px;
  font-weight: 700;
  transition: transform 0.3s ease;
}

.footer {
  background-color: #f1f7fd;
  color: #4b5d73;
  padding: 40px 0 0;
}

.footer .logo-text .logo {
  display: flex;
  justify-content: center;
}

.footer .logo-text .logo-title {
  line-height: 24px;
  font-size: 24px;
  text-align: center;
  margin-top: 10px;
}

.footer .widget-title {
  color: #0082d7;
  text-align: center;
}

.footer .sub-footer {
  margin-top: 20px;
}

/**********************页面的局部样式**********************/
.rightCol {
  text-align: center;
  padding: 10px 0px;
}

.custorm-home .case-item-content {
  /* padding: 40px 20px 40px 0; */
  padding: 54px 20px 30px 0;
}

.custorm-home .custorm-btns-groups {
  padding: 20px 0px 0px 0px;
}

.custorm-home .custorm-btns-groups .btn {
  padding: 9px 20px !important;
}

/* .custorm-home .crumina-case-item {
  padding: 0px 0 0 !important;
} */

/**********************弹窗***********************/
.custorm-dialog {
	background-color: rgba(85, 119, 153, 0.6) !important;
	backdrop-filter: blur(10px);
}

.custorm-dialog .subscription-form .custorm-form {
  padding: 0px 30px 0px 30px !important;
}

.custorm-dialog-panel {
  max-height: 620px;
  overflow-y: auto;
}

.custorm-dialog .feature-item,
.modify-reviewer-card .dialog-menu-content .feature-item {
  color: #0082d7 !important;
  width: 20%;
  font-size: 14px;
  padding-right: 10px;
  text-align: right;
}

.modify-reviewer-card .btn,
.custorm-dialog .view .btn {
  height: 36px;
  padding: 5px 20px !important;
}

.modify-reviewer-card .reviewer-btn .btn {
  height: 30px !important;
  padding: 0px 10px !important
}


.modify-reviewer-card .btn .text,
.custorm-dialog .view .btn .text,
.custorm-dialog .view .btn i {
  color: #01a23c !important;
  fill: #01a23c;
}

.custorm-dialog .value  {
  color: #557799;
  width: 80%;
  font-weight: 700;
  word-break: normal;
  padding-left: 10px;
  font-size: 14px;
  vertical-align: -webkit-baseline-middle;
}

.custorm-dialog .ojs-text-content span {
  background-color: #e6eff9;
  font-size: 14px;
  font-weight: bold;
  padding: 1px 10px;
  border-radius: 5px;
  margin-right: 10px;
}

.custorm-dialog .custorm-dialog-panel .row {
  margin: 0px;
}

.custorm-dialog .dialog-menu,
.dialog-menu-content-title {
  color: #557799;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

.custorm-dialog .dialog-menu .role a {
  color: #557799;
  font-size: 16px;
  font-weight: 400;
}

.custorm-dialog .dialog-menu .role span {
  padding-right: 0px !important;
  font-weight: 700;
}

.custorm-dialog .dialog-menu .role span {
  display: block;
}

.custorm-dialog li .author i {
  margin-right: 5px !important;
  color: #0082d7;
  margin-top: 6px;
  font-size: 14px !important;
}

.custorm-dialog li .author span {
  font-weight: 700;
  margin-right: 15px;
  font-size: 14px !important;
}

.custorm-dialog .flowchat-wrapper {
  max-height: 75vh;
  overflow-y: auto;
  padding: 10px;
  box-sizing: border-box;
  scrollbar-width: thin;             /* Firefox */
  scrollbar-color: #ccc transparent; /* Firefox */
}

.flowchat-wrapper::-webkit-scrollbar {
  width: 6px;              /* 滚动条宽度 */
}

.flowchat-wrapper::-webkit-scrollbar-track {
  background: transparent; /* 滚动轨道背景 */
}

.flowchat-wrapper::-webkit-scrollbar-thumb {
  background-color: #ccc;   /* 滚动条颜色 */
  border-radius: 4px;
}

.custorm-dialog .flowchat-scroll {
  width: 100%;
  text-align: center;
}

.custorm-dialog .flowchat-scroll img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

.reviewer-download {
  display: flex;
  justify-content: space-between;
}

.reviewer-download .btn-border.btn {
  font-size: 14px !important;
  padding: 0px 5px !important;
  text-transform: none !important;
  background: #0082d7;
  color: #FFF;
  border: 2px solid #0082d7;
}

.reviewer-download .btn-border.btn:hover {
  background: #FFF;
  border: 2px solid #0082d7;
}

.reviewer-download .btn-border.btn:hover,
.reviewer-download .btn-border.btn:hover i {
  color: #0082d7 !important;
}

.reviewer-download .btn-border.btn i {
  padding-left: 5px !important;
  padding-right: 5px !important;
  color: #fff !important;
}

.ojs-view-pre-review .el-tabs__nav {
  display: flex;
  flex-direction: row;
  border: 1px solid #fff !important;
}

.el-tabs--card>.el-tabs__header {
  border-bottom: 1px solid #fff !important;
}

.ojs-view-pre-review .el-tabs__item {
  width: 80px;
  background-color: #FFF !important;
  color: #0083ff !important;
  font-weight: 700;
  border: 2px solid #0083ff !important;
  border-radius: 50px !important;
  text-align: center;
  margin: 0px 10px !important;
  cursor: pointer;
  height: 32px !important;
  line-height: 29px !important;
  font-size: 16px !important;
  padding: 0 7px !important;
}

.ojs-view-pre-review .el-tabs__item.is-active {
  background-color: #0083ff !important;
  color: #fff !important;
}

.ojs-peer-reviewed a,
.common-list-box .table-list .action a {
  text-transform: none;
  font-size: 14px;
  border-radius: 6px !important;
  /* padding: 6px 12px; */
  font-size: 14px;
  min-width: 80px;
}

.common-list-box .table-list .action {
  margin-left: 0px !important;
  margin-right: 10px;
}

.ojs-peer-reviewed .btn {
  margin-left: 0px !important;
  margin-right: 5px;
}

.ojs-peer-reviewed .table-header-btn {
  padding: 6px 5px !important;
}

.ojs-peer-reviewed .reviewer,
.custorm-dialog .el-table span {
  color: #357 !important;
  font-size: 14px;
}

.ojs-peer-reviewed .reviewer .btn {
  height: 36px;
  padding: 5px 0px !important;
  border: none !important;
}

.ojs-peer-reviewed .reviewer .text-btn-primary .text {
  color: #0082d7 !important;
  font-size: 14px !important;
}

.ojs-peer-reviewed .reviewer .text-btn-green .text {
  color:#01a23c !important;
  font-size: 14px !important;
}

.ojs-peer-reviewed .reviewer .btn:hover .text {
  font-size: 16px !important;
}

.ojs-peer-reviewed .reviewer {
  font-weight: 700;
  display: flex;
  flex-direction: column;
  justify-items: center;
}

.ojs-peer-reviewed span,
.ojs-peer-reviewed strong {
  font-size: 14px;
}

.ojs-peer-reviewed .edit-icon {
  margin-left: 8px;
  cursor: pointer;
  font-size: 14px;
  color: #0082d7 !important
}

.ojs-peer-reviewed .edit-due-date .el-input__inner {
  padding: 2px 20px !important;
  font-size: 14px !important;
}

.ojs-peer-reviewed .el-input__prefix {
  left: 2px !important;
}

.ojs-peer-reviewed .el-input__icon {
  width: 19px !important;
  line-height: 28px !important;
  font-size: 12px !important;
}

.ojs-peer-reviewed .reviewer .infor {
  font-weight: 400 !important;
  display: flex;
}

.ojs-peer-reviewed .reviewer .infor-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
}

.ojs-peer-reviewed .reviewer .infor-row .infor {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.ojs-peer-reviewed .reviewer .infor-row i {
  flex-shrink: 0;
}

.ojs-peer-reviewed .action-btn,
.ojs-selected-reviewers-table .action-btn  {
  width: 100%;
  padding: 6px 12px;
  margin-bottom: 5px;
}

.ojs-selected-reviewers-table .action-btn {
  border-radius: 6px !important;
}

.ojs-peer-reviewed .row-item {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.ojs-peer-reviewed .row-item .label {
  width: 110px; /* 可根据你想对齐的宽度调整 */
  font-weight: 500;
  text-align: right;
}

.ojs-peer-reviewed .row-item .value {
  flex: 1;
  padding-left: 10px;
}

.ojs-peer-reviewed .results-item strong,
.ojs-peer-reviewed .c-green {
	cursor: pointer;
	color:#61b131;
	font-size: 14px;
}

.ojs-peer-reviewed .table-list .reviewer .el-button {
  border-radius: 5px !important;
  padding: 2px 5px !important
}

.ojs-peer-reviewed .header-search-form .el-button {
  padding: 5px 15px;
  background-color: #61b131 !important;
  border: 2px solid #61b131 !important;
  border-radius: 6px !important;
}

.ojs-peer-reviewed .header-search-form .el-button:hover {
  background-color: #fff !important;
}

.ojs-peer-reviewed .header-search-form .el-button:hover i,
.ojs-peer-reviewed .header-search-form .el-button:hover span {
  color: #61b131 !important;
}

.ojs-peer-reviewed .header-search-form .el-button i {
  color: #fff;
  fill: #fff;
}

.ojs-peer-reviewed .header-search-form .el-input__suffix {
  line-height: 3;
}

.ojs-peer-reviewed .reviewer .reviewer-name {
  cursor: pointer;
  text-decoration: underline;
  color: #335577 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.common-list-box {
  margin-bottom: 40px;
  background-color: #fff;
  box-shadow: 40px 0 100px 0 rgba(18, 25, 33, 0.07) !important;
}

.common-list-box .curriculum-list .header {
  color: #557799;
  cursor: auto;
  font-weight: 700;
  background-color: transparent !important;
}

.common-list-box .curriculum-list li {
  padding: 10px 20px !important;
  align-items: center;
  cursor: auto;
}

.common-list-box .curriculum-list .header:hover::before {
  opacity: 0;
}

.common-list-box .custorm-form .opt-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}

.common-list-box .custorm-form .opt-actions .btn {
  border-radius: 5px !important;
}

.edit-xml .textarea .el-textarea__inner {
  min-height: 700px !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  position: relative;
  padding: 5px 10px !important;
}

.edit-xml .textarea .el-textarea__inner:focus {
  border: 2px solid #fff !important; 
}

.view-xml-content {
  overflow-y: scroll;
  height: 981px;
  overflow-x: hidden;
}

.ojs-review-histor-records-table tr,
.ojs-review-histor-records-table tr td {
  border: 1px solid #EBEEF5;
  padding: 12px 10px;
}

.ojs-review-histor-records-table .el-tag {
  background-color: #0082d7;
  border-color: #0082d7;
  font-size: 14px !important;
  color: #fff !important;
}

.tip {
	display: flex;
	padding: 8px 16px;
	background-color: #ecf8ff;
	border-radius: 4px;
	border-left: 5px solid #50bfff;
	margin: 15px 0;
	align-items: center;
	justify-content: space-between;
}

.crumina-stunning-header .header-actions {
  display: flex;
  flex-direction: column;
}

.crumina-stunning-header .header-actions .text-gray i {
  color: #0082d7 !important;
  fill: #0082d7 !important
}

.text-gray {
  color: #6a85a6 !important;
  font-weight: 700;
}

.dashboard .line {
  width: 100%;
  height: 37vh;
}

.listReviewers .line {
  width: 100%;
  height: 37vh;
}

.listDetails .line {
  width: 100%;
  height: 42.8vh;
}

.line .radio-group {
	position: absolute;
	top: -17px;
	left: 5px;
}

.messageBox .el-main {
	height: 80vh;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.messageBox .el-main .message_content {
	border: 1px solid #eee;
	box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
	padding: 30px;
	display: flex;
	align-items: center;
	border-radius: 7px;
}

.messageBox .el-main .message_content .bgimg {
	margin-bottom: 25px;
}

.messageBox .el-main .message_content .bgimg .ojs_icon {
	font-size: 80px;
	padding:10px;
	margin-top:20px;
}

.messageBox .el-main .message_infor {
	margin-left: 20px;
}

.messageBox .el-main .message_infor h1 {
	font-size: 32px;
	font-weight: 500;
	margin: 10 auto;
}

.messageBox .el-main .message_infor h1 span {
	color: #a0a0a0;
	font-size: 18px;
	margin: 0 auto;
}


.recommendReviersForm .pricing--item-card {
  padding: 0 !important;
  margin: 50px 0px !important;
}

.recommendReviersForm .label {
  color: #4b5d73 !important
}

.fault .el-main {
	height: 80vh;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.fault .el-main .bgimg {
	width: 99vw;
	height: 58vh;
	background: url('../images/403.png') no-repeat center/50%;
}

.fault .el-main h1 {
	font-size: 32px;
  font-weight: 500;
  color: #a0a0a0;
}

.fault .el-main span {
	color: #a0a0a0;
	font-size: 24px;
	margin: 16px 220px 0 0;
}

.fault .el-main .back {
	font-size: 20px;
	margin-left: 16px;
	color: #fff;
	background-color: #0082d7 ;
	border-radius: 8px;
	padding: 4px 16px;
}

/* 移动端样式 */
@media (max-width: 768px) {
  body, html {
    overflow-x: hidden;
  }

  .login {
    flex-direction: column;
  }

  .login .table .table-cell {
    float: none !important;
  }

  .login .left-content, .login .right-content {
    flex: none;
    width: 100%;   /* ✅ 左右宽度一样 */
    max-width: 100%;
  }

  .login .right-content .login-frame {
    width: 100%;
    max-width: 500px;
  }

  .login .ojs-activation-code {
    display: flex;
    flex-direction: row;
  }

  .login .ojs-activation-code .code-input {
    padding-right: 0px;
  }

  .login .ojs-activation-code .code-btn {
    padding-left: 5px;
  }

  .header .menu-icon-trigger {
    display: flex !important;
    align-items: center;
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
    color: #0082d7;
    padding-right: 8px !important;
  }

  .header .primary-menu-menu {
    display: none !important;
  }

  .header .primary-menu-menu.show {
    display: flex !important;
    flex-direction: column;
    background: white;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 1000;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  }

  .header .primary-menu-menu.show > li {
    padding: 10px 9px !important;
    border-bottom: 1px solid #eee;
  }

  .header .primary-menu-menu.show > .header-welcome {
    margin: 0px 0px !important;
  }

  .site-logo img {
    float: left;
    margin-right: 3px;
  }

  .list li a {
    font-size: 0.9em;
  }

  .cookie-bar {
    padding: 10px 20px !important; /* 减少左右内边距 */
    flex-direction: column; /* 按钮垂直排列 */
    align-items: center !important; /* 居中对齐内容 */
    justify-content: center !important; /* 垂直居中 */
    text-align: justify; /* 文字居中 */
  }

  .cookie-bar .cookies-content {
    flex-direction: column !important;
  }

  .cookie-bar .cookie-text {
    font-size: 14px !important;
    width: auto !important;
  }

  .cookie-bar ul li{
    font-size: 14px !important;
  }
  
  .cookie-bar .btns {
    flex-direction: column; /* 垂直排列按钮 */
    gap: 10px; /* 按钮间距 */
    margin-top: 10px;
  }

  .cookie-bar .btns .el-button {
    width: 100%; /* 按钮宽度自适应 */
    font-size: 14px; /* 调整字体大小 */
    padding: 8px 0; /* 调整按钮内边距 */
  }

  .ojs-reviewer-mgt .display-flex {
    margin-right: 71px;
  }

  .custorm-dialog {
    width: 100%;
    max-width: 100%;
    margin-top: 8vh !important;
  }

  .custorm-dialog-panel {
    max-height: 70vh;
  }

  .breadcrumbs-wrap.with-border {
    padding-top: 60px !important;
  }

  .header .header-content-wrapper {
    display: flex;
  }

  .header .site-logo {
    margin-bottom: 0px !important;
    margin-right: 0px !important;
  }

  .stunning-header-content {
    padding: 125px 0px;
  }

  .stunning-header-content .inine-items_wrapper {
    display: flex;
    flex-direction: column;
  }

  .ojs-paper-list-item .download .value .download-main {
    padding-left: 28px;
  }

  .ojs-paper-list-item .attr .feature-item {
    width: 35%;
  }

  .el-pagination {
    white-space: unset !important
  }

  .table-list {
    overflow-x: auto;
  }
  
  .ojs-peer-reviewed .table-list .header {
    width: fit-content;
  }

  .table-list .curriculum-list .header .cell {
    display: flex;
  }

  .custorm-form .submission-editor-frame .myeditor-content {
    width: auto !important;
  }

  .custorm-file-upload .item,
  .ojs-right-panel .submit-infor .item {
    display: flex;
    flex-direction: column;
  }

  .custorm-home .crumina-case-item {
    display: flex;
  }

  .custorm-home .case-item__thumb {
    width: 40%;         /* 占父容器比例，自适应 */
    max-width: 136px;   /* 避免太大 */
    min-width: 100px;   /* 避免太小 */
    margin: 0px 15px;     /* 居中 */
    box-shadow: none;   /* 阴影不显示，避免横向偏移挤占 */
  }
  
  .custorm-home .case-item-content {
    padding: 25px 20px 15px 0;
  }

  .custorm-home .journal-title {
    font-size: 16px;
  }

  .custorm-home .custorm-btns-groups .btn {
    padding: 5px 20px !important;
  }

  .custorm-home .custorm-btns-groups {
    padding: 0px 0px 0px 0px !important;
  }

  .ojs-summary-mgt .items-wrapper {
    display: block !important;
  }
  
  .ojs-reviewer-mgt .display-flex {
    width: 70%;
  }

  .ojs-reviewer-mgt .author-content {
    width: 100%;
  }

  .editor-field {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .ojs-paper-list-item .download .feature-item {
    width: 21%;
  }

  .custorm-form .custorm-form-panel .header-actions {
    display: flex;
  }

  .custorm-form .custorm-form-panel .header-actions .el-checkbox__label {
    padding-left: 3px !important;
  }

  .custorm-form .custorm-form-panel .stepThree_name {
    padding-left: 0px;
  }
  
  .custorm-form .custorm-form-panel .stepThree_select .el-select {
    width: 94%;
  }

  .w-search .search-rowItem {
    width: 70%;
    float: left;
  }

  .w-search .total-rowItem {
    width: 30%;
    float: right;
  }
}

.black-list-frame .el-tabs--card {
  padding: 0px 10px;
}

.black-list-frame .el-tabs--card>.el-tabs__header {
  background-color: #f0f8ff;
  margin: 0 0 0px;
}

.black-list-frame .el-tabs--card>.el-tabs__header .el-tabs__nav,
.black-list-frame .el-tabs--card>.el-tabs__header .el-tabs__item {
  border: 1px solid #f0f8ff;
  font-size: 16px;
}

.black-list-frame .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
  border-bottom:3px solid #0082d7;
  font-size: 16px;
}

.black-list-frame .el-tabs__item.is-active {
  color: #0082d7 !important;
  font-weight: 700;
}

.black-list-frame .custorm-form .el-range-editor.el-input__inner {
  padding: 3px 10px !important;
  border: 2px solid #fff !important;
  background-color: #fff;
  width: 100%;
}

.black-list-frame .custorm-form .el-date-editor .el-range-input {
  border-radius: 4px;
  height: 34px;
  width: 100%;
  background-color: #fff;
  box-shadow: none !important;
}

.black-list-frame .curriculum-list li {
  padding: 10px 0px !important;
}

.black-list-frame .table-list .body {
  border-bottom: 1px solid #dbe3ec !important;
}

.black-list-frame .table-list .body .attr-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.black-list-frame .table-list .body .attr-row .attr {
  flex: 1 1 200px; /* 最小宽度200px，自适应扩展 */
  max-width: 500px; /* 最大宽度限制 */
  word-break: break-word; /* 长单词自动换行 */
}

.black-list-frame .table-list .author-value i {
  color: #0082d7 !important;
  fill: #0082d7 !important;
  vertical-align: middle;
}

.black-list-frame .table-list .author-value strong {
  color: #0082d7 !important;
}

.black-list-frame .table-list .body .attr-row .feature-item {
  font-size: 14px;
  margin-bottom: 2px;
}

.black-list-frame .table-list .body .attr-row .btn-tag {
  background-color: #ea0b0b !important;
  color: #fff;
}

.black-list-frame .table-list .body .attr-row .value {
  font-size: 14px;
  word-break: break-word; /* 长文本自动换行 */
}

.black-list-frame .table-list .body .author-row .affiliation-value {
  display: flex;
  align-items: center;
}

.black-list-frame .table-list .body .author-row .affiliation-value span {
  color: #557799;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;   /* 单行省略 */
  max-width: 560px;      /* 设定一个显示宽度 */
  font-size: 14px;
}

.comment-editor {
  border: 2px solid #01a23c;
  margin: 5px 0px 20px 0px;
}

.reviewer-upload-file {
  background-color: #fafbfc;
  border-radius: 5px;
}

.reviewer-upload-file .submit-infor .item {
  margin: 5px 0px !important;
}

/* 遮罩层，覆盖内容但不遮挡 cookie-bar */
.content-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  backdrop-filter: blur(3px);
  z-index: 1000;
  pointer-events: all; /* 阻止页面操作 */
}

/* Cookie 提示条 */
.cookie-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  border-top: 1px solid #ddd;
  z-index: 1001; /* 高于遮罩层 */
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 24px;
  box-sizing: border-box;
  box-shadow: 0 -2px 8px rgba(0,0,0,0.1);
  border-top: 3px solid #0083FF;
}

/* 滑动动画 */
.slide-up-enter, .slide-up-leave-to {
  transform: translateY(100%);
  opacity: 0;
}

.slide-up-enter-to, .slide-up-leave {
  transform: translateY(0);
  opacity: 1;
}

.slide-up-enter-active, .slide-up-leave-active {
  transition: all 0.3s ease;
}

.cookies-content {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin: 50px 0px;
}

.cookie-policy {
  color:#0083FF;
  text-decoration: underline;
  font-weight: 700;
}

.cookies-content .btns {
  display: flex;
  flex-direction: column;
}

.cookies-content .btns .el-button {
  cursor: pointer;
  padding: 8px 25px;
  margin-left: 0px;
}

.cookie-text {
  margin: 0;
  width: 735px;
}

.cookie-text ul {
  margin-top: 5px;
  margin-left: 30px;
}

.cookie-text ul li {
  margin-bottom: 8px;
}

.cookie-text ul li i {
  font-size: 12px;
  color:#01a23c
}

.w-e-bar svg {
  fill: #4b5d73 !important;
}

.w-e-select-list {
  width: 185px !important;
}

.w-e-text-container [data-slate-editor] span {
  word-break: keep-all;
}

.w-e-text-container [data-slate-editor] p {
  text-align: justify;
  margin: 10px 0;
}

/* Flexbox container for Editor-in-Chief and Editor */
.editor-container {
  display: flex;
  justify-content: flex-start; /* Align items to the left */
  align-items: center; /* Vertically align items */
  flex-wrap: nowrap; /* Prevent line breaks */
}

/* Each field (Editor-in-Chief and Editor) */
.editor-field {
  margin-right: 20px; /* Add space between the fields */
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* Label for Editor-in-Chief and Editor */
.editor-field .label {
  font-weight: bold;
  margin-right: 5px;
  white-space: nowrap; /* Prevent label from breaking */
}

/* Value for Editor-in-Chief and Editor */
.editor-field .value {
  background-color: #e6eff9;
  padding: 0px 10px;
  border-radius: 5px;
  font-size: 14px;
}

/* Handle long text and make sure it stays in one line */
.editor-field .value {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**-------------only office ---------------**/
.editor-wrapper {
  width: 100vw;
  height: 100vh;
}

.subscription-form .el-select__input {
  margin-left: 0px !important;
  height: auto !important;
  border-radius: 0px !important;
  box-shadow: none !important
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  color: #212529;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0px solid #e9ebec;
  border-radius: 0.25rem;
  margin-bottom: 1.5rem;
  box-shadow: 0px 0 5px rgba(0, 0, 0, .1);
}

.card-animate {
  transition: all .4s;
}

.card-animate:hover {
  transform: translateY(calc(1.5rem * -0.15));
  box-shadow: 0px 0 5px rgba(0, 0, 0, .1);
}

.dashboard .card .card-body,
.report .card .card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  /* padding: 1rem 1rem; */
  padding: 10px 5px
}

.dashboard .card-header,
.report .card .card-header {
  padding: 1rem 1rem;
  margin-bottom: 0;
  background-color: #fff;
}

.dashboard .card-header .card-title,
.report .card-header .card-title {
  font-size: 16px;
  color: #495057;
  margin: 0 0 7px 0;
}

.dashboard .btn,
.report .btn {
  display: inline-block;
  padding: 0.25rem 0.25rem;
  font-size: calc(0.9063rem * 0.875);
  font-weight: 400;
  line-height: 1.5;
  color: #2db0b5 !important;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 0.2rem;
  background-color: rgba(45, 176, 181, 0.15);
  border-radius: 5px !important;
}

.report .table th,
.report .table tr,
.report .table tr td {
  /* text-align: center !important; */
  border: 1px solid #eee;
}

.card .table-card {
  margin: -1rem -1rem;
}

.card .table-responsive {
  overflow-x: auto;
  margin: 5px 10px;
}

.card .table> thead {
  border-color: #e9ebec;
}

.card .table>thead {
  vertical-align: bottom;
}

.card .bg-light {
  --vz-bg-opacity: 1;
  background-color: rgba(241,244,247,1) !important;
}

.card .table:not(.table--groups)>thead>tr>th:last-child {
  border-top-right-radius: 0px !important;
}

.card .table:not(.table--groups)>thead>tr>th:first-child  {
  border-top-left-radius: 0px !important;
}

.card .table-card td:first-child, 
.card .table-card th:first-child {
  padding-left: 16px;
}
/* 
.card .table-nowrap td, .card .table-nowrap th {
  white-space: nowrap;
} */

.card tbody, .card td, .card tfoot, .card th, .card thead, .card tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

.badge {
  line-height: .95;
  display: inline-block;
  padding: 0.35rem 0.65rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.card .dropdown {
  position: relative;
}

.card .card-header-dropdown .dropdown-btn {
  padding: 1rem 0;
}

.card .dropdown-menu {
  box-shadow: 0 5px 10px rgba(30, 32, 37, .12);
  animation-name: DropDownSlide;
  animation-duration: .3s;
  animation-fill-mode: both;
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 0.8125rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 0px solid #e9ebec;
  border-radius: 0.3rem;
}

.card .dropdown-menu-end {
  --bs-position: end;
}

.card .dropdown-menu.show {
  display: block;
}

.card .dropdown-menu .dropdown-item {
  display: block;
  width: 100%;
  padding: 0.35rem 1.2rem !important;
  clear: both;
  font-weight: 400;
  font-size: 13px !important;
  color: #212529 !important;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.card .dropdown-menu .dropdown-item:focus,
.card .dropdown-menu .dropdown-item:hover {
  color: #212529;
  background-color: #eff2f7;
}

.card .el-input__inner {
  box-shadow: none !important;
  padding: 5px 25px !important;
  border: 1px solid #e9ebec !important
}

.card .el-range-input {
  box-shadow: none !important;
  border-radius: 0px !important;
}

.card .el-input__prefix {
  left: 0px !important;
}

.card .el-input__prefix .el-input__icon {
  line-height: 30px !important;
}

.card .el-date-editor.el-input {
  width: 160px !important;
}

.chart-wrapper {
  width: 100%
}

/* 标签主体 */
.report-header {
  margin-bottom: 5px;
  padding-bottom: 5px;
  /* border-bottom: 1px solid #eaeef2; */
}

.report-tag {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  position: relative;
  padding-left: 16px;
  letter-spacing: 0.4px;
}

/* 左侧年报式商务竖线 */
.report-tag::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 4px;
  height: 20px;
  border-radius: 4px;
  background: linear-gradient(to bottom, #2563eb, #60a5fa);
}

/* 下方细致商务线条 */
.report-line {
  margin-top: 8px;
  height: 2px;
  /* width: 140px; */
  background: linear-gradient(
    to right,
    #3b82f6,
    rgba(59, 130, 246, 0.05)
  );
}

.card .el-input__suffix {
  top: -5px !important;
}

.spire-box {
  width: 100%;
  height: 100vh;
}

.spire-frame {
  width: 100%;
  height: 100%;
}

.editor-frame {
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden; /* ❗防止自己滚 */
}

iframe {
  width: 100%;
  border: none;
}

.onlyoffice-editor {
  flex: 1;
  overflow: hidden; /* 让内部 iframe 自己滚 */
}

.toolbar {
  height: 60px;
  flex-shrink: 0; /* 不被压缩 */
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  background: #446B8F;
  z-index: 10;
}

.toolbar .toolbar-left {
  color: #fff;
  font-size: 16px;
}

.toolbar .toolbar-right {
  display: flex;
  gap: 12px;
  padding-right: 20px;
}

.toolbar .toolbar-right .el-button {
  background: linear-gradient(135deg, #4A76A8, #3F6A8E);
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
  transition: all 0.2s ease;
}

.toolbar .toolbar-right .el-button:hover {
  background: linear-gradient(135deg, #5B86B5, #466F95);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.toolbar .toolbar-right .el-button:active {
  transform: scale(0.97);
}

.biz-type-tags {
  display: flex;
  flex-wrap: wrap;
}

.custrom-file-form .el-input-group--append {
  margin-bottom: 0px;
}

.custrom-file-form .el-input-group__append, 
.custrom-file-form .el-input-group__prepend {
  background-color: #FFF !important;
  box-shadow: 0 0 30px 0 rgba(18, 25, 33, 0.15) !important;
  color: #557799 !important;
  font-weight: 700 !important;
  border: 2px solid #FFF !important;
}

.custrom-file-form .el-input-group .el-input__inner {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius:  0px !important;
}

.ojs-paper-card .custrom-file-form .icon-group {
  justify-content: flex-end !important;
}

.ojs-paper-card .custrom-file-form .icon-group .move {
  padding-right: 5px;
}

.upload-box {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

/* 左侧上传 */
/* .upload-left {
  width: 154px;
} */

.journal-cover-img .upload-left .image-preview {
  width: 154px;
  height: 200px;
}

.file-upload-paper-ga .upload-left .image-preview {
  width: 300px;
  height: 200px;
}

/* 预览区域 */
.upload-left .image-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  position: relative;
  border: 1px dashed #d9d9d9;
}

/* 单个图片 */
.upload-left .image-preview-wrapper {
  position: relative;
  /* border: 1px dashed #ddd; */
  display: flex;
  align-items: center;
  justify-content: center;
}

.journal-cover-img .image-preview-wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.file-upload-paper-ga .image-preview-wrapper img {
  width: 296px !important;
  height: 196px !important;
  object-fit: cover;
}

.file-upload-paper-ga .upload-right {
  border: 1px dashed #d9d9d9;
  height: 200px;
  width: 300px;
}

.file-upload-paper-ga .image-uploader {
  position: relative;
  top: 26%;
}

.file-upload-paper-ga .image-uploader .el-upload {
  width: 100% !important;
}

.file-upload-paper-ga .image-uploader i {
  font-size: 30px;
}

/* 删除按钮 */
.image-preview-action {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.3s;
  cursor: pointer;
}

/* hover 图片显示遮罩 */
.image-preview-wrapper:hover .image-preview-action {
  opacity: 1;
}

/* 删除图标 */
.image-preview-action .el-icon-delete {
  font-size: 30px;
  color: #fff;
}

/* 右侧预览 */
.upload-right {
  flex: 1;
}

/**--------------预览官网展现文章的效果--------------*/
.previewArticle-frame .tab-content {
  padding: 8px !important;
}

.previewArticle-frame .tab-content .tags {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 5px 0px;
}

.previewArticle-frame .tab-content .tags .tag {
  color: #666;
  font-weight: 700;
  font-size: 13px !important;
}

.previewArticle-frame .tab-content .tags .tag:not(:last-child)::after {
  content: '|';
  margin-left: 8px;
  font-size: 13px !important;
  font-weight: 400;
  color: #16161640;
}

.previewArticle-frame .tab-content .tags .tag:nth-child(2){
  font-family: 'Times New Roman', Times, serif;
}

.previewArticle-frame .tab-content .tags .tag:nth-child(2) {
  color: #F68212;
}

.previewArticle-frame .tab-content .title {
  color: #000F2F;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.72px;
}

.previewArticle-frame .tab-content .download-file {
  color: #fff;
  border-radius: 4px !important;
  background: #0055C2;
  font-weight: 700;
  padding: 12px 20px;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
}

.previewArticle-frame .tab-content .author .author-list {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 5px;
}

.previewArticle-frame .tab-content .author .author-list i {
  color: #333;
  font-size: 13px;
  vertical-align: middle;
}

.previewArticle-frame .tab-content .author .author-list .name {
  color: #333;
  font-size: 13px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.52px;
}

.previewArticle-frame .tab-content .address-list {
  display: flex;
  flex-direction: column;
}

.previewArticle-frame .tab-content .address-list .address {
  color: #333;
  font-weight: 400;
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.52px;
}

.previewArticle-frame .tab-content .address-list .address sup {
  margin-right: 4px;
  top: -6px;
  margin-left: 1px;
  font-size: 10px;
  color: #333;
}

.previewArticle-frame .tab-content .email {
  color: #333;
  font-weight: 400;
  font-size: 13px;
  display: flex;
}

.previewArticle-frame .tab-content .email a, 
.previewArticle-frame .tab-content .note a {
  color: #333;
  font-weight: 400;
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.52px;
}

.previewArticle-frame .tab-content .value {
  margin-left: 5px;
}

.previewArticle-frame .tab-content .article-attrs {
  color: #101B210D;
  margin-top: 10px;
  border: 1px solid;
  border-radius: 4px;
}

.previewArticle-frame .tab-content .article-attrs li {
  padding: 5px;
}

.previewArticle-frame .tab-content .article-attrs .feature-item,
.previewArticle-frame .tab-content .article-attrs .value, 
.previewArticle-frame .tab-content .article-attrs .value i {
  font-size: 13px !important;
}

.previewArticle-frame .tab-content .article-attrs .feature-item {
  width: 20%;
  text-align: left;
  color: #666 !important;
  font-weight: 400;
  float: left;
}

.previewArticle-frame .tab-content .article-attrs .value{
  width: 80%;
  text-align: left;
  color: #333;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.52px;
} 

.previewArticle-frame .tab-content .article-attrs .value a {
  font-size: 14px;
  color: #0055C2;
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.52px;
}

.previewArticle-frame  .tab-content-2 .article-text-title-level-1 {
  font-size: 18px;
  margin: 10px 0;
  color: #333;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.8px;
  position: relative;
  border-bottom: 1px solid #E4E7ED;
  padding-bottom: 10px;
}

.previewArticle-frame .tab-content-2 p {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.7px;
}

.previewArticle-frame .sidebar .square-colored {
  position: absolute;
  left: 0;
  bottom: 0;
}

.previewArticle-frame .sidebar .square-colored {
  width: 100%;
  border-radius: 55px 55px 8px 8px;
  height: 50%;
}

.previewArticle-frame .sidebar .bg-product-blue {
  background: #EDF0FF;
}

.previewArticle-frame .sidebar img {
  width: 82%;
}

.previewArticle-frame .sidebar .journal-submit-btn {
  border-radius: 2px !important;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  line-height: 22px;
  padding: 10px 20px;
  transition: all .3s ease;
  background: #0055C2;
  text-transform: uppercase;
}

.layout-list {
  padding: 0 20px;
}

/* 每一项 hover */
.layout-list .layout-item:hover {
  background: #f8f9fb;
}

/* 每一项基础样式 */
.layout-list .layout-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 12px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
  background-color: #f2f3f5;
}

/* 非最后一个 item */
.layout-list .layout-item:not(:last-child) {
  margin-bottom: 8px;
}

/* 描述文本 */
.layout-list .layout-item .desc {
  font-size: 13px;
  color: #999;
  margin-left: 20px;
  flex: 1;
  text-align: right;
  line-height: 1.5;
}

/* 弹窗底部 */
.dialog-footer {
  text-align: right;
  padding-right: 10px;
}

/* radio 文本 */
.el-radio__label {
  font-size: 14px;
  color: #333;
}

.upload-mask {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99999;
  background-color: rgba(85, 119, 153, 0.6) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ⭐ 没有白色背景，只是居中内容 */
.upload-center {
  width: 400px;
  padding: 22px 26px 24px;
  text-align: center;
  color: #fff;
  border-radius: 8px;
}

/* 上传图标动画 */
.upload-icon {
  margin-bottom: 12px;
  color: #fff;
  animation: float 1.2s infinite ease-in-out;
}

.upload-icon i {
  font-size: 38px;
}

@keyframes float {
  0% { transform: translateY(0); opacity: 0.6; }
  50% { transform: translateY(-6px); opacity: 1; }
  100% { transform: translateY(0); opacity: 0.6; }
}

/* 文本 */
.upload-text {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 14px;
  color: #fff;
}

/* 进度条（变细更高级） */
.el-progress {
  width: 100%;
}

.el-progress-bar__outer {
  height: 10px !important;
  background-color: rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.el-progress-bar__inner {
  border-radius: 999px;
  background: linear-gradient(90deg, #18a0fb 0%, #5fd3ff 100%);
  box-shadow: 0 0 10px rgba(24, 160, 251, 0.55);
  transition: width 0.25s ease;
}

.file-sub-title {
  white-space: pre-wrap; /* 保留空格和换行 */
  word-break: break-word; /* 防止文字超出 */
}

.c--red {
  color: red;
}

/* OnlyOffice document editor page */
.document-workbench {
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-height: 0;
  background: #eef2f5;
  color: #26333f;
}

.document-workbench .workbench-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 8px 14px;
  background: #dfe7ea;
  border: 1px solid #b5c2c8;
}

.document-workbench .manuscript-info {
  display: flex;
  align-items: center;
  min-width: 430px;
  min-height: 42px;
  padding: 7px 14px;
  background: #f6fafc;
  border: 1px solid #b9c9d3;
  border-radius: 4px;
  box-shadow: inset 3px 0 0 #3b8ed8;
}

.document-workbench .info-item {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.document-workbench .info-label {
  font-size: 12px;
  line-height: 1;
  color: #6f7f8b;
}

.document-workbench .info-item strong {
  max-width: 180px;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.2;
  color: #213443;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.document-workbench .info-divider {
  width: 1px;
  height: 26px;
  margin: 0 18px;
  background: #c9d6dd;
}

.document-workbench .header-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 9px;
}

.document-workbench .header-actions .el-button.toolbar-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 96px;
  height: 34px;
  padding: 0 14px;
  margin-left: 0;
  font-size: 13px;
  font-weight: 700;
  color: #17384f !important;
  background: #f8fcff;
  border: 1px solid #9fb9cb;
  border-radius: 5px !important;
  box-shadow: 0 1px 2px rgba(28, 45, 60, 0.08);
  transition: all 0.18s ease;
}

.document-workbench .header-actions .el-button.toolbar-action span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: inherit !important;
  font-weight: 700;
  line-height: 1;
}

.document-workbench .header-actions .el-button.toolbar-action:hover {
  color: #0d5f9f !important;
  background: #eef7ff;
  border-color: #69aee6;
  transform: translateY(-1px);
}

.document-workbench .header-actions .el-button.toolbar-action i {
  font-size: 13px;
  color: inherit !important;
}

.document-workbench .header-actions .el-button.action-check {
  color: #7b4b00 !important;
  background: #fff3d8;
  border-color: #e0a83a;
}

.document-workbench .header-actions .el-button.action-typeset {
  color: #0c5f84 !important;
  background: #e8f7fc;
  border-color: #74bdd7;
}

.document-workbench .header-actions .el-button.action-submit {
  min-width: 112px;
  color: #fff !important;
  background: linear-gradient(135deg, #2387e8, #1267c8);
  border-color: #1267c8;
  box-shadow: 0 4px 10px rgba(24, 111, 207, 0.24);
}

.document-workbench .header-actions .el-button.action-submit span {
  color: #fff !important;
}

.document-workbench .header-actions .el-button.action-submit:hover {
  color: #fff !important;
  background: linear-gradient(135deg, #3398f5, #1675d8);
  border-color: #1675d8;
}

.document-workbench .workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  flex: 1;
  gap: 10px;
  min-height: 0;
  padding: 10px;
}

.document-workbench .editor-area,
.document-workbench .side-panel {
  border: 1px solid #b8c5cc;
  background: #fff;
}

.document-workbench .editor-area {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.document-workbench .editor-status {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 34px;
  padding: 0 12px;
  font-size: 13px;
  color: #42515d;
  background: #f5f8fa;
  border-bottom: 1px solid #d5dee3;
}

.document-workbench .status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3e9f63;
}

.document-workbench .onlyoffice-editor {
  flex: 1;
  min-height: 0;
}

.document-workbench .side-panel {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.document-workbench .panel-header {
  padding: 12px 14px;
  background: #f3f6f8;
  border-bottom: 1px solid #d4dde2;
}

.document-workbench .panel-title {
  font-size: 15px;
  font-weight: 700;
}

.document-workbench .panel-subtitle {
  margin-top: 4px;
  font-size: 12px;
  color: #74818b;
}

.document-workbench .panel-body {
  flex: 1;
  min-height: 0;
  padding: 14px;
  overflow: auto;
}

.document-workbench .check-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  margin-bottom: 12px;
  background: #fff7e8;
  border: 1px solid #f2d39a;
  border-radius: 3px;
  color: #8a5b10;
}

.document-workbench .check-summary strong {
  margin-right: 4px;
  font-size: 22px;
}

.document-workbench .issue-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.document-workbench .issue-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 0;
  border-bottom: 1px solid #e3e8eb;
}

.document-workbench .issue-item.issue-missed {
  padding: 12px 10px;
  margin-bottom: 8px;
  background: #fff2f2;
  border: 1px solid #f0b8b8;
  border-radius: 4px;
}

.document-workbench .issue-title {
  font-size: 14px;
  font-weight: 700;
  color: #314452;
}

.document-workbench .issue-missed .issue-title {
  color: #d03030;
}

.document-workbench .issue-content {
  margin-top: 6px;
  line-height: 1.6;
  font-size: 13px;
  color: #5b6872;
}

.document-workbench .issue-position {
  margin-top: 8px;
  font-size: 12px;
  color: #9b6b17;
}

.document-workbench .typeset-panel {
  padding: 18px 16px;
  background: #ffffff;
}

.document-workbench .typeset-form {
  padding: 14px;
  margin-bottom: 14px;
  background: #f8fbfd;
  border: 1px solid #d7e6ef;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(37, 86, 118, 0.06);
}

.document-workbench .typeset-form .el-form-item__label {
  padding: 0 0 8px;
  line-height: 1.2;
  font-size: 13px;
  font-weight: 700;
  color: #314452;
}

.document-workbench .typeset-form .el-form-item {
  margin-bottom: 14px;
}

.document-workbench .typeset-form .el-form-item:last-child {
  margin-bottom: 0;
}

.document-workbench .typeset-template-select {
  width: 100%;
}

.document-workbench .typeset-template-select .el-input__inner {
  height: 36px;
  line-height: 36px;
  color: #243746;
  background: #fff;
  border-color: #c4d4df;
  border-radius: 4px;
}

.document-workbench .typeset-template-select .el-input__inner:focus {
  border-color: #2f96d1;
  box-shadow: 0 0 0 2px rgba(47, 150, 209, 0.12);
}

.document-workbench .typeset-remark-input .el-textarea__inner {
  min-height: 92px !important;
  padding: 9px 11px;
  line-height: 1.6;
  color: #243746;
  background: #fff;
  border-color: #c4d4df;
  border-radius: 4px;
}

.document-workbench .typeset-remark-input .el-textarea__inner:focus {
  border-color: #2f96d1;
  box-shadow: 0 0 0 2px rgba(47, 150, 209, 0.12);
}

.document-workbench .submit-typeset {
  width: 100%;
  height: 36px;
  margin-top: 0;
  font-weight: 700;
  border-radius: 4px !important;
  background: #2f96d1;
  border-color: #2f96d1;
  box-shadow: 0 4px 10px rgba(47, 150, 209, 0.18);
}

.document-workbench .submit-typeset span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.document-workbench .submit-typeset:hover {
  background: #2388c1;
  border-color: #2388c1;
}

.document-workbench .empty-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #7a8791;
  text-align: center;
}

.document-workbench .empty-title {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
}

.document-workbench .empty-text {
  font-size: 13px;
}

@media (max-width: 1100px) {
  .document-workbench .workbench-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .document-workbench .manuscript-info {
    width: 100%;
    min-width: 0;
  }

  .document-workbench .header-actions {
    justify-content: flex-start;
  }

  .document-workbench .workspace {
    grid-template-columns: 1fr;
    height: auto;
  }

  .document-workbench .editor-area {
    height: 640px;
  }
}

.reject-message-page {
  min-height: 100vh;
  padding-bottom: 42px;
  background: #f3f7fa;
}

.reject-message-page .el-main {
  height: auto;
  min-height: 0;
  padding: 24px 0 0;
  display: block;
}

.reject-message-page .message_content {
  max-width: 920px;
  margin: 0 auto;
  padding: 30px;
  background: #fff;
}

.reject-message-page .bgimg {
  margin: 0 22px 0 0;
  text-align: center;
}

.reject-message-page .reject-reason-panel {
  width: min(720px, 92vw);
  margin: 18px auto 0;
  padding: 24px;
  background: #fff;
  border: 1px solid #d8e5ee;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(36, 64, 84, 0.08);
}

.reject-message-page .reject-title {
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  color: #26333f;
  text-align: center;
}

.reject-message-page .reject-subtitle {
  margin-bottom: 18px;
  font-size: 13px;
  line-height: 1.5;
  color: #6f7f8b;
  text-align: center;
}

.reject-message-page .reject-reason-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.reject-message-page .reject-reason-btn {
  width: 100%;
  min-height: 46px;
  margin-left: 0 !important;
  padding: 0 14px;
  font-weight: 700;
  background: #f7fbfe;
  border-color: #bdd8ea;
  border-radius: 6px !important;
  text-transform: none !important;
}

.reject-message-page .reject-reason-btn span {
  color: #1f5f87;
  text-transform: none !important;
}

.reject-message-page .reject-reason-btn:hover,
.reject-message-page .reject-reason-btn:focus,
.reject-message-page .reject-reason-btn.active {
  color: #fff;
  background: #2f96d1;
  border-color: #2f96d1;
  box-shadow: 0 6px 14px rgba(47, 150, 209, 0.2);
}

.reject-message-page .reject-reason-btn:hover span,
.reject-message-page .reject-reason-btn:focus span,
.reject-message-page .reject-reason-btn.active span {
  color: #fff;
}

.reject-message-page .reject-recommend-section {
  width: min(920px, 94vw);
  margin: 18px auto 0;
  padding: 22px;
  background: #fff;
  border: 1px solid #d8e5ee;
  border-radius: 8px;
  box-shadow: none;
}

.reject-message-page .reject-recommend-heading {
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid #e3edf3;
}

.reject-message-page .reject-recommend-title {
  font-size: 18px;
  font-weight: 700;
  color: #26333f;
}

.reject-message-page .reject-recommend-note {
  margin-top: 5px;
  font-size: 13px;
  color: #6f7f8b;
}

.reject-message-page .reject-recommend-form .container {
  width: 100%;
  max-width: none;
  padding: 0;
}

.reject-message-page .reject-recommend-form .row {
  margin: 0;
}

.reject-message-page .reject-recommend-form .pricing--item-card {
  padding: 0 !important;
  margin: 0 !important;
  border: 0;
  background: #fff;
  box-shadow: none !important;
}

.reject-message-page .reject-recommend-form .pricing--item-card .title {
  display: none;
}

.reject-message-page .reject-recommend-form .custorm-form {
  display: block;
  padding: 0;
  background: #fff;
  box-shadow: none;
}

.reject-message-page .reject-recommend-form .custorm-form > .col-lg-12 {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
}

.reject-message-page .reject-recommend-form .custorm-form .label {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  min-height: 38px;
  padding-top: 7px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  color: #314452;
  white-space: nowrap;
}

.reject-message-page .reject-recommend-form .custorm-form .label .require-tag {
  flex: 0 0 auto;
  line-height: 1.35;
}

.reject-message-page .reject-recommend-form .el-input__inner,
.reject-message-page .reject-recommend-form .el-select .el-input__inner {
  height: 38px;
  line-height: 38px;
  background: #fff;
  border: 1px solid #b8d2e4 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.reject-message-page .reject-recommend-form .el-input__inner:focus,
.reject-message-page .reject-recommend-form .el-select .el-input__inner:focus {
  border-color: #2f96d1 !important;
  box-shadow: none !important;
}

.reject-message-page .reject-recommend-form .el-input__inner::placeholder {
  color: #9aa9b5;
}

.reject-message-page .reject-recommend-form .footer-btn {
  padding-right: 0 !important;
  margin-bottom: 0 !important;
  text-align: right;
}

.reject-message-page .reject-recommend-form .footer-btn .btn {
  min-width: 132px;
  height: 38px;
  border-radius: 10px !important;
}

@media (max-width: 760px) {
  .reject-message-page .reject-reason-actions {
    grid-template-columns: 1fr;
  }

  .reject-message-page .reject-recommend-form .custorm-form > .col-lg-12 {
    display: block;
  }

  .reject-message-page .reject-recommend-form .custorm-form .label {
    padding-top: 0;
    margin-bottom: 6px;
  }
}

.document-workbench {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 8px);
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.workbench-header {
  flex: 0 0 auto;
}

.document-workbench > .workspace {
  display: flex;
  flex: 1 1 auto;
  gap: 10px;
  min-height: 0;
  padding: 10px 10px 0;
  box-sizing: border-box;
  overflow: hidden;
}

.document-workbench > .workspace > .editor-area {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.editor-status {
  flex: 0 0 auto;
}

.onlyoffice-editor {
  flex: 1 1 auto;
  min-height: 0;
}

.document-workbench > .workspace > .side-panel {
  display: flex;
  flex: 0 0 320px;
  flex-direction: column;
  align-self: stretch;
  min-height: 0;
  max-height: 100%;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.panel-header {
  flex: 0 0 auto;
}

.side-panel > .panel-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.check-summary {
  flex: 0 0 auto;
}

.issue-list {
  flex: 1 1 auto;
  min-height: 0;
  margin: 10px 0 0;
  padding: 0 4px 0 0;
  list-style: none;
  overflow-y: auto;
  overflow-x: hidden;
}

.document-workbench .issue-list .issue-item {
  display: block;
  padding: 10px 0;
  margin-bottom: 0;
  background: #ffffff;
  border: 0;
  border-bottom: 1px solid #e3eaf1;
  border-radius: 0;
  box-shadow: none;
}

.document-workbench .issue-list .issue-item.issue-missed {
  padding: 10px 0;
  margin-bottom: 0;
  background: #fffafa;
  border: 0;
  border-bottom: 1px solid #f0d0d0;
  border-radius: 0;
}

.issue-meta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
  column-gap: 12px;
  min-width: 0;
}

.issue-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  padding: 0 8px;
  font-size: 12px;
  line-height: 20px;
  color: #5cbf32;
  white-space: nowrap;
  background: #f4fff0;
  border: 1px solid #b7e8a3;
  border-radius: 4px;
}

.issue-status.issue-status-missed {
  color: #d65b5b;
  background: #fff6f6;
  border-color: #f0b8b8;
}

.issue-name {
  min-width: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  color: #1f2d3d;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.issue-content {
  display: block;
  margin-top: 6px;
  min-width: 0;
}

.issue-text-list {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.issue-content-label {
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: 700;
  color: #60758a;
}

.issue-text {
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 1.35;
  color: #263445;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.issue-empty-text {
  font-size: 12px;
  color: #8a9aaa;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}