.main-style {
    margin-bottom: 50px;
    min-height: 600px;
}

.main-style-popup {
    margin-bottom: 30px;
}

.main-div {
    padding-top: 12px;
    padding-bottom: 12px;
}

.main-menu .main-menu-tab {
    padding-top: 15px;
    font-size: 22px;
    padding-bottom: 15px;
}

.main-menu .main-menu-tab>i {
    font-size: 22px;
}

.left-menu {
    margin-bottom: 10px;
}

.left-menu .left-menu-tab {
    padding-top: 0.8em;
    font-size: 17px;
    padding-bottom: 0.8em;
}

.left-menu-tab i {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.left-menu-tab-disable {
    background-color: #ddd;
    cursor: default;
}

.right-search-div header,
.mid-center-div header {
    padding-left: 10px;
    font-size: 25px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}

.mid-center-div>p {
    padding-left: 10px;
}

.mid-center-div hr {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 94%;
}

.mid-center-div>span {
    padding-left: 20px;
    font-size: 15px;
    font-weight: bold;
}

.mid-center-div>div {
    padding-left: 40px;
}

.mid-center-div>ul {
    margin-bottom: 5px;
}

.mid-center-div>ul>li {
    display: block;
}

.mid-center-div>ul>li span {
    font-weight: bold;
}

.mid-center-div>ul>li>a {
    position: relative;
    font-size: 15px;
    margin: 5px 2px 5px 2px;
    border: 1px solid transparent;
}

.mid-center-div>ul>li {
    /*padding-left: 20px;*/
}

.mid-center-div {
    background: #fcfcfc;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);
    border-radius: 6px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-collapse: separate;
    border-spacing: 0px 8px;
    margin-bottom: 10px;
    list-style: none;
}

.mid-center-div>table {
    width: 100%;
}

.mid-center-a-active a {}

.mid-center-a-disable a {
    color: #353535;
    text-decoration: none;
}

.mid-center-a-disable a:hover {
    color: #353535;
    text-decoration: none;
}


.right-search-div {
    margin-bottom: 0;
    background: #fcfcfc;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);
    border-radius: 6px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.right-search-div>table {
    width: 100%;
}

.right-search-div>table th {
    text-align: right;
    padding: 5px;
}

.right-search-div>table td {
    text-align: left;
    padding: 5px;
}

.bread-crumb {
    padding: 0px 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    list-style: none;
    border-radius: 4px;
}

.bread-crumb>li {
    display: inline-block;
}

.bread-crumb>li:last-child>a {
    color: #353535;
    text-decoration: none;
    cursor: default;
    font-weight: bold;
}

.bread-crumb>li>a {
    position: relative;
    text-decoration: none;
}

.bread-crumb>li+li:before {
    padding: 0 5px;
    content: "/\00a0";
}

.serialNumber {
    margin-right: 8px;
    text-align: right;
}

select {
    height: 25px;
}

.top-search-div .container .search {
    white-space: nowrap;
    margin-top: 5px;
    margin-bottom: 5px;
}

.top-search-div .container .search select {
    width: 30%;
    display: inline-block;
}

.top-search-div .container .search input {
    width: 50%;
    display: inline-block;
}

.top-search-link {
    display: block;
    padding-top: 10px;
    text-align: right;
    text-decoration: none;
}

.top-search-link:hover,
.top-search-link:focus {
    text-decoration: none;
}

.await-completion-navbar li.active>a {
    font-weight: bold;
    color: #3280fc;
}

.pager-nomargin {
    margin: 0px;
}

.icon-large {
    font-size: 150%;
}

.back-top-float {
    position: fixed;
    display: block;
    bottom: 50px;
    right: 50px;
    background-color: #dddddd;
    text-align: center;
    display: none;
    border-radius: 4px;
}

.back-top-float a {
    text-align: center;
}

.back-top-float a>span {
    padding-left: 5px;
    padding-right: 5px;
}

.doc-detail-link-float {
    position: fixed;
    z-index: 9999;
    display: block;
    background-color: #dddddd;
    border-radius: 4px;
}

#float-link-show {
    width: 25px;
    word-wrap: break-word;
    white-space: normal;
    text-align: center;
}

#float-link-show a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

#float-link-list {
    padding: 0px;
}

#float-link-list ul {
    padding: 10px;
    margin: 0px;
}

#float-link-list li {
    list-style: none;
}


/* 旗标 start */
.flag_bluedot::before {
    margin-left: 2px;
    margin-right: 2px;
    content: url(../../image/flags/flag_bluedot.gif);
}

.flag_reddot::before {
    margin-left: 2px;
    margin-right: 2px;
    content: url(../../image/flags/flag_reddot.gif);
}

.flag_greendot::before {
    margin-left: 2px;
    margin-right: 2px;
    content: url(../../image/flags/flag_greendot.gif);
}

.flag_purpledot::before {
    margin-left: 2px;
    margin-right: 2px;
    content: url(../../image/flags/flag_purpledot.gif);
}

.flag_pinkx::before {
    margin-left: 2px;
    margin-right: 2px;
    content: url(../../image/flags/flag_pinkx.gif);
}

.flag_greensquare::before {
    margin-left: 2px;
    margin-right: 2px;
    content: url(../../image/flags/flag_greensquare.gif);
}

.flag_greentriangledown::before {
    margin-left: 2px;
    margin-right: 2px;
    content: url(../../image/flags/flag_greentriangledown.gif);
}

.flag_orangetriangleup::before {
    margin-left: 2px;
    margin-right: 2px;
    content: url(../../image/flags/flag_orangetriangleup.gif);
}

.flag_yellowdiamond::before {
    margin-left: 2px;
    margin-right: 2px;
    content: url(../../image/flags/flag_yellowdiamond.gif);
}

.flag_graycheck::before {
    margin-left: 2px;
    margin-right: 2px;
    content: url(../../image/flags/flag_graycheck.gif);
}

/* 旗标 end */

.modal-body table {
    margin-bottom: 0px;
}

.search-condition-table {
    border: none;
    width: 100%;
}

.search-condition-table td,
.search-condition-table th {
    /* Nested under .table-bordered; override ZUI break-all so EN labels
       wrap at word boundaries (Author / Name) instead of mid-word (Na/me). */
    word-break: normal !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.search-condition-table td {
    border: none;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    vertical-align: middle;
}

.search-condition-table td:first-child {
    padding-left: 10px;
}

.search-condition-table th {
    border-left: none;
    border-right: none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #e5e5e5;
    padding: 5px 12px;
    font-weight: normal;
    vertical-align: middle;
}

.search-condition-table td>input {
    width: 35%;
}

.search-condition-table td input {
    display: inline-block;
}

.search-condition-table .with-80 {
    width: 80%;
}

.panel-header-link {
    padding-top: 3px;
    padding-bottom: 3px;
    display: block;
}

.panel-header-link:hover,
.panel-header-link:focus {
    text-decoration: none;
}

.panel-primary .panel-heading .panel-header-link:hover,
.panel-primary .panel-heading .panel-header-link:focus {
    color: #fff !important;
}

.action-list-div {
    border-collapse: separate;
    border-spacing: 0px 8px;
    background: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);
    border-radius: 6px;
    list-style: none;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.action-list-div>div>table {
    margin-left: 12px;
    width: 98%;
    word-wrap: break-word;
}

/* Scheme A: side margins + footer outside scroll (sticky/scroll CSS further below). */
.action-list-div {
    --list-sticky-check-width: 40px;
    --list-sticky-last-width: 7.5em;
}

.action-list-div > .list-table-footer {
    margin-left: 12px;
    margin-right: 12px;
    padding-top: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

/* Keep Export / pager on one row; don't let .input-group stretch full width. */
.action-list-div > .list-table-footer .pull-left,
.action-list-div > .list-table-footer .pull-right {
    float: none;
}

/* When footer only has pager (no left export button), keep it on the right. */
.action-list-div > .list-table-footer .pull-right {
    margin-left: auto;
}

.action-list-div > .list-table-footer .input-group {
    width: auto;
}

.action-list-div > .list-table-footer .input-group .form-control {
    width: auto;
    min-width: 5em;
}

.action-list-div .header-div {
    padding-left: 12px;
    font-weight: bold;
}

.layout-table {
    width: 100%;
    border-style: none;
}

.layout-table>thead>tr>td,
.layout-table>tbody>tr>td {
    border-style: none;
    padding: 0px;
}

.step-title-div header {
    padding-left: 0.5em;
    padding-bottom: 0.2em;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 1em;
    border-left-width: 0.5em;
    border-left-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.step-title-div>p>font {
    color: #ff0000;
    font-weight: bold;
}

.radio-margin {
    margin-top: 0;
    margin-bottom: 0;
}

.eo-position {
    padding-left: 0;
    padding-right: 0;
}

.panel.tabs-panel {
    border-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.word-break {
    word-break: break-all;
}

.input-group-btn.fix-border-right>.btn {
    border-right: 1;
    border-left: 0;
    border-radius: 0;
}

.table-stripedEven>tbody>tr:nth-child(even)>td,
.table-stripedEven>tbody>tr:nth-child(even)>th {
    background-color: #f9f9f9;
}

.valid-error {
    color: #ff0000;
}

.div-has-error {
    border: 2px solid red;
}

/*
.table td {
    white-space: normal;
    word-break: break-all;
}*/

/* Only list tables: don't split English words mid-word (wrap at spaces).
   Keep ZUI break-all elsewhere so Notes / detail tables can break long unbroken strings.
   .table-word-keep: fee order, crosscheck list, etc. outside .action-list-div. */
.action-list-div .table-bordered th,
.action-list-div .table-bordered td,
.action-list-div .text-wrap,
.table-word-keep th,
.table-word-keep td,
.table-word-keep .text-wrap {
    word-break: normal !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* List-table scroll/sticky scoped to .action-list-div only (avoid impacting
   audit trail, mail templates, reports, popups, etc.). */
.action-list-div > .table-responsive {
    overflow-x: auto;
    max-width: calc(100% - 24px);
    margin-left: 12px;
    margin-right: 12px;
    -webkit-overflow-scrolling: touch;
    background-color: #ffffff;
}

/* Sticky + sliding areas share the same white background. */
.action-list-div > .table-responsive > .table > thead > tr > th,
.action-list-div > .table-responsive > .table > tbody > tr > td {
    background-color: #ffffff;
}

.action-list-div > .table-responsive > .table {
    /* Prefer wrapping at spaces; grow past container via column min-widths. */
    width: 100%;
    min-width: 100%;
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0;
    margin-left: 0;
}

@media screen and (max-width: 767px) {
    .action-list-div > .table-responsive > .table > thead > tr > th,
    .action-list-div > .table-responsive > .table > tbody > tr > th,
    .action-list-div > .table-responsive > .table > tbody > tr > td {
        white-space: normal;
    }
}

/* Table outer L/R borders scroll away under sticky columns; move them onto sticky cells. */
.action-list-div > .table-responsive > .table.table-bordered {
    border-left-width: 0;
    border-right-width: 0;
}

.action-list-div > .table-responsive > .table.table-bordered > thead > tr > th,
.action-list-div > .table-responsive > .table.table-bordered > tbody > tr > td,
.action-list-div > .table-responsive > .table.table-bordered > tfoot > tr > td {
    border-right-width: 0;
    border-bottom-width: 0;
}

.action-list-div > .table-responsive > .table.table-bordered > thead > tr > th:last-child,
.action-list-div > .table-responsive > .table.table-bordered > tbody > tr > td:last-child,
.action-list-div > .table-responsive > .table.table-bordered > tfoot > tr > td:last-child {
    border-right-width: 1px;
}

.action-list-div > .table-responsive > .table.table-bordered > tbody > tr:last-child > td,
.action-list-div > .table-responsive > .table.table-bordered > tfoot > tr:last-child > td {
    border-bottom-width: 1px;
}

/* Freeze Manuscript ID (explicit class; no :has required for core path). */
.action-list-div > .table-responsive > .table > thead > tr > th.col-sticky-id,
.action-list-div > .table-responsive > .table > tbody > tr > td.col-sticky-id {
    position: sticky;
    left: 0;
    z-index: 3;
    background-color: #fff;
    box-shadow: 2px 0 4px -2px rgba(0, 0, 0, 0.18);
    border-left: 1px solid #ddd;
    min-width: 9.5em;
}

/* Checkbox column before ID — prefer explicit .col-sticky-check. */
.action-list-div > .table-responsive > .table > thead > tr > th.col-sticky-check,
.action-list-div > .table-responsive > .table > tbody > tr > td.col-sticky-check {
    position: sticky;
    left: 0;
    z-index: 3;
    background-color: #fff;
    border-left: 1px solid #ddd;
    box-sizing: border-box;
    width: var(--list-sticky-check-width);
    min-width: var(--list-sticky-check-width);
    max-width: var(--list-sticky-check-width);
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
}

.action-list-div > .table-responsive > .table > thead > tr > th.col-sticky-check {
    background-color: #ffffff;
    z-index: 4;
}

.action-list-div > .table-responsive > .table > thead > tr > th.col-sticky-check + th.col-sticky-id,
.action-list-div > .table-responsive > .table > tbody > tr > td.col-sticky-check + td.col-sticky-id {
    left: var(--list-sticky-check-width);
    border-left: 1px solid #ddd;
}

/* Take Action */
.action-list-div > .table-responsive > .table > thead > tr > th.col-sticky-action,
.action-list-div > .table-responsive > .table > tbody > tr > td.col-sticky-action {
    position: sticky;
    right: 0;
    z-index: 3;
    background-color: #fff;
    box-shadow: -2px 0 4px -2px rgba(0, 0, 0, 0.18);
    border-right: 1px solid #ddd;
    min-width: 8em;
}

/* True last column after Take Action (e.g. proofs "Set Published").
   Use fixed width (not only min-width) so action right offset stays accurate. */
.action-list-div > .table-responsive > .table > thead > tr > th.col-sticky-last,
.action-list-div > .table-responsive > .table > tbody > tr > td.col-sticky-last {
    position: sticky;
    right: 0;
    z-index: 3;
    background-color: #fff;
    box-shadow: -2px 0 4px -2px rgba(0, 0, 0, 0.18);
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    width: var(--list-sticky-last-width);
    min-width: var(--list-sticky-last-width);
    max-width: var(--list-sticky-last-width);
}

.action-list-div > .table-responsive > .table > thead > tr > th.col-sticky-action.col-sticky-action-before-last,
.action-list-div > .table-responsive > .table > tbody > tr > td.col-sticky-action.col-sticky-action-before-last {
    right: var(--list-sticky-last-width);
    box-shadow: none;
    border-right: none;
}

.action-list-div > .table-responsive > .table > tbody > tr > td.col-sticky-action select {
    min-width: 7em;
    width: 100%;
}

.action-list-div > .table-responsive > .table > thead > tr > th.col-sticky-id,
.action-list-div > .table-responsive > .table > thead > tr > th.col-sticky-action,
.action-list-div > .table-responsive > .table > thead > tr > th.col-sticky-last,
.action-list-div > .table-responsive > .table > thead > tr > th.col-sticky-check {
    background-color: #ffffff;
    z-index: 4;
}

/* Chinese middle columns (exclude all sticky helper columns). */
html[lang="zh"] .action-list-div > .table-responsive > .table > thead > tr > th:not(.col-sticky-id):not(.col-sticky-action):not(.col-sticky-check):not(.col-sticky-last),
html[lang="zh"] .action-list-div > .table-responsive > .table > tbody > tr > td:not(.col-sticky-id):not(.col-sticky-action):not(.col-sticky-check):not(.col-sticky-last),
html[lang="zh-CN"] .action-list-div > .table-responsive > .table > thead > tr > th:not(.col-sticky-id):not(.col-sticky-action):not(.col-sticky-check):not(.col-sticky-last),
html[lang="zh-CN"] .action-list-div > .table-responsive > .table > tbody > tr > td:not(.col-sticky-id):not(.col-sticky-action):not(.col-sticky-check):not(.col-sticky-last),
html[lang="zh_CN"] .action-list-div > .table-responsive > .table > thead > tr > th:not(.col-sticky-id):not(.col-sticky-action):not(.col-sticky-check):not(.col-sticky-last),
html[lang="zh_CN"] .action-list-div > .table-responsive > .table > tbody > tr > td:not(.col-sticky-id):not(.col-sticky-action):not(.col-sticky-check):not(.col-sticky-last) {
    min-width: 5.5em;
}

html[lang="zh"] .action-list-div > .table-responsive > .table,
html[lang="zh-CN"] .action-list-div > .table-responsive > .table,
html[lang="zh_CN"] .action-list-div > .table-responsive > .table {
    min-width: 1100px;
}

.check-ok {
    color: #00ff00;
}

.check-fail {
    color: #ff0000;
}

.waiting-modal {
    height: 35px;
    width: 220px;
    padding-left: 10px;
    padding-top: 5px;
}

.container .panel {
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.20);
}

.rightWords {
    padding-top: 5px;
    text-align: right;
}

.rightWords2 {
    padding-top: 2px;
}

.rightWords>span {
    width: 20%;
    border-radius: 3px;
    background-color: #999999;
    color: #ffffff;
    font-size: 15px;
    padding: 1px 4px 1px 4px;
}

.text-danger {
    font-size: 18px;
    font-weight: bold;
}

.author-list-div {
    border-collapse: separate;
    border-spacing: 0px 8px;
    background: #fcfcfc;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);
    border-radius: 6px;
    list-style: none;
    padding: 10px;
    padding-bottom: 1px;
    margin-bottom: 10px;
}

.label-key {
    display: inline;
    padding: .2em .6em .2em;
    font-size: 100%;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    /*white-space: nowrap;*/
    vertical-align: middle;
    background-color: #808080;
    border-radius: .25em;
}

.table-striped tr>td,
.table-striped tr>th {
    border-top: 1px solid #ddd;
}

.table-stripedEven tr>td,
.table-stripedEven tr>th {
    border-top: 1px solid #ddd;
}

.check-th-td {
    padding-top: 10px;
    vertical-align: top;
}
.table_name_content th span {
    white-space: pre-line;
}

.logo {
    max-width: 200px;
    max-height: 220px;
}

.text-danger {
    color: #ff0000;
}

.samll-readme {
    padding: 5px 10px;
    margin: 0 0 10px;
    font-size: 100%;
    font-style: italic;

}

.browserHint {
    font-size: 80%;
    font-style: italic;
    color: #c0c0c0;
}

.reviewer-li {
    padding-bottom: 10px;
}

.vertical-space {
    margin-top: 2px;
    margin-bottom: 2px;
}

td.vertical-th-td {
    display:table-cell;
    vertical-align: middle;
}

.text-wrap {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
}

/* Notes panel on manuscript/workflow pages: long unbroken content must wrap
   so layout-table columns and sibling modules are not stretched. */
#docNote,
#docNote .panel-body,
#docNote .table {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

#docNote .table {
    table-layout: fixed;
}

#docNote .table th,
#docNote .table td {
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    word-break: break-all;
}

/* Editor opinions (to editor / to author): same as Notes — long unbroken
   strings must wrap instead of overflowing into the sidebar. */
.decision-comment-body {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    word-break: break-all;
}

#commentsToEditor,
#commentsToAuthor,
textarea[name="commentsToEditor"],
textarea[name="commentsToAuthor"] {
    max-width: 100%;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    word-break: break-all;
}

/* Speciality column: clamp long lists, full text via title tooltip.
   Default: whole-word wrap (no mid-word split). Words longer than 30 chars
   are wrapped in .long-word-break by enhanceSpecialityColumns and may break. */
.list-speciality-cell {
    max-width: 12em;
    vertical-align: top;
    cursor: default;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal;
    word-wrap: normal;
}

.list-speciality-cell > ul,
.list-speciality-cell > .list-speciality-inner,
.list-speciality-cell > .more-speciality,
.list-speciality-cell > .more-expertInfo {
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    max-height: 4.8em;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal;
    word-wrap: normal;
}

.list-speciality-cell > ul {
    padding-left: 1.2em;
}

.list-speciality-cell .list-speciality-inner,
.list-speciality-cell .more-speciality,
.list-speciality-cell .more-expertInfo {
    white-space: normal !important;
}

/* Only applied by JS to tokens longer than SPECIALITY_LONG_WORD_LEN. */
.list-speciality-cell .long-word-break {
    word-break: break-all !important;
    overflow-wrap: anywhere;
    word-wrap: break-word;
}

/* Reviewer invitation/selection status counts: one item per line. */
.reviewer-status-statistics {
    white-space: pre-line;
    line-height: 1.45;
}

.third-logo {
    width: 40px;
    height: 40px;
}