/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance-: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance-: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: Noto Sans, Noto Kufi Arabic, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.-pkpClearfix:after,
.-pkpClearfix:before {
    content: " ";
    display: table
}

.-pkpClearfix:after {
    clear: both
}

.-linkButton {
    padding: 0;
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: inherit;
    color: #006798;
    text-decoration: underline;
    cursor: pointer
}

.-linkButton:focus,
.-linkButton:hover {
    color: #008acb
}

.-linkButton:disabled {
    color: #777
}

[hidden] {
    display: none
}

.width {
    max-width: 992px;
    margin-left: auto;
    margin-right: auto
}

.width--narrow {
    max-width: 35rem
}

.width--wide {
    max-width: 1200px
}

.width--full {
    max-width: none
}

.-screenReader {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    left: -2000px
}

.-screenReader:focus {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    color: #000;
    display: block;
    font-size: 1rem;
    height: auto;
    line-height: normal;
    padding: 1rem;
    position: absolute;
    left: .5rem;
    top: .5rem;
    text-decoration: none;
    width: auto;
    z-index: 100000
}

.tooltip {
    display: block !important;
    z-index: 1
}

.tooltip .tooltip-inner {
    padding: .5rem;
    width: auto;
    max-width: 320px;
    background: #222;
    border-radius: 2px;
    color: #fff;
    font-size: .75rem;
    line-height: 1rem
}

.tooltip .tooltip-arrow {
    position: absolute;
    margin: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #000;
    z-index: 1
}

.tooltip[x-placement^=top] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[aria-hidden=true] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s, visibility .15s;
    transition: opacity .15s, visibility .15s
}

.tooltip[aria-hidden=false] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.v--modal-overlay.v--modal-overlay {
    background: rgba(0, 0, 0, .5)
}

.v--modal-background-click {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.v--modal-overlay .v--modal-box.v--modal-box {
    overflow: visible
}

.v--modal.v--modal {
    top: 0 !important;
    left: 0 !important;
    bottom: auto !important;
    right: auto !important;
    width: 90% !important;
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
    text-align: initial;
    text-align: unset
}

.v--modal-dialog.v--modal-dialog {
    top: 50vh !important;
    -webkit-transform: translateY(-75%);
    transform: translateY(-75%);
    max-width: 30rem
}

.v--modal-overlay.scrollable .v--modal-dialog.v--modal-dialog {
    top: 0 !important;
    -webkit-transform: none;
    transform: none;
    max-width: 50rem
}

.modal__panel {
    font-size: .875rem;
    line-height: 1.5rem
}

.modal__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 3rem
}

.modal__title {
    margin: 0;
    min-width: 1px;
    padding: .5rem 1rem;
    font-size: 1rem;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis
}

.modal__closeButton {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem;
    border: none;
    font-size: 1.5rem;
    line-height: 1;
    width: 2rem;
    height: 2rem;
    text-align: center;
    background: transparent;
    cursor: pointer
}

.modal__closeButton:focus {
    outline: 0;
    border-radius: 2px;
    border: 1px solid #006798
}

.modal__content {
    padding: 1rem
}

.modal__content>p:first-child {
    margin-top: 0
}

.modal__content>p:last-child {
    margin-bottom: 0
}

.modal__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem
}

.modal__footer *+.pkpButton {
    -webkit-margin-start: .5rem;
    margin-inline-start: .5rem
}

.modal__keyboardTrap:focus {
    outline: 2px solid #006798;
    border-radius: 2px
}

.modal .pkpForm {
    margin: -1rem
}

.modal .pkpFormLocales {
    border-top: 1px solid #ddd
}

.modal .pkpFormGroup {
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem
}

.panelSection .modal .pkpFormGroup {
    padding: 2rem 1rem
}

.modal .pkpTabs {
    -webkit-margin-start: -1rem;
    margin-inline-start: -1rem;
    -webkit-margin-end: -1rem;
    margin-inline-end: -1rem
}

.modal .pkpTabs__buttons {
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem
}

.modal .pkpTab {
    border-left: none;
    border-right: none;
    border-bottom: none
}

.pkpBadge {
    display: inline-block;
    padding: .25em 1em;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5em;
    border: 1px solid #ddd;
    border-radius: 1.2em;
    color: #222
}

.pkpBadge--isPrimary {
    border-color: #006798;
    background-color: #006798;
    color: #fff
}

.pkpBadge--isPrimary:before {
    border-color: #fff
}

.pkpBadge--isPrimary.pkpBadge--button:focus,
.pkpBadge--isPrimary.pkpBadge--button:hover {
    background: transparent;
    border-color: #006798;
    color: #006798
}

.pkpBadge--isPrimary.pkpBadge--button:focus:before,
.pkpBadge--isPrimary.pkpBadge--button:hover:before {
    border-color: #006798
}

.pkpBadge--isSuccess {
    border-color: #00b24e;
    background-color: #00b24e;
    color: #fff
}

.pkpBadge--isSuccess:before {
    border-color: #fff
}

.pkpBadge--isSuccess.pkpBadge--button:focus,
.pkpBadge--isSuccess.pkpBadge--button:hover {
    background: transparent;
    border-color: #00b24e;
    color: #00b24e
}

.pkpBadge--isSuccess.pkpBadge--button:focus:before,
.pkpBadge--isSuccess.pkpBadge--button:hover:before {
    border-color: #00b24e
}

.pkpBadge--isWarnable {
    border-color: #d00a6c;
    background-color: #d00a6c;
    color: #fff
}

.pkpBadge--isWarnable:before {
    border-color: #fff
}

.pkpBadge--isWarnable.pkpBadge--button:focus,
.pkpBadge--isWarnable.pkpBadge--button:hover {
    background: transparent;
    border-color: #d00a6c;
    color: #d00a6c
}

.pkpBadge--isWarnable.pkpBadge--button:focus:before,
.pkpBadge--isWarnable.pkpBadge--button:hover:before {
    border-color: #d00a6c
}

.pkpBadge--button {
    background: inherit;
    text-decoration: none;
    cursor: pointer
}

.pkpBadge--button:focus,
.pkpBadge--button:hover {
    background: #006798;
    color: #fff;
    border-color: #006798;
    outline: 0
}

.pkpBadge--button:focus:before,
.pkpBadge--button:hover:before {
    border-color: #fff
}

.pkpBadge--dot {
    position: relative;
    -webkit-padding-start: 2em;
    padding-inline-start: 2em
}

.pkpBadge--dot:before {
    content: "";
    position: absolute;
    top: 50%;
    left: .75em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border: 2px solid;
    border-radius: 50%
}

.pkpBadge--submission,
.pkpBadge--submission:before {
    border-color: #d00a0a
}

.pkpBadge--submission:focus,
.pkpBadge--submission:hover {
    background: #d00a0a;
    border-color: #d00a0a
}

.pkpBadge--submission:focus:before,
.pkpBadge--submission:hover:before {
    border-color: #fff
}

.pkpBadge--review,
.pkpBadge--review:before {
    border-color: #e08914
}

.pkpBadge--review:focus,
.pkpBadge--review:hover {
    background: #e08914;
    border-color: #e08914
}

.pkpBadge--review:focus:before,
.pkpBadge--review:hover:before {
    border-color: #fff
}

.pkpBadge--copyediting,
.pkpBadge--copyediting:before {
    border-color: #006798
}

.pkpBadge--copyediting:focus,
.pkpBadge--copyediting:hover {
    background: #006798;
    border-color: #006798
}

.pkpBadge--copyediting:focus:before,
.pkpBadge--copyediting:hover:before {
    border-color: #fff
}

.pkpBadge--production,
.pkpBadge--production:before {
    border-color: #00b28d
}

.pkpBadge--production:focus,
.pkpBadge--production:hover {
    background: #00b28d;
    border-color: #00b28d
}

.pkpBadge--production:focus:before,
.pkpBadge--production:hover:before {
    border-color: #fff
}

[dir=rtl] .pkpBadge--dot:before {
    left: auto;
    right: .75em
}

.pkpDropdown {
    position: relative;
    display: inline-block
}

.pkpDropdown__content {
    position: absolute;
    top: 100%;
    margin-top: 10px;
    min-width: 100%;
    max-width: 20em;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: .5rem;
    background: #fff;
    -webkit-box-shadow: 0 0 1.5rem rgba(0, 0, 0, .3);
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, .3);
    font-size: .875rem;
    line-height: 1.5rem;
    z-index: 9999
}

.pkpDropdown__content ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.pkpDropdown__section {
    margin-left: -.5rem;
    margin-right: -.5rem;
    padding-left: .5rem;
    padding-right: .5rem
}

.pkpDropdown__section:not(:first-child) {
    padding-top: .5rem
}

.pkpDropdown__section:not(:last-child) {
    border-bottom: 1px solid #eee;
    padding-bottom: .5rem
}

.pkpDropdown__action {
    display: block;
    padding: .25rem .5rem;
    max-width: 100%;
    border: none;
    background: transparent;
    line-height: 1.5rem;
    color: #006798;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pkpDropdown__action:focus,
.pkpDropdown__action:hover {
    border-color: #006798;
    outline: 0
}

.pkpDropdown__action[disabled] {
    border-color: transparent;
    color: #777
}

.pkpDropdown__caret {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    -webkit-transform: translateX(-50%) translateY(-9px);
    transform: translateX(-50%) translateY(-9px);
    z-index: 9999
}

.pkpIcon--inline {
    -webkit-margin-end: .25em;
    margin-inline-end: .25em
}

.fa-info-circle {
    color: #00b24e
}

.fa-exclamation-triangle {
    color: #d00a6c
}

.pkpIcon--orcid {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle
}

.pkpIcon--orcid .pkpIcon--orcid__bg {
    fill: #a6ce39
}

.pkpIcon--orcid .pkpIcon--orcid__fill {
    fill: #fff
}

.pkpNotification {
    position: relative;
    padding: .5rem .75rem;
    background: #fff;
    border: 1px solid #006798;
    border-radius: 2px;
    -webkit-box-shadow: inset .25rem 0 0 #006798;
    box-shadow: inset .25rem 0 0 #006798;
    font-size: .875rem;
    line-height: 1.6em
}

.pkpNotification--success {
    border-color: #00b24e;
    -webkit-box-shadow: inset .25rem 0 0 #00b24e;
    box-shadow: inset .25rem 0 0 #00b24e
}

.pkpNotification--warning {
    border-color: #d00a6c;
    -webkit-box-shadow: inset .25rem 0 0 #d00a6c;
    box-shadow: inset .25rem 0 0 #d00a6c
}

.pkpNotification--canDismiss {
    -webkit-padding-end: 2.5rem;
    padding-inline-end: 2.5rem
}

.pkpNotification--backendPage__header {
    margin-bottom: 1rem
}

.pkpNotification__closeButton {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid transparent;
    margin: .25rem;
    padding: 0;
    width: 2rem;
    height: 1.9rem;
    text-align: center;
    background: transparent;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer
}

.pkpNotification__closeButton:focus {
    outline: 0;
    border-radius: 2px;
    border: 1px solid #006798
}

[dir=rtl] .pkpNotification {
    -webkit-box-shadow: inset -.25rem 0 0 #006798;
    box-shadow: inset -.25rem 0 0 #006798
}

[dir=rtl] .pkpNotification--success {
    -webkit-box-shadow: inset -.25rem 0 0 #00b24e;
    box-shadow: inset -.25rem 0 0 #00b24e
}

[dir=rtl] .pkpNotification--warning {
    -webkit-box-shadow: inset -.25rem 0 0 #d00a6c;
    box-shadow: inset -.25rem 0 0 #d00a6c
}

[dir=rtl] .pkpNotification__closeButton {
    right: auto;
    left: 0
}

.panel {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 2px
}

.panelSection {
    padding: 1rem;
    background: #fff
}

.panelSection+.panelSection {
    border-top: 1px solid #ddd
}

.panelSection__header {
    margin-bottom: 1rem;
    font-size: .875rem;
    line-height: 1.5rem
}

.panelSection__header h1,
.panelSection__header h2,
.panelSection__header h3,
.panelSection__header h4,
.panelSection__header h5,
.panelSection__header h6 {
    margin: 0;
    font-size: 1.125rem;
    line-height: 1.5rem
}

.panelSection__header p {
    margin-top: .25rem
}

.panelSection .pkpFormGroup {
    padding: 0
}

.panelSection__content {
    position: relative
}

@media (min-width:1200px) {
    .panel--wide .panelSection {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 2rem
    }

    .panel--wide .panelSection__header {
        width: 35%;
        min-width: 16rem;
        max-width: 30rem;
        -webkit-margin-end: 2rem;
        margin-inline-end: 2rem
    }

    .panel--wide .panelSection__content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 1px
    }
}

.pkpButton {
    display: inline-block;
    padding: 0 .5em;
    min-width: 2.13rem;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    text-align: center;
    font-size: .875rem;
    line-height: 2rem;
    font-weight: 700;
    color: #006798;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 0 #ddd;
    box-shadow: 0 1px 0 #ddd;
    cursor: pointer
}

.pkpButton:focus,
.pkpButton:hover {
    color: #006798;
    border-color: #006798
}

.pkpButton:focus {
    outline: 1px solid #006798
}

.pkpButton:active {
    -webkit-box-shadow: 0 0 2px;
    box-shadow: 0 0 2px
}

.pkpButton--isPrimary {
    color: #fff;
    background: #006798;
    border-color: #006798;
    -webkit-box-shadow: 0 1px 0 #006798;
    box-shadow: 0 1px 0 #006798
}

.pkpButton--isPrimary:focus,
.pkpButton--isPrimary:hover {
    background: #008acb;
    color: #fff
}

.pkpButton--isLink {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: transparent
}

.pkpButton--isWarnable {
    color: #d00a6c
}

.pkpButton--isWarnable:focus,
.pkpButton--isWarnable:hover {
    border-color: #d00a6c;
    color: #d00a6c
}

.pkpButton--isActive {
    background: #006798;
    border-color: #006798;
    color: #fff;
    -webkit-box-shadow: 0 1px 0 #006798;
    box-shadow: 0 1px 0 #006798
}

.pkpButton--isActive:focus,
.pkpButton--isActive:hover {
    background: #008acb;
    color: #fff
}

.pkpButton:disabled {
    color: #aaa;
    border-color: #ddd;
    background: #fff;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pkpButton:disabled:focus,
.pkpButton:disabled:hover {
    cursor: not-allowed;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pkpHeader {
    padding: 1rem 2rem
}

.pkpHeader__title {
    display: inline-block;
    margin: 0;
    font-size: 1rem;
    line-height: 1.2
}

.pkpHeader__title>* {
    display: inline-block;
    vertical-align: middle
}

.pkpHeader__title .pkpSpinner {
    -webkit-margin-start: .5rem;
    margin-inline-start: .5rem
}

.pkpHeader__title>h1,
.pkpHeader__title>h2,
.pkpHeader__title>h3,
.pkpHeader__title>h4,
.pkpHeader__title>h5,
.pkpHeader__title>h6,
.pkpHeader__title>legend {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: calc(2rem + 2px)
}

.pkpHeader__title>legend {
    display: block
}

.pkpHeader__actions {
    float: right;
    margin-top: -1px
}

.pkpHeader__actions>* {
    display: inline-block
}

.pkpHeader__actions>:first-child {
    -webkit-margin-start: 1rem;
    margin-inline-start: 1rem
}

.pkpHeader__actions>*+* {
    -webkit-margin-start: .25rem;
    margin-inline-start: .25rem
}

.pkpHeader.-isOneLine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pkpHeader.-isOneLine .pkpHeader__title {
    margin-right: auto;
    min-width: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.pkpHeader.-isOneLine .pkpHeader__actions {
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-margin-start: auto;
    margin-inline-start: auto
}

.pkpHeader.-isOneLine .pkpHeader__actions>* {
    white-space: nowrap
}

[dir=rtl] .pkpHeader__actions {
    float: left
}

.pkpSpinner:before {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: middle;
    -webkit-animation: pkp_anim_spinner .6s linear infinite;
    animation: pkp_anim_spinner .6s linear infinite;
    border-radius: 100%;
    border-top: 1px solid #002c40;
    border-bottom: 1px solid transparent;
    border-left: 1px solid #002c40;
    border-right: 1px solid transparent;
    content: "";
    opacity: 1
}

@-webkit-keyframes pkp_anim_spinner {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes pkp_anim_spinner {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.pkpSteps__buttonWrapper {
    position: relative;
    background: #fff
}

.pkpSteps__buttonWrapper,
.pkpSteps__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pkpSteps__buttons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 1px
}

.pkpSteps__button,
.pkpSteps__controls {
    white-space: nowrap
}

.pkpSteps__controls {
    padding: .75rem
}

.pkpSteps__progress {
    font-size: .875rem;
    margin-right: .25rem
}

.pkpSteps__step {
    list-style: none;
    line-height: 1.5rem
}

.pkpSteps__step__label {
    position: relative;
    display: inline-block;
    padding: 1em;
    border: none;
    text-decoration: none;
    font-size: .875rem;
    font-weight: 700;
    color: #777;
    white-space: nowrap;
    background: #fff;
    z-index: 2
}

.pkpSteps__step__label:focus,
.pkpSteps__step__label:hover {
    outline: 0
}

.pkpSteps__step__number {
    display: inline-block;
    padding: 0;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.25em;
    border: 1px solid #bbb;
    border-radius: 50%;
    font-size: .75rem;
    text-align: center;
    -webkit-margin-end: .25rem;
    margin-inline-end: .25rem;
    position: relative;
    top: -1px;
    outline-offset: 2px
}

.pkpSteps__step__label--completed {
    color: #222
}

.pkpSteps__step__label--completed .pkpSteps__step__number {
    background: #006798;
    color: #fff;
    border-color: transparent
}

.pkpSteps__step__label--completed:hover .pkpSteps__step__number {
    outline: 1px solid #bbb
}

.pkpSteps__step__label--completed:focus .pkpSteps__step__number {
    outline: 2px solid #006798
}

.pkpSteps__step__label--current {
    color: #006798
}

.pkpSteps__step__label--current .pkpSteps__step__number {
    border-color: #006798
}

.pkpSteps__line {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    background: #bbb;
    z-index: 1
}

.pkpSteps__line__started {
    right: auto;
    background: #006798
}

.pkpSteps--collapsed .pkpSteps__line,
.pkpSteps--collapsed .pkpSteps__line__started {
    display: none
}

.pkpSteps--collapsed .pkpSteps__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.pkpTabs {
    margin: 0;
    list-style: none;
    font-size: .875rem
}

.pkpTabs__button {
    position: relative;
    display: inline-block;
    padding: .8rem 1em;
    line-height: 1.4rem;
    border: 1px solid #ddd;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: #fff;
    text-decoration: none;
    font-weight: 700;
    color: #006798
}

.pkpTabs__button:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 25%;
    height: 2px;
    background: transparent;
    -webkit-transition: all .2s;
    transition: all .2s
}

.pkpTabs__button:focus {
    outline: 0
}

.pkpTabs__button:focus:after {
    content: "";
    position: absolute;
    bottom: .375rem;
    width: .25rem;
    height: .25rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, .54);
    border-radius: .125rem
}

.pkpTabs__button+.pkpTabs__button {
    margin-left: .25rem
}

.pkpTabs__button .pkpBadge {
    margin-left: .25em;
    margin-bottom: -3px;
    padding-left: .5em;
    padding-right: .5em;
    min-width: 2.25em;
    border-color: #bbb;
    background: #fff
}

.pkpTabs__button:focus:before,
.pkpTabs__button:hover:before,
.pkpTabs__button[aria-selected=true]:before {
    background: #008acb;
    width: 100%
}

.pkpTabs__button[aria-selected=true] {
    color: #777
}

.pkpTab {
    position: relative;
    padding: 1rem;
    background: #fff;
    min-width: 0
}

.pkpTab:focus {
    z-index: 2
}

.pkpTabs .pkpTabs {
    margin-left: -1rem;
    margin-right: -1rem
}

@media (min-width:767px) {
    .pkpTabs__buttons {
        position: relative;
        top: 1px;
        z-index: 2
    }

    .pkpTabs__button {
        border-color: transparent;
        background: transparent
    }

    .pkpTabs__button[aria-selected=true] {
        border: 1px solid #ddd;
        border-bottom-color: transparent;
        background: #fff
    }

    .pkpTab {
        padding: 2rem;
        border: 1px solid #ddd;
        border-radius: 2px
    }

    .pkpTabs .pkpTabs {
        margin-left: -2rem;
        margin-right: -2rem;
        margin-bottom: -2rem
    }

    .pkpTabs .pkpTabs .pkpTabs__buttons {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .pkpTabs .pkpTabs .pkpTab {
        border: none;
        border-top: 1px solid #ddd
    }

    .pkpTabs--side {
        display: grid;
        grid-template-columns: 192px auto
    }

    .pkpTabs--side .pkpTabs__buttons {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 2rem;
        -webkit-border-end: 1px solid #ddd;
        border-inline-end: 1px solid #ddd
    }

    .pkpTabs--side .pkpTabs__button {
        display: block;
        width: 100%;
        padding-right: 1rem;
        border-left: none;
        border-right: none;
        border-color: transparent;
        top: auto;
        right: -1px;
        text-align: inherit
    }

    .pkpTabs--side .pkpTabs__button:before {
        content: "";
        position: absolute;
        top: 50%;
        left: -2px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 25%;
        width: 2px;
        background: transparent;
        -webkit-transition: all .2s;
        transition: all .2s
    }

    .pkpTabs--side .pkpTabs__button:focus {
        outline: 0
    }

    .pkpTabs--side .pkpTabs__button:focus:after {
        top: 50%;
        bottom: auto;
        left: .375rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .pkpTabs--side .pkpTabs__button+.pkpTabs__button {
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }

    .pkpTabs--side .pkpTabs__button:focus:before,
    .pkpTabs--side .pkpTabs__button:hover:before,
    .pkpTabs--side .pkpTabs__button[aria-selected=true]:before {
        background: #008acb;
        height: 100%;
        width: 2px
    }

    .pkpTabs--side .pkpTabs__button[aria-selected=true] {
        border-color: #ddd;
        border-left: none;
        border-right: none
    }

    .pkpTabs .pkpTabs--side .pkpTabs__buttons {
        -webkit-padding-end: 0;
        padding-inline-end: 0
    }

    .pkpTabs .pkpTabs--side .pkpTab {
        padding-top: 0;
        border-top: none
    }

    .pkpTabs .pkpTabs--side .pkpTab>.pkpForm {
        margin: 0;
        -webkit-margin-start: calc(-2rem - 1px);
        margin-inline-start: calc(-2rem - 1px);
        border: 1px solid #ddd
    }

    .pkpTabs .pkpTabs--side .pkpTab:nth-child(2) .pkpForm>.pkpFormPages {
        margin-top: -1px
    }

    .pkpTab>.pkpForm {
        margin: -2rem
    }

    [dir=rtl] .pkpTabs--side .pkpTabs__button {
        left: -1px;
        right: auto
    }

    [dir=rtl] .pkpTabs--side .pkpTabs__button:before {
        left: auto;
        right: -2px
    }

    [dir=rtl] .pkpTabs--side .pkpTabs__button:focus:after {
        left: auto;
        right: .375rem
    }
}

.actionPanel__text {
    font-size: .875rem;
    line-height: 1.5rem
}

.actionPanel__text h1,
.actionPanel__text h2,
.actionPanel__text h3,
.actionPanel__text h4,
.actionPanel__text h5,
.actionPanel__text h6 {
    margin: 0;
    font-size: 1.125rem;
    line-height: 1.5rem
}

.actionPanel__text p {
    margin-top: .25rem
}

.actionPanel__actions .pkpButton {
    display: block;
    width: 100%
}

.actionPanel__actions .pkpButton+.pkpButton {
    margin-top: .25rem
}

@media (min-width:767px) {
    .actionPanel {
        display: grid;
        grid-template-columns: 1fr 15rem
    }

    .actionPanel__text {
        margin-right: 1rem
    }

    .actionPanel__text p:last-child {
        margin-bottom: 0
    }

    .actionPanel__actions {
        justify-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        width: 100%
    }
}

.buttonRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.buttonRow>*+* {
    -webkit-margin-start: .25rem;
    margin-inline-start: .25rem
}

.buttonRow__end {
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

.buttonRow__end,
.buttonRow__end>*+* {
    -webkit-margin-end: auto;
    margin-inline-end: auto
}

.chartjs-render-monitor {
    background: #002c40
}

.pkpFieldError {
    position: relative;
    display: inline-block;
    margin-top: .5rem;
    padding: .5rem 1rem;
    border-radius: 2px;
    background: #d00a6c;
    color: #fff;
    font-size: .9rem;
    line-height: 1.6em
}

.pkpFieldError:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 1rem;
    border-bottom: 5px solid #d00a6c;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

.pkpFieldError .fa {
    color: #fff
}

[dir=rtl] .pkpFieldError:before {
    left: auto;
    right: 1rem
}

.pkpFormFieldLabel {
    font-weight: 700
}

.pkpFormFieldLabel__required {
    color: #d00a6c
}

.helpButton {
    display: inline-block;
    border: none;
    padding: 0 .25em;
    background: transparent;
    cursor: pointer
}

.tooltip {
    z-index: 9999
}

.tooltipButton {
    display: inline-block;
    border: none;
    padding: 0 .25em;
    background: transparent;
    cursor: pointer
}

.tooltip-inner a {
    color: #fff
}

.multilingualProgress {
    display: inline-block;
    line-height: 1.5rem;
    vertical-align: middle
}

.multilingualProgress button {
    border: none;
    background: none;
    padding: 0;
    cursor: pointer
}

.multilingualProgress .fa {
    font-size: 1.5rem
}

.multilingualProgress--isEmpty .fa {
    color: #777
}

.multilingualProgress--isIncomplete .fa {
    color: #d00a6c
}

.multilingualProgress--isComplete .fa {
    color: #00b24e
}

.pkpFormField__heading {
    line-height: 1.5rem
}

.pkpFormField__description {
    font-size: .875rem;
    line-height: 1.8em
}

.pkpFormField__control {
    margin-top: .25rem
}

.pkpFormField__input {
    display: block;
    padding: 0 1em;
    height: 2.5rem;
    background-color: #fff;
    font-size: .875rem;
    line-height: 2.5rem;
    border: 1px solid #bbb;
    border-radius: 2px
}

.pkpFormField__input:hover {
    border-color: #888
}

.pkpFormField__input:focus {
    border-color: #006798;
    -webkit-box-shadow: inset 3px 0 0 #006798;
    box-shadow: inset 3px 0 0 #006798;
    outline: 0
}

input.pkpFormField__input:-moz-read-only,
textarea.pkpFormField__input:-moz-read-only {
    background: #eaedee;
    cursor: not-allowed;
    color: rgba(0, 0, 0, .65)
}

.pkpFormField__input:disabled,
input.pkpFormField__input:read-only,
textarea.pkpFormField__input:read-only {
    background: #eaedee;
    cursor: not-allowed;
    color: rgba(0, 0, 0, .65)
}

.pkpFormField__input:disabled:hover {
    border-color: #bbb
}

[dir=rtl] .pkpFormField__input:focus {
    -webkit-box-shadow: inset -3px 0 0 #006798;
    box-shadow: inset -3px 0 0 #006798
}

.pkpAutosuggest {
    position: relative
}

.pkpAutosuggest__control {
    width: 100%
}

.pkpAutosuggest__inputWrapper--focus {
    border-color: #006798;
    -webkit-box-shadow: inset 3px 0 0 #006798;
    box-shadow: inset 3px 0 0 #006798
}

.pkpAutosuggest__inputWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    padding-top: .25rem;
    padding-bottom: .25rem
}

.pkpAutosuggest__autosuggester,
.pkpAutosuggest__selection {
    margin-top: .125rem;
    margin-bottom: .125rem;
    -webkit-margin-end: .25rem;
    margin-inline-end: .25rem
}

.pkpAutosuggest__selection {
    position: relative;
    padding-right: 2.5em
}

.pkpAutosuggest__deselect {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 2em;
    padding: 0;
    background: transparent;
    border: 1px solid transparent;
    border-left-color: #ddd;
    border-top-right-radius: 1.2em;
    border-bottom-right-radius: 1.2em;
    color: #d00a6c
}

.pkpAutosuggest__deselect .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: -1px
}

.pkpAutosuggest__deselect:focus,
.pkpAutosuggest__deselect:hover {
    outline: 0;
    border-color: #d00a6c;
    background: #d00a6c;
    color: #fff
}

.pkpAutosuggest__autosuggester {
    position: relative;
    line-height: 1.6rem;
    width: 100%
}

.pkpAutosuggest__input {
    width: 100%;
    border: none
}

.pkpAutosuggest__input:focus {
    outline: none
}

.autosuggest__results-container {
    position: absolute;
    top: 100%;
    margin-top: -2px;
    width: 100%;
    max-width: 100%;
    min-width: 20rem;
    z-index: 9999
}

.autosuggest__results {
    border: 1px solid #006798;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    background: #fff;
    -webkit-box-shadow: 0 .75rem .75rem rgba(0, 0, 0, .2);
    box-shadow: 0 .75rem .75rem rgba(0, 0, 0, .2);
    font-size: .875rem
}

.autosuggest__results:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100%;
    width: 3px;
    background: #006798
}

.autosuggest__results ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.autosuggest__results .autosuggest__results-item {
    position: relative;
    padding: .5rem 1rem;
    line-height: 1.5em
}

.autosuggest__results .autosuggest__results-item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px;
    height: 100%;
    background: #006798;
    -webkit-transition: width .3s;
    transition: width .3s
}

.autosuggest__results .autosuggest__results-item--highlighted {
    background: #eaedee
}

.pkpAutosuggest__inputWrapper--multilingual {
    padding-left: 3rem
}

.pkpAutosuggest .multilingualProgress {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.pkpAutosuggest .multilingualProgress button {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2.5rem;
    border-right: 1px solid #bbb
}

.pkpAutosuggest .multilingualProgress button:focus {
    outline: 0;
    border-color: #006798;
    -webkit-box-shadow: inset 0 -3px 0 #006798;
    box-shadow: inset 0 -3px 0 #006798
}

.pkpAutosuggest .multilingualProgress button:focus .fa {
    color: #006798
}

.pkpAutosuggest .multilingualProgress .fa {
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    padding: .5rem
}

.pkpAutosuggest__inputWrapper:hover+.multilingualProgress button {
    border-color: #888
}

.pkpAutosuggest__inputWrapper--focus+.multilingualProgress button {
    border-color: #006798
}

.pkpAutosuggest--disabled .pkpBadge {
    border-color: #bbb;
    padding-right: 1em
}

.pkpAutosuggest--disabled .pkpAutosuggest__inputWrapper {
    cursor: not-allowed
}

.pkpAutosuggest--disabled .pkpAutosuggest__inputWrapper:hover {
    border-color: #bbb
}

.pkpAutosuggest--inline .pkpFormField__heading {
    position: absolute;
    top: 0;
    left: 0;
    padding: .5rem;
    line-height: 1.5rem;
    z-index: 999;
    font-size: .875rem
}

[dir=rtl] .pkpAutosuggest--inline .pkpFormField__heading {
    left: auto;
    right: 0
}

[dir=rtl] .pkpAutosuggest__inputWrapper--focus {
    -webkit-box-shadow: inset -3px 0 0 #006798;
    box-shadow: inset -3px 0 0 #006798
}

.pkpFormField--richTextarea__control {
    border: 1px solid #bbb;
    border-radius: 2px
}

.pkpFormField--richTextarea__control:hover {
    border-color: #888
}

.pkpFormField--richTextarea.-isFocused .pkpFormField--richTextarea__control {
    border-color: #006798
}

.pkpFormField--richTextarea.-isFocused .pkpFormField--richTextarea__control:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 3px;
    background: #006798;
    z-index: 1
}

.pkpFormField--richTextarea__controlFooter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem 1rem;
    border-top: 1px solid #bbb;
    font-size: .75rem;
    line-height: 1.5rem
}

.pkpFormField--richTextarea__wordLimit {
    margin-left: auto
}

.pkpFormField--richTextarea__control .pkpFormField--richTextarea__input,
.pkpFormField--richTextarea__control .tox-tinymce {
    border: none;
    width: 100%;
    height: 15em !important
}

.pkpFormField--richTextarea__control .tox .tox-toolbar,
.pkpFormField--richTextarea__control .tox .tox-toolbar__overflow,
.pkpFormField--richTextarea__control .tox .tox-toolbar__primary {
    background: #fff;
    border-bottom: 1px solid #bbb
}

.pkpFormField--richTextarea__control .tox-tbtn:not(:first-child) {
    margin-left: .25rem
}

.pkpFormField--richTextarea__control .tox-tbtn__select-label {
    color: #006798;
    text-decoration: underline
}

.pkpFormField--richTextArea__control--large .pkpFormField--richTextarea__input,
.pkpFormField--richTextArea__control--large .tox-tinymce {
    height: 35em !important
}

.pkpFormField--richTextarea--rtl .tox.tox.tox {
    direction: rtl
}

.pkpSearch {
    position: relative;
    width: 18rem;
    max-width: 100%
}

.pkpSearch__input,
.pkp_form .pkpSearch .pkpSearch__input {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .5em;
    -webkit-padding-start: 3.5em;
    padding-inline-start: 3.5em;
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 2px;
    font-size: .875rem;
    line-height: 2rem;
    -webkit-appearance: none
}

.pkpSearch__input:hover,
.pkpSearch__input:hover+.pkpSearch__icons,
.pkp_form .pkpSearch .pkpSearch__input:hover,
.pkp_form .pkpSearch .pkpSearch__input:hover+.pkpSearch__icons {
    border-color: #006798
}

.pkpSearch__input:focus,
.pkp_form .pkpSearch .pkpSearch__input:focus {
    outline: 0;
    border-color: #006798
}

.pkpSearch__input:focus+.pkpSearch__icons,
.pkp_form .pkpSearch .pkpSearch__input:focus+.pkpSearch__icons {
    border-color: #006798;
    background: #006798
}

.pkpSearch__input:focus+.pkpSearch__icons .pkpSearch__icons--search:before,
.pkp_form .pkpSearch .pkpSearch__input:focus+.pkpSearch__icons .pkpSearch__icons--search:before {
    color: #fff
}

.pkpSearch__clear {
    position: absolute;
    top: 0;
    right: 0;
    width: 2rem;
    height: 100%;
    background: transparent;
    border: none;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    vertical-align: middle;
    text-align: center;
    color: #d00a6c;
    cursor: pointer
}

.pkpSearch__clear:focus,
.pkpSearch__clear:hover {
    outline: 0;
    background: #d00a6c;
    color: #fff
}

.pkpSearch__icons {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.5em;
    height: 100%;
    -webkit-border-end: 1px solid #ddd;
    border-inline-end: 1px solid #ddd
}

.pkpSearch__icons--search {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #006798
}

[dir=rtl] .pkpSearch__clear {
    right: auto;
    left: 0
}

[dir=rtl] .pkpSearch__icons {
    left: auto;
    right: 0
}

.insertContent__items {
    margin: 1rem 0 0;
    padding: 0;
    list-style: none
}

.insertContent__item {
    padding: .5rem;
    border: 1px solid #ddd;
    border-radius: 2px
}

.insertContent__item+.insertContent__item {
    margin-top: .25rem
}

.insertContent__item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.insertContent__item__value {
    font-weight: 700;
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.insertContent__item__button {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.listPanel {
    position: relative;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    border-radius: 2px;
    border-top: 1px solid #eee
}

.listPanel__header {
    padding: .5rem .5rem .5rem 1rem;
    font-size: .875rem;
    line-height: 1.5rem
}

.listPanel__header>.pkpHeader {
    padding: 0
}

.listPanel .pkpNotification {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 1rem
}

.listPanel__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
    border-top: 1px solid #eee
}

.listPanel__sidebar {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12rem;
    flex: 0 0 12rem;
    -webkit-border-end: 1px solid #eee;
    border-inline-end: 1px solid #eee
}

.listPanel__sidebar-enter {
    -webkit-margin-end: -12rem;
    margin-inline-end: -12rem;
    opacity: 0
}

.listPanel__sidebar-enter-active {
    -webkit-transition: opacity .15s ease-in-out .15s, margin-right .15s ease-in-out;
    transition: opacity .15s ease-in-out .15s, margin-right .15s ease-in-out
}

.listPanel__sidebar-enter-to,
.listPanel__sidebar-leave {
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    opacity: 1
}

.listPanel__sidebar-leave-to {
    -webkit-margin-end: -12em;
    margin-inline-end: -12em;
    opacity: 0
}

.listPanel__sidebar-leave-active {
    -webkit-transition: opacity .15s ease-in-out, -webkit-margin-end .15s ease-in-out .15s;
    transition: opacity .15s ease-in-out, -webkit-margin-end .15s ease-in-out .15s;
    transition: opacity .15s ease-in-out, margin-inline-end .15s ease-in-out .15s;
    transition: opacity .15s ease-in-out, margin-inline-end .15s ease-in-out .15s, -webkit-margin-end .15s ease-in-out .15s
}

.listPanel__sidebar>.pkpHeader {
    padding-left: 1rem;
    padding-right: 1rem
}

.listPanel__block {
    margin: 1rem .5rem 1rem 1rem
}

.listPanel__block .pkpHeader {
    padding: 0
}

.listPanel__block .pkpFilter {
    -webkit-margin-start: -1rem;
    margin-inline-start: -1rem;
    -webkit-margin-end: -.5rem;
    margin-inline-end: -.5rem
}

.listPanel__sidebar .pkpHeader+.listPanel__block {
    margin-top: 0
}

.listPanel__sidebar .pkpHeader__title,
.listPanel__sidebar .pkpHeader__title>h1,
.listPanel__sidebar .pkpHeader__title>h2,
.listPanel__sidebar .pkpHeader__title>h3,
.listPanel__sidebar .pkpHeader__title>h4,
.listPanel__sidebar .pkpHeader__title>h5,
.listPanel__sidebar .pkpHeader__title>h6 {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.5em
}

.listPanel__items {
    width: 100%;
    min-width: 0
}

.listPanel__itemsList {
    margin: 0;
    padding: .5rem 0;
    list-style: none
}

.listPanel__item {
    padding: .75rem .5rem;
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem
}

.listPanel__itemSummary {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.listPanel__itemIdentity {
    font-size: .875rem;
    line-height: 1.5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.listPanel__itemTitle {
    font-weight: 700
}

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

.listPanel__empty {
    padding: 2rem;
    font-size: .875rem;
    line-height: 1.5rem;
    text-align: center
}

.listPanel__itemActions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-padding-start: .5rem;
    padding-inline-start: .5rem;
    font-size: .75rem;
    line-height: 1.5em
}

.listPanel__itemActions>* {
    white-space: nowrap
}

.listPanel__itemActions>*+* {
    -webkit-margin-start: .25rem;
    margin-inline-start: .25rem
}

.listPanel__itemExpanded {
    -webkit-margin-end: 2.25rem;
    margin-inline-end: 2.25rem
}

.listPanel__itemExpanded .list {
    margin-top: .5rem
}

.listPanel__itemExpandedActions {
    margin-top: .5rem;
    text-align: right
}

.listPanel__itemExpandedActions>*+* {
    -webkit-margin-start: .25rem;
    margin-inline-start: .25rem
}

.listPanel__footer {
    padding: .5rem
}

[dir=rtl] .listPanel__itemExpandedActions {
    text-align: left
}

.file {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .875rem
}

.file__documentType {
    width: 1rem;
    text-align: center;
    font-size: 1rem;
    color: #006798
}

.file__id {
    margin: 0 .5rem;
    font-size: .75rem
}

.selectSubmissionFileListItem,
.selectSubmissionFileListItem__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.selectSubmissionFileListItem__label {
    overflow: hidden;
    padding: 0 .5rem;
    margin: -.5rem
}

.selectSubmissionFileListItem__selector {
    width: 3rem;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.selectSubmissionFileListItem__download {
    text-align: center
}

.fileAttacherFileStage .selectSubmissionFileListItem__label {
    -webkit-margin-start: -1.5rem;
    margin-inline-start: -1.5rem
}

.fileAttacherLibrary__message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 4rem;
    font-size: .875rem
}

.fileAttacherLibrary .selectSubmissionFileListItem {
    padding: .75rem .5rem .75rem 0;
    -webkit-margin-start: -1rem;
    margin-inline-start: -1rem
}

.fileAttacherReviewFiles__noFiles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 4rem;
    font-size: .875rem
}

.fileAttacherReviewFiles .selectSubmissionFileListItem {
    padding: .75rem .5rem .75rem 0;
    -webkit-margin-start: -1rem;
    margin-inline-start: -1rem
}

.fileUploader {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0
}

.fileUploader .vue-dropzone {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    font-size: .875rem
}

.fileUploader .vue-dropzone .dz-remove {
    display: none
}

.fileUploader.-isDragging {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    overflow: visible;
    outline: 2px dashed #006798;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.progressBar {
    position: relative;
    display: block;
    height: .5rem;
    background: #eaedee;
    border-radius: .25rem;
    overflow: hidden
}

.progressBar__progress {
    position: absolute;
    top: 0;
    display: block;
    height: .5rem;
    background: #006798;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-animation: progressBar 2s infinite;
    animation: progressBar 2s infinite
}

.fileUploadProgress__name {
    font-size: .875rem
}

.fileUploadProgress__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fileUploadProgress__actions {
    -webkit-margin-start: auto;
    margin-inline-start: auto
}

.fileUploadProgress .progressBar {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.fileAttacherUpload__wrapper {
    position: relative
}

.fileAttacherUpload__prompt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 10rem;
    border: 2px dashed #ddd;
    font-size: .875rem
}

.fileAttacherUpload__files {
    padding: .5rem 0
}

.fileAttacherUploader__uploadedFile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .5rem 0
}

.fileAttacherUploader__uploadedFile__remove {
    margin-left: auto
}

.fileAttacher .actionPanel:not(:last-child) {
    margin-bottom: 2rem
}

.fileAttacher__footer {
    padding-top: 1rem
}

.fileAttacher__footer .pkpButton+.pkpButton {
    -webkit-margin-start: .25rem;
    margin-inline-start: .25rem
}

.fileAttacher__back {
    -webkit-margin-end: auto;
    margin-inline-end: auto
}

.composer__message {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.composer__templates__heading {
    font-weight: 700
}

.composer__templates__list {
    margin: .25rem 0 0;
    padding: 0;
    list-style: none
}

.composer__templates__search {
    margin-top: .5rem
}

.composer__template {
    width: 100%;
    margin-top: .5rem;
    padding: 1rem;
    background: #fafafa;
    text-align: inherit;
    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 0 #ddd;
    box-shadow: 0 1px 0 #ddd;
    cursor: pointer
}

.composer__template:focus,
.composer__template:hover {
    border-color: #006798;
    background: #fff;
    outline: 0
}

.composer__template__body {
    margin-top: .5rem;
    line-height: 1.5em
}

.composer__templates__searching {
    margin-top: .5rem
}

.composer__templates__moreSearchResults {
    text-decoration: none
}

.composer__locales {
    margin-top: 2rem
}

.composer__recipients {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.composer__recipients .pkpAutosuggest__control {
    margin-top: 0
}

.composer__recipients__wrapper {
    position: relative
}

.composer__ccToggle {
    position: absolute;
    top: 0;
    right: 0;
    padding: .5rem;
    line-height: 1.5rem;
    font-size: .75rem
}

.composer__ccToggle:focus {
    outline: 2px solid #006798;
    outline-offset: -1px;
    border-radius: 2px
}

.composer__text {
    margin-top: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    background-color: #fff;
    font-size: .875rem;
    line-height: 2.5rem;
    border: 1px solid #bbb;
    border-radius: 2px;
    padding: 0 .25rem
}

.composer__text:hover {
    border-color: #888
}

.composer__text label {
    margin: 0 .25rem;
    font-weight: 700
}

.composer__text input {
    margin: 0 .25rem;
    width: 100%;
    border: none;
    padding-top: .15rem
}

.composer__text input:focus {
    border: none;
    outline: none
}

.composer__text--focus {
    border-color: #006798;
    -webkit-box-shadow: inset 3px 0 0 #006798;
    box-shadow: inset 3px 0 0 #006798;
    outline: 0
}

.composer__body {
    margin-top: .5rem
}

.composer__body .pkpFormFieldLabel {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    left: -2000px
}

.composer__attachments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .75rem;
    border-top: 1px solid #ddd
}

.composer__attachment {
    position: relative;
    max-width: 15rem;
    margin: .25rem;
    padding-right: 1.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.composer__attachment__documentType {
    color: #006798
}

.composer__attachment__remove {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 2em;
    padding: 0;
    background: transparent;
    border: 1px solid transparent;
    border-left-color: #ddd;
    border-top-right-radius: 1.2em;
    border-bottom-right-radius: 1.2em;
    color: #d00a6c
}

.composer__attachment__remove .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: -1px
}

.composer__attachment__remove:focus,
.composer__attachment__remove:hover {
    outline: 0;
    border-color: #d00a6c;
    background: #d00a6c;
    color: #fff
}

.composer__loadingTemplateMask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: hsla(0, 0%, 100%, .5);
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

[dir=rtl] .composer__ccToggle {
    right: auto;
    left: 0
}

.pkpDateRange {
    position: relative;
    display: inline-block;
    min-width: 12em;
    height: calc(2rem + 2px);
    background: #fff;
    font-size: .875rem
}

.pkpDateRange__current {
    -webkit-margin-start: 2rem;
    margin-inline-start: 2rem;
    padding: .5rem;
    line-height: calc(2rem + 2px);
    font-weight: 700;
    color: #006798
}

.pkpDateRange__button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 0 #ddd;
    box-shadow: 0 1px 0 #ddd;
    cursor: pointer
}

.pkpDateRange__button:focus,
.pkpDateRange__button:hover {
    border-color: #006798;
    outline: 0
}

.pkpDateRange__button:focus .fa,
.pkpDateRange__button:hover .fa {
    border-inline-end-color: #006798
}

.pkpDateRange__button .fa {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 2rem;
    -webkit-border-end: 1px solid #ddd;
    border-inline-end: 1px solid #ddd;
    color: #006798
}

.pkpDateRange__button .fa:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pkpDateRange__options {
    position: absolute;
    z-index: 9999;
    top: 100%;
    left: 0;
    margin-top: -1px;
    width: 100%;
    min-width: 18rem;
    background: #fff;
    border: 1px solid #ddd
}

.pkpDateRange__optionGroup {
    padding: .5rem
}

.pkpDateRange__optionGroup+.pkpDateRange__optionGroup {
    border-top: 1px solid #ddd
}

.pkpDateRange__option {
    display: inline-block;
    padding: .25rem;
    -webkit-margin-start: -.25rem;
    margin-inline-start: -.25rem;
    border: none;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    color: #006798;
    cursor: pointer
}

.pkpDateRange__option:hover {
    color: #008acb
}

.pkpDateRange__option:focus {
    -webkit-box-shadow: 0 0 0 1px #006798;
    box-shadow: 0 0 0 1px #006798;
    outline: 0
}

.pkpDateRange__form {
    font-size: .75rem;
    line-height: 1.5em
}

.pkpDateRange__form legend {
    font-weight: 700;
    margin-bottom: .25rem
}

.pkpDateRange__form .pkpButton {
    font-size: .75rem;
    line-height: 1.5em;
    -webkit-margin-start: .25em;
    margin-inline-start: .25em;
    padding: .25rem .5rem
}

.pkpDateRange__inputGroup {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: none
}

.pkpDateRange__input {
    margin: 0;
    padding: .25rem .5em;
    max-width: 7.5em;
    border: 1px solid #bbb;
    border-radius: 2px;
    font-size: .75rem;
    line-height: 1.5em
}

.pkpDateRange__input:focus {
    border-color: #006798
}

.pkpDateRange__separator {
    color: #bbb
}

.pkpDateRange__error {
    padding-top: .5rem;
    font-size: .75rem;
    line-height: 1.5em
}

[dir=rtl] .pkpDateRange__button .fa,
[dir=rtl] .pkpDateRange__options {
    left: auto;
    right: 0
}

.pkpFilter {
    position: relative;
    font-size: .875rem
}

.pkpFilter__label {
    padding: .5rem 1rem;
    background: transparent;
    border: none;
    color: #006798;
    line-height: 1.2em;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    word-break: break-all
}

.pkpFilter__label:focus,
.pkpFilter__label:hover {
    -webkit-box-shadow: inset 2px 0 0 #006798;
    box-shadow: inset 2px 0 0 #006798;
    outline: 0
}

.pkpFilter__label.-isActive {
    font-weight: 700
}

.pkpFilter__add,
.pkpFilter__remove {
    position: absolute;
    top: 50%;
    right: 0;
    padding: 0;
    margin: 0;
    width: 2rem;
    border: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: transparent;
    font-size: 1rem;
    text-align: center;
    color: #777;
    cursor: pointer
}

.pkpFilter__remove,
.pkpFilter__remove:focus,
.pkpFilter__remove:hover {
    color: #d00a6c
}

[dir=rtl] .pkpFilter__add,
[dir=rtl] .pkpFilter__remove {
    right: auto;
    left: 0
}

.pkpFilter--autosuggest {
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem
}

.pkpFilter--autosuggest .pkpAutosuggest__autosuggester {
    line-height: 1.25rem
}

.pkpFilter--slider {
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem
}

.pkpFilter--slider+.pkpFilter {
    margin-top: 1rem
}

.pkpFilter--slider .pkpFilter__add,
.pkpFilter--slider .pkpFilter__remove {
    top: .6rem
}

.pkpFilter__input--slider {
    position: relative
}

.pkpFilter__inputTitle {
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem;
    color: #006798;
    line-height: 1.5em;
    cursor: pointer
}

.pkpFilter__value {
    top: 1.75rem;
    padding: .25em;
    background-color: #002c40;
    border-radius: 2px;
    text-align: center;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
    z-index: 3
}

.pkpFilter__value,
.pkpFilter__valueCaret {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.pkpFilter__valueCaret {
    content: "";
    width: 0;
    height: 0;
    border-bottom: .25rem solid #002c40;
    border-left: .25rem solid transparent;
    border-right: .25rem solid transparent;
    bottom: 100%;
    left: 50%
}

.pkpFilter__value--stars {
    color: #daa03c
}

.pkpFilter__input--slider input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
    margin-left: 0
}

.pkpFilter__input--slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: .5px .5px 2px 1px rgba(0, 0, 0, .25);
    box-shadow: .5px .5px 2px 1px rgba(0, 0, 0, .25)
}

.pkpFilter__input--slider input[type=range]::-moz-range-thumb {
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: .5px .5px 2px 1px rgba(0, 0, 0, .25)
}

.pkpFilter__input--slider input[type=range]::-ms-thumb {
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: .5px .5px 2px 1px rgba(0, 0, 0, .25)
}

.pkpFilter__input--slider input[type=range]::-ms-track {
    background: transparent;
    border-color: transparent;
    color: transparent
}

.pkpFilter__input--slider input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    border-radius: 1rem;
    background-color: #006798
}

.pkpFilter__input--slider input[type=range]:focus::-webkit-slider-runnable-track {
    background: #367ebd
}

.pkpFilter__input--slider input[type=range]::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    border-radius: 1rem;
    background-color: #006798
}

.pkpFilter__input--slider input[type=range]::-ms-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    border-radius: 1rem;
    background-color: #006798
}

.pkpFilter__input--slider input[type=range]::-ms-fill-lower {
    background: #006798;
    border-radius: 1rem
}

.pkpFilter__input--slider input[type=range]:focus::-ms-fill-lower {
    background: #006798
}

.pkpFilter__input--slider input[type=range]::-ms-fill-upper {
    background: #006798;
    border-radius: 1rem
}

.pkpFilter__input--slider input[type=range]:focus::-ms-fill-upper {
    background: #006798
}

.pkpFilter--disabled .pkpFilter__input--slider {
    opacity: .5
}

.pkpFilter--disabled input[type=range]::-webkit-slider-runnable-track {
    background-color: #b7c5ca
}

.pkpFilter--disabled input[type=range]::-moz-range-track {
    background-color: #b7c5ca
}

.pkpFilter--disabled input[type=range]::-ms-track {
    background-color: #b7c5ca
}

.pkpFilter--disabled input[type=range]::-ms-fill-lower,
.pkpFilter--disabled input[type=range]:focus::-ms-fill-lower {
    background: #b7c5ca
}

.pkpFilter--disabled input[type=range]::-ms-fill-upper,
.pkpFilter--disabled input[type=range]:focus::-ms-fill-upper {
    background: #b7c5ca
}

.pkpFilter__input--sliderMultirange {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    border: none
}

.pkpFilter__multirangeInput {
    position: relative;
    width: 100%
}

.pkpFilter__value--multirange {
    position: relative;
    left: 50%;
    top: -.5rem;
    display: inline-block
}

.pkpFilter--disabled .pkpFilter__value--multirange {
    opacity: 0
}

.list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #eee;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    border-radius: 2px
}

.listItem {
    position: relative;
    padding: 1em;
    border-bottom: 1px solid #eee;
    font-size: .875rem;
    line-height: 1.5em
}

.listItem:last-child {
    border-bottom: none
}

.listItem--hasLabel {
    -webkit-padding-start: 6.5em;
    padding-inline-start: 6.5em
}

.listItem--hasLabel:before {
    content: "";
    position: absolute;
    top: 0;
    left: 5.5em;
    width: 0;
    height: 100%;
    border-right: 1px solid #eee
}

.listItem__value {
    position: absolute;
    top: 50%;
    left: 1em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4.5em
}

.listItem__value .fa {
    color: #777;
    min-width: 1.25em
}

[dir=rtl] .listItem--hasLabel:before {
    left: auto;
    right: 5.5em
}

[dir=rtl] .listItem__value {
    left: auto;
    right: 1em
}

.orderer__down,
.orderer__dragDrop,
.orderer__up {
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
    height: 100%;
    background: transparent;
    border: none
}

.orderer__down:focus,
.orderer__dragDrop:focus,
.orderer__up:focus {
    outline: 0
}

.orderer__down .fa,
.orderer__dragDrop .fa,
.orderer__up .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.orderer__dragDrop {
    color: #006798;
    -webkit-border-end: 1px solid #eee;
    border-inline-end: 1px solid #eee;
    cursor: move
}

.orderer__down,
.orderer__up {
    left: auto;
    right: 0;
    color: #777;
    -webkit-border-start: 1px solid #eee;
    border-inline-start: 1px solid #eee;
    cursor: pointer
}

.orderer__down:hover,
.orderer__up:hover {
    color: #006798;
    -webkit-box-shadow: 0 2px 0 #006798;
    box-shadow: 0 2px 0 #006798
}

.orderer__down:focus,
.orderer__up:focus {
    background: #eaedee
}

.orderer__down .fa,
.orderer__up .fa {
    font-size: 20px;
    font-weight: 700
}

.orderer__up {
    right: 3rem
}

[dir=rtl] .orderer__dragDrop {
    right: 0;
    left: auto
}

[dir=rtl] .orderer__down,
[dir=rtl] .orderer__up {
    right: auto;
    left: 0
}

[dir=rtl] .orderer__down {
    left: 3rem
}

.pkpPagination {
    font-size: .75rem;
    line-height: 1.5em;
    text-align: center
}

.pkpPagination ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.pkpPagination li {
    display: inline-block;
    margin-left: 1px;
    margin-right: 1px
}

.pkpPagination li:first-child {
    float: left
}

.pkpPagination li:last-child {
    float: right
}

.pkpPagination .pkpButton {
    padding-left: .75rem;
    padding-right: .75rem
}

.pkpPagination__separator {
    font-size: .75rem;
    color: #777;
    letter-spacing: 2px
}

.pkpPagination__loading {
    display: inline-block;
    width: 34px
}

[dir=rtl] .pkpPagination li:first-child {
    float: right
}

[dir=rtl] .pkpPagination li:last-child {
    float: left
}

.pkpTable__cell.-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 20em
}

.pkpTable__cell.-truncate-small {
    max-width: 10em
}

.pkpTable__cell.-truncate-large {
    max-width: 40em
}

.pkpTable {
    width: 100%;
    max-width: 100%;
    border: 1px solid #eee;
    border-collapse: collapse;
    border-radius: 2px;
    font-size: .875rem;
    line-height: 1.2em
}

.pkpTable td,
.pkpTable th {
    padding: .5rem;
    font-weight: 400;
    text-align: inherit
}

.pkpTable td:focus,
.pkpTable th:focus {
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 1px #006798;
    box-shadow: inset 0 0 0 1px #006798
}

.pkpTable tr {
    border-bottom: 1px solid #eee
}

.pkpTable caption {
    background: #eaedee;
    padding: 1rem;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    text-align: inherit
}

.pkpTable thead th {
    font-size: .75rem;
    font-weight: 700
}

.pkpTable thead th[aria-sort=true] {
    padding: 0
}

.pkpTable thead th[aria-sort=true] button {
    position: relative;
    margin: 0;
    padding: .5rem;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    border: none;
    border-radius: 2px;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.2em;
    text-align: left;
    color: #222;
    cursor: pointer
}

.pkpTable thead th[aria-sort=true] button:focus {
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 1px #006798;
    box-shadow: inset 0 0 0 1px #006798
}

.pkpTable thead .pkpTable__sortIcon {
    visibility: hidden;
    position: absolute;
    top: 50%;
    right: 4px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-margin-start: .25em;
    margin-inline-start: .25em
}

.pkpTable thead:hover .pkpTable__sortIcon {
    visibility: visible;
    color: #b7c5ca
}

.pkpTable thead th[aria-sort=true].-isActive .pkpTable__sortIcon,
.pkpTable thead th[aria-sort=true]:focus .pkpTable__sortIcon,
.pkpTable thead th[aria-sort=true]:hover .pkpTable__sortIcon {
    visibility: visible;
    color: #006798
}

.pkpTable__label {
    font-size: 1rem;
    font-weight: 700
}

.pkpTable__description {
    max-width: 50em;
    line-height: 1.6em
}

.pkpTable__label+.pkpTable__description {
    margin-top: 1rem
}

.pkpTable+.pkpPagination {
    padding: 0;
    border: 1px solid #eee;
    border-top: none;
    border-radius: 2px
}

.pkpTable+.pkpPagination button {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.pkpTable+.pkpPagination li:first-child,
.pkpTable+.pkpPagination li:last-child {
    margin: 0
}

.pkpTable+.pkpPagination li:first-child button,
.pkpTable+.pkpPagination li:last-child button {
    margin: 0;
    padding: .5rem 1rem;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.pkpTable+.pkpPagination li:first-child button:focus,
.pkpTable+.pkpPagination li:first-child button:hover,
.pkpTable+.pkpPagination li:last-child button:focus,
.pkpTable+.pkpPagination li:last-child button:hover {
    border-color: #006798
}

.pkpTable+.pkpPagination li:first-child button {
    border-right: 1px solid #eee;
    border-bottom-left-radius: 2px
}

.pkpTable+.pkpPagination li:first-child button[disabled]:hover {
    border-color: transparent;
    border-right: 1px solid #eee
}

.pkpTable+.pkpPagination li:last-child button {
    border-left: 1px solid #eee;
    border-bottom-right-radius: 2px
}

.pkpTable+.pkpPagination li:last-child button[disabled]:hover {
    border-color: transparent;
    border-left: 1px solid #eee
}

[dir=rtl] .pkpTable thead .pkpTable__sortIcon {
    right: auto;
    left: 4px
}

.pkpFormLocales {
    position: relative;
    padding: 0 1rem;
    border-bottom: 1px solid #ddd;
    background: #fff;
    text-align: right;
    z-index: 1
}

.pkpFormLocales__locale {
    position: relative;
    display: inline-block;
    padding: .5rem;
    background: #fff;
    border: none;
    font-size: .75rem;
    line-height: 2rem;
    color: #006798
}

button.pkpFormLocales__locale {
    cursor: pointer
}

.pkpFormLocales__locale--isPrimary {
    padding-right: 0;
    padding-left: 1rem;
    border-left: 1px solid #ddd;
    font-weight: 700;
    color: #777
}

.pkpFormLocales__locale--isActive {
    font-weight: 700
}

.pkpFormLocales__locale+.pkpFormLocales__locale {
    margin-left: .5em
}

.pkpFormLocales__locale--isActive:after,
.pkpFormLocales__locale:not(.pkpFormLocales__locale--isPrimary):after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    width: 25%;
    height: 2px;
    background: transparent;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .2s;
    transition: all .2s
}

.pkpFormLocales__locale--isActive:not(.pkpFormLocales__locale--isPrimary),
.pkpFormLocales__locale:not(.pkpFormLocales__locale--isPrimary):focus,
.pkpFormLocales__locale:not(.pkpFormLocales__locale--isPrimary):hover {
    outline: 0
}

.pkpFormLocales__locale--isActive:not(.pkpFormLocales__locale--isPrimary):after,
.pkpFormLocales__locale:not(.pkpFormLocales__locale--isPrimary):focus:after,
.pkpFormLocales__locale:not(.pkpFormLocales__locale--isPrimary):hover:after {
    width: 100%;
    background: #006798
}

.pkpFormErrors {
    font-size: .9rem
}

.pkpFormErrors__goTo {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    padding: 0;
    font-size: .9rem;
    font-weight: 700;
    color: #d00a6c;
    cursor: pointer
}

.pkpFormErrors__goTo:focus,
.pkpFormErrors__goTo:hover {
    text-decoration: underline;
    outline: 0
}

.pkpFormField--options {
    margin: 0;
    padding: .5rem 1rem 1rem;
    border: 1px solid #bbb;
    border-radius: 2px
}

.pkpFormField--options__legend {
    padding: 0 .5rem;
    font-weight: 700
}

.pkpFormField--options__description {
    margin-bottom: 1rem
}

.pkpFormField--options__option {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: .5rem;
    font-size: .875rem;
    line-height: 1.8em;
    cursor: pointer
}

.pkpFormField--options__option+.pkpFormField--options__option {
    margin-top: .5rem
}

.pkpFormField--options__input {
    margin-top: .4rem
}

.pkpFormField--options__input:focus {
    outline: 2px solid #006798;
    outline-offset: 1px
}

.pkpFormField--options .multilingualProgress {
    margin-top: 1rem
}

.pkpFormField--options .pkpFieldError:before {
    display: none
}

.pkpFormField--optionsOrderable .pkpFormField--options__option {
    position: relative;
    padding: .5rem;
    -webkit-padding-start: 4rem;
    padding-inline-start: 4rem;
    -webkit-padding-end: 7rem;
    padding-inline-end: 7rem;
    border: 1px solid #ddd
}

.pkpFormField--archivingPn .pkpFormField--archivingPn__terms button {
    display: inline;
    padding: 0;
    border: none;
    background: transparent;
    color: #006798;
    text-decoration: underline;
    cursor: pointer
}

.pkpFormField--archivingPn .pkpFormField--archivingPn__terms button:focus,
.pkpFormField--archivingPn .pkpFormField--archivingPn__terms button:hover {
    color: #008acb
}

.pkpFormField--color {
    padding: 0;
    border: none
}

.pkpFormField__heading--legend {
    font-weight: 700
}

.pkpFormField--color .vc-chrome {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #bbb;
    border-radius: 2px
}

.pkpFormField--pubid__input {
    display: inline-block
}

.pkpFormField--pubid__button {
    -webkit-margin-start: .25rem;
    margin-inline-start: .25rem;
    height: 2.5rem
}

.pkpFormField--pubid__warning {
    font-size: .75rem;
    line-height: 1.65em;
    margin-top: .25rem
}

.pkpFormField__control--html {
    font-size: .875rem;
    line-height: 1.8em
}

.pkpFormField__control--html p:first-child {
    margin-top: 0
}

.pkpFormField__control--html p:last-child {
    margin-bottom: 0
}

.pkpFormField--metadata__submissionOptions {
    margin: 1rem -1rem 0;
    padding: 1rem 1rem 0;
    border-top: 1px solid #bbb
}

.pkpFormField--options__input--text {
    display: inline-block;
    margin-left: .5em;
    padding: 0 .5em;
    line-height: 1.8rem;
    height: 1.8rem
}

.pkpFormField--richTextArea__control--oneline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem
}

.pkpFormField--richTextArea__control--oneline .tox-tinymce {
    height: calc(2.5rem - 2px) !important
}

.pkpFormField--richTextArea__control--oneline .tox .tox-editor-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.pkpFormField--richTextArea__control--oneline .tox .tox-edit-area {
    -webkit-margin-start: 1rem;
    margin-inline-start: 1rem
}

.pkpFormField--richTextArea__control--oneline .tox-editor-header {
    -webkit-border-start: 1px solid #bbb;
    border-inline-start: 1px solid #bbb;
    -webkit-margin-start: .5rem;
    margin-inline-start: .5rem
}

.pkpFormField--richTextArea__control--oneline .tox .tox-toolbar__primary {
    border-bottom: none
}

.pkpFormField--richTextArea__control--oneline .pkpFormField--richTextarea__controlFooter {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 2.5rem;
    padding: .5rem;
    border-top: none;
    -webkit-border-end: 1px solid #bbb;
    border-inline-end: 1px solid #bbb
}

.pkpFormField--richTextArea__control--oneline .tox-editor-header {
    display: none
}

.pkpFormField--richTextarea.-isFocused .pkpFormField--richTextArea__control--oneline .tox-editor-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pkpFormField--select__input {
    width: 20em
}

.pkpFormField--select__input:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #222
}

.pkpFormField__control--hasMultilingualIndicator .pkpFormField--select__input {
    -webkit-padding-start: 3rem;
    padding-inline-start: 3rem
}

.pkpFormField--select .multilingualProgress {
    position: absolute;
    top: 0;
    left: 0
}

.pkpFormField--select .multilingualProgress button {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid transparent;
    border-right: 1px solid #bbb
}

.pkpFormField--select .multilingualProgress button:focus {
    outline: 0;
    border-color: #006798;
    -webkit-box-shadow: 0 3px 0 #006798;
    box-shadow: 0 3px 0 #006798
}

.pkpFormField--select .multilingualProgress button:focus .fa {
    color: #006798
}

.pkpFormField--select .multilingualProgress .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pkpFormField--select__input:hover+.multilingualProgress button {
    border-color: #888
}

.pkpFormField--select__input:focus+.multilingualProgress button {
    border-color: #006798
}

[dir=rtl] .pkpFormField--select .multilingualProgress,
[dir=rtl] .pkpFormField--select .multilingualProgress button {
    left: auto;
    right: 0
}

.pkpFormField--selectIssue__button {
    -webkit-margin-start: .5em;
    margin-inline-start: .5em
}

.pkpFormField--showEnsuringLink .pkpFormField--options__option button {
    display: inline;
    padding: 0;
    border: none;
    background: transparent;
    color: #006798;
    text-decoration: underline;
    cursor: pointer
}

.pkpFormField--showEnsuringLink .pkpFormField--options__option button:focus,
.pkpFormField--showEnsuringLink .pkpFormField--options__option button:hover {
    color: #008acb
}

.pkpFormField--text {
    position: relative
}

.pkpFormField--text__input {
    width: 20em;
    display: inline-block
}

.pkpFormField__control {
    position: relative
}

.pkpFormField__inputPrefix {
    position: absolute;
    top: 0;
    left: 1rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: .9em;
    color: #777
}

.pkpFormField__control--hasMultilingualIndicator .pkpFormField--text__input {
    -webkit-padding-start: 3rem;
    padding-inline-start: 3rem
}

.pkpFormField__control--hasMultilingualIndicator .pkpFormField__inputPrefix {
    left: 3rem
}

.pkpFormField--text .multilingualProgress {
    position: absolute;
    top: 0;
    left: 0
}

.pkpFormField--text .multilingualProgress button {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid transparent;
    -webkit-border-end: 1px solid #bbb;
    border-inline-end: 1px solid #bbb
}

.pkpFormField--text .multilingualProgress button:focus {
    outline: 0;
    border-color: #006798;
    -webkit-box-shadow: inset 0 -3px 0 #006798;
    box-shadow: inset 0 -3px 0 #006798
}

.pkpFormField--text .multilingualProgress button:focus .fa {
    color: #006798
}

.pkpFormField--text .multilingualProgress .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pkpFormField--text__input:hover+.multilingualProgress button {
    border-color: #888
}

.pkpFormField--text__input:focus+.multilingualProgress button {
    border-color: #006798
}

.pkpFormField--text__optIntoEdit {
    -webkit-margin-start: .25rem;
    margin-inline-start: .25rem;
    height: 2.5rem
}

.pkpFormField--sizesmall .pkpFormField--text__input {
    width: 10em
}

.pkpFormField--sizelarge .pkpFormField--text__input {
    width: 100%
}

.pkpFormField--sizelarge .pkpFormField--text__optIntoEdit {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    margin-top: .25rem;
    height: inherit
}

[dir=rtl] .pkpFormField--text .multilingualProgress,
[dir=rtl] .pkpFormField--text .multilingualProgress button {
    left: auto;
    right: 0
}

[dir=rtl] .pkpFormField__control--hasMultilingualIndicator .pkpFormField__inputPrefix {
    right: 3rem
}

.pkpFormField--textarea__input {
    padding-top: .5em;
    padding-bottom: .5em;
    height: 20em;
    width: 100%;
    line-height: 1.8em
}

.pkpFormField--small .pkpFormField--textarea__input {
    max-width: 20em;
    height: 8em
}

.pkpFormField--large .pkpFormField--textarea__input {
    height: 40em
}

.pkpFormField--upload__preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #bbb;
    border-radius: 2px;
    font-size: .875rem;
    line-height: 1.8em
}

.pkpFormField--upload__fileName {
    padding: .25rem 0
}

.pkpFormField--upload__restore {
    margin-top: .5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.pkpFormField--upload__addFile {
    margin-top: .5rem
}

.pkpFormField--upload .multilingualProgress,
.pkpFormField--upload__previewActions .pkpButton+.pkpButton,
.pkpFormField--upload__uploadActions .pkpButton+.pkpButton {
    -webkit-margin-start: .5rem;
    margin-inline-start: .5rem
}

@-webkit-keyframes progressBar {
    0% {
        background: #006798
    }

    50% {
        background: #008acb
    }

    to {
        background: #006798
    }
}

@keyframes progressBar {
    0% {
        background: #006798
    }

    50% {
        background: #008acb
    }

    to {
        background: #006798
    }
}

.pkpFormField--upload .dz-message {
    padding: 1rem;
    border: 1px dashed #bbb;
    border-radius: 2px;
    text-align: center;
    font-size: .875rem;
    color: #777;
    cursor: pointer
}

.pkpFormField--upload .dz-started .dz-message {
    display: none
}

.pkpFormField--upload .dz-preview {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #bbb;
    border-radius: 2px;
    font-size: .75rem;
    line-height: 1.5em
}

.pkpFormField--upload .dz-details {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.pkpFormField--upload .dz-filename {
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis
}

.pkpFormField--upload .dz-progress {
    position: relative;
    margin-top: 1rem;
    height: .5rem;
    background: #eaedee;
    border-radius: .25rem;
    overflow: hidden
}

.pkpFormField--upload .dz-upload {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: .5rem;
    background: #006798;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-animation: progressBar 1s infinite;
    animation: progressBar 1s infinite
}

.pkpFormField--upload .dz-remove {
    background: #fff
}

.pkpFormField--upload .dz-image {
    display: none
}

.pkpFormField--uploadImage__thumbnail {
    display: block;
    width: 3rem;
    height: auto;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.pkpFormField--uploadImage__altTextInput {
    width: 100%
}

.pkpFormField--uploadImage__altTextDescription {
    color: #777
}

.pkpForm--hasManyVisibleLocales .pkpFormField--upload__preview {
    display: block
}

.pkpFormField--uploadImage .dz-image-preview .dz-image {
    display: block;
    width: 3rem
}

.pkpFormGroup {
    position: relative;
    margin: 0;
    padding: 2rem;
    border: none
}

.pkpFormGroup+.pkpFormGroup {
    border-top: 1px solid #ddd
}

.pkpFormGroup__heading {
    float: left;
    width: 30%;
    -webkit-padding-end: 1.5rem;
    padding-inline-end: 1.5rem;
    line-height: 1.5rem
}

.pkpFormGroup__heading+.pkpFormGroup__fields {
    float: right;
    width: 70%;
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem
}

[dir=rtl] .pkpFormGroup__heading {
    float: right
}

[dir=rtl] .pkpFormGroup__heading .pkpFormGroup__fields {
    float: left
}

.pkpFormGroup__legend {
    display: inline-block;
    margin-bottom: .5rem;
    font-weight: 700;
    font-size: 1.125rem
}

.pkpFormGroup__description {
    font-size: .875rem
}

.pkpFormGroup .pkpFormField+.pkpFormField,
.pkpFormGroup .pkpFormField+.pkpFormGroup__localeGroup,
.pkpFormGroup .pkpFormGroup__localeGroup+.pkpFormField,
.pkpFormGroup .pkpFormGroup__localeGroup+.pkpFormGroup__localeGroup {
    margin-top: 1.5rem
}

.pkpFormGroup__locale {
    display: none
}

.pkpFormGroup__locale--isVisible {
    display: block
}

.pkpForm--hasManyVisibleLocales .pkpFormGroup__heading {
    float: none;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
    margin-bottom: 2rem;
    width: 100%;
    max-width: 35em
}

.pkpForm--hasManyVisibleLocales .pkpFormGroup__heading+.pkpFormGroup__fields {
    float: none;
    width: 100%;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.pkpForm--hasManyVisibleLocales .pkpFormGroup__locale--isVisible {
    float: left;
    width: 50%;
    -webkit-padding-end: 1.5rem;
    padding-inline-end: 1.5rem
}

.pkpForm--hasManyVisibleLocales .pkpFormGroup__locale--isVisible~.pkpFormGroup__locale--isVisible {
    -webkit-padding-end: 0;
    padding-inline-end: 0;
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem
}

[dir=rtl] .pkpForm--hasManyVisibleLocales .pkpFormGroup__locale--isVisible {
    float: right
}

.pkpDropdown .pkpFormGroup {
    padding: .5rem
}

.pkpFormPage__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: .5rem;
    border-top: 1px solid #ddd;
    padding: 1rem
}

.pkpFormPage__footer>.pkpButton {
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.pkpFormPage__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: .5rem
}

.pkpFormPage__status {
    font-size: .75rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.pkpFormPage__status .fa {
    color: #00b24e
}

.pkpFormPage__status .pkpSpinner {
    -webkit-margin-end: .25rem;
    margin-inline-end: .25rem
}

.pkpFormPage__status-enter {
    -webkit-transform: translateY(.5rem);
    transform: translateY(.5rem);
    opacity: 0
}

.pkpFormPage__status-leave-to {
    -webkit-transform: translateY(-.5rem);
    transform: translateY(-.5rem);
    opacity: 0
}

.pkpDropdown .pkpFormPage__footer {
    padding: .5rem;
    border-top: none
}

.pkpForm {
    position: relative
}

.pkpForm__pageNav {
    float: left;
    padding-right: 1rem;
    width: 20%
}

.pkpForm__pageNav+.pkpFormPages {
    margin-left: 20%
}

.pkpForm__pageNav:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 20%;
    border-left: 1px solid #ddd
}

.pkpForm__pageNavList {
    margin: 0;
    padding: 1rem;
    list-style: none
}

.pkpForm__pageNavListItem {
    position: relative;
    font-size: .875rem;
    line-height: 1.5em
}

.pkpForm__pageNavListItem+.pkpForm__pageNavListItem {
    margin-top: 1em
}

.pkpForm__pageNavListItem .fa {
    position: absolute;
    top: 50%;
    left: 100%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.pkpForm__pageNavPage {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left;
    color: #006798;
    cursor: pointer
}

.pkpForm__pageNavPage--current {
    font-weight: 700
}

.pkpFormPage {
    position: absolute;
    left: -9999px
}

.pkpFormPage--current {
    position: relative;
    left: auto
}

.expander {
    width: 2rem;
    padding: 0 .5em;
    background: transparent;
    border: 1px solid #ddd;
    border-radius: 2px;
    font-size: .875rem;
    line-height: 2rem;
    color: #006798;
    -webkit-box-shadow: 0 1px 0 #ddd;
    box-shadow: 0 1px 0 #ddd;
    cursor: pointer
}

.expander:focus,
.expander:hover {
    color: #006798;
    border-color: #006798;
    outline: 0
}

.expander:active {
    -webkit-box-shadow: 0 0 2px;
    box-shadow: 0 0 2px
}

.listPanel__item--reviewer__active {
    -webkit-margin-end: .25rem;
    margin-inline-end: .25rem;
    font-weight: 400
}

.listPanel__item--reviewer__rating {
    -webkit-margin-start: .25rem;
    margin-inline-start: .25rem;
    color: #ddd
}

.listPanel__item--reviewer__star--on {
    color: #daa03c
}

.listPanel__item--reviewer__orcid {
    -webkit-margin-start: .5rem;
    margin-inline-start: .5rem;
    font-size: .75rem;
    text-decoration: none
}

.listPanel__item--reviewer__brief>* {
    display: inline-block;
    margin-top: .5em;
    -webkit-margin-end: 1em;
    margin-inline-end: 1em;
    font-size: .75rem
}

.listPanel__item--reviewer__complete {
    min-width: 4em
}

.listPanel__item--reviewer__last {
    min-width: 9em
}

.listPanel__item--reviewer__brief .fa,
.listPanel__itemExpanded--reviewer .fa {
    color: #b7c5ca;
    font-size: .875rem
}

.listPanel__item--reviewer__detailHeading {
    margin-bottom: .5em;
    font-weight: 700
}

.listPanel__item--reviewer__notice {
    font-size: .75rem
}

.listPanel__item--reviewer__noticeAction {
    border: none;
    padding: 0;
    background: transparent;
    color: #006798;
    text-decoration: underline;
    cursor: pointer
}

.listPanel__item--reviewer__noticeAction:focus,
.listPanel__item--reviewer__noticeAction:hover {
    color: #008acb
}

.listPanel__itemIdentity--submission {
    position: relative
}

.listPanel__itemExpanded--submission,
.listPanel__itemIdentity--submission {
    -webkit-padding-start: 2.5rem;
    padding-inline-start: 2.5rem
}

.listPanel__item--submission__id {
    position: absolute;
    top: 0;
    left: 0;
    font-size: .75rem;
    line-height: 1.5rem;
    color: #222
}

.listPanel__item--submission__author,
.listPanel__item--submission__notice,
.listPanel__item--submission__title {
    display: block;
    -webkit-padding-end: 2em;
    padding-inline-end: 2em
}

.listPanel__item--submission__author {
    font-weight: 700
}

.listPanel__item--submission__notice,
.listPanel__item--submission__reviewerWorkflowLink {
    margin-top: .5em;
    font-size: .75rem;
    line-height: 1.5em;
    color: #222
}

.listPanel__item--submission__notice .fa,
.listPanel__item--submission__reviewerWorkflowLink .fa {
    font-size: .875rem;
    color: #d00a6c
}

.listPanel__item--submission__notice .-linkButton:not(:last-child) {
    -webkit-margin-end: .5em;
    margin-inline-end: .5em
}

.listPanel__item--submission__flags {
    display: inline-block;
    font-size: .75rem;
    line-height: 1.5em
}

.listPanel__item--submission__flags>* {
    -webkit-margin-end: 1em;
    margin-inline-end: 1em
}

.listPanel__item--submission__flags .fa {
    -webkit-margin-end: .25em;
    margin-inline-end: .25em;
    font-size: .875rem;
    color: rgba(0, 0, 0, .54)
}

.listPanel__item--submission__stage {
    -webkit-margin-start: .5rem;
    margin-inline-start: .5rem;
    -webkit-margin-end: .25rem;
    margin-inline-end: .25rem
}

.listPanel__itemExpanded--submission {
    margin-top: 1rem
}

.listPanel__item--submission__reviewDetails {
    margin-top: .25em;
    font-size: .75rem;
    line-height: 1.5em
}

.listPanel__item--submission__dueDate {
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

.listPanel__item--submission__reviewComplete .fa {
    color: #00b24e
}

[dir=rtl] .listPanel__item--submission__id {
    left: auto;
    right: 0
}

.pkpAdvancedSearchReviewerContainer .action_container {
    padding-left: 1rem;
    padding-bottom: .9rem
}

.pkpAdvancedSearchReviewerContainer .list_outline {
    border: 1px solid #eee;
    border-radius: 2px;
    margin-bottom: 1.3rem
}

.pkpAdvancedSearchReviewerContainer .list_box {
    padding-left: 1.9rem;
    overflow-y: scroll;
    max-height: 17em
}

.pkpAdvancedSearchReviewerContainer .show_authors_action {
    color: #006798;
    text-decoration: none;
    cursor: pointer
}

.app__header {
    position: sticky;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 3rem;
    background: #002c40;
    font-size: .85rem;
    z-index: 10
}

.app__contextTitle {
    margin-left: .5rem;
    margin-right: .5rem;
    padding: .5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 1px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 2px
}

.app__contextTitle:hover {
    color: #fff
}

.app__contextTitle:focus {
    outline: none;
    border-color: #fff;
    color: #fff
}

.app__headerActions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    white-space: nowrap
}

.app__headerActions .pkpDropdown__content {
    right: 0;
    white-space: normal
}

.app__headerAction>button {
    padding: .5rem 1rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    border: none;
    border-radius: 0;
    color: #fff;
    font-weight: 400;
    -webkit-box-shadow: 0 0 0 #fff;
    box-shadow: 0 0 0 #fff;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .15s;
    transition: all .15s
}

.app__headerAction>button .fa {
    font-size: 1.5rem;
    vertical-align: middle
}

.app__headerAction>button:focus,
.app__headerAction>button:hover {
    outline: none;
    -webkit-transform: translateY(-.25rem);
    transform: translateY(-.25rem);
    -webkit-box-shadow: 0 .25rem 0 #fff;
    box-shadow: 0 .25rem 0 #fff;
    color: #fff
}

.app__contexts {
    border-right: 1px solid hsla(0, 0%, 100%, .2)
}

.app__contexts>.pkpButton .fa {
    font-size: 1.1rem
}

.app__contexts .pkpDropdown__content {
    left: .25rem;
    max-width: 30em;
    max-height: 85vh;
    overflow-y: auto
}

.app__tasks>button {
    position: relative;
    padding: .5rem 1rem;
    background: transparent;
    border: none;
    line-height: 2rem;
    color: #fff;
    cursor: pointer
}

.app__tasksCount {
    position: absolute;
    top: .5rem;
    right: .75rem;
    background: #d00a6c;
    line-height: 1;
    padding: 2px;
    border-radius: 2px;
    color: #fff;
    -webkit-box-shadow: 0 0 1px 1px #002c40;
    box-shadow: 0 0 1px 1px #002c40
}

.app__userNav .pkpDropdown__content {
    right: .25rem
}

.app__userNav>.pkpButton>.app__userNav__isLoggedInAsWarning {
    position: absolute;
    right: .5em;
    top: .5em;
    font-size: 1rem;
    color: #fff;
    background: #006798;
    border-radius: 50%
}

.app__userNav .pkpDropdown__content {
    min-width: 13rem
}

.app__userNav__loggedInAs {
    margin-top: .25rem;
    margin-bottom: .25rem;
    padding-left: .5rem;
    padding-right: .5rem;
    font-size: .75rem;
    line-height: 1.7em
}

.app__userNav__changeLocale {
    padding-left: .5rem;
    font-weight: 700;
    font-size: .75rem
}

.app__returnHeader {
    position: sticky;
    top: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    color: #fff;
    min-height: 3rem;
    line-height: 3rem;
    background: #002c40;
    font-size: .85rem;
    z-index: 9
}

.app__returnHeaderLink {
    text-decoration: none;
    color: #fff;
    line-height: 1.5em;
    border: 1px solid transparent;
    border-radius: 2px;
    margin-left: -.5rem;
    padding: .25rem .5rem
}

.app__returnHeaderLink:focus {
    outline: none;
    border-color: #fff;
    color: #fff
}

.app__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.app__nav {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15rem;
    flex: 0 0 15rem;
    padding-top: 1.5rem;
    padding-left: .5rem;
    padding-right: .5rem;
    font-size: .875rem;
    line-height: 1.5rem
}

.app__nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.app__navGroup {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.app__navItem {
    display: inline-block;
    padding: .25rem .5rem;
    color: #002c40
}

.app__navItem .app__navItem {
    padding-left: 0;
    padding-right: 0
}

.app__navItem--hasSubmenu {
    font-weight: 700
}

a.app__navItem {
    text-decoration: none
}

a.app__navItem:hover {
    color: #006798
}

a.app__navItem:focus {
    -webkit-box-shadow: 0 0 0 1px #006798;
    box-shadow: 0 0 0 1px #006798;
    border-radius: 2px;
    outline: 0;
    color: #002c40
}

a.app__navItem--isCurrent {
    background: #002c40;
    border-radius: 2px;
    font-weight: 700;
    color: #fff
}

a.app__navItem--isCurrent:hover {
    color: #fff
}

a.app__navItem--isCurrent:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #006798;
    color: #fff
}

.app__main {
    padding: 1rem;
    width: 100%;
    min-width: 1px
}

.app__breadcrumbs {
    margin: -1rem -1rem 1rem;
    padding: .5rem 1rem;
    font-size: .85rem;
    color: #002c40
}

.app__breadcrumbs ol {
    margin: 0;
    padding: 0;
    list-style: none
}

.app__breadcrumbs li {
    display: inline-block;
    font-size: .75rem
}

.app__breadcrumbs a {
    text-decoration: none
}

.app__breadcrumbs a:focus,
.app__breadcrumbs a:hover {
    text-decoration: underline
}

.app__breadcrumbsSeparator {
    display: inline-block;
    margin-left: .5rem;
    margin-right: .5rem;
    color: #777
}

.app__pageHeading {
    margin: 0 0 1rem;
    font-size: 1.5rem;
    line-height: 2rem
}

.app__pageHeading--center {
    text-align: center
}

.app__pageHeading--spacious {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.app__contentPanel {
    padding: 1rem;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    border-radius: 2px;
    font-size: .875rem;
    line-height: 1.5rem
}

.app__contentPanel p:first-child {
    margin-top: 0
}

.app__contentPanel p:last-child {
    margin-bottom: 0
}

.app__tasksDropdown {
    width: 75vw
}

@media (min-width:35rem) {
    .app__tasksDropdown {
        width: 30rem
    }
}

.app__tasksDropdown .header {
    border: none
}

.app__tasksDropdown .pkp_linkaction_details {
    font-size: .875rem;
    line-height: 1.5em;
    text-decoration: none
}

.app__notifications {
    position: fixed;
    top: 3.5rem;
    right: .5rem;
    width: 20rem;
    z-index: 1001
}

.app__notifications .pkpNotification {
    -webkit-transition: all .2s;
    transition: all .2s
}

.app__notifications .pkpNotification+.pkpNotification {
    margin-top: .5rem
}

.app__notification-enter {
    -webkit-transform: translateY(1.5rem);
    transform: translateY(1.5rem);
    opacity: 0
}

.app__notification-leave-to {
    -webkit-transform: translateY(-1.5rem);
    transform: translateY(-1.5rem);
    opacity: 0
}

.app__loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1999;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    background: hsla(0, 0%, 100%, .5)
}

.app__loading-enter,
.app__loading-leave-to {
    opacity: 0
}

.app__loading__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

[dir=rtl] .app__headerActions .pkpDropdown__content {
    right: auto;
    left: 0
}

[dir=rtl] .app__contexts,
[dir=rtl] .app__tasks {
    border-right: none;
    border-left: 1px solid hsla(0, 0%, 100%, .2)
}

[dir=rtl] .app__contexts .pkpDropdown__content {
    left: auto;
    right: .25rem
}

[dir=rtl] .app__userNav .pkpDropdown__content {
    right: auto;
    left: .25rem
}

[dir=rtl] .app__notifications {
    right: auto;
    left: .5rem
}

@media (min-width:1140px) {
    .app__main {
        padding: 2rem 1rem
    }

    .app__breadcrumbs {
        margin: -2rem -1rem 1rem
    }
   
}

.notifyUsers__progress__spinner {
    margin-right: .25em
}

.highlightsListPanel .listPanel__item {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.highlightsListPanel .listPanel__itemTitle {
    font-weight: 400
}

.highlightsListPanel.-isOrdering .listPanel__item {
    padding: 0
}

.highlightsListPanel.-isOrdering .listPanel__itemIdentity {
    padding: .55rem 1rem;
    -webkit-padding-end: 8rem;
    padding-inline-end: 8rem
}

.highlightsListPanel.-isOrdering .orderer__dragDrop {
    display: none
}

.highlightsListPanel.-isOrdering .listPanel__itemSummary {
    -webkit-margin-end: 8rem;
    margin-inline-end: 8rem
}

.announcementsListPanel .listPanel__item {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.announcementsListPanel .listPanel__itemTitle {
    font-weight: 400
}

.pkp_page_admin .pkpNotification {
    margin-bottom: 2rem
}

.pkp_page_admin .actionPanel {
    margin-bottom: 1.5rem;
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 2px;
    background: #fff
}

.pkp_page_admin .actionPanel__actions form+form {
    margin-top: .25rem
}

.pkp_page_admin .app__contentPanel {
    font-size: .875rem;
    line-height: 1.6em
}

.pkp_page_admin .app__contentPanel h2 {
    margin-bottom: .5rem;
    font-size: 1rem;
    line-height: 1.6em
}

.pkp_page_admin .app__contentPanel h2:first-child {
    margin-top: 0
}

.pkp_page_admin .app__contentPanel .app--admin__systemInfoGroup {
    font-weight: 700
}

.counterReportsListPanel .listPanel__itemTitle {
    font-weight: 400
}

.depositErrorMessage {
    background: #eaedee
}

.depositErrorMessage>pre {
    white-space: pre-wrap
}

.doiListItem__depositorDetails {
    border: 1px solid #eee;
    padding: 1rem;
    margin-top: .5rem
}

.doiListItem__depositorName {
    margin: 0;
    font-size: 1rem;
    font-weight: 700
}

.doiListItem__depositorDescription {
    font-size: .875rem;
    line-height: 1.5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.doiListItem__depositorActions {
    margin-top: .5rem;
    text-align: right
}

.doiListItem__depositorActions>button {
    margin-left: .25rem
}

.doiListItem__doiDetail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.doiListItem__doiDetail>* {
    white-space: nowrap
}

.doiListItem__doiDetail>*+* {
    margin-left: .25rem
}

.doiListItem__doiDetail--editButton {
    margin-top: .25rem;
    margin-left: .25rem;
    margin-right: .25rem
}

.doiListItem__emphasis {
    font-weight: 700
}

.doiListItem__itemTitle {
    font-weight: 400
}

.doiListItem__itemMetadata {
    font-size: .75rem;
    line-height: 1.5em;
    color: #222;
    margin-left: .75rem
}

.doiListItem__selectWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -1rem
}

.doiListItem__selector {
    line-height: 100%;
    width: 3rem;
    padding-left: 1rem
}

.doiListItem__itemMetadata--badge {
    margin-right: .25rem
}

.listPanel__itemExpanded--doi {
    margin-left: 2.25rem
}

.doiListItem__versionContainer,
.listPanel__item--doi .listPanel__itemExpanded .pkpTable {
    margin-top: .5rem
}

.doiListItem__versionContainer--actionsBar {
    margin-top: .5rem
}

.doiListItem__versionContainer--actionsBar,
.doiListPanel__itemExpandedActions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.doiListPanel__itemExpandedActions--actionsBar {
    padding-right: .5rem
}

.labelDisabled {
    color: #4e4f4f
}

.doiListPanel__options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .5rem
}

.doiListPanel__options--button {
    margin-left: .25rem
}

.doiListPanel__statusInfoButton {
    background: transparent;
    border: none;
    cursor: pointer
}

.doiListPanel__bulkActions .pkpDropdown__content {
    right: 0
}

body[dir=rtl] .doiListPanel__bulkActions .pkpDropdown__content {
    right: auto;
    left: 0
}

.app__page--decision .app__pageHeading {
    margin: 0
}

.app__page--decision .app__pageDescription {
    margin: 0 0 2rem;
    font-size: .875rem;
    line-height: 1.5rem
}

.app__page--decision .pkpSteps__buttonWrapper {
    border: 1px solid #ddd;
    border-bottom: 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.decision__stepPanel {
    border-bottom: none;
    border-top: none;
    border-radius: 0
}

.decision__stepHeader h2 {
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.5rem
}

.decision__stepHeader p {
    margin: .5rem 0 0;
    font-size: .875rem;
    line-height: 1.25rem
}

.app__page--decision .panel.composer {
    border: none
}

.app__page--decision .panel.composer .panelSection {
    padding: 0
}

.decision_filesList:not(:last-child) {
    margin-bottom: 2rem
}

.listPanel--promoteFiles__selectWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-margin-start: -1rem;
    margin-inline-start: -1rem
}

.listPanel--promoteFiles__selector {
    width: 3rem;
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem
}

.decision__error {
    margin-bottom: 1rem
}

.app__page--decision .pkpFormPage__footer {
    display: none
}

.decision__footer__panel {
    border-top: none;
    border-radius: 0
}

.decision__footer__panel .panelSection {
    padding-top: 0
}

.decision__footer__panel .panelSection__header {
    margin-bottom: 0
}

.decision__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.decision__footer *+.pkpButton {
    -webkit-margin-start: .5rem;
    margin-inline-start: .5rem
}

.decision__skipStep {
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    font-size: .75rem;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.decision__footer--noSteps {
    margin-top: 2rem;
    padding: 0;
    background: transparent;
    border: none
}

#exportXmlForm .submissionsListPanel .listPanel {
    margin-bottom: 1rem
}

#exportXmlForm .submissionsListPanel .listPanel__item {
    padding-top: .25rem;
    padding-bottom: .25rem
}

#exportXmlForm .submissionsListPanel input {
    margin-right: .25rem
}

#exportXmlForm .submissionsListPanel label {
    font-size: .875rem;
    font-weight: 400
}

#exportXmlForm .section {
    text-align: right
}

.manageEmails__listPanel {
    background: #fff
}

.institutionsListPanel .listPanel__itemTitle {
    font-weight: 400
}

.pkp_page_management .app__page>.pkpNotification {
    margin-bottom: 2rem
}

.startSubmissionPage__form .pkpFormPage__footer {
    display: block;
    padding: 2rem 0 0;
    border-top: none
}

.startSubmissionPage__form .pkpFormPage__footer [role=status]:not(:empty) {
    display: block;
    width: 100%;
    margin: 0 0 2rem;
    text-align: center
}

.startSubmissionPage__form .pkpFormPage__footer [role=status]:not(:empty) .pkpFormPage__status {
    padding: .5rem;
    border: 1px solid #bbb;
    border-radius: 2rem
}

.startSubmissionPage__form .pkpFormErrors {
    display: block;
    margin: 0 0 2rem;
    padding: 1rem;
    text-align: center;
    border: 1px solid #d00a6c
}

.startSubmissionPage__form .pkpButton {
    margin: 0;
    padding: .5rem;
    width: 100%;
    font-size: .875rem;
    text-align: center
}

.pkpStats>.pkpHeader {
    padding: .5rem 0
}

.pkpStats__graph {
    margin-bottom: 1rem
}

.pkpStats__content {
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

.pkpStats__sidebar {
    position: absolute;
    left: -9999px;
    opacity: 0;
    width: 0
}

.pkpStats__sidebar+.pkpStats__content {
    float: right;
    width: 100%;
    -webkit-transition: width .2s;
    transition: width .2s
}

.pkpStats__sidebar .pkpFilter,
.pkpStats__sidebar .pkpHeader {
    -webkit-margin-start: -1rem;
    margin-inline-start: -1rem
}

.pkpStats__sidebar .pkpStats__filterSet:first-child .pkpHeader {
    padding-top: 0
}


.pkpStats__sidebar.-isVisible {
    float: left;
    position: relative;
    left: 0;
    width: 25%;
    opacity: 1;
    -webkit-transition: opacity .2s ease-in-out .2s, left 0s ease-in-out .1s, right 0s ease-in-out .1s, width .2s ease-in-out 0s;
    transition: opacity .2s ease-in-out .2s, left 0s ease-in-out .1s, right 0s ease-in-out .1s, width .2s ease-in-out 0s
}

.pkpStats__sidebar.-isVisible+.pkpStats__content {
    width: 75%
}

.pkpStats__sidebar .pkpHeader {
    padding-top: 1.5rem;
    padding-bottom: 0;
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    -webkit-padding-end: .5rem;
    padding-inline-end: .5rem
}

.pkpStats__sidebar>.pkpHeader:first-child {
    padding: .5rem;
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem
}

.pkpStats__sidebar .pkpHeader__title,
.pkpStats__sidebar .pkpHeader__title>h1,
.pkpStats__sidebar .pkpHeader__title>h2,
.pkpStats__sidebar .pkpHeader__title>h3,
.pkpStats__sidebar .pkpHeader__title>h4,
.pkpStats__sidebar .pkpHeader__title>h5,
.pkpStats__sidebar .pkpHeader__title>h6 {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.5em
}

.pkpStats__filterSet {
    margin: 1rem 0
}

.pkpStats__panel {
    padding: 1rem;
    background: #fff;
    border-radius: 2px
}

.pkpStats__panel>.pkpHeader {
    margin-top: -1rem;
    padding: .5rem 0
}

.pkpStats__itemsOfTotal {
    font-size: .75rem
}

.pkpStats__titleSearch {
    display: inline-block;
    float: none;
    margin-top: 0;
    -webkit-margin-start: 1rem;
    margin-inline-start: 1rem;
    max-width: 20em
}

.pkpStats__titleSearch .pkpSearch__input {
    font-size: .75rem;
    line-height: 2.5em;
    -webkit-padding-start: 2.5rem;
    padding-inline-start: 2.5rem
}

.pkpStats__itemLink {
    color: #222;
    text-decoration: none
}

.pkpStats__itemLink:focus,
.pkpStats__itemLink:hover {
    color: #006798;
    text-decoration: underline;
    outline: 5px solid transparent
}

.pkpStats__itemAuthors {
    font-weight: 700
}

.pkpStats__noRecords {
    padding: 2rem 1rem;
    border: 1px solid #eee;
    border-top: none;
    font-size: .875rem;
    text-align: center;
    color: #777
}

.pkpStats__graph {
    background: #002c40;
    color: #fff
}

.pkpStats__graph,
.pkpStats__graph .chartjs-render-monitor {
    border-radius: 2px
}

.pkpStats__graphHeader {
    padding: 1rem
}

.pkpStats__graphSelectors {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pkpStats__graphSelector,
.pkpStats__graphSelectors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pkpStats__graphSelector .pkpButton {
    position: relative;
    z-index: 1;
    background: transparent;
    border: 1px solid #437b96;
    -webkit-box-shadow: 0 1px 0 #000;
    box-shadow: 0 1px 0 #000;
    font-size: .75rem;
    line-height: 2em;
    color: #fff
}

.pkpStats__graphSelector .pkpButton:before {
    content: "";
    position: relative;
    display: inline-block;
    width: .75em;
    height: .75em;
    -webkit-margin-end: .25em;
    margin-inline-end: .25em;
    border: 1px solid #fff;
    border-radius: 50%
}

.pkpStats__graphSelector .pkpButton:first-child {
    position: relative;
    left: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.pkpStats__graphSelector .pkpButton:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.pkpStats__graphSelector .pkpButton:focus,
.pkpStats__graphSelector .pkpButton:hover {
    color: #fff;
    border-color: #fff;
    z-index: 2
}

.pkpStats__graphSelector .pkpButton[aria-pressed=true] {
    background: #006798
}

.pkpStats__graphSelector .pkpButton[aria-pressed=true]:before {
    background: #fff;
    -webkit-box-shadow: inset 0 0 0 1px #006798;
    box-shadow: inset 0 0 0 1px #006798
}

.pkpStats__graphSelector .pkpButton[disabled] {
    background: transparent;
    opacity: .5
}

.pkpStats__graphSelector--timelineInterval {
    -webkit-margin-start: auto;
    margin-inline-start: auto
}

.pkpStats__graph {
    position: relative
}

.pkpStats__loadingCover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 1
}

.pkpStats__loadingCover>.pkpSpinner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pkpStats__loadingCover>.pkpSpinner:before {
    width: 100px;
    height: 100px;
    border-top-color: #fff;
    border-left-color: #fff;
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.pkpStats__table .pkpTable.-isLoading tbody {
    opacity: .5
}

[dir=rtl] .pkpStats__sidebar {
    left: auto;
    right: -9999px
}

[dir=rtl] .pkpStats__sidebar+.pkpStats__content {
    float: left
}

[dir=rtl] .pkpStats__sidebar.-isVisible {
    float: right;
    left: auto;
    right: 0
}

[dir=rtl] .pkpStats__graphSelector {
    border-radius: 50%
}

[dir=rtl] .pkpStats__graphSelector:first-child {
    left: auto;
    right: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

[dir=rtl] .pkpStats__graphSelector:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

[dir=rtl] .pkpStats__loadingCover {
    left: auto;
    right: 0
}

.pkpStats--editorial__stageWrapper {
    position: relative;
    min-height: 256px
}

.pkpStats--editorial__stageChartWrapper {
    float: left;
    width: 256px
}

.pkpStats--editorial__stageChartWrapper .chartjs-render-monitor {
    margin-left: auto;
    margin-right: auto;
    max-width: 256px
}

.pkpStats--editorial__stageList {
    position: absolute;
    top: 50%;
    left: 256px;
    width: 65%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pkpStats--editorial__stage {
    display: inline-block;
    margin-top: 2rem;
    margin-right: 1.5rem
}

.pkpStats--editorial__stageCount {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1em
}

.pkpStats--editorial__stageLabel {
    display: block;
    font-size: .875rem;
    line-height: 1.25em
}

.pkpStats--editorial__stage--total {
    display: block;
    margin-top: 0
}

.pkpStats--editorial__stage--total .pkpStats--editorial__stageCount {
    font-size: 48px
}

.pkpStats--editorial__stage--total .pkpStats--editorial__stageLabel {
    font-size: 1rem
}

.pkpStats--editorial .pkpStats__sidebarHeader {
    margin-top: 2rem
}

.pkpTable--editorialStats td:not(:first-child),
.pkpTable--editorialStats th:not(:first-child) {
    max-width: 6em
}

.pkpStats__sidebarHeader+.pkpStats__filterSet .pkpHeader {
    padding-top: 0
}

.pkpStats__reportParams th {
    font-weight: 700;
    border-right: 1px solid #eee
}

.pkpStats__reportAction {
    margin: 2rem 0
}

.listPanel--contributor.-isOrdering .listPanel__item {
    padding: 0
}

.listPanel--contributor.-isOrdering .listPanel__itemIdentity {
    padding: .75rem 1rem;
    -webkit-padding-end: 8rem;
    padding-inline-end: 8rem
}

.listPanel--contributor.-isOrdering .orderer__dragDrop {
    display: none
}

.listPanel--contributor.-isOrdering .listPanel__itemSummary {
    -webkit-margin-end: 8rem;
    margin-inline-end: 8rem
}

.listPanel--contributor .full-text {
    white-space: normal;
    text-align: justify
}

.listPanel--submissionFiles .listPanel__item {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.listPanel--submissionFiles .listPanel__itemSubtitle {
    overflow: visible
}

.listPanel__item--submissionFile__link {
    display: block;
    -webkit-margin-start: -.25rem;
    margin-inline-start: -.25rem;
    padding: .25rem;
    border: 1px solid transparent;
    border-radius: 2px;
    color: #222;
    text-decoration: none
}

.listPanel__item--submissionFile__link:focus,
.listPanel__item--submissionFile__link:hover {
    color: #222;
    border-color: #006798;
    outline: 0
}

.listPanel--submissionFiles__setGenre {
    font-size: .8rem;
    font-weight: 700
}

.listPanel--submissionFiles__setGenreLabel {
    font-size: .8rem
}

.listPanel--submissionFiles__setGenreButton {
    -webkit-margin-start: .5rem;
    margin-inline-start: .5rem
}

.listPanel--submissionFiles__itemGenre {
    -webkit-margin-end: .25rem;
    margin-inline-end: .25rem
}

.listPanel--submissionFiles__genreSpinner {
    -webkit-margin-start: .5rem;
    margin-inline-start: .5rem
}

.submissionFilesListPanel {
    position: relative
}

.submissionWizard .app__pageHeading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2rem 0 .25rem
}

.submissionWizard .app__pageHeading>.pkpButton {
    -webkit-margin-start: auto;
    margin-inline-start: auto
}

.submissionWizard__steps {
    margin-top: 2rem
}

.submissionWizard .pkpSteps__buttonWrapper {
    border: 1px solid #ddd;
    border-radius: 2px;
    margin-bottom: 2rem
}

.submissionWizard__submissionConfiguration,
.submissionWizard__submissionDetails {
    font-size: .875rem;
    line-height: 1.5rem
}

.submissionWizard__stepForm .pkpFormLocales {
    border: none;
    margin-top: -1rem;
    margin-bottom: 1rem;
    padding-right: 0
}

.submissionWizard__stepForm .pkpFormLocales .pkpFormLocales__locale--isPrimary {
    border: none
}

.submissionWizard__stepForm .pkpFormPage__footer {
    display: none
}

.submissionWizard__reviewPanel {
    border: 1px solid #ddd;
    border-radius: 2px
}

.submissionWizard__reviewPanel+.submissionWizard__reviewPanel {
    margin-top: 2rem
}

.submissionWizard__reviewPanel__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem 1rem;
    border-bottom: 1px solid #ddd
}

.submissionWizard__reviewPanel__header h3 {
    margin: 0;
    font-size: 1rem;
    line-height: 1.5rem
}

.submissionWizard__reviewPanel__edit {
    -webkit-margin-start: auto;
    margin-inline-start: auto
}

.submissionWizard__reviewPanel__body {
    font-size: .875rem;
    line-height: 1.5rem
}

.submissionWizard__reviewPanel__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.submissionWizard__reviewPanel__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1rem
}

.submissionWizard__reviewPanel__list .pkpBadge {
    white-space: nowrap
}

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

.submissionWizard__reviewPanel__list__actions {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    white-space: nowrap
}

.submissionWizard__reviewPanel__list__actions>* {
    -webkit-margin-start: .5rem;
    margin-inline-start: .5rem
}

.submissionWizard__review_errors {
    margin-bottom: 2rem
}

.submissionWizard__reviewPanel__fileLink {
    display: block;
    margin-left: -.25rem;
    padding: .25rem;
    border: 1px solid transparent;
    border-radius: 2px;
    color: #222;
    text-decoration: none
}

.submissionWizard__reviewPanel__fileLink:focus,
.submissionWizard__reviewPanel__fileLink:hover {
    color: #222;
    border-color: #006798;
    outline: 0
}

.submissionWizard__reviewPanel__download {
    text-align: center
}

.submissionWizard__reviewPanel__item {
    padding: 1rem;
    border-bottom: 1px solid #ddd
}

.submissionWizard__reviewPanel__item:last-child {
    border-bottom: none
}

.submissionWizard__reviewPanel__item .pkpNotification {
    margin-bottom: .5rem
}

.submissionWizard__reviewPanel__item__header,
.submissionWizard__reviewPanel__item__value {
    margin: 0;
    font-size: .875rem;
    line-height: 1.5rem
}

.submissionWizard__reviewPanel__item__value>p:first-child,
.submissionWizard__reviewPanel__item__value>ul:first-child {
    margin-top: 0
}

.submissionWizard__reviewPanel__item__value>p:last-child,
.submissionWizard__reviewPanel__item__value>ul:last-child {
    margin-bottom: 0
}

.submissionWizard__reviewEmptyWarning {
    margin: 1rem
}

ul.submissionWizard__reviewPanel__item__value {
    margin: 0;
    padding: 0;
    list-style: none
}

.submissionWizard__reviewPanel__body .pkpTable {
    border: none
}

.submissionWizard__reviewPanel__citation+.submissionWizard__reviewPanel__citation {
    margin-top: 1rem
}

.submissionWizard__footer {
    padding: 2rem;
    background: #fff;
    border: 1px solid #ddd;
    border-top: none
}

.submissionWizard__lastSaved {
    margin-right: .5rem;
    font-size: .875rem;
    line-height: 1.5rem
}

.submissionWizard__lastSaved--disconnected {
    color: #d00a0a
}

.submissionWizard__lastSaved--disconnected .pkpSpinner:before {
    border-top-color: #d00a0a;
    border-left-color: #d00a0a
}

.submissionWizard__loadingReview {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    background: hsla(0, 0%, 100%, .75);
    text-align: center;
    font-size: .875rem
}

.submissionWizard__reviewLoading-enter,
.submissionWizard__reviewLoading-leave-to {
    opacity: 0
}

.pkpWorkflow__header {
    margin-bottom: 2rem;
    padding: 0;
    min-height: 2rem
}

.pkpWorkflow__header .pkpWorkflow__identification {
    font-size: .875rem;
    font-weight: 400;
    line-height: 2rem
}

.pkpWorkflow__identificationStatus {
    margin-right: .5em
}

.pkpWorkflow__identificationAuthor {
    font-weight: 700
}

.pkpWorkflow__identificationDivider {
    color: #777;
    margin-left: .5em;
    margin-right: .5em
}

.pkpWorkflow .pkpTabs__button .fa {
    margin-left: .5rem;
    margin-right: .5rem
}

.pkpPublication__header {
    margin: -2rem -2rem 0;
    padding: 1rem;
    border-bottom: 1px solid #ddd
}

.pkpPublication__header .pkpHeader__title {
    padding: 0;
    font-size: .875rem;
    font-weight: 400
}

.pkpPublication__status+.pkpPublication__version {
    margin-left: 1.5rem
}

.pkpPublication__statusPublished {
    color: #00b24e
}

.pkpPublication__statusUnpublished {
    color: #d00a0a
}

.pkpPublication__versionPublished {
    margin: 0 -2rem;
    padding: 1rem;
    background: #d00a0a;
    font-size: .875rem;
    color: #fff;
    text-align: center
}

.pkpPublication__tabs.pkpTabs--side .pkpTabs__button:first-child {
    border-top: none
}

.pkpPublication__tabs.pkpTabs--side .pkpTab>.pkpForm {
    margin-right: -1rem;
    border-top: none;
    border-right: none
}

@media (min-width:767px) {
    .pkpPublication__tabs.pkpTabs--side .pkpTab>.pkpForm {
        margin-right: -2rem
    }
}

.pkpPublication__mask {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity .6s, visibility .6s;
    transition: opacity .6s, visibility .6s
}

.pkpPublication__mask.-isVisible {
    visibility: visible;
    opacity: 1
}

.pkpPublication__mask>.pkpSpinner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pkpPublication__mask>.pkpSpinner:before {
    width: 100px;
    height: 100px;
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

#representations-grid,
.pkpWorkflow__contributors {
    padding-top: 2rem
}

.pkpWorkflow__submissionPayments .pkpDropdown__content {
    min-width: 15em;
    max-width: 15em
}

.app__contentPanel__overflow[data-v-09b97495] {
    width: inherit !important;
    overflow: auto !important
}


/* ==========================================================================
   SAMIKSHA INTERNATIONAL JOURNAL OF MANAGEMENT AND TECHNOLOGY
   OJS 3.4 - CUSTOM THEME OVERRIDES
   United Institute of Management, Prayagraj  |  ISSN(P): 0975-7708

   Everything ABOVE this banner is the untouched normalize.css / OJS base
   block. Everything BELOW is the Samiksha design layer, organised as:

    1. Global colours + overflow safety
    2. Header: banner / logo strips                         (desktop >= 992px)
    3. Header: ISSN badge + Register / Login                (desktop)
    4. Header: blue navigation bar, dropdown, search        (desktop)
    5. Content: blue left panel + white separator           (desktop)
    6. Content: INDEXING pill + IJIFACTOR / SJIF / Prev.    (desktop)
    7. Current issue + Published card + article list        (desktop)
    8. Footer                                               (all sizes)
    9. Utility rules (galley view, submission workflow, submission page)
   10. Homepage popup
   11. Tablet + mobile header, hamburger and drawer menu    (<= 991px)
   12. Tablet + mobile content, current issue, articles     (<= 991px)
   13. Mobile footer                                        (<= 991px)
   14. Small-screen refinements                             (<= 768 / 480 / 360 / 320px)
   15. Final overflow safety

   Breakpoints
     >= 1400px   large desktop
     1200-1399   desktop
     992-1199    small laptop
     <= 991px    tablet + mobile (OJS switches to the hamburger menu here)
     <= 768px    mobile
     <= 480px    small mobile
     <= 360px    very small mobile
   ========================================================================== */


/* ==========================================================================
   1. GLOBAL COLOURS + OVERFLOW SAFETY
   ========================================================================== */

:root {
    --sam-blue:        #1E6292;
    --sam-blue-mid:    #155B86;
    --sam-blue-dark:   #174F73;
    --sam-cream:       #F5E8C7;
    --sam-cream-light: #F8EDCC;
    --sam-white:       #FFFFFF;
    --sam-gold:        #FFC107;
    --sam-header-h:    58px;   /* compact header height (tablet + mobile) */
    --sam-toggle-w:    44px;   /* hamburger column width (tablet + mobile) */
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

@supports (overflow: clip) {
    html,
    body {
        overflow-x: clip;
    }
}

body {
    margin: 0;
    background: #F5E8C7 !important;
    position: relative;
}



/* ==========================================================================
   2-4. DESKTOP HEADER  (>= 992px)
   The values in this block are the winning declarations of the previous
   multi-generation stylesheet, merged into one rule per element so the
   desktop layout is identical to the supplied desktop screenshot.
   ========================================================================== */

@media (min-width: 992px) {

    /* The hamburger belongs to tablet / mobile only */
    .pkp_site_nav_toggle {
        display: none !important;
    }


    /* ----------------------------------------------------------------------
       2. BANNER / LOGO
       The logo image itself is untouched: only its size / offset and the
       cream + blue + white strips around it are styled here.
       ---------------------------------------------------------------------- */

    .pkp_site_name {
        position: relative;
        display: inline-block;
    }

    .pkp_site_name .is_img {
        position: relative;
        display: inline-block;
    }

    .pkp_site_name .is_img img {
        max-height: 30vh;
        min-width: 93vw;
        margin-left: -160px !important;
    }

    /* Identical up to 1536px; on wider monitors the banner stops growing
       so its right edge (and the blue strip after it) stays on screen
       instead of being cropped at 1920px and above. */
    @supports (width: min(1px, 2px)) {
        .pkp_site_name .is_img img {
            min-width: min(93vw, calc(50vw + 660px));
        }
    }

    /* Left strip: blue (top) / cream (bottom) */
    .pkp_site_name::before {
        content: "";
        position: absolute;
        left: -214px;
        top: 0;
        width: 55px;
        height: 98%;
        background: linear-gradient(to bottom, #1E6292 0%, #1E6292 50%, #f5e8c7 50%, #f5e8c7 100%);
        border-radius: 4px;
    }

    /* Right strip: cream (top) / blue (bottom) */
    .pkp_site_name::after {
        content: "";
        position: absolute;
        right: -72px;
        top: 5px;
        width: 80px;
        height: 95%;
        background: linear-gradient(to bottom, #f5e8c7 0%, #f5e8c7 50%, #1E6292 50%, #1E6292 100%);
        border-radius: 4px;
    }

    /* Cream bar above the banner */
    .pkp_site_name .is_img::before {
        content: "";
        color: #1E6292;
        position: absolute;
        top: -35px;
        left: -275px;
        width: 127.3%;
        height: 55px;
        background: #f5e8c7;
    }

    /* White bar under the banner */
    .pkp_site_name .is_img::after {
        content: "";
        position: absolute;
        bottom: -6px;
        left: -275px;
        width: 127.3%;
        height: 7px;
        background: #ffffff;
    }

    /* Both bars run edge to edge on any monitor width */
    @supports (width: calc(100vw + 1px)) {
        .pkp_site_name .is_img::before,
        .pkp_site_name .is_img::after {
            left: -100vw;
            width: 300vw;
        }
    }


    /* ----------------------------------------------------------------------
       3. ISSN BADGE + REGISTER / LOGIN  (upper right)
       ---------------------------------------------------------------------- */

    .pkp_navigation_user_wrapper {
        position: absolute;
        top: 10px;
        right: -50px;
        z-index: 9999;
        transform: translateX(-25px) !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
    }

    /* ISSN(P) pill (generated, so no template change is needed) */
    body .pkp_navigation_user_wrapper::before {
        content: "ISSN(P): 0975-7708" !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        width: 145px !important;
        height: 38px !important;
        box-sizing: border-box !important;
        margin: 0 2px -6px 22px !important;
        padding: 0 14px !important;
        background: #ffffff !important;
        color: #1E6292 !important;
        border: 2px solid #1E6292 !important;
        border-radius: 20px !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        letter-spacing: .2px !important;
        line-height: 38px !important;
        white-space: nowrap !important;
        text-align: center !important;
        box-shadow: 0 3px 10px rgba(0, 0, 0, .10) !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        z-index: 999999 !important;
    }

    /* Register / Login pills */
    .pkp_navigation_user_wrapper a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 9px 22px !important;
        background: #ffffff !important;
        color: #0B5EA8 !important;
        border: 2px solid #0B5EA8 !important;
        border-radius: 50px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        font-family: Arial, Helvetica, sans-serif !important;
        text-decoration: none !important;
        letter-spacing: .3px !important;
        box-shadow: 0 4px 12px rgba(11, 94, 168, .15) !important;
        transition: all .3s ease !important;
    }

    .pkp_navigation_user_wrapper a:hover {
        background: linear-gradient(135deg, #0B5EA8, #1E88E5) !important;
        color: #ffffff !important;
        border-color: #0B5EA8 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 20px rgba(11, 94, 168, .35) !important;
    }

    .pkp_navigation_user_wrapper a:active {
        transform: scale(.96) !important;
    }

    .pkp_navigation_user_wrapper a:focus {
        outline: none !important;
        box-shadow: 0 0 0 4px rgba(11, 94, 168, .2) !important;
    }


    /* ----------------------------------------------------------------------
       4. NAVIGATION BAR  (horizontal, blue, white text)
       ---------------------------------------------------------------------- */

    .pkp_navigation_primary_wrapper {
        position: relative;
        background: #1E6292;
        height: 46px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: visible;
    }

    /* Cream strip to the left of the bar */
    .pkp_navigation_primary_wrapper::before {
        content: "";
        position: absolute;
        left: -200px;
        top: -4px;
        width: 335px;
        height: 110%;
        background: #F5E8C7;
    }

    /* White vertical separator between cream strip and bar */
    .pkp_navigation_primary_wrapper::after {
        content: "";
        position: absolute;
        left: 135px;
        top: -4px;
        width: 6px;
        height: 109%;
        background: #ffffff;
    }

    .pkp_navigation_primary {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0;
        padding: 0;
        gap: 2px !important;
        position: relative !important;
        left: 140px !important;
    }

    /* White horizontal separator under the bar (edge to edge) */
    .pkp_navigation_primary::after {
        content: "";
        position: absolute;
        left: -400px;
        top: calc(75% + 7px);
        width: 172.3%;
        height: 7px;
        background: #ffffff;
    }

    @supports (width: calc(100vw + 1px)) {
        .pkp_navigation_primary::after {
            left: -100vw;
            width: 300vw;
        }
    }

    .pkp_navigation_primary > li {
        margin: 0 1px !important;
        padding: 0 !important;
        position: relative !important;
    }

    .pkp_navigation_primary > li:first-child a {
        margin-left: 0 !important;
    }

    .pkp_navigation_primary a {
        color: #fff !important;
        font-size: 17px;
        line-height: 46px;
        font-weight: 500;
    }

    .pkp_navigation_primary > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 42px !important;
        padding: 0 12px !important;
        color: #ffffff !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        border-radius: 6px !important;
        transition: all .25s ease !important;
    }

    .pkp_navigation_primary > li:hover > a,
    .pkp_navigation_primary > li > a:focus {
        background: #ffffff !important;
        color: #1E6292 !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .10) !important;
    }

    .pkp_navigation_primary > li.current > a {
        background: #ffffff !important;
        color: #1E6292 !important;
    }

    .pkp_navigation_primary a:focus {
        outline: none !important;
    }

    /* Dropdown (Policies ...) */
    .pkp_navigation_primary ul {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        min-width: 220px !important;
        margin-top: 6px !important;
        padding: 5px 0 !important;
        background: #ffffff !important;
        border: 1px solid #dbe6f2 !important;
        border-radius: 8px !important;
        box-shadow: 0 10px 25px rgba(0, 0, 0, .12) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: translateY(8px) !important;
        transition: all .25s ease !important;
        z-index: 9999 !important;
    }

    .pkp_navigation_primary li:hover > ul,
    .pkp_navigation_primary li:focus-within > ul {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
    }

    .pkp_navigation_primary ul li {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .pkp_navigation_primary ul li a {
        display: block !important;
        padding: 10px 16px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #1E6292 !important;
        background: #ffffff !important;
        text-decoration: none !important;
        line-height: 20px !important;
        transition: all .20s ease !important;
    }

    .pkp_navigation_primary ul li a:hover {
        background: #1E6292 !important;
        color: #ffffff !important;
        padding-left: 22px !important;
    }

    .pkp_navigation_primary ul li.current a {
        background: #1E6292 !important;
        color: #ffffff !important;
    }

    .pkp_navigation_primary ul li:first-child a {
        border-radius: 6px 6px 0 0 !important;
    }

    .pkp_navigation_primary ul li:last-child a {
        border-radius: 0 0 6px 6px !important;
    }

    /* Search (right end of the bar) */
    .pkp_navigation_search_wrapper {
        margin-left: auto !important;
        position: relative !important;
        right: -25px !important;
        top: 50%;
        transform: translateY(-50%);
    }

    .pkp_navigation_search_wrapper a {
        color: #fff !important;
    }
}



/* ==========================================================================
   5. DESKTOP CONTENT AREA - BLUE LEFT PANEL + WHITE SEPARATOR  (>= 992px)

   Layout:  BLUE PANEL | WHITE SEPARATOR | CREAM CONTENT
   The panel's right edge stays exactly where it was (140px right of the
   content column's left edge) so it keeps lining up with the navigation bar.
   Its left side is extended to the left edge of the window, so there is
   never a cream gap on wide monitors (1600 / 1920px and larger).
   ========================================================================== */

@media (min-width: 992px) {

    body .pkp_structure_content {
        position: relative !important;
        overflow: visible !important;
        z-index: 10 !important;
    }

    body .pkp_structure_content::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: -340px !important;
        width: 480px !important;
        height: 100% !important;
        min-height: 1100px !important;
        box-sizing: border-box !important;
        background: linear-gradient(180deg, #155b86 0%, #1E6292 50%, #15577f 100%) !important;
        border-right: 6px solid #ffffff !important;
        box-shadow:
            inset -12px 0 25px rgba(0, 0, 0, .15),
            5px 0 20px rgba(0, 0, 0, .10) !important;
        z-index: 1 !important;
        pointer-events: none !important;
    }

    /* Reach the window edge: right edge unchanged (-100vw + 100vw + 140px) */
    @supports (width: calc(100vw + 140px)) {
        body .pkp_structure_content::before {
            left: -100vw !important;
            width: calc(100vw + 140px) !important;
        }
    }

    /* White vertical separator */
    .pkp_structure_content::after {
        content: "";
        position: absolute;
        top: 8px;
        left: 135px;
        width: 8px;
        height: 97%;
        background: #ffffff;
    }

    body .pkp_structure_main {
        position: relative !important;
        overflow: visible !important;
        z-index: 100 !important;
    }
}


/* ==========================================================================
   6. DESKTOP INDEXING CARDS  (INDEXING pill + IJIFACTOR + SJIF + Evaluation)

   The two pseudo-elements of .pkp_structure_main draw the whole stack.
   They are only shown when the blue panel is wide enough to hold them
   (>= 1280px); below that the panel stays as a plain blue strip, so the
   cards are never clipped or pushed over the article list.
   ========================================================================== */

@media (min-width: 992px) {

    body .pkp_structure_main::before,
    body .pkp_structure_main::after {
        display: none !important;
    }
}

@media (min-width: 1280px) {

    /* INDEXING pill */
    body .pkp_structure_main::before {
        content: "INDEXING" !important;
        display: flex !important;
        position: absolute !important;
        top: 25px !important;
        left: -300px !important;
        width: 220px !important;
        height: 62px !important;
        box-sizing: border-box !important;
        align-items: center !important;
        justify-content: center !important;
        background: #ffffff !important;
        border-left: 8px solid #FFC107 !important;
        border-radius: 12px 25px 25px 12px !important;
        color: #155b86 !important;
        font-family: 'Segoe UI', Arial, Helvetica, sans-serif !important;
        font-size: 19px !important;
        font-weight: 800 !important;
        letter-spacing: 3px !important;
        line-height: 1 !important;
        text-align: center !important;
        white-space: nowrap !important;
        box-shadow: 0 8px 25px rgba(0, 0, 0, .20) !important;
        z-index: 999999 !important;
        pointer-events: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        transform-origin: top left !important;
    }

    /* Cards: IJIFACTOR logo, SJIF logo, previous-evaluation table,
       and the two white card backgrounds (first layer = front-most) */
    body .pkp_structure_main::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: 110px !important;
        left: -300px !important;
        width: 220px !important;
        height: 590px !important;
        box-sizing: border-box !important;
        background-color: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        filter: drop-shadow(0 15px 25px rgba(0, 0, 0, .32)) !important;
        background-repeat: no-repeat !important;
        background-image:
            /* ====================================================
               1. IJIFACTOR LOGO
               ==================================================== */
            url("http://samikshajournal.com/ijifactor.png"),
            /* ====================================================
               2. SJIF LOGO
               ==================================================== */
            url("https://sjifactor.com/docs/top_up3.png"),
            /* ====================================================
               3. PREVIOUS EVALUATION TABLE
               ==================================================== */
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='145'%3E%3Crect x='2' y='2' width='196' height='141' rx='16' fill='%23f8fbfd' stroke='%23dfeaf1' stroke-width='1.5'/%3E%3Crect x='2' y='2' width='196' height='5' rx='3' fill='%23FFC107'/%3E%3Ctext x='100' y='29' text-anchor='middle' font-family='Arial' font-size='11' font-weight='700' fill='%23155b86'%3EPREVIOUS EVALUATION%3C/text%3E%3Ctext x='100' y='44' text-anchor='middle' font-family='Arial' font-size='9' font-weight='700' fill='%23708090'%3ESJIF SCORE%3C/text%3E%3Cline x1='20' y1='53' x2='180' y2='53' stroke='%23d9e5ec'/%3E%3Ctext x='55' y='76' text-anchor='middle' font-family='Arial' font-size='10' font-weight='700' fill='%23657787'%3E2024%3C/text%3E%3Ctext x='145' y='76' text-anchor='middle' font-family='Arial' font-size='10' font-weight='700' fill='%23155b86'%3E5.987%3C/text%3E%3Cline x1='20' y1='86' x2='180' y2='86' stroke='%23e8eef2'/%3E%3Ctext x='55' y='107' text-anchor='middle' font-family='Arial' font-size='10' font-weight='700' fill='%23657787'%3E2023%3C/text%3E%3Ctext x='145' y='107' text-anchor='middle' font-family='Arial' font-size='10' font-weight='700' fill='%23155b86'%3E5.977%3C/text%3E%3Cline x1='20' y1='117' x2='180' y2='117' stroke='%23e8eef2'/%3E%3Ctext x='55' y='137' text-anchor='middle' font-family='Arial' font-size='10' font-weight='700' fill='%23657787'%3E2022%3C/text%3E%3Ctext x='145' y='137' text-anchor='middle' font-family='Arial' font-size='10' font-weight='700' fill='%23155b86'%3E5.968%3C/text%3E%3C/svg%3E"),
            /* ====================================================
               4. IJIFACTOR WHITE CARD
               ==================================================== */
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='195'%3E%3Crect width='220' height='195' rx='28' fill='%23ffffff'/%3E%3C/svg%3E"),
            /* ====================================================
               5. SJIF LARGE WHITE CARD
               ==================================================== */
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='450'%3E%3Crect width='220' height='450' rx='28' fill='%23ffffff'/%3E%3C/svg%3E");
        background-position:
            center 45px,    /* IJIFACTOR logo   */
            center 250px,   /* SJIF logo        */
            center 410px,   /* evaluation table */
            center 0px,     /* IJIFACTOR card   */
            center 220px    /* SJIF card        */
            !important;
        background-size:
            185px 105px,    /* IJIFACTOR logo   */
            175px 100px,    /* SJIF logo        */
            200px 145px,    /* evaluation table */
            220px 195px,    /* IJIFACTOR card   */
            220px 450px     /* SJIF card        */
            !important;
        z-index: 999998 !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: none !important;
        transform: none !important;
        transform-origin: top left !important;
    }
}

/* 1280px and up: keep the cards inside the visible part of the panel.
   The calc() below equals the original -300px on a 1536px-wide window and
   only moves the cards right when the window is narrower than that, so
   they never slip off the left edge. */
@media (min-width: 1280px) {
    @supports (left: max(-300px, 1px)) {
        body .pkp_structure_main::before,
        body .pkp_structure_main::after {
            left: max(-300px, calc(16px - 330px - (100vw - 1536px) / 2)) !important;
        }
    }
}

/* Slightly smaller cards on 1280 - 1499px laptops */
@media (min-width: 1366px) and (max-width: 1499px) {
    body .pkp_structure_main::before,
    body .pkp_structure_main::after {
        transform: scale(.92) !important;
    }
}

@media (min-width: 1280px) and (max-width: 1365px) {
    body .pkp_structure_main::before,
    body .pkp_structure_main::after {
        transform: scale(.8) !important;
    }
}



/* ==========================================================================
   7. DESKTOP CURRENT ISSUE + PUBLISHED CARD + ARTICLE LIST  (>= 992px)

   LEFT : "Current Issue" / "Vol. 14 No. 2 (2025): Samiksha"
   RIGHT: white "Published: December 2025" card with a gold left border

   The card is positioned inside the .heading grid area (that is what makes
   top / right work), so the grid on .heading must stay as it is.
   ========================================================================== */

@media (min-width: 992px) {

    body .obj_issue_toc {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .obj_issue_toc .heading {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 260px !important;
        grid-template-rows: auto auto !important;
        column-gap: 35px !important;
        row-gap: 8px !important;
        margin: 0 !important;
        padding: 28px 35px 22px 35px !important;
        background: #f8edcc !important;
        border: 0 !important;
        border-bottom: 1px solid #dfd2ae !important;
        min-height: 0 !important;
        height: auto !important;
        box-sizing: border-box !important;
    }

    body .obj_issue_toc > .heading {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .obj_issue_toc .heading h1 {
        grid-column: 1 !important;
        grid-row: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #174f73 !important;
        font-size: 27px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
    }

    .obj_issue_toc .heading h2,
    .obj_issue_toc .heading .issue-title,
    .obj_issue_toc .heading .publication {
        grid-column: 1 !important;
        grid-row: 2 !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        color: #222 !important;
        font-size: 17px !important;
        font-weight: 600 !important;
        line-height: 1.5 !important;
    }

    /* ---- Published card ---- */

    body .obj_issue_toc > .heading .published {
        grid-column: 2 !important;
        grid-row: 1 / span 2 !important;
        position: absolute !important;
        top: -125px !important;
        right: 0 !important;
        left: auto !important;
        width: 360px !important;
        min-width: 0 !important;
        max-width: 360px !important;
        height: 70px !important;
        min-height: 70px !important;
        max-height: 70px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 25px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        background: #ffffff !important;
        border: 1px solid rgba(21, 91, 134, 0.08) !important;
        border-left: clamp(5px, .5vw, 7px) solid #FFC107 !important;
        border-radius: clamp(10px, 1vw, 14px) !important;
        box-shadow:
            0 10px 25px rgba(0, 0, 0, .12),
            0 3px 8px rgba(0, 0, 0, .06) !important;
        align-self: center !important;
        justify-self: stretch !important;
        color: #333 !important;
        font-size: 15px !important;
        line-height: 1.4 !important;
        z-index: 9999 !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }

    body .obj_issue_toc > .heading .published .label {
        display: inline-block !important;
        margin: 0 7px 0 0 !important;
        padding: 0 !important;
        color: #111827 !important;
        font-family: 'Segoe UI', Arial, Helvetica, sans-serif !important;
        font-size: 17px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }

    body .obj_issue_toc > .heading .published .value {
        display: inline-block !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #155b86 !important;
        font-family: 'Segoe UI', Arial, Helvetica, sans-serif !important;
        font-size: 17px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }

    .obj_issue_toc .heading .published strong {
        color: #174f73 !important;
        font-weight: 700 !important;
    }

    /* ---- Articles ---- */

    .obj_issue_toc .sections {
        margin: 0 !important;
        padding: 0 25px 25px 25px !important;
        background: #f8edcc !important;
        min-height: 0 !important;
        height: auto !important;
    }

    .obj_issue_toc .section {
        margin: 0 !important;
        padding: 0 !important;
        min-height: 0 !important;
        height: auto !important;
    }

    /* "Articles" tab */
    .obj_issue_toc .section h2 {
        display: inline-block !important;
        margin: 0 0 0 5px !important;
        padding: 9px 20px !important;
        background: #ffffff !important;
        color: #23658f !important;
        font-size: 17px !important;
        font-weight: 500 !important;
        border: 1px solid #dfd2ae !important;
        border-bottom: 0 !important;
        border-radius: 6px 6px 0 0 !important;
    }

    .obj_issue_toc .articles {
        margin: 0 !important;
        padding: 0 !important;
        min-height: 0 !important;
        height: auto !important;
    }

    /* Card style for markup that exposes .article (older OJS markup) */
    .obj_issue_toc .article {
        margin: 0 5px 12px 5px !important;
        padding: 17px 20px !important;
        background: #ffffff !important;
        border: 1px solid #e0d5b8 !important;
        border-left: 4px solid #23658f !important;
        border-radius: 0 7px 7px 7px !important;
        box-shadow: 0 2px 7px rgba(0, 0, 0, .05) !important;
        transition: all .2s ease !important;
    }

    .obj_issue_toc .article:hover {
        border-left-color: #d59b2a !important;
        box-shadow: 0 5px 15px rgba(35, 101, 143, .12) !important;
        transform: translateY(-2px) !important;
    }

    .obj_issue_toc .article h3 {
        margin: 0 0 7px 0 !important;
        padding: 0 !important;
        font-size: 17px !important;
        line-height: 1.45 !important;
    }

    .obj_issue_toc .article h3 a {
        color: #006b9f !important;
        text-decoration: none !important;
    }

    .obj_issue_toc .article h3 a:hover {
        color: #174f73 !important;
        text-decoration: underline !important;
    }

    .obj_issue_toc .article .authors {
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
        color: #555 !important;
        font-size: 14px !important;
    }

    /* PDF button */
    .obj_issue_toc .article .galleys a,
    .obj_issue_toc .article .galley-link {
        display: inline-flex !important;
        padding: 7px 15px !important;
        background: #ffffff !important;
        color: #23658f !important;
        border: 1px solid #23658f !important;
        border-radius: 5px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
    }

    .obj_issue_toc .article .galleys a:hover,
    .obj_issue_toc .article .galley-link:hover {
        background: #23658f !important;
        color: #ffffff !important;
    }
}

/* Published card size follows the window width on desktop */

@media (min-width: 1200px) and (max-width: 1399px) {
    body .obj_issue_toc > .heading .published {
        top: -115px !important;
        width: 330px !important;
        max-width: 330px !important;
        height: 68px !important;
        min-height: 68px !important;
        max-height: 68px !important;
        padding: 0 22px !important;
    }

    body .obj_issue_toc > .heading .published .label,
    body .obj_issue_toc > .heading .published .value {
        font-size: 16px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    body .obj_issue_toc > .heading .published {
        top: -105px !important;
        width: 300px !important;
        max-width: 300px !important;
        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;
        padding: 0 18px !important;
    }

    body .obj_issue_toc > .heading .published .label,
    body .obj_issue_toc > .heading .published .value {
        font-size: 15px !important;
    }
}

@media (min-width: 992px) and (max-width: 1023px) {
    body .obj_issue_toc > .heading .published {
        top: -95px !important;
        width: 280px !important;
        max-width: 280px !important;
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        padding: 0 16px !important;
    }

    body .obj_issue_toc > .heading .published .label,
    body .obj_issue_toc > .heading .published .value {
        font-size: 14px !important;
    }
}


/* ==========================================================================
   8. FOOTER  (cream background, blue centred institutional text)
   "UNITED INSTITUTE OF MANAGEMENT / PRAYAGRAJ" is generated, so the
   journal's footer setting can stay empty. Tablet + mobile sizing for the
   footer lives in section 13.
   ========================================================================== */

.pkp_structure_footer_wrapper {
    position: relative;
    overflow: visible;
    background: #f5e8c7;
}

/* White separator above the footer (desktop) */
.pkp_structure_footer_wrapper::before {
    content: "";
    position: absolute;
    left: 0;
    top: -8px;
    width: calc(109% - 140px);
    height: 8px;
    background: #ffffff;
    z-index: 9999;
}

body .pkp_structure_footer {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: clamp(18px, 3vw, 30px) clamp(12px, 4vw, 40px) !important;
    margin: 0 !important;
    text-align: center !important;
    color: #1E6292 !important;
    font-family: "Times New Roman", Times, serif !important;
    line-height: 1.25 !important;
    overflow: hidden !important;
}

body .pkp_structure_footer * {
    box-sizing: border-box !important;
}

body .pkp_structure_footer p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: clamp(14px, 2vw, 24px) !important;
    line-height: 1.2 !important;
    text-align: center !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
}

body .pkp_structure_footer h1,
body .pkp_structure_footer h2,
body .pkp_structure_footer h3,
body .pkp_structure_footer h4,
body .pkp_structure_footer h5,
body .pkp_structure_footer h6 {
    margin: 0 auto !important;
    padding: 0 !important;
    max-width: 100% !important;
    color: #1E6292 !important;
    font-family: "Times New Roman", Times, serif !important;
    text-align: center !important;
    line-height: 1.15 !important;
    overflow-wrap: break-word !important;
}

.pkp_structure_footer::before {
    content: "UNITED INSTITUTE OF MANAGEMENT";
    display: block;
    font-size: 30px;
    font-weight: bold;
    color: #1E6292;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.pkp_structure_footer::after {
    content: "PRAYAGRAJ";
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #1E6292;
    letter-spacing: 1px;
    margin-top: 5px;
}

.pkp_footer_content {
    padding: 25px;
    text-align: center;
    color: #1E6292;
    font-size: 15px;
}

/* Hide the "Platform & workflow by OJS/PKP" brand */
.pkp_brand_footer {
    display: none !important;
}

@media (min-width: 1200px) {
    body .pkp_structure_footer {
        padding: 25px 30px !important;
        min-height: 90px !important;
    }

    body .pkp_structure_footer h1,
    body .pkp_structure_footer h2,
    body .pkp_structure_footer h3 {
        font-size: 26px !important;
        letter-spacing: 1px !important;
    }

    body .pkp_structure_footer p {
        font-size: 16px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    body .pkp_structure_footer {
        padding: 22px 25px !important;
        min-height: 85px !important;
    }

    body .pkp_structure_footer h1,
    body .pkp_structure_footer h2,
    body .pkp_structure_footer h3 {
        font-size: 22px !important;
        letter-spacing: .8px !important;
    }

    body .pkp_structure_footer p {
        font-size: 15px !important;
    }
}

/* ==========================================================================
   9. UTILITY RULES
   ========================================================================== */

/* Full-height PDF / galley viewer */
.galley_view {
    height: 100vh !important;
}

.galley_view iframe {
    width: 100% !important;
    height: 100vh !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Custom CSS for the submission workflow */
.pkp_block .content p{
    line-height: 2.5rem;
}

.sidenav p {
    background-color: #fff4e6;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 7px;
}
.sidenav p:hover{
    background-color: #fdcf9d;
}
.sidenav {
    text-decoration: none;
    font-size: 16px;
    color: #134d8b;
    font-weight: 700;
}

.menu-header{
    background-color: #134d8b;
    padding: 7px 2px;
    color: #fff;
    text-align: center;
}

/* ---- Modern submission page (OJS 3.4) ---- */
/* =====================================================
   MODERN SUBMISSION PAGE - RESPONSIVE
   OJS 3.4
===================================================== */

.custom-submission-page{
    max-width:1200px;
    width:100%;
    margin:40px auto;
    padding:0 20px;
    box-sizing:border-box;
}

/* HERO */

.submission-hero{
    background:linear-gradient(135deg,#0b5fa5,#1d79d6);
    color:#fff;
    text-align:center;
    border-radius:20px;
    padding:60px 40px;
    margin-bottom:40px;
    box-shadow:0 12px 30px rgba(0,0,0,.15);
}

.submission-hero h1{
    font-size:clamp(28px,4vw,46px);
    font-weight:700;
    margin-bottom:20px;
    line-height:1.2;
}

.submission-hero p{
    font-size:clamp(16px,2vw,20px);
    max-width:900px;
    margin:0 auto 35px;
    line-height:1.8;
}

/* BUTTON */

.submit-btn{
    display:inline-block;
    padding:15px 40px;
    background:#fff;
    color:#0b5fa5;
    border-radius:50px;
    font-size:17px;
    font-weight:700;
    text-decoration:none;
    transition:.3s;
}

.submit-btn:hover{
    background:#ffd54f;
    color:#000;
    transform:translateY(-2px);
}

/* CARD */

.submission-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    margin-bottom:35px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.card-header{
    background:#0b5fa5;
    color:#fff;
    padding:20px 30px;
    font-size:clamp(20px,2vw,26px);
    font-weight:700;
}

.card-body{
    padding:30px;
    line-height:1.9;
    font-size:16px;
    color:#333;
}

.card-body img{
    max-width:100%;
    height:auto;
}

.card-body table{
    width:100%;
    display:block;
    overflow-x:auto;
}

.card-body iframe{
    max-width:100%;
}

.card-body ul,
.card-body ol{
    padding-left:25px;
}

.card-body li{
    margin-bottom:12px;
}

.card-footer{
    padding:25px 30px;
    border-top:1px solid #eee;
}

.section-submit-btn{
    display:inline-block;
    background:#0b5fa5;
    color:#fff;
    padding:12px 30px;
    border-radius:40px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.section-submit-btn:hover{
    background:#084a81;
    color:#fff;
}

/* ===========================
      LARGE DESKTOP
=========================== */

@media (min-width:1600px){
.custom-submission-page{
    max-width:1400px;
}

.submission-hero{
    padding:70px 60px;
}
}

/* ===========================
      LAPTOP
=========================== */

@media (max-width:1200px){
.custom-submission-page{
    padding:0 25px;
}

.submission-hero{
    padding:55px 35px;
}
}

/* ===========================
      TABLET
=========================== */

@media (max-width:992px){
.custom-submission-page{
    padding:0 20px;
}

.submission-hero{
    padding:45px 25px;
}

.card-header{
    padding:18px 25px;
}

.card-body{
    padding:25px;
}

.card-footer{
    padding:20px 25px;
}
}

/* ===========================
      MOBILE
=========================== */

@media (max-width:768px){
.custom-submission-page{
    margin:25px auto;
    padding:0 15px;
}

.submission-hero{
    padding:35px 20px;
    border-radius:15px;
}

.submission-hero p{
    margin-bottom:25px;
}

.submit-btn{
    display:block;
    width:100%;
    padding:14px;
    font-size:16px;
}

.card-header{
    padding:15px 20px;
}

.card-body{
    padding:20px;
    font-size:15px;
}

.card-footer{
    padding:18px 20px;
}

.section-submit-btn{
    display:block;
    width:100%;
    text-align:center;
}
}

/* ===========================
      SMALL MOBILE
=========================== */

@media (max-width:480px){
.custom-submission-page{
    padding:0 10px;
}

.submission-hero{
    padding:28px 15px;
}

.submission-hero h1{
    line-height:1.3;
}

.card-header{
    font-size:18px;
}

.card-body{
    padding:18px;
    font-size:14px;
    line-height:1.8;
}
}

/* ===========================
      EXTRA SMALL
=========================== */

@media (max-width:320px){
.submission-hero{
    padding:25px 12px;
}

.submit-btn{
    font-size:15px;
    padding:12px;
}

.card-header{
    padding:14px;
    font-size:17px;
}

.card-body{
    padding:15px;
}
}

/* ==========================================================================
   10. HOMEPAGE POPUP  (#samHomePopup)
   ========================================================================== */

/* ============================================================
   SAMIKSHA POPUP - COMPLETE HEADER ISOLATION
   HIDE ISSN + REGISTER + LOGIN WHILE POPUP IS OPEN
   ============================================================ */

/* ------------------------------------------------------------
   POPUP OPEN STATE
   ------------------------------------------------------------ */

body.sam-popup-open .pkp_structure_head,
body.sam-popup-open .pkp_navigation_user_wrapper,
body.sam-popup-open .pkp_navigation_user,
body.sam-popup-open .pkp_navigation_user_wrapper ul,
body.sam-popup-open .pkp_navigation_user_wrapper li,
body.sam-popup-open .pkp_navigation_user_wrapper a {
    z-index: 1 !important;
}

/* ============================================================
   SAMIKSHA HOMEPAGE POPUP
   CLEAN • COMPACT • RESPONSIVE • NO EXTRA WIDTH
   ============================================================ */

#samHomePopup {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    background: rgba(7, 31, 46, 0.84) !important;
    backdrop-filter: blur(7px) !important;
    -webkit-backdrop-filter: blur(7px) !important;
    z-index: 2147483647 !important;
    overflow: hidden !important;
}

/* ============================================================
   SHOW POPUP
   ============================================================ */

#samHomePopup.is-visible {
    display: flex !important;
}

/* ============================================================
   STOP BACKGROUND SCROLL
   ============================================================ */

body.sam-popup-open {
    overflow: hidden !important;
}

/* ============================================================
   POPUP CARD
   IMPORTANT:
   Card width follows the image.
   ============================================================ */

#samHomePopup .sam-home-popup-box {
    position: relative !important;
    display: block !important;
    width: auto !important;
    max-width: 94vw !important;
    height: auto !important;
    max-height: 96vh !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-top: 5px solid #ffc107 !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    box-shadow:
        0 25px 70px rgba(0,0,0,.45),
        0 8px 25px rgba(0,0,0,.25) !important;
    animation: samPopupAnimation .35s ease-out !important;
}

/* ============================================================
   POSTER IMAGE
   ============================================================ */

#samHomePopup .sam-home-popup-image {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: calc(96vh - 5px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    outline: none !important;
    object-fit: contain !important;
    box-sizing: border-box !important;
}

/* ============================================================
   CLOSE BUTTON
   ============================================================ */

#samHomePopup .sam-home-popup-close {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #155b86 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 40px !important;
    text-align: center !important;
    cursor: pointer !important;
    z-index: 999999 !important;
    box-shadow:
        0 6px 18px rgba(0,0,0,.25) !important;
    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease !important;
}

/* ============================================================
   CLOSE HOVER
   ============================================================ */

#samHomePopup .sam-home-popup-close:hover {
    background: #ffc107 !important;
    color: #ffffff !important;
    transform: rotate(90deg) scale(1.05) !important;
}

/* ============================================================
   ANIMATION
   ============================================================ */

@keyframes samPopupAnimation {
    0% {
        opacity: 0;
        transform:
            scale(.92)
            translateY(15px);
    }

    100% {
        opacity: 1;
        transform:
            scale(1)
            translateY(0);
    }
}

/* ============================================================
   DESKTOP
   ============================================================ */

@media screen and (min-width: 769px) {
    #samHomePopup {
        padding: 8px !important;
    }

    #samHomePopup .sam-home-popup-box {
        max-width: 600px !important;
        max-height: 96vh !important;
    }

    #samHomePopup .sam-home-popup-image {
        max-height: 96vh !important;
    }
}

/* ============================================================
   TABLET
   ============================================================ */

@media screen and (max-width: 768px) {
    #samHomePopup {
        padding: 8px !important;
    }

    #samHomePopup .sam-home-popup-box {
        max-width: 94vw !important;
        max-height: 95vh !important;
        border-radius: 18px !important;
    }

    #samHomePopup .sam-home-popup-image {
        max-width: 94vw !important;
        max-height: 95vh !important;
    }

    #samHomePopup .sam-home-popup-close {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        top: 8px !important;
        right: 8px !important;
        font-size: 26px !important;
        line-height: 38px !important;
    }
}

/* ============================================================
   MOBILE
   ============================================================ */

@media screen and (max-width: 480px) {
    #samHomePopup {
        padding: 5px !important;
        overflow: hidden !important;
    }

    #samHomePopup .sam-home-popup-box {
        width: auto !important;
        max-width: 97vw !important;
        max-height: 95vh !important;
        border-radius: 14px !important;
        border-top-width: 4px !important;
    }

    #samHomePopup .sam-home-popup-image {
        width: auto !important;
        max-width: 97vw !important;
        max-height: calc(95vh - 4px) !important;
        height: auto !important;
    }

    #samHomePopup .sam-home-popup-close {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        top: 7px !important;
        right: 7px !important;
        font-size: 23px !important;
        line-height: 34px !important;
    }
}

/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media screen and (max-width: 360px) {
    #samHomePopup {
        padding: 4px !important;
    }

    #samHomePopup .sam-home-popup-box {
        max-width: 98vw !important;
        max-height: 94vh !important;
        border-radius: 12px !important;
    }

    #samHomePopup .sam-home-popup-image {
        max-width: 98vw !important;
        max-height: 94vh !important;
    }

    #samHomePopup .sam-home-popup-close {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        top: 6px !important;
        right: 6px !important;
        font-size: 21px !important;
        line-height: 32px !important;
    }
}

/* ============================================================
   VERY SMALL MOBILE
   ============================================================ */

@media screen and (max-width: 320px) {
    #samHomePopup {
        padding: 3px !important;
    }

    #samHomePopup .sam-home-popup-box {
        max-width: 98vw !important;
        max-height: 93vh !important;
    }

    #samHomePopup .sam-home-popup-image {
        max-width: 98vw !important;
        max-height: 93vh !important;
    }

    #samHomePopup .sam-home-popup-close {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        top: 5px !important;
        right: 5px !important;
        font-size: 20px !important;
        line-height: 30px !important;
    }
}



/* ==========================================================================
   11. TABLET + MOBILE HEADER, HAMBURGER AND DRAWER MENU  (<= 991px)

   OJS shows the hamburger instead of the horizontal menu below 992px, so
   the compact header starts there. Every desktop-only rule above lives in
   @media (min-width: 992px), so nothing needs to be "undone" here: this
   block simply defines the compact layout from scratch, in normal flow.

   Compact header:   [ hamburger | Samiksha logo (centred) ]   blue bar
   ========================================================================== */

@media (max-width: 991px) {

    /* ---- header shell ---- */

    body .pkp_structure_head {
        position: relative;
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: var(--sam-header-h);
        margin: 0;
        padding: 0;
        background: var(--sam-blue);
        border: 0;
        box-sizing: border-box;
        overflow: visible;
        z-index: 1000;
    }

    body .pkp_head_wrapper {
        position: relative;
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: var(--sam-header-h);
        margin: 0;
        padding: 0;
        background: transparent;
        box-sizing: border-box;
        overflow: visible;
    }

    body .pkp_site_name_wrapper {
        position: relative;
        display: block;
        width: 100%;
        max-width: 100%;
        min-height: var(--sam-header-h);
        margin: 0;
        padding: 0 0 0 var(--sam-toggle-w);
        background: transparent;
        box-sizing: border-box;
    }


    /* ---- logo (never cropped, never distorted, never wider than the screen) ---- */

    body .pkp_site_name {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        float: none;
        width: 100%;
        max-width: 100%;
        height: var(--sam-header-h);
        margin: 0;
        padding: 0;
        background: var(--sam-blue);
        box-sizing: border-box;
        overflow: hidden;
    }

    body .pkp_site_name > a,
    body .pkp_site_name .is_img {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body .pkp_site_name .is_img img {
        display: block;
        position: static;
        width: auto;
        height: auto;
        min-width: 0;
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto !important;
        padding: 0;
        object-fit: contain;
        object-position: center center;
    }

    /* Text-only site title (journal without a logo image) */
    body .pkp_site_name > a:not(.is_img) {
        color: #ffffff;
        font-size: 16px;
        font-weight: 700;
        text-decoration: none;
    }


    /* ---- hamburger (drawn in CSS, so it never depends on an icon font) ---- */

    body .pkp_site_nav_toggle {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: var(--sam-toggle-w);
        height: var(--sam-header-h);
        min-height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background-color: var(--sam-blue);
        background-image:
            linear-gradient(#ffffff, #ffffff),
            linear-gradient(#ffffff, #ffffff),
            linear-gradient(#ffffff, #ffffff);
        background-repeat: no-repeat;
        background-size: 22px 2px;
        background-position:
            center calc(50% - 7px),
            center 50%,
            center calc(50% + 7px);
        box-shadow: 1px 0 0 rgba(255, 255, 255, .20);
        font-size: 0;
        line-height: 0;
        color: transparent;
        cursor: pointer;
        z-index: 1001;
        -webkit-tap-highlight-color: transparent;
    }

    body .pkp_site_nav_toggle::before,
    body .pkp_site_nav_toggle::after {
        content: none !important;
        display: none !important;
    }

    body .pkp_site_nav_toggle span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
    }

    body .pkp_site_nav_toggle:focus {
        outline: none;
    }

    body .pkp_site_nav_toggle:focus-visible {
        outline: 2px solid var(--sam-gold);
        outline-offset: -3px;
    }


    /* ---- drawer menu (OJS adds .pkp_site_nav_menu--isOpen) ---- */

    body .pkp_site_nav_menu {
        display: none !important;
    }

    body .pkp_site_nav_menu.pkp_site_nav_menu--isOpen {
        display: flex !important;
        flex-direction: column;
        position: fixed;
        top: var(--sam-header-h);
        left: 0;
        bottom: 0;
        width: min(78vw, 320px);
        min-width: 220px;
        max-width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        background: #216795;
        border: 0;
        border-right: 2px solid rgba(255, 255, 255, .25);
        box-shadow: 5px 0 18px rgba(0, 0, 0, .20);
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 10000;
    }

    body .pkp_navigation_primary_row {
        display: block;
        width: 100%;
        margin: 0;
        padding: 12px 12px 0;
        box-sizing: border-box;
    }

    body .pkp_navigation_primary_wrapper {
        position: static;
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 0;
        margin: 0;
        padding: 0;
        background: transparent;
        border: 0;
        box-shadow: none;
        box-sizing: border-box;
        overflow: visible;
    }

    body .pkp_navigation_primary {
        position: static;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 6px;
        float: none;
        left: auto;
        right: auto;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: left;
        transform: none;
        box-sizing: border-box;
    }

    body .pkp_navigation_primary > li {
        position: static;
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        box-sizing: border-box;
    }

    body .pkp_navigation_primary > li > a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        height: auto;
        min-height: 40px;
        margin: 0;
        padding: 9px 14px;
        color: #216795;
        background: #ffffff;
        border: 1px solid #ffffff;
        border-radius: 6px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
        font-size: 15px;
        font-weight: 600;
        line-height: 1.3;
        text-align: left;
        text-decoration: none;
        white-space: normal;
        box-sizing: border-box;
    }

    body .pkp_navigation_primary > li > a:hover,
    body .pkp_navigation_primary > li > a:focus,
    body .pkp_navigation_primary > li.current > a {
        color: #ffffff;
        background: var(--sam-blue-dark);
    }

    /* Sub-menu (Policies ...): always expanded inside the drawer */
    body .pkp_navigation_primary ul {
        position: static;
        display: block;
        min-width: 0;
        width: 100%;
        margin: 4px 0 0;
        padding: 0 0 0 14px;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        list-style: none;
        box-sizing: border-box;
    }

    body .pkp_navigation_primary ul li {
        display: block;
        width: 100%;
        margin: 0 0 4px;
        padding: 0;
    }

    body .pkp_navigation_primary ul li a {
        display: block;
        padding: 8px 12px;
        color: #ffffff;
        background: rgba(255, 255, 255, .14);
        border-radius: 5px;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;
        text-decoration: none;
    }

    body .pkp_navigation_primary ul li a:hover,
    body .pkp_navigation_primary ul li.current a {
        background: rgba(255, 255, 255, .28);
        color: #ffffff;
    }

    body .pkp_navigation_search_wrapper {
        position: static;
        display: block;
        width: 100%;
        margin: 6px 0 0;
        padding: 0;
        right: auto;
        top: auto;
        transform: none;
        background: transparent;
        box-sizing: border-box;
    }

    body .pkp_navigation_search_wrapper .pkp_search,
    body .pkp_navigation_search_wrapper > a {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        min-height: 40px;
        margin: 0;
        padding: 9px 14px;
        color: #216795;
        background: #ffffff;
        border: 1px solid #ffffff;
        border-radius: 6px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
        font-size: 15px;
        font-weight: 600;
        line-height: 1.3;
        text-decoration: none;
        box-sizing: border-box;
    }

    /* Register / Login + ISSN at the bottom of the drawer */
    body .pkp_navigation_user_wrapper {
        position: static;
        top: auto;
        right: auto;
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 100%;
        max-width: 100%;
        margin: auto 0 0;
        padding: 14px 12px 18px;
        background: rgba(0, 0, 0, .10);
        border-top: 1px solid rgba(255, 255, 255, .25);
        transform: none;
        box-sizing: border-box;
        z-index: auto;
    }

    body .pkp_navigation_user {
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    body .pkp_navigation_user > li {
        display: block;
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    body .pkp_navigation_user > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 38px;
        margin: 0;
        padding: 8px 12px;
        color: #216795;
        background: #ffffff;
        border: 1px solid #ffffff;
        border-radius: 6px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
        font-size: 14px;
        font-weight: 600;
        line-height: 1.3;
        text-decoration: none;
        box-sizing: border-box;
    }

    body .pkp_navigation_user > li > a:hover,
    body .pkp_navigation_user > li > a:focus {
        color: #ffffff;
        background: var(--sam-blue-dark);
    }

    body .pkp_navigation_user_wrapper::before {
        content: "ISSN(P): 0975-7708";
        order: 3;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 34px;
        margin: 0;
        padding: 0 10px;
        color: #ffffff;
        background: transparent;
        border: 1px solid rgba(255, 255, 255, .55);
        border-radius: 6px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: .2px;
        line-height: 1;
        white-space: nowrap;
        box-sizing: border-box;
    }

    /* Decorative desktop strips do not exist on tablet / mobile */
    .pkp_site_name::before,
    .pkp_site_name::after,
    .pkp_site_name .is_img::before,
    .pkp_site_name .is_img::after,
    .pkp_navigation_primary_wrapper::before,
    .pkp_navigation_primary_wrapper::after,
    .pkp_navigation_primary::after,
    .pkp_structure_content::before,
    .pkp_structure_content::after,
    .pkp_structure_main::before,
    .pkp_structure_main::after {
        content: none !important;
        display: none !important;
    }
}



/* ==========================================================================
   12. TABLET + MOBILE CONTENT  (<= 991px)

   Everything is in normal document flow: no negative offsets, no absolute
   cards. The blue indexing panel is not part of this layout at all.

     Current Issue                    [ Published: December 2025 ]
     Vol. 14 No. 2 (2025): Samiksha
     --------------------------------------------------------------
     Articles
     Article title (wraps)
     Author(s) (wrap)
     [ PDF ]
   ========================================================================== */

@media (max-width: 991px) {

    /* ---- page columns ---- */

    body .pkp_structure_page {
        max-width: 100%;
        overflow-x: hidden;
    }

    body .pkp_structure_content {
        position: relative !important;
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 18px 12px 24px;
        border-left: 0 !important;
        box-sizing: border-box;
        overflow: visible !important;
        z-index: auto !important;
    }

    body .pkp_structure_main {
        position: static !important;
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        overflow: visible !important;
        overflow-wrap: break-word;
        z-index: auto !important;
    }

    body .pkp_structure_sidebar {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 16px 0 0;
        padding: 0;
        box-sizing: border-box;
    }

    body .pkp_structure_main img,
    body .pkp_structure_main iframe,
    body .pkp_structure_main video {
        max-width: 100%;
    }


    /* ---- current issue: heading ---- */

    body .current_issue {
        margin: 0;
        padding: 0;
    }

    body .current_issue > h2 {
        margin: 0 0 6px;
        padding: 0;
        color: #1a1a1a;
        font-size: 22px;
        font-weight: 700;
        line-height: 1.25;
    }

    body .current_issue > .current_issue_title {
        margin: 0 0 14px;
        padding: 0;
        color: #1a1a1a;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.4;
        overflow-wrap: break-word;
    }

    body .current_issue > a[id]:empty {
        display: none;
    }

    body .obj_issue_toc {
        position: static !important;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        background: transparent;
        box-sizing: border-box;
    }

    body .obj_issue_toc > .heading {
        position: static !important;
        display: block;
        width: 100%;
        max-width: 100%;
        min-height: 0;
        height: auto;
        margin: 0 0 12px;
        padding: 0;
        background: transparent;
        border: 0;
        box-sizing: border-box;
        overflow: visible;
    }

    /* ---- Published card (white, gold left border, rounded, soft shadow) ---- */

    body .obj_issue_toc > .heading .published {
        position: static !important;
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        gap: 2px 6px;
        width: auto;
        min-width: 0;
        max-width: 100%;
        height: auto;
        min-height: 0;
        max-height: none;
        margin: 0;
        padding: 10px 14px;
        color: var(--sam-blue-dark);
        background: #ffffff;
        border: 1px solid rgba(21, 91, 134, .08);
        border-left: 5px solid var(--sam-gold);
        border-radius: 9px;
        box-shadow:
            0 7px 18px rgba(0, 0, 0, .10),
            0 2px 6px rgba(0, 0, 0, .05);
        font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
        font-size: 13px;
        line-height: 1.3;
        white-space: normal;
        overflow: visible;
        box-sizing: border-box;
        z-index: auto;
    }

    body .obj_issue_toc > .heading .published .label {
        display: inline;
        margin: 0;
        padding: 0;
        color: var(--sam-blue-dark);
        font-size: 13px;
        font-weight: 700;
        line-height: 1.3;
        white-space: nowrap;
    }

    body .obj_issue_toc > .heading .published .value {
        display: inline;
        margin: 0;
        padding: 0;
        color: var(--sam-blue-mid);
        font-size: 13px;
        font-weight: 500;
        line-height: 1.3;
        white-space: normal;
    }

    /* ---- article area ---- */

    body .obj_issue_toc .sections {
        width: 100%;
        max-width: 100%;
        min-height: 0;
        height: auto;
        margin: 0;
        padding: 12px 14px 6px;
        background: var(--sam-cream-light);
        border-radius: 6px;
        box-sizing: border-box;
    }

    body .obj_issue_toc .section {
        min-height: 0;
        height: auto;
        margin: 0 0 8px;
        padding: 0;
    }

    body .obj_issue_toc .section > h2,
    body .obj_issue_toc .section > h3 {
        display: block;
        margin: 0 0 4px;
        padding: 0;
        background: transparent;
        border: 0;
        border-radius: 0;
        color: #1a1a1a;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.3;
    }

    body .obj_issue_toc .articles,
    body .obj_issue_toc .cmp_article_list {
        min-height: 0;
        height: auto;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    body .obj_issue_toc .articles > li,
    body .obj_issue_toc .cmp_article_list > li {
        margin: 0;
        padding: 12px 0;
        list-style: none;
    }

    body .obj_issue_toc .articles > li:last-child,
    body .obj_issue_toc .cmp_article_list > li:last-child {
        border-bottom: 0;
    }

    body .obj_issue_toc .obj_article_summary,
    body .obj_issue_toc .article {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        box-sizing: border-box;
        transform: none;
    }

    /* Title: wraps naturally, never nowrap */
    body .obj_issue_toc .obj_article_summary .title,
    body .obj_issue_toc .article h3 {
        margin: 0 0 4px;
        padding: 0;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.4;
        white-space: normal;
        overflow-wrap: break-word;
        word-wrap: break-word;
    }

    body .obj_issue_toc .obj_article_summary .title a,
    body .obj_issue_toc .article h3 a {
        color: #006798;
        text-decoration: none;
        white-space: normal;
    }

    body .obj_issue_toc .obj_article_summary .title a:hover,
    body .obj_issue_toc .article h3 a:hover {
        color: var(--sam-blue-dark);
        text-decoration: underline;
    }

    /* Authors: wrap too */
    body .obj_issue_toc .obj_article_summary .meta,
    body .obj_issue_toc .obj_article_summary .authors,
    body .obj_issue_toc .article .authors {
        margin: 0 0 8px;
        padding: 0;
        color: #333;
        font-size: 12px;
        line-height: 1.4;
        white-space: normal;
        overflow-wrap: break-word;
        word-wrap: break-word;
    }

    body .obj_issue_toc .obj_article_summary .meta .authors {
        margin: 0;
    }

    /* PDF button: compact, outlined, inside the viewport */
    body .obj_issue_toc .galleys_links,
    body .obj_issue_toc .article .galleys {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    body .obj_issue_toc .galleys_links > li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    body .obj_issue_toc .obj_galley_link,
    body .obj_issue_toc .article .galleys a,
    body .obj_issue_toc .article .galley-link {
        display: inline-flex;
        align-items: center;
        max-width: 100%;
        margin: 0;
        padding: 4px 12px;
        color: #006798;
        background: #ffffff;
        border: 1px solid #006798;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.4;
        text-decoration: none;
        box-sizing: border-box;
    }

    body .obj_issue_toc .obj_galley_link:hover,
    body .obj_issue_toc .article .galleys a:hover,
    body .obj_issue_toc .article .galley-link:hover {
        color: #ffffff;
        background: #006798;
    }

    /* "View All Issues >" */
    body .current_issue .read_more {
        display: inline-block;
        margin: 12px 0 0;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.3;
    }
}

/* Where the browser supports display: contents, the Published card moves up
   to the right of "Current Issue" (as in the mobile screenshot) while the
   whole block stays in normal flow: no negative offsets, no overlap. */
@supports (display: contents) {
    @media (max-width: 991px) {

        body .current_issue {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            grid-template-rows: auto auto;
            column-gap: 12px;
            row-gap: 10px;
            align-items: start;
        }

        body .current_issue > h2 {
            grid-column: 1;
            grid-row: 1;
            align-self: center;
            margin: 0;
        }

        body .current_issue > .current_issue_title {
            grid-column: 1 / -1;
            grid-row: 2;
            align-self: start;
            margin: 0 0 14px;
        }

        body .current_issue > .obj_issue_toc,
        body .current_issue > .obj_issue_toc > .heading {
            display: contents;
        }

        body .current_issue > .obj_issue_toc > .heading .published {
            grid-column: 2;
            grid-row: 1;
            align-self: center;
            justify-self: end;
            margin: 0;
        }

        body .current_issue > .obj_issue_toc > .heading > :not(.published),
        body .current_issue > .obj_issue_toc > :not(.heading),
        body .current_issue > .read_more {
            grid-column: 1 / -1;
        }
    }
}


/* ==========================================================================
   13. TABLET + MOBILE FOOTER  (<= 991px)
   Natural flow after the articles (never fixed), centred, wraps cleanly:
        UNITED INSTITUTE OF
        MANAGEMENT
        PRAYAGRAJ
   ========================================================================== */

@media (max-width: 991px) {

    body .pkp_structure_footer_wrapper {
        position: relative;
        clear: both;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        background: var(--sam-cream);
        border-top: 8px solid #ffffff;
        box-sizing: border-box;
        overflow: hidden;
    }

    body .pkp_structure_footer_wrapper::before {
        content: none !important;
        display: none !important;
    }

    body .pkp_structure_footer {
        position: static;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 20px 14px 24px !important;
        text-align: center !important;
        overflow: visible !important;
    }

    body .pkp_structure_footer::before {
        font-size: 26px;
        letter-spacing: 1.5px;
        line-height: 1.2;
        margin-bottom: 8px;
        overflow-wrap: break-word;
    }

    body .pkp_structure_footer::after {
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 1.2;
        margin-top: 4px;
    }

    body .pkp_footer_content {
        padding: 0;
    }

    body .pkp_structure_footer h1,
    body .pkp_structure_footer h2,
    body .pkp_structure_footer h3 {
        font-size: 20px !important;
        letter-spacing: .5px !important;
    }

    body .pkp_structure_footer p {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }
}


/* ==========================================================================
   14. SMALL-SCREEN REFINEMENTS
   ========================================================================== */

/* ---- mobile (<= 768px) ---- */
@media (max-width: 768px) {

    body .pkp_structure_content {
        padding: 16px 10px 22px;
    }

    body .current_issue > h2 {
        font-size: 20px;
    }

    body .current_issue > .current_issue_title {
        font-size: 13px;
    }

    body .obj_issue_toc .sections {
        padding: 10px 12px 4px;
    }

    body .obj_issue_toc .obj_article_summary .title,
    body .obj_issue_toc .article h3 {
        font-size: 14.5px;
    }

    body .pkp_structure_footer::before {
        font-size: 24px;
    }
}

/* ---- small mobile (<= 480px) ---- */
@media (max-width: 480px) {

    body .pkp_structure_content {
        padding: 14px 8px 20px;
    }

    body .current_issue > h2 {
        font-size: 19px;
    }

    body .current_issue > .current_issue_title {
        font-size: 13px;
    }

    body .obj_issue_toc > .heading .published,
    body .obj_issue_toc > .heading .published .label,
    body .obj_issue_toc > .heading .published .value {
        font-size: 12px;
    }

    body .obj_issue_toc > .heading .published {
        padding: 9px 12px;
    }

    body .obj_issue_toc .section > h2,
    body .obj_issue_toc .section > h3 {
        font-size: 15px;
    }

    body .obj_issue_toc .obj_article_summary .title,
    body .obj_issue_toc .article h3 {
        font-size: 14px;
    }

    body .pkp_structure_footer::before {
        font-size: 21px;
        letter-spacing: 1px;
    }

    body .pkp_structure_footer::after {
        font-size: 15px;
    }
}

/* ---- very small mobile (<= 360px) ---- */
@media (max-width: 360px) {

    :root {
        --sam-header-h: 52px;
        --sam-toggle-w: 42px;
    }

    body .current_issue > h2 {
        font-size: 18px;
    }

    body .current_issue > .current_issue_title {
        font-size: 12px;
    }

    body .obj_issue_toc .sections {
        padding: 8px 10px 2px;
    }

    body .obj_issue_toc .obj_article_summary .title,
    body .obj_issue_toc .article h3 {
        font-size: 13.5px;
    }

    body .obj_issue_toc .obj_article_summary .meta,
    body .obj_issue_toc .obj_article_summary .authors,
    body .obj_issue_toc .article .authors {
        font-size: 11.5px;
    }

    body .obj_issue_toc .obj_galley_link,
    body .obj_issue_toc .article .galleys a,
    body .obj_issue_toc .article .galley-link {
        font-size: 11px;
        padding: 3px 10px;
    }

    body .obj_issue_toc > .heading .published,
    body .obj_issue_toc > .heading .published .label,
    body .obj_issue_toc > .heading .published .value {
        font-size: 11px;
    }

    body .pkp_structure_footer::before {
        font-size: 19px;
    }
}

/* ---- tiny mobile (<= 320px) ---- */
@media (max-width: 320px) {

    :root {
        --sam-header-h: 48px;
        --sam-toggle-w: 40px;
    }

    body .pkp_structure_content {
        padding: 12px 6px 18px;
    }

    body .pkp_structure_footer::before {
        font-size: 17px;
        letter-spacing: .5px;
    }
}


/* ==========================================================================
   15. FINAL OVERFLOW SAFETY
   ========================================================================== */

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

@supports (overflow: clip) {
    html,
    body {
        overflow-x: clip;
    }
}

@media (max-width: 991px) {

    body .pkp_structure_head,
    body .pkp_head_wrapper,
    body .pkp_structure_page,
    body .pkp_structure_content,
    body .pkp_structure_main,
    body .pkp_structure_footer_wrapper,
    body .pkp_structure_footer {
        max-width: 100%;
        box-sizing: border-box;
    }
}