.button.delauthor {
    color: #fff !important;
    background-color: #b44235;
}

#displayMenu .block {
    padding: 20px;
}

#displayMenu .block input[type="text"] {
    background-color: #f0f0f0;
}

#displayMenu .block .blockTitle {
    display: block;
    text-align: center;
    font-weight: bold;
    background-color: #647ba0;
    color: #fff;
}

#displayMenu .block .blockSubtitle {
    display: inline-block;
    margin-top: 10px;
    font-size: 0.9em;
    text-transform: uppercase;
    font-weight: bold;
}

#displayMenu .block li a {
    display: inline-block;
    font-weight: normal;    
}

.bubble {
    display: inline-block;
    position: absolute;
    z-index: 1000001;
    background-color: #fff;
    border: solid silver 1px;
    font-size: 12px;
    padding: 5px;
}

.boldWarning, .error {
    color: #B72F09;
    font-weight: bold;
}

.reviewCancelled {
    color: #bababa;
}

.reviewDeclined, .reviewCancelled {
    text-decoration: line-through;
    text-decoration-color: #444;
}
.paddingInside {padding: 0 10px;}
.paddingSeparator {padding: 10px 10px 25px 10px;}
.black {color:#3f3f3f;font-weight: 700;}
a#reviewForm {cursor: pointer;}
#viewPeerReviewComments a#reviewForm, #editorDecision a#reviewForm, #peerReview a.reviewForm2, #peerReview a.reviewForm {
    cursor: pointer;
    display:inline-block;
    vertical-align: middle;
    height:25px;
    width:21px;  
    background:url("/lib/pkp/templates/images/plus-xxl_1.png") no-repeat;
    background-size: contain;
}
#viewPeerReviewComments a#reviewForm.expanded, #editorDecision a#reviewForm.expanded, #peerReview a.reviewForm2.expanded, #peerReview a.reviewForm.expanded {
    background:url("/lib/pkp/templates/images/minus-xxl_1.png") no-repeat;
    background-size: contain;
}
.white {color: #ffffff !important;}
.underline {text-decoration: underline;}
.visibleCheckBox {display: inline-block !important;width: auto;vertical-align: middle;}
.tip {
    width: 400px;
    padding: 8px;
    overflow: hidden;
    display: none;
    position: absolute;
    z-index: 500;
    background-color: #eee;
    text-align: center;
    border: 1px solid #555;
    font-size: 12px;
    font-weight: normal;
}

.alert-danger {
    /*background-color: rgba(187, 29, 29, 0.72);*/
    background: #ae5757;
    border-radius: 2px;
    border: 1px solid #9b3b2e;
    padding: 5px 30px;
    color: #fff;
    font-size: 13px;
    margin: 10px 0;
}

#breadcrumb_rwd li a {
    color: #5f5f5f;
    position: relative; }
#breadcrumb_rwd li a:after {
    content: '>';
    position: absolute;
    left: -4px;
    top: 10px;
    color: #bbbbbb; }

#breadcrumb_rwd li span.current {
    color: #647ba0;
    position: relative;
    padding-left: 3px; }
#breadcrumb_rwd li span.current:after {
    content: '>';
    position: absolute;
    left: -10px;
    top: 1px;
    color: #bbbbbb; }

.side-menu .side-header {
    height: 35px;
    background: #647ba0;
    color: #fff;
    padding: 10px;
    line-height: 35px;
    margin: 10px; 
}

.side-menu .side-header .name {
    background: url(/lib/pkp/templates/images/users.png) no-repeat 0 0;
    background-size: contain;
    padding-left: 50px;
    display: inline-block;
}

.side-menu .side-header .visibleBlock {display: none;}

.side-menu .side-body {
    display:block;
}

@media screen and (max-width: 1023px) {
    .side-menu .side-header .visibleBlock {
        background: url(/lib/pkp/templates/images/menu.png) no-repeat 0 0;
        background-size: contain;
        display: inline-block;
        float: right;
        height: 35px;
        width: 50px;
    }
    .side-menu .side-body {display:none;}
}

.side-menu .side-body {
    margin: 10px;
    background: #dde3ef;
    border: 1px solid #cddaec; }
.side-menu .side-body ul {
    list-style: none;
    padding: 0;
    margin: 0; }
.side-menu .side-body ul > li {
    border-bottom: 1px solid #cddaec;
    padding: 0;
    margin: 0; }
.side-menu .side-body ul > li > a {
    padding: 13px 20px;
    font-size: 13px;
    display: block;
    color: black;
    font-weight: bold; }
.side-menu .side-body ul > li > a:hover, .side-menu .side-body ul > li > a:focus, .side-menu .side-body ul > li > a:active, .side-menu .side-body ul > li > a:visited {
    background-color: #cddaec; }
.side-menu .side-body ul > li.Find_PC {
    padding: 20px;
    display: block;
    color: black;
    font-weight: bold; }
.side-menu .side-body ul > li.Find_PC .Find {
    float: inherit;
    margin-right: 0;
    width: 100%;
    top: 0; }
.side-menu .side-body ul > li.Find_PC .Find input[type="text"] {
    width: 155px;font-size:13px; }

.side-menu .side-body .Find_PC .fixedFinder.Find {
    margin: 0;
}

.content select.selectMenu {
    color: black; }
.content select.selectMenu.error {
    border: 2px solid #ff0000;
}
.content .content-header {
    margin: 10px;
    height: 35px;
    background: #8fa7cc;
    color: #fff;
    padding: 10px;
    line-height: 35px; }
.content .content-header .name {
    background: url(/lib/pkp/templates/images/article3.png) no-repeat 0 0;
    background-size: contain;
    padding-left: 50px;
    font-size:23px;    
}
.content .content-header .nameEditor {
    background: url(/lib/pkp/templates/images/editor.png) no-repeat 0 0;
    background-size: contain;
    padding-left: 50px;
    font-size:26px;     
}

.content .content-header .nameIssues {
    background: url(/lib/pkp/templates/images/issues.png) no-repeat 0 0;
    background-size: contain;
    padding-left: 50px;
    font-size:26px;     
}

.content .content-header .nameEmail {
    background: url(/lib/pkp/templates/images/email.png) no-repeat 0 0;
    background-size: contain;
    padding-left: 50px;
    font-size:26px;     
}

.content .content-header .nameReview {
    background: url(/lib/pkp/templates/images/review.png) no-repeat 0 0;
    background-size: contain;
    padding-left: 50px;
    font-size:26px;      
}

.content .content-header > div {
    background-size: contain;
    padding-left: 50px;
    font-size:26px;      
}

.header-icon-email {
    background: url(/lib/pkp/templates/images/email.png) no-repeat 0 0;
}

.content .content-header.subheader {
    margin: 0;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
}
.content .content-header.subheader a {
    color: #fff; }

.content .content-body {
    margin: 10px; }
.content .content-body ul.menuGuziki {
    list-style-type: none;
    padding: 0;
    margin: 0; }
.content .content-body ul.menuGuziki li {
    display: inline-block; }
.content .content-body ul.menuGuziki li .guzikKlikacz {
    margin: 0;
    border-radius: 0;
    background: #8fa7cc;
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.content .content-body ul.subMenuGuziki {
    list-style: none;
    padding-left: 0;
    padding-top: 15px;
}

.content .content-body ul.subMenuGuziki li {
    display: inline-block;
}

.content .content-body ul.subMenuGuziki li.current a {
    background-color: #ae5757;
}

.content .content-body ul.subMenuGuziki li .guzikKlikacz {
    color: white;
    background-color: #3b547f;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    display: inline-block;
    text-decoration: none;
}

.content .content-body ul.menuGuziki li .guzikKlikacz:hover {
    background: #5cb85c;
}

@media screen and (max-width: 568px) {
    .content .content-body ul.menuGuziki li {
        width: 100%; }
    .content .content-body ul.menuGuziki li .guzikKlikacz {
        width: 87%;
        text-align: center;
        margin: 5px 0; } }
.content .content-body ul.menuGuziki li.current .guzikKlikacz {
    background: #3b5480; }
.content .content-body #submissions table, .content .content-body #submissions .listing {
    max-width: 100%;
    margin: 10px 0 0;
    border: 2px solid #cfdaec; }
.content .content-body #submissions table tr:first-child, .content .content-body #submissions .listing tr:first-child {
    background: #dde3ef;
    vertical-align: middle; }
.content .content-body #submissions table tr:first-child td, .content .content-body #submissions .listing tr:first-child td {
    font-weight: bold;
    font-size: 12px;
    border: 2px solid #cfdaec;
    position:relative;
    padding: 0; }

.content .content-body #submissions table table tr td, .content .content-body #submissions .listing table tr td,
.content .content-body #submissions table table tr:first-child td, .content .content-body #submissions .listing table tr:first-child td {
    font-weight: inherit;
}

.content .content-body #submissions table tr:first-child td .disabled, .content .content-body #submissions .listing tr:first-child td .disabled {
    font-size: 12px;
}

.content .content-body #stepBox.borderMargin #submissions .listing tr:first-child td {
    border: 1px solid #bfcfe7;
}
.content .content-body #submissions table tr:first-child td:first-child, .content .content-body #submissions .listing tr:first-child td:first-child {
    vertical-align: middle; }
.content .content-body #submissions table tr.heading td > a, .content .content-body #submissions .listing tr.heading td > a {
    display:inline-block;
    padding: 0 3px;
}
.content .content-body #submissions table tr.heading td span.sortBoth, .content .content-body #submissions .listing tr.heading td span.sortBoth {
    display: inline-block;
    vertical-align: text-top;
}

.content .content-body #submissions table tr.heading td span.sortBoth a, .content .content-body #submissions .listing tr.heading td span.sortBoth a {
    background: url(/lib/pkp/templates/images/sort_both.png) no-repeat 0 0;
    background-size: contain;
    width: 15px;
    height: 15px;
    display: block;
}

table.listing tr.highlight td {background: #fffaad !important;}
table.listing tr.highlight2 td {background: #e2fdc7 !important;}
table.listing tr.inconsistent td {background: #f8e7e7 !important;}
table.listing tr.fastTracked td, table.listing tr.fastTracked td a {background-color: #ABA !important;color: #fff !important;}

.content .content-body #submissions table tr:nth-child(2n), .content .content-body #submissions .listing tr:nth-child(2n) {
    background: #e7edf9; }
.content .content-body #submissions table table tr:nth-child(2n), .content .content-body #submissions .listing table tr:nth-child(2n) {
    background: inherit; }
.content .content-body #submissions table tr:hover, .content .content-body #submissions .listing tr:hover {
    background: #cfdaec; }
.content .content-body #submissions table tr .nodata, .content .content-body #submissions .listing tr .nodata {
    background: #fff; }
.content .content-body #submissions table tr td, .content .content-body #submissions .listing tr td {
    color: #444; }
.content .content-body #submissions table tr td a, .content .content-body #submissions .listing tr td a {
    color: #728daa; }
.content .content-body #submissions table tr:first-child, .content .content-body #submissions .listing tr td a.deleteRow {
    color: #b44235;
}

.content .content-body #submissions #notes h4 {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #8e8d8e; }
.content .content-body #submissions #notes ol {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
    display: inline-block;
    color: #8e8d8e; }

.headerReviewerList {
    font-size: 18px;
}

ul.plain.blockLists li a {
    font-size: 16px;
}  

#stepBox ul.steplist {
    list-style: none;
    padding: 0;
    margin: 0; }
#stepBox #step1 .done, #stepBox #step2 .done, #stepBox #step3 .done, #stepBox #step4 .done  {
    background: url(/lib/pkp/templates/images/done.png) no-repeat 0 0;
    background-size: contain;
    float: right;
    width: 30px;
    height: 25px;
}

#stepBox ul.steplist li a.stepAWidth {
    display:inline-block;
    width:95%;
}

#stepBox #step1.current .edit, #stepBox #step2.current .edit, #stepBox #step3.current .edit, #stepBox #step4.current .edit, #stepBox #step5.current .edit {
    background: url(/lib/pkp/templates/images/edit.png) no-repeat 0 0;
    background-size: contain;
    float: right;
    width: 30px;
    height: 25px;
}

#stepBox ul.steplist.light > li {
    background: #dde3ef; }
#stepBox ul.steplist.light > li h3, #stepBox ul.steplist.light > li h3 > a {
    color: #525252; }
#stepBox ul.steplist.light .list-switcher {
    color: #8fa7cc; }
#stepBox ul.steplist > li, #stepBox ul.steplist > form > li {
    background: #8fa7cc;
    font-size: 20px;
    padding: 10px;
    margin-bottom: 10px;
    color: #f5f5f5; }
#stepBox ul.steplist > li,
.content-body .content-body-container {
    border: 1px solid #8fa7cc; 
}

.content-body .content-body-container {
    padding: 10px;
    font-size: 0.8em;
}


#stepBox ul.steplist > li h3, #stepBox ul.steplist > form > li h3 {
    padding: 0;
    margin: 0;
    color: inherit; }
#stepBox ul.steplist > li.current, #stepBox ul.steplist > form > li.current {
    color: #f5f5f5; }
#stepBox ul.steplist > li .guzikKlikacz, #stepBox ul.steplist > form > li .guzikKlikacz {
    margin: 0;
    border-radius: 0;
    background: #8fa7cc;
    font-size: 24px;
    padding-left: 25px;
    padding-right: 25px;
    color: #fff; }
#stepBox ul.steplist > li a {
    color: #8fa7cc;
}
#stepBox ul.steplist > li .nextStepButton a, #stepBox ul.steplist > form > li a, #stepBox ul.steplist > li a.stepAWidth {
    color: #f5f5f5; }
#stepBox ul.steplist > li > ul, #stepBox ul.steplist > form > li > ul {
    padding: 1px 0;
    margin: 10px -10px -10px;
    background-color: #fff;
    font-size: 15px;
    list-style: none;
    color: #6c7379; }
#stepBox ul.steplist > li > ul.hide, #stepBox ul.steplist > form > li > ul.hide {
    display: none; }
#stepBox ul.steplist > li > ul.list-content, #stepBox ul.steplist > li > ul li .list-content, #stepBox ul.steplist > form > li > ul.list-content, #stepBox ul.steplist > form > li > ul li .list-content {
    display: none; }
#stepBox ul.steplist > li > ul.list-content.show, #stepBox ul.steplist > li > ul li .list-content.show, #stepBox ul.steplist > form > li > ul.list-content.show, #stepBox ul.steplist > form > li > ul li .list-content.show {
    display: block; }
#stepBox ul.steplist > li > ul.list-content .pure-g .pure-u-1-1 label, #stepBox ul.steplist > li > ul li .list-content .pure-g .pure-u-1-1 label, #stepBox ul.steplist > form > li > ul.list-content .pure-g .pure-u-1-1 label, #stepBox ul.steplist > form > li > ul li .list-content .pure-g .pure-u-1-1 label {
    padding: 10px; }
#stepBox ul.steplist > li > ul.list-content .pure-g .checkbox-desc, #stepBox ul.steplist > li > ul li .list-content .pure-g .checkbox-desc, #stepBox ul.steplist > form > li > ul.list-content .pure-g .checkbox-desc, #stepBox ul.steplist > form > li > ul li .list-content .pure-g .checkbox-desc {
    padding: 5px 0; }
#stepBox ul.steplist > li > ul.list-content .pure-g input[type="checkbox"], #stepBox ul.steplist > li > ul.list-content .pure-g input[type="radio"], #stepBox ul.steplist > li > ul li .list-content .pure-g input[type="checkbox"], #stepBox ul.steplist > li > ul li .list-content .pure-g input[type="radio"], #stepBox ul.steplist > form > li > ul.list-content .pure-g input[type="checkbox"], #stepBox ul.steplist > form > li > ul.list-content .pure-g input[type="radio"], #stepBox ul.steplist > form > li > ul li .list-content .pure-g input[type="checkbox"], #stepBox ul.steplist > form > li > ul li .list-content .pure-g input[type="radio"] {
    display: block;
    width: 20px;
    float: left;
    box-shadow: none;
    margin-top: 3px; }
#stepBox ul.steplist > li > ul.list-content .pure-g select, #stepBox ul.steplist > li > ul li .list-content .pure-g select, #stepBox ul.steplist > form > li > ul.list-content .pure-g select, #stepBox ul.steplist > form > li > ul li .list-content .pure-g select {
    /*width: 100%;*/
    display: inline-block;
    padding: 5px; }
#stepBox ul.steplist > li > ul.list-content .pure-g input[type="text"], #stepBox ul.steplist > li > ul.list-content .pure-g textarea, #stepBox ul.steplist > li > ul li .list-content .pure-g input[type="text"], #stepBox ul.steplist > li > ul li .list-content .pure-g textarea, #stepBox ul.steplist > form > li > ul.list-content .pure-g input[type="text"], #stepBox ul.steplist > form > li > ul.list-content .pure-g textarea, #stepBox ul.steplist > form > li > ul li .list-content .pure-g input[type="text"], #stepBox ul.steplist > form > li > ul li .list-content .pure-g textarea {
    display: block;
    box-shadow: none;
    /*width: auto;*/
    background: #fff;
    /*border-color: #b1b1b1;*/ }
#stepBox ul.steplist > li > ul.list-content > li table, #stepBox ul.steplist > li > ul.list-content div table, #stepBox ul.steplist > li > ul.list-content > table, #stepBox ul.steplist > li > ul li .list-content > li table, #stepBox ul.steplist > li > ul li .list-content div table, #stepBox ul.steplist > li > ul li .list-content > table, #stepBox ul.steplist > form > li > ul.list-content > li table, #stepBox ul.steplist > form > li > ul.list-content div table, #stepBox ul.steplist > form > li > ul.list-content > table, #stepBox ul.steplist > form > li > ul li .list-content > li table, #stepBox ul.steplist > form > li > ul li .list-content div table, #stepBox ul.steplist > form > li > ul li .list-content > table {
    margin: 10px auto;
    border-color: #8fa7cc; }
#stepBox ul.steplist > li > ul.list-content > li table tr:first-child, #stepBox ul.steplist > li > ul.list-content div table tr:first-child, #stepBox ul.steplist > li > ul.list-content > table tr:first-child, #stepBox ul.steplist > li > ul li .list-content > li table tr:first-child, #stepBox ul.steplist > li > ul li .list-content div table tr:first-child, #stepBox ul.steplist > li > ul li .list-content > table tr:first-child, #stepBox ul.steplist > form > li > ul.list-content > li table tr:first-child, #stepBox ul.steplist > form > li > ul.list-content div table tr:first-child, #stepBox ul.steplist > form > li > ul.list-content > table tr:first-child, #stepBox ul.steplist > form > li > ul li .list-content > li table tr:first-child, #stepBox ul.steplist > form > li > ul li .list-content div table tr:first-child, #stepBox ul.steplist > form > li > ul li .list-content > table tr:first-child {
    background-color: #8fa7cc; }
#stepBox ul.steplist > li > ul li, #stepBox ul.steplist > form > li > ul li {
    margin: 10px;}
#stepBox ul.steplist > li > ul li h3, #stepBox ul.steplist > form > li > ul li h3 {
    background: #dde3ef;
    padding: 10px;
    margin: 0;
    color: #3f3f3f;
    font-size: 16px;
    /*cursor: pointer;*/
}
#stepBox ul.steplist > li > ul li.buttonBox, #stepBox ul.steplist > form > li > ul li.buttonBox {
    margin: 10px 0; text-align: center;border:0;}
#stepBox ul.steplist > li > ul li.buttonBox input, #stepBox ul.steplist > form > li > ul li.buttonBox input {
    /*max-width: inherit;
    width: 140px;*/
    width: auto;
    box-shadow: none;
    padding: 10px;
    text-align: center;
    margin: 0;
    border-radius: 0;
    border: 1px solid transparent;
    background: #3B5480;
    color: #ffffff;
}

#stepBox ul.steplist > li > ul li.buttonBox input:hover, #stepBox ul.steplist > form > li > ul li.buttonBox input:hover {
    border: 1px solid #ff0000;
} 

#stepBox .infoPar {
    padding: 10px;
    color: #3f3f3f;
}

#stepBox .infoPar a {
    color: #3f3f3f !important;
    text-decoration: underline;
}

#stepBox ul.editorPanel li h3 {
    font-size: 20px;
    cursor:pointer;
}

#stepBox #reviewSteps .stepsReview .list-switcher2 .name {
    display: inline-block;
}

#stepBox #reviewSteps .stepsReview.checked .list-switcher2 .status {
    display: inline-block;
    height: 0.95em;
    vertical-align: top;
    width: 0.95em;
    float: right;
    margin-right: 10px;
    margin-top: 5px;
    background: url(/lib/pkp/templates/images/checked.png) no-repeat 0 0;
    background-size: contain;    
}

#stepBox #reviewSteps #stepBox8 h3.list-switcher2.changeColor {
    background: #d30000;
    color: #fff;
}

#stepBox #reviewSteps h3.list-switcher2 .status {
    display: inline-block;
}

#summaryStep5 {
    border: 0;
    padding: 0 25px;
    margin-bottom: 50px;
}

#summaryStep5 .listing tr td a {
    color: #3f3f3f;
}

#summaryStep5 p a{
    color: #3f3f3f !important;
} 

.formErrorList {
    list-style: none;
    margin: 10px 0;
    background: #b44235;
    border-radius: 2px;
    border: 1px solid #9b3b2e;
    padding: 5px; 
}

.formErrorList a {
    color: #fff !important;
    background: url(/lib/pkp/templates/images/alert.png) no-repeat 0 0;
    background-size: contain;
    background-position: left center;
    padding-left: 30px;
    display: inline-block;
}

.plain.formErrorList a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.list-switcher {
    border-style: solid;
    color: #fff;
    border-width: 0.25em 0.25em 0 0;
    content: '';
    display: inline-block;
    height: 0.45em;
    left: 0.15em;
    position: relative;
    top: 0.15em;
    transform: rotate(-45deg);
    vertical-align: top;
    width: 0.45em;
    float: right;
    margin-right: 15px;
    margin-top: 6px;
    cursor: pointer; }
.list-switcher.sublist {
    color: #8fa7cc; }
.list-switcher2.active .list-switcher, .list-switcher.sublist.open {
    -ms-transform: rotate(135deg);
    /* IE 9 */
    -webkit-transform: rotate(135deg);
    /* Chrome, Safari, Opera */
    transform: rotate(135deg); }

.pure-g > div input[type='text'], .pure-g > div textarea, .pure-g > div select {
    margin: 0; }

.pure-g > div label {
    display: block;
    /*padding-top: 8px;*/ }

.pure-g > div > img {
    width: inherit;
    text-align: center; }

.pure-g input[type="submit"] {
    background: #3B5480;
    color:#fff;
    margin-bottom: 10px; 
    font-weight: normal;
}

ul.blocksList {
    list-style: none;
    padding: 0;
    overflow: auto; }
ul.blocksList > li {
    width: 150px;
    display: block;
    float: left;
    margin: 0 !important; 
}
ul.blocksList > li > a {
    height: 20px;
    background: #dde3ef;
    padding: 15px;
    display: flex;
    justify-content: center;
    flex-direction: column;    
    font-size: 12px;
    margin: 5px;
    color: #5d5c5d !important; }
ul.blocksList > li:hover > a {
    background: #5cb85c;
    color: #fff !important;
}

ul.blocksList > li.current a {
    background: #3b5480;
    color: #fff !important; }

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

.text-left {
    text-align: left; }

.text-right {
    text-align: right; }

.pull-left {
    float: left; }

.pull-right {
    float: right; }

.tTip {
    width: auto; }

table.datalist, table.datalist > tbody {
    border: 1px solid #b3b9c5; }
table.datalist > tr:first-child, table.datalist > tbody > tr:first-child {
    background-color: #fff !important;
    color: inherit; }
table.datalist > tr > td, table.datalist > tbody > tr > td {
    border: 1px solid #b3b9c5;
    min-width: 40px;vertical-align: middle; }
table.datalist > tr > td:first-child, table.datalist > tbody > tr > td:first-child {
    background: #dde3ef;
    vertical-align: middle;
    height: 30px;
    color: #6c7379; }

table.datalist tr td a.titleTd {
    color: #6c7379 !important;
}  

#notes h4 {
    color: #2E2E2E; }

#notes ol {
    padding: 0 17px;
    margin: 0;
    color: #4e4e4e; }

@media screen and (max-width: 568px) {
    table {
        overflow: auto; } }

table.listing tbody tr td {
    height: 20px;
    vertical-align: middle;
    border: 1px solid #bfcfe7; }

table.listing tbody tr:nth-child(n + 2) td {
    background: #eef8ff; }

table.listing tbody tr:nth-child(2n) td {
    background: #fff; }

#submissionToBeReviewedBox table {
    border: none; }
#submissionToBeReviewedBox table tr {
    border-bottom: 1px solid #2E2E2E;
    color: #2E2E2E;
    /*height: 60px;*/ }
/*#submissionToBeReviewedBox table tr:first-child, #submissionToBeReviewedBox table tr:nth-child(2n) {
  background: #fff !important; }*/
#submissionToBeReviewedBox table tr td {
    vertical-align: middle; }
#submissionToBeReviewedBox table tr td:first-child {
    font-weight: bold; }
#submissionToBeReviewedBox table tr:first-child {
    color: #fff;
    font-weight: 700;
}

#submissionToBeReviewedBox table tr.toP {
    background-color: #3498db !important;
    color: #fff;
}      

#submissionToBeReviewedBox img {
    width: auto; }

#submissionToBeReviewedBox hr {
    margin: 15px 0; }

#author {
    font-family: Arial, sans-serif; }

#addSubmissionFile, #legalStatementFile, #addLegalStatementFile {
    text-align: center; }
#addSubmissionFile input[type="submit"], #legalStatementFile input[type="submit"], #addLegalStatementFile input[type="submit"] {
    margin: 10px 0;
    border-radius: 0;
    background: #428bca;
    padding-left: 25px;
    padding-right: 25px;
    color: #fff;
    max-width: 125px;
}

#submissionFile {
    padding: 0;
    text-align: center; }

#submissionFile table.listing tr:first-child td.value, #legalStatementFile table.listing tr:first-child td.value, #submissionFileDiv table.listing tr:first-child td.value {
    /*font-size: 15px;*/
    font-weight: 700;
    text-decoration: underline;
}

#submissionFileDiv .nodata, #legalStatementFile .nodata {
    display: block;
    padding: 10px 15px;
    margin: 10px 0;
    border: 2px solid #8fa7cc;
    background: #8fa7cc;
    color: #fff;
    border-radius: 2px;
    font-size: 14px;
}

#submissionFileDiv .nodata span, #legalStatementFile .nodata span {
    background: url(/lib/pkp/templates/images/alert.png) no-repeat 0 0;
    background-size: contain;
    padding-left: 30px;
    display: inline-block;
}

#submission_rwd h3, .metadataEdit h3 {
    text-align: left;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #8fa7cc;
    padding-bottom: 9px;
    margin-bottom: 20px;
    position: relative; }
#submission_rwd h3 span.color_border, .metadataEdit span.color_border {
    width: 42px;
    height: 4px;
    display: block;
    position: absolute;
    bottom: -4px;
    left: 0;
    background: #A4A4A4;
    z-index: 0;
}

#submission_rwd h3 span.animate, .metadataEdit span.animate {
    -webkit-transition-property: width; /* Safari */
    -webkit-transition-duration: 2s; /* Safari */
    transition-property: width;
    transition-duration: 2s;
}

#submission_rwd #submission:hover h3 span.color_border, #submission_rwd #metadata:hover h3 span.color_border, #submission_rwd #status:hover h3 span.color_border, #submission_rwd #supplementaryFileData:hover h3 span.color_border, #submission_rwd #supplementaryFileUpload:hover h3 span.color_border, #peerReview:hover h3 span.color_border, #editorDecision:hover h3 span.color_border {
    /*width:100%;*/
}

#submission_rwd h4, #sectionEditors h4, #sectionsAssigned h4, #tableMainBoxx3 h4 {
    text-align: left;font-size:16px;background:url(/lib/pkp/templates/images/header_underline.png) no-repeat left bottom;padding-bottom: 10px; }
#submission_rwd h4 a, #sectionEditors h4 a, #sectionsAssigned h4 a, #tableMainBoxx3 h4 a {
    color: #677ea5;
    text-decoration: underline;
}

#submission_rwd input {
    box-shadow: none;
    border-radius: 0;
    margin: 5px; }
#submission_rwd img {
    width: auto;vertical-align: middle;padding: 2px; }
#submission_rwd table, .metadataEdit table {
    margin: 10px 0;
    border: none; }
#submission_rwd table tr:first-child {
    /*background: none;*/ }

#submission table.borderTable {
    border: 2px solid #3498db;
}

#submission table.borderTable tr:first-child {
    background-color: #3498db;
}

#submission table.borderTable tr:nth-child(2n) {
    background-color: #eee;
}   

#submission_rwd #titleAndAbstract, #submission_rwd #indexing, #submission_rwd #cover {
    padding: 0;
    display: block;
}    

#submission_rwd #metadata a.action, #submission_rwd #submission a.action, #tableMainBoxx3 #metadata a.action {
    background: #3B5480;
    padding: 2px 10px;
    color: #ffffff !important;
    border: 1px solid transparent;
    border-radius:2px;
    font-weight: normal;
}

#submission_rwd #metadata a.action:hover, #tableMainBoxx3 #metadata a.action:hover {
    border: 1px solid #3B5480;
    background: transparent;
    color: #3B5480;
}

#submission_rwd #metadata .editMetadata, #tableMainBoxx3 #metadata .editMetadata {
    color: #677ea5;
    font-size: 13px;
    font-weight: 700;
}

#submission_rwd table.headed tr.heading,
#submission_rwd #submission table tr.heading, #submission_rwd #editors table tr.heading, #submission_rwd #submissionEventLog table tr.heading, #submission_rwd #submissionEmailLog table tr.heading, #submission_rwd #submissionNotes table tr.heading, #submission_rwd #eventLogEntries table tr td.headseparator, #submission_rwd #emailLogEntries table tr td.headseparator, #statistics table tr.heading, #users table tr.heading td, #regretsAndCancels table tr.heading td, #assignReviewForm table tr.heading td, #emailLogEntries table tr.heading td, #eventLogEntries table tr.heading td, #reviewers table tr.heading td, #copyedit table tr.heading td, #layout table tr.heading td {
    background-color: #8fa7cc !important;
    color: white;
    font-weight: bold;
}

#vm-statistics select[multiple="1"] {
    width: 200px;
    height: 150px;
    display: block;
}

#submission_rwd table.headed.datalist > tbody > tr.heading > td,
#submission_rwd #editors table.datalist > tbody > tr.heading > td, #submission_rwd #submissionEventLog table.datalist > tbody > tr.heading > td, #submission_rwd #submissionEmailLog table.datalist > tbody > tr.heading > td, #submission_rwd #submissionNotes table.datalist > tbody > tr.heading > td {
    background: none;
}

#submission_rwd #submission table > tbody > tr.heading > td:first-child, #statistics table > tbody > tr.heading > td:first-child {
    background-color: #8fa7cc !important;
    color: white;
}

#submission_rwd #submission table tr td.data, #submission_rwd #status table tr td.data, #submission_rwd #metadata table tr td.data, #submission_rwd #peerReview table tr td.data, #submission_rwd #editorDecision table tr td.data, #shortList #supplementaryFileData table tr td.value, #advencedList #supplementaryFileData table tr td.value, #supplementaryFileData #shortList table tr td.value, #supplementaryFileData #advencedList table tr td.value, #submission_rwd #stepBox table tr td.data {
    text-align: left;
    padding-left: 15px;
}

#submission_rwd #submission table tr:first-child td.titleRow span, #submission_rwd .submissionRewiev #submission table tr:first-child td.titleRow span {
    font-size: 16px;
}

#submission_rwd table tr td a.imgMail, #stepBox .steplist.editorPanel table tr td a.imgMail, #stepBox .steplist.editorPanel a.imgMail {
    display: inline-block;
}

#submission_rwd table tr td a.imgMail img, #stepBox .steplist.editorPanel table tr td a.imgMail img, #stepBox .steplist.editorPanel a.imgMail img, a.imgMail img {
    width: 19px;
    height: 15px;
    vertical-align: middle;
    padding: 0 2px;
}

#submission_rwd a.actionLink {
    font-size: 14px;
    color: #3f3f3f;
    text-decoration: underline;
}

#submissionChecklist input {
    width: 20px;
    position: relative;
    vertical-align: middle;
    float: left; }

#submissionChecklist label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px 5px 5px !important;
    float: left;
    width: 90%;
    margin: 0; }

#editorSearchForm {
    padding: 0 0 10px 0; }
#editorSearchForm select[name="searchField"], #editorSearchForm select[name="searchMatch"], #editorSearchForm input[name="search"] {
    width: 32%;
    border-radius: 0;
    background-color: #fff; }
.searchBlockUsers select[name="searchField"], .searchBlockUsers select[name="searchMatch"], .searchBlockUsers input[name="search"] {
    width: 27%;
    border-radius: 0;
    background-color: #fff; }

#editorSearchForm input[type='submit'] {
    margin: 0; }
#editorSearchForm select, #editorSearchForm input {
    width: 10.1%;
    border-radius: 0;
}

#assignedToFilter .filter {
    list-style: none;
    margin: 0;
    padding: 0; }
#assignedToFilter .filter li {
    min-width: 7%;
    text-align: center;
    display: inline-block; }
#assignedToFilter .filter li:nth-child(2n) {
    width: 20%; }

#createIssue input[type="checkbox"] {
    display: inline-block;
    box-shadow: none; }

#createIssue label {
    color: #2E2E2E; }

#createIssue input[type="text"] {
    display: inline-block;
    box-shadow: none;
    background: #fff;
    border-color: #b1b1b1; }

#issueIdentification input[type="checkbox"] {
    float: left;
    overflow: auto;
    width: 15px;
    margin-top: 0 !important; }

#notifyUsers input[type="checkbox"], #notifyUsers input[type="radio"] {
    display: block;
    box-shadow: none; }

#AuthorStep3Form #locales {
    display: block;
    padding: 5px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #8fa7cc;
}

#AuthorStep3Form #locales .values p,  #suppFileSetup #locale #languageFlag p, #suppFileSetupEdit #locale #languageFlag p, #EditorEditMetadataForm #locale #languageFlag p {
    display: inline-block;
}

#suppFileSetup #locale #languageFlag table, #suppFileSetupEdit #locale #languageFlag table, #EditorEditMetadataForm #locale #languageFlag table {
    display: none;
}

#AuthorStep3Form #locales #submissionOtherLangLinks .flagLanguage, #suppFileSetup #locale #submissionOtherLangLinks .flagLanguage, #suppFileSetupEdit #locale #submissionOtherLangLinks .flagLanguage, #EditorEditMetadataForm #locale #submissionOtherLangLinks .flagLanguage, .languageTransformedForm #locale #submissionOtherLangLinks .flagLanguage {
    max-width: 30px;
    padding-left: 5px;
    vertical-align: sub;
}

#suppFileSetup #locale #submissionOtherLangLinks, #suppFileSetupEdit #locale #submissionOtherLangLinks, #EditorEditMetadataForm #locale #submissionOtherLangLinks {
    padding: 0;
}

#suppFileSetup #locale #languageFlag, #suppFileSetupEdit #locale #languageFlag, #EditorEditMetadataForm #locale #languageFlag {
    display: block;
    padding-bottom: 25px;
}

#AuthorStep3Form #locales #languageSelector {
    padding: 5px 0;
    width: 25%;
    display: inline-block;
}

#AuthorStep3Form #locales #languageFlag .label, #AuthorStep3Form #locales #languageFlag .value {
    display: none;
}

#AuthorStep3Form .instruct, p.resetIssueOrder {
    font-size: 13px;
    display: inline-block;
    padding: 10px 10px 0;
}

#AuthorStep3Form .instruct a, #section .journalSectionDescription a {
    color: #3f3f3f !important;
}

#AuthorStep3Form #indexing #subject, #AuthorStep3Form #indexing .tipImage {
    display: inline-block;
    width:auto;
}

#indexing,#submissionSupportingAgencies {
    display: inline-block;
    padding: 5px 10px;
}

#indexing .hiddenFields {
    display:none;
}

#authors {
    display: inline-block;
    width: 100%;
}

#submission table tr td.label, #status table tr td.label, #authors table tr td.label, #titleAndAbstract table tr td.label, #indexing table tr td.label, #supportingAgencies table tr td.label {
    font-weight: 700;
}

#submissionSupportingAgencies p {
    padding-bottom: 10px;
    font-size:13px;
}

#submissionSupportingAgencies label {
    padding: 0;
}

#authors .frame.warning, #statistics .frame.warning {
    display: block;
    list-style: none;
    margin: 10px 0;
    background: #b44235;
    border-radius: 2px;
    border: 1px solid #9b3b2e;
    padding: 10px 25px;
}

#authors .frame.warning span, #statistics .frame.warning span {
    color: #fff !important;
    background: url(/lib/pkp/templates/images/alert.png) no-repeat 0 0;
    background-size: contain;
    padding-left: 65px;
    display: inline-block;
    line-height: 1.1;
}

#authors .frame.warning span {
    color: #8a6d3b !important;
}

#authors .frame.warning {
    border-color: #faebcc;
    background-color: #faebcc;
}

#authors .authorsContainer {
    padding: 5px;
    display: inline-block;
    width: 90%;
}

.authorsContainer .pure-g, #titleAndAbstract .pure-g {
    padding-bottom: 5px;
}

.authorsContainer .authorFrame label, #titleAndAbstract label, #indexing label, #submissionSupportingAgencies label {
    font-weight: 700;
}

#authors .authorsContainer .authorFrame:not(:first-child) {
    padding-top: 30px;
    /*margin-top: 30px;
    border-top: 1px solid;*/
}

#authors .authorsContainer .authorFrame .pure-g input.userparam, #authors .authorsContainer .authorFrame .pure-g label {
    display: inline-block !important;
    float: none !important;
}

.authorsContainer .authorFrame table tr.morefunc td input[type="radio"], .authorsContainer .authorFrame table tr.morefunc td label, #editorDecision form table#table2 input[type="radio"] {
    display: inline-block;
    width: auto;
    box-shadow: none;
    vertical-align: middle;
}

.authorsContainer .authorFrame table tr.morefunc td input.delauthor {
    margin: 0 25px;
}

#titleAndAbstract {
    display: inline-block;
    padding: 5px 10px;
}

#titleAndAbstract input[type="submit"] {
    max-width: 150px;
    padding: 5px;
}

#supplementaryFileData .instruct a {
    color:#3f3f3f !important;
}

#supplementaryFileData table input.textField, #showReviewers input.uploadField {
    background: #fff;
    color: #3f3f3f;
}

#supplementaryFileData table.data.datalist {
    border: 0;
}

#supplementaryFileData p {
    /*font-size: 13px;*/
}

#supplementaryFileData label.showReviewersLabel,
#supplementaryFileData label.suppFilePublishingLabel {
    display:inline-block;
}

#supplementaryFileData table tr td input[type="radio"] {
    display:inline-block;
    width:auto;
    box-shadow: none;
}

#supplementaryFileData table tr td label.fileRoleIncluded ,#supplementaryFileData table tr td label.fileRoleSupplementary {
    display:inline-block;
}

#supplementaryFileData table {
    border: 2px solid #3498db;
}

#supplementaryFileData table tr td input {
    margin: 0;
}

#stepAddBox {
    padding: 5px 10px;
}

#stepAddBox .backToSupplementaryFiles {
    display:block;
    text-align:right;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #8fa7cc;
}

#stepAddBox a.return {
    padding: 5px 10px;
    background-color: #647ba0;
    color: #fff !important;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

#stepAddBox.borderMargin #submissions .listing tr:first-child, #stepBox.borderMargin #submissions .listing tr:first-child {
    background: #647ba0;
}

#stepBox.borderMargin #submissions .listing table td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

#stepAddBox.borderMargin #submissions table.listing tbody tr:nth-child(n + 2) td, #stepBox.borderMargin #submissions table.listing tbody tr:nth-child(n + 2) td {
    background: #eee;
}

#stepAddBox.borderMargin #submissions table.listing tbody table tr:nth-child(n + 2) td, #stepBox.borderMargin #submissions table.listing tbody table tr:nth-child(n + 2) td {
    background: inherit;
}

#submissions table.listing .reviewRulingDates p {
    margin-bottom: 5px;
}

#stepAddBox.borderMargin #submissions table.listing tbody tr:nth-child(2n) td, input#authorsCountValue, #stepBox.borderMargin #submissions table.listing tbody tr:nth-child(2n) td {
    background: #fff;
}

#submissions table.listing tr:not(:first-child) td a.action {
    text-decoration:underline;
}

#stepAddBox.borderMargin #submissions .listing tr:first-child td {
    border: 1px solid #cfdaec;
}

#stepAddBox.borderMargin #submissions .listing tr.heading td a, #stepAddBox.borderMargin #submissions .listing tr.heading td span, #stepBox.borderMargin #submissions .listing tr.heading td span, #stepBox.borderMargin #submissions .listing tr.heading td a, #stepBox.borderMargin #submissions .listing tr.heading td {
    color: #fff;
}

#stepAddBox.borderMargin #submissions .listing, #stepBox.borderMargin #submissions .listing {
    border: 2px solid #647ba0;
}

#stepAddBox h3.list-switcher2 .name{
    background: url(/lib/pkp/templates/images/listIcon.png) no-repeat 0 0;
    background-size: contain;
    padding-left: 30px;
    display: inline-block;
}

#stepAddBox h3.list-switcher2 .nameAttachment, .metadataIconAtachment {
    background: url(/lib/pkp/templates/images/attachment.png) no-repeat 0 0;
    background-size: contain;
    padding-left: 30px;
    display: inline-block;    
}

.metadataIcon {
    background: url(/lib/pkp/templates/images/metadata.png) no-repeat 0 0;
    background-size: contain;
    padding-left: 30px;
    display: inline-block;
}

.icon.icon-name-mail {
    background-image: url(/lib/pkp/templates/images/ICO/10.png);
    background-size: 19px 15px;
    padding: 0px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon.icon-name-mail img {
    opacity: 0;
    margin: 0px;
    width: 19px !important;
    height: 15px;
}

.iconimg.icon-comment {
    width: 0px !important;
    height: 0px !important;
    padding: 16px !important;
    background: url(/lib/pkp/templates/images/comment.png) no-repeat 4px 7px;
    background-size: 16px 16px;
}

.icon.icon-name-comments.opened {
    background-image: url(/lib/pkp/templates/images/minus-xxl_1.png);
}

.icon.icon-name-comments {
    background-image: url(/lib/pkp/templates/images/plus-xxl_1.png);
    background-size: 16px 16px;
    padding: 0px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon.icon-name-comments img {
    opacity: 0;
    margin: 0px;
    width: 16px !important;
    height: 16px;
}

#stepAddBox.paddingSide {
    padding: 5px 25px;
}

#stepAddBox #section p.journalSectionDescription, #stepAddBox #submissionLocale p, #stepAddBox #indexing p, #submissionChecklist p, #privacyStatement p {
    font-size: 14px;
    padding: 10px 0;
}

#submissionChecklist label p {
    padding: 0;
}

#stepAddBox #supplementaryFileUpload {
    padding-top: 25px;
}

#stepAddBox #replaceFile, #stepAddBox .formRequired {
    font-size: 13px;
}

#stepAddBox .values, #supplementaryFileUpload .values {
    display: block;
    /*padding-bottom: 15px;*/
}

#stepAddBox .values .label, #supplementaryFileUpload .values .label, #submissionOtherLangLinks {
    display: inline-block;
    padding: 0 10px;
}

#submissionOtherLangLinks a {
    color: #6c7379 !important;
    text-decoration: underline;
    cursor: pointer;
    opacity: 0.3;
}

#submissionOtherLangLinks a:hover, #submissionOtherLangLinks a:focus {
    opacity: 1;    
}

#AuthorStep3Form #locales #submissionOtherLangLinks p {
    display: block;
}

#stepAddBox .values .value, #supplementaryFileUpload .values .value {
    display: inline-block;
    width: auto;
}

#submission_rwd #supplementaryFileUpload {
    padding-bottom: 25px;
    border-bottom: 1px solid #8fa7cc;
    margin-bottom: 25px;
    display: block;
}

#stepAddBox .values .value select {
    padding: 0 10px;
    min-width: 150px;
}

#stepAddBox .step5Info {
    font-size: 13px;
    display: block;
    padding: 10px 0;
}

#stepAddBox #submissionComplete {
    font-size: 15px;
    text-align: center;
    display: block;
    color: #3f3f3f;
}

#stepAddBox #submissionComplete a {
    color: #b44235;
    text-decoration: underline;
}

#stepAddBox #submissionComplete p {
    padding: 10px 0;
}

#stepAddBox #submissionComplete p:first-child span {
    background: url(/lib/pkp/templates/images/tick_green.png) no-repeat 0 0;
    background-size: contain;
    padding: 0px 30px;
}

.suppFileImportantField label {
    display: inline-block !important;
}

.listing.tableEdit a {color:#3f3f3f !important;}
#submitUploadSuppFile.buttonHidden {display:none;}

.metadataEdit {
    display: block;
}

.metadataEdit #authors .authorsContainer {
    width: 100%;
    padding: 0;
}

.metadataEdit #titleAndAbstract {
    padding: 0;
    width: 100%;
}

.metadataEdit #indexing {
    padding: 0;
    width: 100%;
}

.metadataEdit .formRequired {
    font-size: 13px;
}

.metadataEdit #formLocale {
    color: #3f3f3f;
}

.metadataEdit table input[type="text"], .emailEdit #emailForm input.textField, .emailEdit #emailForm input.uploadField {
    background: #fff;
    color: #3f3f3f;
}

.metadataEdit #titleAndAbstract table input[type="submit"] {
    background: #3b547f;
    color: #fff;
}

.metadataEdit table input[type="checkbox"], #supplementaryFileData table input[type="checkbox"], .emailEdit table input[type="checkbox"],  .emailEdit table .value label, #editorDecisionEmail table .value label, #editorDecisionEmail table input[type="checkbox"], #editorDecision table input[type="checkbox"], #submissionNotes table input[type="checkbox"], #statisticsFormCheckbox table input[type="checkbox"], #statisticsFormCheckbox table label, #generateAopForm input[type="checkbox"] {
    display: inline-block;
    width: auto;
    box-shadow: none;
    vertical-align: middle;
}

#supplementaryFileData table tr td.label, #tableMainBoxx3 table tr td.label {
    font-weight: 700;
    vertical-align: middle;
}

#supplementaryFileUpload #dropContainer {
    color: #3f3f3f;
    padding: 40px 0;
}

/*
.metadataEdit #cover .coverPageBox {
    overflow: hidden;
    position: relative;
}

.metadataEdit #cover .coverPageBox input[type="file"] {
    cursor: inherit;
    display: block;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}
*/

.metadataEdit #cover {
    padding: 0;
}

.metadataEdit #cover table,.metadataEdit #indexing table, .metadataEdit #supportingAgencies table {
    /*width: 50%;*/
}

.metadataEdit #cover table tr td.label {
    font-weight: 700;
}

.metadataEdit #cover table tr td input[type="radio"], .metadataEdit #cover table tr td input[type="checkbox"], .metadataEdit #cover table tr td label {
    display:inline-block;
    width:auto;
    box-shadow: none;
    vertical-align: middle;
}

.metadataEdit #indexing p, .metadataEdit #supportingAgencies p {
    font-size: 13px;
}

.emailEdit {
    display: block;
}

.emailEdit #emailForm table, #editorDecisionEmail table {
    margin-left: 0;
    margin-right: 0;
}

#editorDecision table tr td.data .waiting,
#editorDecision table tr td.data .completed {
    padding-left: 30px;
    display: block;
    background-image: url('/lib/pkp/templates/images/tick_green.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 17px 17px;
    background-position: 0px 2px;
}

#editorDecision table tr td.data .waiting {
    background-image: url('/images/icons/if_time_clock_107185.png');
    background-position: -3px -3px;
    background-size: 23px 23px;
}

#editorDecision table tr td.data p:last-of-type {
    font-weight: bold;
}

.emailEdit #emailForm table tr td.label {
    font-weight: 700;
}

.emailEdit .header, #editorDecisionEmail .header, #indexAuthorBox .header, #authorDetails .header, #results .header, #notifications .header, #notificationSettings .header, #subscriberData .header, #headerMetaData {
    padding: 10px 0;
    background: url(/lib/pkp/templates/images/header_underline.png) no-repeat left bottom;
    font-size: 26px;
    margin-bottom: 25px;
    font-weight: 700;
}

.steplist.editorPanel .emailEdit a.action.black {
    color: #3f3f3f !important;
    text-decoration: underline;
}

.submissionRewiev table, tr, td {
    border: 1px solid #8fa7cc;
}

#editorDecisionEmail {
    display: block;
}

#editorDecisionEmail table input.textField, #editorDecisionEmail table input.uploadField {
    background: #fff;
    color: #3f3f3f;
}

#downloadAsOnePdf a {
    background: #3B5480;
    color: #fff;
    padding: 2px 5px;
    border: 1px solid #3b5480;
}

#editorDecision .deleteButton {
    background: #b44235;
    color: #fff;
    padding: 2px 5px;
    border: 1px solid #b44235;    
}

/* UploadFile Test */

#uploadInstructions {
    border: 1px solid #dde3ef;
    padding: 5px 10px;
    font-size: 14px;
    color: #3f3f3f;
}   

#uploadInstructions a {
    color: #6c7379 !important;
    text-decoration: underline;
} 

#uploadInstructions .nextStepButton a {
    color: #f5f5f5 !important;
    text-decoration: none;    
}

.inputfile {
    display: inline-block;
    width:100%;
    padding-bottom: 5px;
}

.inputfile .upload-button {	
    display: inline-block;
    position: relative;
}

.btn-primary {
    color: #fff;
    background-color: #428bca;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: solid 1px #666;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

.glyphicon-upload::before {
    content: "\2b";
}

.inputfile .upload-button input[type="file"] {
    left: 0;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* Drag and Drop Input File */

#dragDropFile {
    display:inline-block;
}

#dropContainer, #dropContainer2, #dropContainer3 {
    /*padding: 50px 10px;*/
    padding: 0 30px;
    border-radius: 2px;
    position: relative;
    outline: 2px dashed #92b0b3;
    outline-offset: -4px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    background: #c8dadf;
    text-align: center;
}

#dropContainer:hover, #dropContainer2:hover, #dropContainer3:hover  {
    background: #f5f5f5;
    outline: 2px dashed #92b0b3;
}

#dropContainer .box__icon, #dropContainer2 .box__icon, #dropContainer3 .box__icon {
    display: inline-block;
    width: auto;
    fill: #92b0b3;
    max-height: 30px;
    padding: 10px 0 0 0;
}

#dropContainer #fileInput, #dropContainer2 #fileInput2, #dropContainer3 #fileInput3, #dropContainer #uploadSuppFile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: 99;
}


#dropContainer label, #dropContainer2 label, #dropContainer3 label {
    /*text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    width:100%;*/
}

#dropContainer strong:hover, #dropContainer2 strong:hover, #dropContainer3 strong:hover  {
    color: #39bfd3;
}

.submissionChecklistItem {
    background-color: #f5f5f5;
    padding: 5px;
    margin-bottom: 10px;
}

.Text_BOX #submissionPreparationChecklist ul li a {
    display: inline;
}

/* Drag and Drop List */

.list-switcher2.inactive > .list-content {
    display:none;
}

.list-content2.checked .status {
    display: inline-block;
    height: 0.95em;
    vertical-align: top;
    width: 0.95em;
    float: right;
    margin-right: 10px;
    margin-top: 5px;
    background: url(/lib/pkp/templates/images/checked.png) no-repeat 0 0;
    background-size: contain;
}

.list-content2.has-error h3.list-switcher2 {
    background: rgba(187, 29, 29, 0.72) !important;
    color: #fff !important;
}

#dragandrophandler
{
    border:2px dotted #0B85A1;
    width:400px;
    color:#92AAB0;
    text-align:left;vertical-align:middle;
    padding:10px 10px 10 10px;
    margin-bottom:10px;
    font-size:200%;
}

/* Drag and Drop List Example (submittionRewiev) */

#drop-zone {
    width: 100%;
    min-height: 150px;
    border: 3px dashed rgba(0, 0, 0, .3);
    border-radius: 5px;
    text-align: center;
    position: relative;
    font-size: 20px;
    color: #7E7E7E;
}
#drop-zone input {
    position: absolute;
    cursor: pointer;
    left: 0px;
    top: 0px;
    opacity: 0;
}
/*Important*/

#drop-zone.mouse-over {
    border: 3px dashed rgba(0, 0, 0, .3);
    color: #7E7E7E;
}
/*If you dont want the button*/

#clickHere {
    display: inline-block;
    cursor: pointer;
    color: white;
    font-size: 17px;
    width: 150px;
    border-radius: 4px;
    background-color: #4679BD;
    padding: 10px;
}
#clickHere:hover {
    background-color: #376199;
}
#filename {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.5em;
}
.file-preview {
    background: #ccc;
    border: 5px solid #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    display: inline-block;
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
}
.closeBtn:hover {
    color: red;
    display:inline-block;
}

#indexAuthorBox, #results, #notifications, #notificationSettings, #subscriberData {
    display:block;
    width:75%;
    margin:0 auto;
}

#results table, #notifications table, #subscriberData table {
    margin: 0;
    max-width: none;
    border: 0;
}

#results table td a{
    color: #8fa7cc;
}

#results table td a:hover {
    color: #5cb85c;
}

#notifications table ul {
    list-style: none;
    margin: 0;
}

#notifications table ul li {
    display: inline-block;
    vertical-align: middle;
}

#notifications table td a {
    color: #3f3f3f;
}

#indexAuthorBox #indexAl {
    padding-bottom: 9px;
    border-bottom: 1px solid;
    display: inline-block;
    width: 100%;
}

#indexAuthorBox #indexAl a{
    padding: 2px 7px;
    margin-right: 5px;
    background: #dde3ef;
    color: #3f3f3f;
    font-size: 14px;
}

#indexAuthorBox #indexAl a.active {
    background: #b44235;
    color: #fff;
}

#indexAuthorBox #authors a {
    color: #3f3f3f;
    display:block;
}

#indexAuthorBox #authors a:hover {
    color: #5cb85c;
}

#indexAuthorBox .bottomIterators {
    display: inline-block;
    width: 100%;
    padding-top: 9px;
    margin-top: 10px;
    border-top: 1px solid #3f3f3f;
    font-size: 14px;
}

#indexAuthorBox .pageLinks {
    float: right;
}

#indexAuthorBox .pageLinks strong {
    padding: 2px 7px;
    background: #b44235;
    color: #fff;
    font-size: 14px;
    display: inline-block;
}

#indexAuthorBox .pageLinks a {
    padding: 2px 7px;
    margin-right: 5px;
    background: #dde3ef;
    color: #3f3f3f;
    font-size: 14px;
    display: inline-block !important;
}

#indexAuthorBox .pageLinks a:hover {
    background: #428bca;
    color: #fff !important;    
}

#authorDetails {
    display: block;
    width: 75%;
    margin: 0 auto;
}

#authorDetails h3 {
    padding: 0;
    font-size: 21px;
}

#authorDetails ul {
    list-style: none;
    border-left: 4px solid #d4d4d4;
}

#authorDetails a {
    color: #428bca;
}

#authorDetails a:hover {
    color: #5cb85c;
}

#notificationSettings p:first-child {
    font-size: 14px;
    border-bottom: 1px solid;
}

#notificationSettings form ul {
    list-style: none;
    border-left: 4px solid #d4d4d4;
}

#notificationSettings form ul li ul {
    border:0;
}

#notificationSettings form input {
    display: inline-block;
    width: inherit;
    box-shadow: none;
}

#subscriberData input[type=checkbox] {
    display:inline-block;
    width:auto;
    box-shadow: none;
}

#subscriberData input[type=text] {
    background: #fff;
    color: #3f3f3f;
    border: 1px solid #3f3f3f;
    box-shadow: none;
}

#subscriberData input[type=text]:focus {
    border: 1px solid #ff0000;
}

h3.trigger {
    cursor: pointer;
    border: 1px solid #8fa7cc;
    border-bottom: 1px solid #fff;
    padding: 10px 15px;
    color: #fff;
    font-size: 21px;
    background: #8fa7cc;
}

h3.trigger .name {
    background: url(/lib/pkp/templates/images/dropped.png) no-repeat 0 0;
    background-size: contain;
    padding-left: 40px;
    display:inline-block;
}

h3.trigger.current .edit {
    background: url(/lib/pkp/templates/images/edit.png) no-repeat 0 0;
    background-size: contain;
    float: right;
    width: 30px;
    height: 25px;
    display:inline-block;
}

h3.trigger .edit {
    display:none;
}

h3.trigger img {
    padding: 0 10px;
}

div.toggle{
    display: none;
    padding: 15px 30px;
    margin-bottom: 25px;
    border: 1px solid #8fa7cc;
}
div.toggle table {margin:0;}

.firstSearchBlock, .secondSearchBlock, .searchBlockUsers {
    text-align: justify;
    display: inline-block;
    width: 100%;
    font-size: 13px;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}

#selectReviewerOptions {
    display: inline-block;
    width: 60%;
    font-size: 13px;   
}

#selectReviewerOptions form {
    width: auto;
    display: inline-block;
    border: 0;
    margin: 0;
}

.firstSearchBlock .stretch, .secondSearchBlock .stretch, .searchBlockUsers .stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

#assignedToFilter {
    padding-bottom: 10px;
    font-size: 13px;
    display: inline-block;
    width: 100%;
}

#assignedToFilter select {
    border-radius: 0;
    padding: 5px;
}

#submissionsBox #submissions table {
    border: 2px solid #3498db;
}

#submissionsBox #submissions table tr.heading {
    background-color: #3498db;
}

#submissionsBox #submissions table tr.heading td{
    border: 1px solid #fff;
}

#submissionsBox #submissions table tr.heading td, #submissionsBox #submissions table tr.heading td a, #submissionsBox #submissions table tr.heading td span {
    color: #fff;
}

#submissionsBox #notes {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    font-size: 13px;
}

#submissionsBox #notes h4 {
    padding: 0;
    font-size: 16px;
    padding-bottom: 5px;
}

table.noBorder, table tr.noBorder, table tr td.noBorder,  table.noBorder td, table.noBorder th, table.noBorder tr {
    border: none !important;
    border-width: 0px !important;
    border-style: none !important;
    border-color: transparent !important;
}

.futureIssues {
    display:inline-block;
    padding: 10px;
    font-size: 14px;
}

#identification {
    display: inline-block;
    width: 100%;
}

#identification > .pure-g, #access > .pure-g, #erpIntegration > .pure-g, ul#issue li > .pure-g {
    padding-bottom: 10px;
}
#identification > .pure-g .label {
    font-weight: 700;
}

.instruct {
    font-size: 13px;
    display: inline-block;
    padding: 5px 0 0 0;
}

#access, #flipbookAccess, .ikamed, #erpIntegration, #cover {
    padding: 10px;
}

a.changeColor, a.action.autup, a.action.autdown {color: #3f3f3f !important;}
a.deleteRow {color: #b44235 !important;text-decoration: none !important;}

#stepBox ul#issue #includeToc {
    display: inline-block;
    float: none;
}

#stepBox ul#issue select#issue{
    display: inline-block;
    width: auto;
}

table#dragTable tr td a, p.resetIssueOrder a, #reviewers table tr td a, #stepBox ul#submissionToBeReviewedUl table a {
    color:#3f3f3f !important;
}

table#dragTable tr td a.deleteRow {
    color:#b44235 !important;
}

#reviewers table tr td a.icon, #managerGroups table tr td a.icon, #tableMainBoxx3 table tr td a.icon, #tableMainBoxx2 table tr td a.icon {
    display:inline-block;
    vertical-align:middle;
}

#reviewers table tr td a.icon img, #managerGroups table tr td a.icon img, #tableMainBoxx3 table tr td a.icon img, #tableMainBoxx2 table tr td a.icon img {
    max-width:100%;
    height: auto;
    display:block;
}

#tableMainBoxx2 table td a.action, #tableMainBoxx2 table td a.file, #tableMainBoxx2 #peerReview table tr td a {
    color: #3f3f3f;
}

#reviewers table tr.heading {
    font-weight:700;
}

form#filterForm fieldset div {
    display: inline-block;
    width: auto;
    font-size: 13px;
}

form#filterForm fieldset input[type="submit"] {
    display:block;
    width: auto;
    font-size: 13px;
    margin: 5px 0;
}

#managementBox #managementPages ul.plain {
    list-style: square inside;
    padding: 10px 30px;
}

#managementBox #managementPages ul.plain a, #announcementList table tr td a, #announcementTypes a, #announcementList a, #stepBox #reviewSteps table.listing a, #sections form table tr td a {
    color: #3f3f3f !important;
}

#managementBox #managementPages ul.plain a:hover, #announcementList table tr td a:hover, #announcementTypes a:hover, #announcementList a:hover, #stepBox ul#submissionToBeReviewedUl a:hover, #stepBox #reviewSteps table.listing a:hover, #tableMainBoxx3 table tr td a:hover, #tableMainBoxx3 #editors form a:hover, .selectEditor #editors table tr td a:hover {
    text-decoration: underline;
}

#stepBox #reviewSteps #stepBox7 table.listing a, #stepBox #reviewSteps #stepBox2 table.listing a {
    color: #2575ec !important;
}

#stepBox #reviewSteps .margin10 {
    padding: 5px 0;
}

#stepBox ul#submissionToBeReviewedUl a.icon {
    display: inline-block;
    vertical-align: middle;
}

#stepBox ul#submissionToBeReviewedUl.list-content .name, #stepBox ul#reviewSchedule.list-content .name {
    background: url(/lib/pkp/templates/images/listIcon.png) no-repeat 0 0;
    background-size: contain;
    padding-left: 30px;
    display: inline-block;
}

#stepBox ul#submissionToBeReviewedUl.list-content.checked .status, #stepBox ul#reviewSchedule.list-content.checked .status {
    display: inline-block;
    height: 0.95em;
    vertical-align: top;
    width: 0.95em;
    float: right;
    margin-right: 10px;
    margin-top: 5px;
    background: url(/lib/pkp/templates/images/checked.png) no-repeat 0 0;
    background-size: contain;
}

#reviewSteps p.boldWarning, #reviewSteps .recommendationFormReviewer .recommendationName {
    font-size: 15px !important;
    font-weight: 700;
}

#reviewSteps p.acceptedStatus {
    text-align: center;
    color: #5cb85c;
    border-radius: 2px;
    font-weight: 700;
}

#reviewSteps #downloadAsOnePdf {
    display: block;
    text-align: center;
    margin: 15px 0;
}

#reviewSteps .recommendationFormReviewer {
    display: block;
    width: 100%;
    letter-spacing: normal;
}

#reviewSteps .recommendationReview .values .label {
    display: inline-block;
    padding-right: 10px;
}

#reviewSteps .recommendationReview .values .value {
    display: inline-block;
}

#reviewSteps .recommendationReview .values .buttonFinish {
    display: block;
    padding: 0;
    padding-top: 50px;
}

#reviewSteps .recommendationReview .values .buttonFinish input[type="submit"] {
    max-width: 300px;
    margin: auto;
    background: #3B5480;
    padding: 10px;
}

#reviewSteps .recommendationReview #selectRecomendation {
    border: 1px solid #8fa7cc;
    border-radius: 0;
    font-weight: 700;
    color: #2e2e2e;
}

#reviewSteps .reviewFormName { 
    font-size: 15px !important;
    font-weight: 700;
    display: inline-block;
}

.recommendationReview {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    font-size: 13px;
}

.recommendationReview input[type="submit"] {
    margin: 0;
    max-width: none;
    width: 100%;
}

.recommendationName {
    font-size: 15px;
    letter-spacing: normal;
    padding: 10px 0 0;
}

#sections form table tr td input[type="checkbox"], #sections form table tr td label {
    display: inline-block;
    border:0;
    box-shadow: none;
    width: auto;
}

#sections span.formRequired, #managerGroups span.formRequired {
    font-size: 12px;
}

#managerGroups form input[type="radio"], #managerGroups form input[type="checkbox"], #users table tr td input[type="checkbox"] {
    display:inline-block;
    border:0;
    box-shadow:none;
    width:auto;
}

#managerGroups form a,#tableMainBoxx3 table tr td a, #tableMainBoxx3 #editors form a, .selectEditor #editors table tr td a {
    color: #3f3f3f !important;
}

#managerGroups form label {
    display:inline-block;
    width:auto;
}

#managerGroups form .sectionChoose, #managerGroups form .sectionLang {
    padding: 10px 0;
    display: inline-block;
    font-size: 13px;
    width: 100%;
}

#managerGroups form .sectionLang label {
    padding-bottom: 5px;
    font-size: 14px;
}

#tableMainBoxx3 #titleAndAbstract, #tableMainBoxx3 #indexing {
    padding:0;
    display:block;
    width: 100%;
}

.selectEditor form {
    display: block;
    width: 100%;
    border-bottom: 1px solid;
    margin-bottom: 10px;
}

.selectEditor form > select {
    margin-bottom: 5px;
    width: 40%;
}

.selectEditor p a {
    padding: 2px 5px;
    background: #3498db;
    color: #fff;
}

/* sTESP */

.nextStepButton {
    width: 100%;
    text-align: right;
    padding: 10px 0;
    margin-top: 19px;
    border-top: 1px solid #8fa7cc;
}

.nextStepButton a {
    padding: 5px 3px;
    background-color: #647ba0;
    font-size: 14px;
    border-radius: 2px;
    width: 100px;
    display: inline-block;
    text-align: center;
    color:#fff;
    cursor: pointer;
}

.nextStepButton a:hover {
    text-decoration: underline;
}

.btn, .fileupload-buttonbar .toggle {
    margin-bottom: 5px;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    /*color: #fff;
    background-color: #47a447;
    border-color: #398439;*/
}
.btn:hover, .btn:focus {
    color: #333;
    text-decoration: none;
}
.fileinput-button {
    position: relative;
    overflow: hidden;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-plus:before {
    content: "\2b";
}
.btn-success {
    font-weight: bold;
    text-align: center;
    padding: 0.2em 10em;
    margin: 10px 0px 0px 0px;
    border-radius: 7px;
    background: #c8dadf;
    outline: 2px dashed #92b0b3;
    outline-offset: -4px;
}

.btn #output {
    display: block;
    font-size: 13px;
    font-weight: normal;
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}

.fileinput-button input[type="submit"] {
    opacity: 1;
    font-size: inherit;
    font-weight: normal;
    position: inherit;
    margin-top: 10px;
    margin-bottom: 10px;
}

user agent stylesheetinput, textarea, keygen, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}

#switcherForm {
    float: left;
    padding-bottom: 5px;
    width: 100%;
}

#switcherForm a {
    float: left;
    text-align: center;
    background: #dde3ef;
    padding: 5px 15px;
    font-size: 15px;
    margin: 5px 5px 5px 0;
    color: #5d5c5d !important;
    border: 1px solid #b3b9c5;
    cursor: pointer;
}

#switcherForm a.active {
    background: #3b5480;
    color: #fff !important;
    border: 1px solid #3b5480;
}

#hideshowChooseFile, #hideshowChooseFile2, #hideshowChooseFile3 {
    display: none;
}

a.aChooseFile {
    color: #3f3f3f !important;
    cursor: pointer;
    text-decoration: underline;
}

.authorStatementFileLinkHref, .coverLetterFileLinkHref {
    display: block;
    padding: 10px 0;
    text-align: center;
}

.authorStatementFileLinkHref a, .coverLetterFileLinkHref a,
#stepBox ul.steplist > li .authorStatementFileLinkHref a, #stepBox ul.steplist > li .coverLetterFileLinkHref a {
    color: #fff;
    background-color: #8fa7cc;
    padding: 2px 10px;
}

#legalStatementFileDiv p a {
    text-decoration: underline;
    color: #6c7379 !important;
}

#reviewersHeader {
    display: table-row;
    width: 100%;
    padding-bottom: 10px;
    border: 1px solid #8fa7cc;
    font-weight: normal;
}
#reviewersHeader +tr td:first-child {
    color: #6c7379;
}

#reviewersHeader td h3 {
    color: #fff;  
    font-weight: normal;
}

#reviewersHeader .header {
    display: block;
    color: #fff;
    font-size: 20px;
    padding: 5px;
    margin: 1px;
    background: #8fa7cc;
}

#reviewersHeader ul.action {
    display: block;
    width: auto;
    list-style: square;
    margin-top: 10px;
}

#reviewersHeader ul.action li a {
    color: #3f3f3f;
    font-size: 14px;
    text-decoration: underline;
}

#statistics #selectSections {
    display: block;
    padding-top: 10px;
}

#statistics #selectSections form select {
    height: auto;
    width: auto;
    display: block;
    margin-top: 10px;
}

#assignedToInSection ul {
    padding: 0;
    list-style: none;
    font-size: 13px;
}

#assignedToInSection ul li:first-child {
    padding-bottom: 5px;
}

#assignedToInSection ul li span {
    display: inline-block;
    width: 12%;
}

#assignedToInSection ul li select {
    display: inline-block;
    width: auto;
}

#createReviewerFormSA #formSimplicityPanel {
    display: inline-block;
    width: 100%;
}

#createReviewerFormSA #formSimplicityPanel label {
    float: left;
    text-align: center;
    background: #dde3ef;
    padding: 5px 15px;
    font-size: 15px;
    margin: 5px 5px 5px 0;
    color: #5d5c5d;
    border: 1px solid #b3b9c5;
    cursor: pointer;
}

#createReviewerFormSA #formSimplicityPanel label.active {
    background: #3b5480;
    color: #fff;
    border: 1px solid #3b5480;
}

#createReviewerFormSA table tr td input[type="checkbox"] {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

#createReviewerFormSA table tr td label {
    display: inline-block;
    width: auto;
    vertical-align: middle;    
}

#createReviewerFormSA table tr td select {
    width: auto;
}

.acceptedRadio {
    display: block;
    font-size: 14px;
}

.acceptedRadio input, #copyedit #copyeditStageForm input[type="radio"], .uploadGalleyForm input[type="radio"] {
    display: inline-block;
    width: auto;
}


.galleyPreviewRevisions td {
    font-size: 0.9em;
}

.acceptedRadio label, #copyedit #copyeditStageForm label, .uploadGalleyForm label {
    display: inline-block !important;
}

.acceptedRadio textarea {
    width: auto;
    margin: 5px !important;
}

#contentReview #reviewFormResponse .acceptedRadio textarea {
    margin: 0 !important;
}

#contentReview #reviewFormResponse .acceptedRadio p label {
    padding-top: 0;
}

.alertSendInvite {
    position: fixed;
    left: 0px;
    top: 10px;
    width: 100%;
    z-index: 99;
    text-align: center;
}
.alertSendInvite a {
    display: inline-block;
    background-color: #d30000;
    padding: 10px 25px;
}


.alertSendInvite a {
    color: #fff !important;
}

.alertSendInvite a:hover {
    text-decoration: underline;
}

@keyframes stretch {
    0% {
        transform: scale(.3);
    }
    50% {
    }
    100% {
        transform: scale(1.5);
    }
}

@keyframes stretchEBoard {
    0% {
        transform: scale(.9);
    }
    50% {
    }
    100% {
        transform: scale(1.1);
    }
}

#submissionRequest {
    animation-name: stretch;
    animation-duration: 1.5s; 
    animation-timing-function: ease-out; 
    animation-delay: 0s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running; 
}

#sendFileToEditorialBoard {
    animation-name: stretchEBoard;
    animation-duration: 1.5s; 
    animation-timing-function: ease-out; 
    animation-delay: 0s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running;     
}

/*
  is the same as:
*/

#submissionRequest {
    animation: 
        stretch
        1.5s
        ease-out
        0s
        alternate
        infinite
        none
        running;
}

#articleComments table tr, #new table tr, #existingComments table tr {border: 1px solid #8fa7cc;}

#articleComments table tr:nth-child(2n), #new table tr:nth-child(2n), #existingComments table tr:nth-child(2n) {
    background-color: rgba(179, 203, 223, 0.4);
    border: 1px solid #8fa7cc;
}

#articleComments table tr td:first-child, #new table tr td:first-child, #existingComments table tr td:first-child {
    background: #dde3ef;
    vertical-align: middle;
    height: 30px;
    color: #6c7379;
    border: 1px solid #b3b9c5;
    min-width: 40px;
}

#articleComments table tr td, #new table tr td, #existingComments table tr td  {
    text-align: left;
    padding: 10px 15px;
}

#articleComments table tr td h4, #new table tr td {
    margin-top: 0;
}

#articleComments table tr td .commentRole, #existingComments table tr td .commentRole {color: #3f3f3f;padding-bottom:10px;}

#articleComments table tr:first-child, #new table tr:first-child, #existingComments table tr:first-child {
    color: #3f3f3f;
    font-weight: normal;
}

#articleComments table tr td h5, #new table tr td {
    margin: 0;
}

#new table tr td input[type="text"], #new table tr td textarea {
    width: 96%;
    margin-left: 1%;
    margin-bottom: 1%;
    background: #fff;
    transition: all 0.25s ease-in-out;
    padding: 5px;
    box-shadow: none;
    border-radius: 0;
    margin: 5px;
    border: solid 1px #647ba0;
}

#new input[type="submit"], #new input[type="button"] {
    background-color: #3b547f;
    border: solid 0px #666;
    transition: all 0.20s ease-in-out;
    width: auto;
    color: white;
    margin-top: 20px;
    padding: 10px 15px;
    margin: 5px 0;
    font-weight: normal;
    cursor: pointer;
    font-size: 13px;
}

a.editButton {
    background: #35a2b4;
    color: #fff;
    padding: 2px 5px;
    border: 1px solid #35a2b4;
    text-decoration: none;
}

a.deleteButton {
    background-color: #b44235 !important;
    color: #fff;
    padding: 2px 5px !important;
    border: 1px solid #b44235;
    text-decoration: none;
    font-weight: normal !important;
}

#articleComments table tr td div.commentTitle, #existingComments table tr td div.commentTitle {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #999;
    font-weight: 700;
}

/* NOTATNIK EDYTORSKI */

#tableMainBoxx3 li.editorNoteContainer {
    background-image:none;
    padding-left:0px;
}

#tableMainBoxx3 li.editorNoteContainer div,
#tableMainBoxx3 div.allNotesContainer,
#tableMainBoxx3 div.allNotesContainer div {
    margin-bottom:0px;
}

.editorNote {
    cursor:pointer;
    width:16px;
    height:16px;
    display:inline-block;
    background-color:#ffffff;
    background-image:url(../images/notes7.png);
    opacity:0.3;
}
.editorNote:hover {
    opacity:0.5;
}
.editorNote.hasNote {
    background-image:url(../images/notes10.png);
    opacity:1;
}

.editorNote.hasNote.hasOthersNotes {
    background-image:url(../images/notes11.png);
}

.editorNote.hasNote.hasOthersNotes.newNotes {
    background-image:url(../images/notes10.png);
}

.editorNote.hasNote.hasOthersNotes.newNotes.blink {
    background-image:url(../images/notes11.png);
}

.editorNote.hasNote:hover {
    opacity:0.7;
}

.curtain {
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:10001;
    background-color:black;
    opacity:0.5;
}

.editorNoteFrame {
    position: fixed;
    left:50%;
    top:50%;
    z-index:10002;
    margin-left:-220px;
    margin-top:-170px;
    max-width:400px;
    width: 100%;
    height:300px;
    padding:20px;
    background-color:white;
    border-radius:5px;
    border:solid #cacaca 1px;
    font-size: 0.8em;
}

.editorNoteFrame textarea {

    background-color:transparent;
    resize:none;

}
.editorNoteFrame textarea,
.editorNoteFrame .editorNoteContent {
    position:relative;
    z-index:102;
    border:solid #cacaca 1px;
    max-width:367px;
    width: 100%;
    height:220px;
    margin-top: 30px;
}

.editorNoteFrame .editorNoteContent {
    overflow:auto;
}

.editorNoteFrame .othersNote {
    padding: 5px;
    border-bottom: dashed #cacaca 1px;
}

.editorNoteFrame .othersNote:nth-child(odd) {
    background-color: #f0f0f0;
}

.editorNoteFrame .noteEditorName {
    font-weight: bold;
    float: left;
}

.editorNoteFrame .noteModified {
    font-weight: normal;
    float: right;
    color: #999;
}

.editorNoteFrame .note {
    margin-left: 20px;
    font-size: 0.9em;
    color: #666;
    font-style: italic;
    clear: both;
    margin-top: 10px;
    position: relative;
    padding-right: 40px;
}

.editorNoteFrame .noteButtons {
    position: absolute;
    bottom: 1px;
    right: 1px;
}

.editorNoteFrame .noteButtons .noteButton {
    background-size: 12px 12px;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
}

.editorNoteFrame .noteButtons .noteButton.edit {
    background-image:url(../images/notes4.png);
    opacity: 0.6;
}

.editorNoteFrame .noteButtons .noteButton.delete {
    background-image:url(../images/trash.png);
    opacity: 0.6;
}

.editorNoteFrame .editorNotesGroupPanel {
    position: absolute;
    left: 20px;
    top: 10px;
    max-width: 300px;
    width: 100%;
}

.editorNoteFrame .editorNotesGroupPanel > a {
    display:block;
    float: left;
    width: 120px;
    text-align: center;
    border: solid #cacaca 1px;
    border-radius: 2px;
    background-color: #fff;
    font-size: 0.7em;
    text-transform: uppercase;
    color: #222;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-right: 5px;
}

.editorNoteFrame .editorNotesGroupPanel > a.hasNotes {
    font-weight: bold;
}

.editorNoteFrame .editorNotesGroupPanel > a:hover {
    color: #222;
    background-color: #f0f0f0;
    cursor: pointer;
}

.editorNoteFrame .editorNotesGroupPanel > a.active {
    background-color: #aaa;
    color: #fff;
}

.editorNoteFrame button {
    border:solid #dedede 1px;
    background-color:#ededed;
    font-size:0.8em;
    margin-top:5px;
    padding:5px;
    float:right;
    position:relative;
    z-index:102;
    margin-right:5px;
}

.editorNoteFrame button.saveNoteButton {
    margin-right:30px;
}

.editorNoteFrame button:hover {
    background-color: #dedede;
}

.editorNoteFrame .noteFunc {
    display:block;
    cursor:pointer;
    width:32px;
    height:32px;
    position:absolute;
    bottom:20px;
    opacity:0.3;
}

.editorNoteFrame .noteFunc:hover {
    opacity:0.5;
}

.editorNoteFrame .noteFunc.editNote {
    left:17px;
    background-image:url(../images/notes4.png);
}

.editorNoteFrame .noteFunc.addNote {
    left:17px;
    background-image:url(../images/notesAdd.png);
    background-size: 32px 32px;
}

.editorNoteFrame .noteFunc.deleteNote {
    left:59px;
    background-image:url(../images/notes2.png);
}

.notesBg {
    position:absolute;
    left:100%;
    top:100%;
    margin-left:-128px;
    margin-top:-128px;
    width:128px;
    height:128px;
    opacity:0.05;
    background-image:url(../images/notes.png);
}

.noteFrameClose {
    position:absolute;
    width:27px;
    height:27px;
    right:5px;
    top:5px;
    background-image:url(../images/prettyPhoto/default/sprite.png);
    display:block;
    cursor:pointer;
}

.allNotesContainer {
    overflow:hidden;
    margin:10px;
    padding:10px;
    border-bottom:dashed #cacaca 1px;
}

.allNotesContainer.last {
    border-bottom:none;
}

.allNotesContainer .fullName {
    float:left;
    font-weight:bold;
}

.allNotesContainer .dateModified {
    float:right;
    font-style:italic;
    color:#999999;
}

.allNotesContainer .noteValue {
    clear:left;
    margin-left:20px;
    margin-top:20px;
}


.informationBox {
    padding: 20px;
    background-color: #fcf8e3;
    border: solid #fbeed5 1px;
    color: #c09853;
    margin-top: 30px;
    margin-bottom: 50px;
    width: 90%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.strong {
    font-weight: bold;
}

table tr td.label,
table tr td.label:first-child {
    text-align: left;
}

table tr.heading td.label,
table tr.heading td.label:first-child {
    text-align: center;
}

#supplementaryFileData td {
    text-align: left;
    padding-left: 5px;
}

#viewPeerReviewComments #articleComments .action {
    display: none;
}

#test input[name="save"] {
    display: none;
}

.content {
    position: relative;
}

#languageFlag.swim {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 90%;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    padding-left: 5%;
    padding-right: 5%;
    background-color: #f0f0f0;
    text-align: center;
    padding-top: 10px;
}


#suppFileSetup #locale #languageFlag.swim, 
#suppFileSetupEdit #locale #languageFlag.swim, 
#EditorEditMetadataForm #locale #languageFlag.swim {
    padding-bottom: 10px;
}

#languageFlag.swim span {
    display: none;
    width: 80%;
}

#languageFlag.swim #submissionOtherLangLinks {
    position: relative;
    margin: auto;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: auto;
    height: auto;
}

.reviewFormName {
    margin-top: 20px;
}

.publicationFeeCalculator input[type="text"] {
    width: 60%;
    color: #6c7379;
}

table.firstColLabeled td.computations,
table.firstColLabeled td.value,
table.firstColLabeled td.result {
    color: initial;
}

.left {
    text-align: left;
}

.padding-left-md {
    padding-left: 15px;
}

.no-bold {
    font-weight: normal;
}

table .hidden {
    color: initial;
}

.miniLanguageSwitcher {
    position: absolute;
    z-index: 100001;
    cursor: pointer;
    width: 28px;
    height: 25px;
    margin-left: -5px;
    /*border: solid red 1px;*/
    /*overflow: hidden;*/
}

.miniLanguageSwitcher .shown {
    display: none;
    position: absolute;
    border-radius: 3px;
    width: 40px;
    height: auto;
    margin-left: -30px;
    margin-top: 26px;
    border: solid #cacaca 1px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.24);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.24);    
}

#stepAddBox #indexing .miniLanguageSwitcher .shown p {
    padding: initial;
    line-height: 1.8;
}

.miniLanguageSwitcher .shown p:hover {
    background-color: #f0f0f0;
}

.editorPanel .action.competing-interest-guidelines,
#authors .action.competing-interest-guidelines {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}

.editMetadata .action,
#metadata #authors .action,
.editorPanel .action.competing-interest-guidelines:hover {
    background-color: #3B5480 !important;
}

.action:hover {
    text-decoration: none !important;    
}

.alert-danger .boldWarning {
    color: #fff;
}

.proxyUsersFrame {
    position: absolute;
    height: 200px;
    background-color: #fff;
    border: solid #647ba0 1px;
    box-sizing: border-box;
    padding: 10px;
    overflow: auto;
    opacity: 0.95;
}

.proxyUsersFrame a {
    color: inherit;
}

.proxyUsersFrame .proxy-roles {
    font-size: 0.7em;
    color: #647ba0;
}

.proxyUsersFrame.waiting {
    background-image: url(/images/loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

.proxyUsersFrame .proxyUserLine .proxy-last_name,
.proxyUsersFrame .proxyUserLine .proxy-first_name {
    font-size: 0.8em;
    font-weight: bold;
}

.proxyUsersFrame .proxyUserLine {
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: dashed #647ba0 1px;
    cursor: pointer;
}

.proxyUsersFrame .proxyUserLine,
.proxyUsersFrame .proxyUserLine a {
    min-height: 50px;    
}

.proxyUsersFrame .proxyUserLine a {
    display: block;
}

.proxyUsersFrame .proxyUserLine:hover {
    background-color: #f0f0f0;
}

.anchor2nd {
    color: #3f3f3f;
    text-transform: uppercase;
    text-decoration: underline;
}

.reviewResponseText {
    text-align: left;
}

#peerReview .reviewer > .r1 {
    background-image: url('/lib/pkp/templates/images/ICO/User.png');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 10px center;
}

#peerReview .reviewer > .r1 div {
    font-size: 1.2em;
    color: #3B5480;
}

.more-to-show-switch {
    cursor: pointer;
    color: #3B5480;
    font-weight: bold;
}

.reviewer-keyword.index-1 {
    /*color: #666;*/
}

.issueFiles .issueFile {
    display: inline-block;
    margin-right: 10px;
}

.issueFiles .issueFile img {
    width: 35px;
}

.buy.issue-file {
    padding-top: 30px;
    clear: both;
}

.buy.issue-file .issueFiles .issueFile img {
    width: 50px;
}

.Issue_Dowload_Button.left {
    float: left;
}

.Issue_Dowload_Button.margin {
    margin-top: 30px;
    margin-bottom: 30px;
}

.margin-bottom-lg {
    margin-bottom: 30px;
}

.margin-top-lg {
    margin-top: 30px;
}

.buy .voucherRedeem {
    margin-top: 30px;
    overflow: hidden;
    clear: both;
}

.buy .voucherRedeem input[type="text"] {
    width: 80%;
    max-width: 200px;
    padding: 7px;
    display: block;
    float: left;
    font-size: 12px;
}

.buy .voucherRedeem .button {
    display: block;
    float: left;
    margin-top: 0px;
    font-size: 12px;
}

.buy .voucherRedeem {
    width: 100%;
    max-width: 400px;
}

.buy.issue-file > p {
    margin-bottom: 10px;
}

.buy.issue-file > p > span {
    color: #444;
    font-size: 1em;
}

.green {
    color: green;
}

.back a {
    color: #647ba0;
    font-size: 0.8em;
}

.buy.issue-file .back {
    border-top: solid #f0f0f0 1px;
    width: 98%;
    margin-top: 30px;
}

.issueFiles > h4 {
    font-size: 0.9em;
}

.issueFiles {
    border-bottom: solid #f0f0f0 1px;
    padding-bottom: 5px;
    width: 98%;
}

.purchasableBasketButton {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-top: 30px;
    border: solid #b44337 1px;
    box-sizing: border-box;
    padding-top: 5px;
    border-radius: 3px;
}

.purchasableBasketButton:hover {
    border-color: #3b547f;
}

.purchasableBasketButton:hover > span {
    color: #b44337;
}

.purchasableBasketButton > span {
    display: block;
    color: #3b547f;
    font-size: 0.6em;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    font-family: sans-serif;
}

.purchasableBasketButton > a {
    margin: 0px;
    width: 100%;
    box-sizing: border-box;
    padding-top: 10px;
}

.purchasableBasketButton > a > img {
    float: right;
    position: relative;
    top: -3px;
}

@media screen and (max-width: 450px) {
    .purchasableBasketButton {
        width: 99%;
    }
}

div.separator {
    clear: both;
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: solid #f0f0f0 1px;
    width: 97%;
}

div.separator.strong {
    border-color: #cacaca;
}

.formErrorList {
    width: 100%;
    box-sizing: border-box;
}

.formErrorList li {
    list-style: none;
    margin-bottom: 5px;
}

.formErrorList li:last-child {
    margin-bottom: 0px;
}

.formErrorList a {
    background-size: 20px 20px;
}

.full-line {
    display: block;
    width: 97%;
    box-sizing: border-box;
}

h1.full-line {
    font-size: 20px;
}

.Text_BOX .redeemCode label {
    margin-left: 0px;
}

#contactShow {
    display: none;
}

.vm-alert {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 3px;
    z-index: 100;
}

.vm-alert span a {
    color: #647ba0;
}

.vm-alert span {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1550px;
    box-sizing: border-box;
    padding-left: 20px;
}

.vm-alert.color-blue {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;    
}

.vm-alert.color-red {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.vm-alert.color-green {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.vm-alert.color-yellow {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.center-box {
    width: 100%;
    max-width: 500px;
    padding: 20px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    background-color: #eff5ff;
    border: solid #cddaec 1px;
    border-radius: 2px;
    font-size: 0.9em;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.content-body.review-confirm a {
    color: #647ba0;
}

.filterContainer #assignedToFilter,
.filterContainer .firstSearchBlock {
    border-bottom: solid #dde3ef 1px;
    margin-bottom: 20px;
}

#editorSearchForm.filterContainer,
.filterContainer {
    padding: 10px;
    border: #8fa7cc solid 1px;
    border-radius: 2px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
}

select,
.filterContainer #editorSearchForm select,
.filterContainer#editorSearchForm select,
.filterContainer #assignedToFilter select {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;    
}

.filterContainer #editorSearchForm option,
.filterContainer #editorSearchForm select,
.filterContainer #editorSearchForm input[name="search"],
.filterContainer#editorSearchForm option,
.filterContainer#editorSearchForm select,
.filterContainer#editorSearchForm input[name="search"],
.filterContainer #assignedToFilter option,
.filterContainer #assignedToFilter select,
.filterContainer #assignedToFilter input[name="search"] {
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: normal;
    box-shadow: none;
    text-transform: none;
}
.filterContainer #editorSearchForm select,
.filterContainer #editorSearchForm input[name="search"],
.filterContainer#editorSearchForm select,
.filterContainer#editorSearchForm input[name="search"],
.filterContainer #assignedToFilter select,
.filterContainer #assignedToFilter input[name="search"] {
    border: solid 1px #8fa7cc;
    margin: 0px;
    padding: 5px;
}

.filterContainer #assignedToFilter select,
.filterContainer#editorSearchForm select,
.filterContainer #editorSearchForm select {
    height: auto;
}

.filterContainer .button, .Text_BOX input[type="submit"].button {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    box-sizing: border-box;
}

.pure-g input[type="submit"] {
    border: solid #3B5480 1px;
}

.captionedCloseSwitchContainer {
    margin-top: 10px;
}
.captionedCloseSwitchContainer p {
    /*color: #a94442;*/
    background-color: #fff;
    font-size: 13px;
    margin-bottom: 5px;
    border: solid #cddaec 1px;
    padding: 5px;
    border-radius: 2px;
    margin-bottom: 10px;
    background-image:url(../images/warning.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 13px 15px;
    padding-left: 25px;
}
.captionedCloseSwitchContainer .filterCaption .resetFilter,
.captionedCloseSwitchContainer .filterCaption.all {
    font-weight: bold;
    padding: 5px;
    cursor: pointer;
    font-size: 14px;
}
.captionedCloseSwitchContainer .filterCaption.all {
    font-size: 12px;
    padding: 3px;
    background-color: #b44337;
}
.captionedCloseSwitchContainer .filterCaption {
    display: inline-block;
    color: #fff;
    background-color: #3b5480;
    margin-right: 10px;
    margin-top: 1px;
    margin-bottom: 1px;
    font-size: 12px;
    padding: 2px;
    border-radius: 3px;
}

.actionsRequired {
    text-align: left;
}

.actionsRequired li,
.actionsRequired ul {
    margin: 0px;
}

.actionsRequired li {
    font-size: 0.85em;
    margin-top: 5px;
}


.actionsRequired ul {
    padding-left: 15px;
}

#templates table td{
    padding-right:.6em !important;
}

#templates input{
    margin:0 !important;
}

.selectedRow td{
    background-color: #647ba0 !important;
}

.authorsContainer .pure-g span {
    font-size: 0.8em;
}

.member-cg {
    display: inline-block;
    margin-top: 30px;
    font-weight: bold;
}

.contactForm .formElement,
.contactForm .requiredElement {
    display: none;
}

.contactForm textarea {
    padding: 5px;
}

.contactForm .clause {
    margin: 25px;
}

.action:visited {
    color: inherit;
}

form#vm-statistics .formGroup > label {
    font-weight: bold;
    font-size: 1.2em;
}

form#vm-statistics .formGroupDate > label {
    display: inline-block;
}

#reviewSteps.active {
    padding-bottom: 200px !important;
}
#reviewSteps.active #stepBox8 {
    position: fixed;
    left: 50%;
    bottom: 25px;
    transform: translate(-50%, 0);
    width: auto;
    max-width: 95%;
    background-color: rgba(32, 70, 82, 0.55);
    -webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.35);   
    color: #fff;
    box-sizing: border-box;
}

#reviewSteps.active #stepBox8 .recommendationFormReviewer .recommendationName {
    font-weight: normal;
    padding: 0px;
}

#reviewSteps.active #stepBox8 .recommendationFormReviewer .recommendationReview {
    padding: 2px;
}

#reviewSteps.active  #stepBox8 .recommendationReview .values .buttonFinish input[type="submit"].button {
    border-width: 1px !imnportant;
    border-color: #fff;
    background-color: rgb(62, 90, 106);
    border-radius: 2px;
    text-transform: uppercase;
    font-weight: normal;
}
#reviewSteps.active  #stepBox8 h3 {
    background-color: #06a;
    color: #fff;
    font-weight: normal;
    box-sizing: border-box;
    display: block;
}
#reviewSteps.active .recommendationReview .values .value,
#reviewSteps.active .recommendationReview .values .buttonFinish {
    display: inline-block;
}
#reviewSteps.active .recommendationReview .values .value select#selectRecomendation {
    border: solid #fff 1px;
    height: 38px;
    font-weight: normal;
}
#reviewSteps.active .recommendationReview .values .buttonFinish {
    padding-top: 0px;
}

#reviewSteps.active #stepBox8 .paddingSeparator {
    padding-bottom: 5px;
}

.buttonBox.flying {
    position: fixed;
    left: 50%;
    bottom: 25px;
    transform: translate(-50%, 0);
    z-index: 100;
}

.buttonBox.flying.icon .text {
    display: none;
}

.buttonBox.flying.icon .icon {
    display: block !important;
}

.buttonBox.flying.icon .button {
    padding: 5px;
}

.buttonBox.flying.icon .button:hover .text {
    display: initial !important;
}

.buttonBox.flying.icon .button:hover .icon {
    display: none !important;
}

.buttonBox.flying.icon .button:hover {
    padding: 15px 20px;
}

.buttonBox.flying.success a {
    background-color: rgba(56, 119, 56, 0.5) 
}

.buttonBox.flying.success a:hover {
    background-color: rgba(56, 119, 56, 1)
}

.buttonBox.flying > * {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);    
}


.buttonBox.center {
    text-align: center;
}

.buttonBox.marginTop {
    margin-top: 30px;
}

.buttonBox.marginBottom {
    margin-bottom: 30px;
}

#tableMainBoxx3 table tr td .success a.button,
.success .button {
    background-color: green;
    color: #fff !important;
    font-weight: bold;
    border-radius: 5px;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 1em;
    text-decoration: none;
}

#tableMainBoxx3 table tr td .success a.button.blue,
.success .button.blue {
    background-color: #3b5480;
}

#reviewSteps .sendReview.success {
    display: none;
}

input[type="checkbox"][name="fileToAOPId[]"] {
    display: inline;
}

#editorDecision .showTemplate {
    display: none;
}

#invoiceData_emailShipment {
    visibility: hidden;
    display: inline-block;
}

table.listing tr.highlight2 td.fastTrack,
table.listing tr.highlight td.fastTrack,
table.listing tr td.fastTrack,
td.fastTrack {
    padding-left: 30px;
    background-image: url("/images/icons/star.png") !important;
    background-repeat: no-repeat !important;
    background-size: 15px 15px !important;
    background-position: 5px center !important;
}

.actionRequiredIcon {
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    top: 8px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.actionRequiredIcon.i-red {
    background-color: red;
}

.actionRequiredIcon.i-green {
    background-color: green;
}

.actionRequiredIcon.i-yellow {
    background-color: yellow;
}

.actionRequiredIcon.i-orange {
    background-color: orange;
}

.actionRequiredIcon.i-skull {
    background-color: red;
    background-image: url('/images/icons/skull.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 11px 11px;
}

.actionsRequired ul li {
    list-style: none;
}

body > .hint-box {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(255, 255, 255, 0.9);
    border: solid #cacaca 1px;
    width: 200px;
    min-height: 120px;
    z-index: 1000000;
    padding: 5px;
}
body > .hint-box > p.h {
    font-size: 12px;
    color: #666;
    font-weight: bold;
    background-color: #ededed;
}
body > .hint-box a {
    display: block;
    color: #677ea5;
    font-size: 12px;
    padding: 5px;
    border-bottom: solid #b3b9c5 1px;
}
body > .hint-box a:hover {
    background-color: #f7f7f7;
}
body > .hint-box input[type="checkbox"] {
    display: inline !important;
    width: auto !important;
    margin-right: 3px;
}
.edit-submission-form {
    border: solid #cacaca 1px;
    padding: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}
#paymentBox fieldset {
    margin-top: 20px;
}
#paymentBox fieldset legend {
    font-weight: bold;
    font-size: 1.5em;
}
#paymentBox fieldset fieldset legend {
    font-size: 1.2em;
}
.Text_BOX #paymentBox  form label {
    margin-left: 0px;
    font-weight: bold;
}
.Text_BOX #paymentBox form input[type="checkbox"] + label {
    font-weight: normal;
}
#paymentBox fieldset {
    padding: 30px;
}
#paymentBox fieldset > div {
    margin-bottom: 20px;
}
.Text_BOX #paymentBox form input[type="submit"] {
    margin-left: 0px;
    width: auto;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#paymentBox .splitPart {
    overflow: hidden;
    margin-top: 5px;
    margin-left: 5px;
}

#paymentBox .splitPart input[type="text"] {
    width: 40%;
    max-width: 100px;
    text-align: center;
}

#paymentBox .splitSum {
    font-weight: bold;
    margin-top: 30px;
    padding-top: 10px;
    text-align: right;
    border-top: solid silver 1px;
}