@import url('//fonts.googleapis.com/css?family=Monda:700');
@import url('//fonts.googleapis.com/css?family=Open+Sans');

/* Bootstrap overrides
-----------------------*/
a {
    color: #364A8F;
}
a:hover {
    color: #000;
}
hr {
    border: solid #eee;
    border-width: 1px 0 0 0;
    clear: both;
    margin: 10px 0;
}

.btn {
    font: 700 13px/18px 'Monda', 'Open Sans', sans-serif;
    background-image: none;
    box-shadow: none;
}
.btn-primary {
    background: #4D609F;
    border: none;
}
.btn-primary:hover, .btn-primary:focus {
    background: #445693;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background: #697AB5 !important;
}

.pagination {
    margin-bottom: 1.25em;
}
.page-link {
    color: #4D609F;
}
.page-item.active .page-link {
    background: #4D609F;
    border-color: #4D609F;
}

.nav-pills {
    margin-bottom: 1.25em;
}
.nav-pills .nav-link.active {
    background-color: #4D609F;
}

textarea {
    width: auto;
}
.no-resize {
    resize: none;
}
label.missing {
    color: red;
}
input[type="checkbox"], input[type="radio"] {
    padding: 0 !important;
    background: none !important;
}
textarea, input, select {
    box-shadow: none !important;
}
textarea:focus, input:focus, input:active, input .uneditable-input:focus {
    border-color: #000 !important;
}

.float-left.pagination {
    margin: 0;
}
td.fullwidth, th.fullwidth {
    text-align: center !important;
}
thead th {
    background: #fff;
}
.floatThead-container {
    overflow: visible !important;
}
.floatThead-container table, .floatThead-container th {
    border-radius: 0 !important;
    border-top: none;
}
.table_form input {
    margin-bottom: 0;
}
.pagination .wildcard {
    cursor: pointer;
}


/* General layout
-------------------*/
body {
    background: #edeed4;
    font: 14px 'Open Sans', sans-serif;
}

#topWrapper {
    background: #4d609f;
    height: 5px;
}

#headerWrapper {
    background: #fff;
}
div#header {
    height: 102px;
    position: relative;
    width: 100%;
    margin: 0 auto;
    max-width: 1280px;
    width: 90%;
}
div#header > h1 {
    left: 20px;
    margin-top: 10px !important;
    position: absolute;
    top: 0;
    width: 225px;
}
div#header .badge {
    background: #c00;
    border: 3px solid #fff;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    color: #fff;
    font-size: 17px;
    left: 165px;
    padding: 3px 5px;
    position: absolute;
    top: 45px;
    text-transform: uppercase;
    transform: rotate(-10deg) translate(20%, 20%);
}
div#header > h2 {
    color: #7D8E9E;
    font-size: 21px;
    font-style: italic;
    font-weight: normal;
    height: 23px;
    left: 280px;
    position: absolute;
    top: 36px;
    width: 412px;
}
div#header > h1 img, div#header > h2 img {
    width: 100%;
    height: 100%;
}
div#header > .statsLine {
    right: 0;
    position: absolute;
    top: 30px;
    text-align: right;
}
#twitterLink {
    display: inline-block;
    right: 0;
    position: absolute;
    bottom: 25px;
    text-align: right;
}


/* Main navigation
--------------------*/
#navWrapper {
    background: #A3AC01;
    min-height: 5px;
}
#mainNav {
    margin: 0 auto;
    max-width: 1280px;
    width: 90%;
}
.navbar {
    font: 700 14px 'Monda', 'Open Sans', sans-serif;
}
#mainNav, #mainNav .dropdown > .dropdown-menu {
    background-color: #A3AC01 !important;
    padding: 0 !important;
}
#mainNav a {
    color: #fff;
    padding: .25rem .5rem;
}
.navbar .dropdown > .dropdown-menu {
    border: none;
    border-radius: 0;
    font: 700 14px 'Monda', 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
    z-index: 2000;
}
.navbar .dropdown > .dropdown-menu > a {
    padding: .25rem .5rem;
}
.navbar .dropdown:hover > .dropdown-menu {
    display: block;
}

#nav-main {
    border-left: 3px solid #fff;
}
#nav-main li {
    border-right: 3px solid #fff;
}
#mainNav li a:hover, #mainNav li a:focus {
    background: #8F960F;
    text-decoration: none;
}

#nav-user {
    border-right: 3px solid #fff;
}
#nav-user li {
    border-left: 3px solid #fff;
}


/* Inner content styling
--------------------------*/
#innerWrapper {
    margin: 0 auto;
    max-width: 1280px;
    min-height: 320px;
    width: 90%;
    z-index: 0;
}
#content {
    margin: 20px 0;
}
.inner {
    background: #fff;
    padding: 1.25em 1.5em;
}
.static_page .inner {
    border-right: 1px solid #ddd;
    margin-bottom: 5px;
    line-height: 1.6;
    max-width: 750px;
    overflow: auto;
}
.static_page #content {
    background: #fff;
}
.static_page h4, .static_page h5 {
    font: 700 17px/20px 'Monda', 'Open Sans', sans-serif;
    margin: .2rem 0;
}


/* Footer menu
----------------*/
#footer {
    clear: both;
    color: #7d8e6e;
    font-size: 0.85em;
    text-align: left;
    margin: 0 20px 20px;
}
.footer_menu,
.footer_menu li {
    display: inline;
    margin: 0;
    padding: 0;
}
.footer_menu li:first-child:before {
    content: '|';
    padding: 0 3px;
}
.footer_menu li:after {
    content: '|';
    padding: 0 0 0 3px;
}
.footer_menu li:last-child:after {
    content: none;
}
.footer_menu a {
    color: #626604;
}


/* The home page
------------------*/
.homepage .container-fluid {
    padding-left: 0;
    padding-right: 0;
}
#home_lead {
    background: #fff;
    padding: 20px;
    white-space: normal;
    margin: 0;
}

#home_lead h3, #featured_journal h3, #latest_reviews h3 {
    font: 700 1.3em 'Monda', 'Open Sans', sans-serif;
    line-height: 1em;
    margin-top: 0;
    margin-bottom: 7px;
}
#home_lead p {
    font-size: 1.05em;
    margin-bottom: 0;
}

#featured_journal {
    background: #fff;
    margin: 5% 0;
    padding: 20px;
    white-space: normal;
    overflow: hidden;
}
#featured_journal > h3 {
    color: #4d609f;
    margin-bottom: 1rem;
}
#featured_journal .journal_meta > h4 {
    font: 700 1rem 'Monda', 'Open Sans', sans-serif;
    line-height: 1em;
}
#featured_journal .journal_meta > dl {
    font-size: 0.8rem;
    overflow: auto;
    margin: 0;
}
#featured_journal .journal_meta > dt {
    font-weight: bold;
}
#featured_journal .journal_meta > dt:after {
    content: ':';
}

#latest_reviews {
    margin: 5% 0;
    padding: 20px 0 0 20px;
    background: #fff;
}
#latest_reviews > h3 {
    color: #888e11;
    margin-bottom: 1rem;
}
#latest_reviews ol {
    list-style: none;
    height: 228px !important;
    overflow: auto;
    margin: 0;
    padding: 0;
}
#latest_reviews ol li {
    margin: 0 0 1rem;
}
#latest_reviews a.title {
    font-weight: bold;
}


/* Homepage sidebar
---------------------*/
#static_sidebar > div {
    background: #fff;
    margin: 0 0 7% 0;
    padding: 20px;
}
#static_sidebar h3 {
    font: 700 1.35em 'Monda', 'Open Sans', sans-serif;
    line-height: 1.0;
    margin: 0 0 7px;
    padding: 0;
}
#static_sidebar h5 {
    color: #364A8F;
    font-size: 1.15em;
    font-weight: bold;
    line-height: 1.3;
    margin: 0;
}
#static_sidebar p {
    line-height: 1.3;
    margin: 0 0 0.5em;
    padding: 0 0 9px;
}
#static_sidebar li {
    padding: 0 9px 0 9px;
    line-height: 1.3;
    margin: 0 0 0.5em;
}

#poll_container .form-check {
    margin: 5px 0;
}
#poll_container input[type="number"] {
    padding: 2px 4px;
    width: 50px !important;
}
#poll_container select {
    width: auto !important;
    max-width: 95%;
}
#poll_container .vote_bar {
    margin: 5px 0 0;
    text-align: right;
}
.poll_result {
    margin: 5px 0;
}
.poll_result .bar {
    border: 1px solid #ced4da;
    border-radius: 3px;
    height: 12px;
}
.poll_result .bar div {
    background: #4d609f;
    height: 10px;
}
.poll_responses_count {
    margin: 10px 0 0;
    text-align: right;
}

#widget_scientific_jobs p {
    padding-bottom: 0;
}


/* Search engines
-------------------*/
#searchtitleform, #searchdisciplineform {
    font-size: 1em;
    margin: 5% 0;
    padding: 20px;
    position: relative;
    text-align: left;
    white-space: normal;
}

#searchtitleform h4, #searchdisciplineform h4 {
    font-size: 19px;
    font-family: 'Monda', 'Open Sans', sans-serif;
    font-weight: 700;
    line-height: 1.4;
}
#searchtitleform input, #searchdisciplineform input,
#searchtitleform button, #searchdisciplineform button {
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 8px;
}
#searchtitleform input {
    width: 75%;
}
#searchtitleform input:focus {
    border-color: #4E63A1 !important;
}

#searchdisciplineform input {
    width: 75%;
}
#searchdisciplineform input:focus {
    border-color: #a4aa28 !important;
}

#searchtitleform .popover, #searchdisciplineform .popover {
    top: 45px;
    left: 140px;
}
#searchtitleform .popover-content, #searchdisciplineform .popover-content {
    padding: 2px;
}

#searchtitleform .arrow, #searchdisciplineform .arrow {
    margin-left: 75px;
}
#searchtitleform .popover button, #searchdisciplineform .popover button {
    background: #ccc;
    border: 1px solid #ddd;
    border-top-right-radius: 5px;
    float: right;
    padding: 3px 7px;
    line-height: 1em;
    text-shadow: none;
}

/* Universal search
---------------------*/

.scirevsearch {
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 9999;
}
.scirevsearch li {
    border-left: 3px solid #ccc;
    display: block !important;
    overflow: hidden;
    padding: 3px;
}
.scirevsearch li:hover, .scirevsearch li.selected {
    background: #CFECF7;
    cursor: pointer;
}
.scirevsearch li.journal {
    border-color: #4E63A1;
}
.scirevsearch li.discipline {
    border-color: #A4AA28;
}
.scirevsearch .description {
    font-size: 0.9em;
    font-style: italic;
}

#searchtitleform p, #searchdisciplineform p {
    padding: 1em;
    margin: 0;
}
.searchline {
    white-space: nowrap;
    margin: 4.5em 0 !important;
}

#searchtitleform, #example_journals {
    background: #fff;
}
#searchtitleform h4 {
    color: #4d609f;
}
#searchtitleform button {
    background: #4d609f;
}

#searchdisciplineform {
    background: #fff;
    margin-right: 0;
}
#searchdisciplineform h4 {
    color: #888e11;
}
#searchdisciplineform button {
    background: #a4aa28;
}


/* Headers above pages
------------------------*/
.content_title {
    background: #4d609f;
    font: 700 22px/40px 'Monda', 'Open Sans', sans-serif;
    padding: 0.15em 0.15em 0.15em 0.95em;
    color: #fff;
    margin: 0;
    overflow: auto;
}
.content_title .btn {
    background: #a3ac01 !important;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    color: #fff !important;
    display: block;
    float: right;
    font-size: 14px;
    line-height: 20px;
    margin: 5px 5px 0 0;
    text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
}
.content_title h3 {
    font-size: 24px;
    line-height: 40px;
    margin: 0;
}


/* Journal page
-----------------*/
.journal-page .container-fluid {
    padding-left: 0;
    padding-right: 0;
}
#journal_info h4, #scirev_ratings h4 {
    font: 700 1.3em 'Monda', 'Open Sans', sans-serif;
    padding: 0;
    margin: 0 0 0.5em;
}
#journal_info > div {
    background: #fff;
    font-size: 0.9em;
    margin: 20px 0 0 0;
    padding: 1em;
    overflow: auto;
}
#journal_info h4 {
    color: #4d609f;
}

#journal_meta_header {
    overflow: auto;
}
#journal_meta dl {
    overflow: auto;
    margin: 0 0 0 5px;
}
#journal_meta .unavailable {
    color: #aaa;
}
#journal_meta dt {
    font-weight: normal;
    float: left;
    clear: left;
    min-width: 190px;
    width: 60%;
}
#journal_meta dd {
    float: left;
    margin-bottom: 0.25em;
}

#journal_cover {
    margin: 0.4em 1.5em 0 0;
    float: left;
}
#journal_cover span {
    display: block;
    width: 120px;
    padding: 35px 0 40px;
    height: 100px;
    font: 700 16px/30px 'Monda', 'Open Sans', sans-serif;
    background: #E9CE81;
    text-align: center;
}
#journal_cover a {
    display: block;
    margin-top: 12px;
    padding: 3px 5px;
    font-size: 11.5px;
}

#disciplines_list {
    background: #f5f5f5 !important;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc !important;
    clear: both;
    margin-top: 0 !important;
    padding: 0.5em 1em !important;
    line-height: 1.7;
}

#scirev_ratings > div {
    background: #fff;
    font-size: 0.9em;
    margin: 20px 0 0 0;
}
#scirev_ratings h4 {
    color: #888e11;
    margin: 0;
}
#scirev_ratings_header {
    font: 700 1.3em 'Monda', 'Open Sans', sans-serif;
    padding: 0.5em 0.2em 0.3em 0.75em !important;
    margin: 0 0 0.7em;
}
#scirev_ratings_header small {
    float: right;
    padding: 0.5em 0.8em 0.5em 0;
    color: #777;
}
#scirev_meta {
    width: 100%;
    margin-top: 5px;
}
#scirev_meta th {
    text-align: left;
    font-weight: normal;
}
#scirev_meta tr td:first-child, #scirev_meta tr th:first-child {
    padding-left: 1em;
}
#scirev_meta td, #scirev_meta th {
    padding: 2px;
}
#characteristics th, #handling_phases th, #rating_box th, #rating_box td {
    font-weight: bold;
    padding: 2px;
    background: #dfe2c1;
    border-bottom: 1px solid #B5BC7C;
    border-top: 1px solid #B5BC7C;
}
td.has_compare {
    text-align: right !important;
    padding-right: 1em !important;
}

td.has_compare .btn {
    margin-left: 3em;
    line-height: 15px;
    padding: 0 12px;
    font-size: 10px;
}
#latest_review {
    padding: 15px;
}
#latest_review > h4 {
    line-height: 1;
    padding: 0;
}
#latest_review > h4 > a {
    display: inline-block;
    float: right;
}
#latest_review .btn {
    background-color: #a3ac01;
    color: #fff;
}
#latest_review > p {
    margin: 0.5rem 0;
}
.review_motivation {
    border-left: 3px solid #ddd;
    margin: 0;
    padding: 0 1em;
}
.review_motivation > h6 {
    font-size: 0.9rem;
    font-weight: bold;
    margin: 0;
}
#latest_review.unavailable p, #latest_review.no-motivation p {
    margin: 0.5rem 0 0;
}

#related_journals {
    padding: 1em;
}
#related_journals ul {
    margin: 10px;
    padding: 0 0 0 20px;
}


/* Tooltips
-------------*/
.tooltip.in {
    opacity: 1;
    filter: none;
}
.tooltip-inner {
    color: #fff;
    background-color: #4D609F;
    border: none;
    font: 13px/1.5 'Open Sans', sans-serif !important;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #4D609F !important;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: #4D609F !important;
}
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
    border-left-color: #4D609F !important;
}
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    border-right-color: #4D609F !important;
}


/* Questionnaire
------------------*/
body.questionnaire #content {
    margin-top: 30px;
    background: #fff;
}

#questionnaireForm {
    margin: 3em auto 0;
    padding-bottom: 10em;
    width: 75%;
    max-width: 900px;
}
#questionnaireForm fieldset:nth-child(even),
.review-page fieldset:nth-child(odd) {
    background: #f3f3f3;
}
#questionnaireForm fieldset,
.review-page .review_box fieldset,
.review-page .inner > fieldset {
    padding: 1.5em;
    border-radius: 1em;
    margin: 0.25em 0;
}
.review-page .review_box fieldset,
.review-page .inner > fieldset {
    margin: 1em 0;
}
#questionnaireForm legend,
.review-page legend {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1em;
    border: none;
}
#questionnaireForm .alert-info {
    color: #000;
    font-size: 1.1em;
    margin: 0 0 35px 0;
    padding-left: 1.35em;
}
#questionnaireForm .alert-info:nth-child(odd) {
    margin: 30px 0;
}

.qswitchmode {
    clear: both;
    font-size: 1.1em;
    line-height: 24px;
    margin: 5px 0 15px;
}
.qswitchmode span {
    cursor: pointer;
    color: #364A8F;
}
.absolute_dates .role_absolute, .relative_dates .role_relative {
    display: block;
}
.absolute_dates .role_relative, .relative_dates .role_absolute {
    display: none;
}
#questionnaireForm .role_relative > input[type='number'] {
    width: 100px;
}

ul.fields {
    list-style: none;
}
fieldset#node_g0 .fields {
    margin-left: 0;
}
li#group_biascheck {
    margin: -0.5em 0 1em;
}
#node_g1 .qswitchmode, #node_c43 .qswitchmode {
    display: none;
}
.absolute_dates select, .initial_dates select {
    width: auto;
}
li#group_consent span {
    display: block;
}
li#group_consent div {
    float: left;
    margin: 0.5em 1em 0.5em 0;
}
li.continue_btnstrip {
    clear: left;
    margin-top: 1em;
}

.question.floatall_left {
    overflow: auto;
}
.question.floatall_left li, .question.floatall_left div.radio_option {
    float: left;
    margin-right: 1em;
}
.fields .prefix {
    margin-right: 10px;
}
.fields div.radio_inline, .fields div.radio_inline label {
    display: inline-block;
    margin: 2px 10px 2px 2px;
    line-height: 28px;
}
.fields div.radio_inline input {
    margin-right: 5px;
}
.impact_boosting fieldset.missing {
    border: 1px solid #c00;
}
.review_mgmt_form .btn-success, .review_mgmt_form .btn-danger {
    color: #fff;
}

#questionnaireForm .journal-search {
    max-width: 500px;
}


/* Registration procedure
---------------------------*/
.registration_fields label:not(.form-check-label) {
    font-weight: bold;
    text-align: right;
}

.form-inline input, .form-inline select, .form-inline .checkbox input[type="checkbox"] {
    margin-right: 1em;
}
.discipline_fields {
    list-style: none;
    margin: 2em 0 0;
    padding: 0;
}
.discipline_fields > li {
    padding: 0;
    margin: 0 1.5em 0.8em;
}
.discipline_fields > li label {
   font-weight: bold;
}
.discipline_fields > li select {
    width: 220px;
}


/* Visitor statistics
-----------------------*/
.visitor-stats table td:last-child {
    text-align: right;
}


/* Edit journal page
----------------------*/
.editjournal input,
.editjournal select,
.editsettings select {
    width: auto;
    display: inline-block;
}
.editjournal dl {
    overflow: auto;
    margin-bottom: 0 !important;
}
.editjournal dt {
    clear: left;
    float: left;
    text-align: right;
    width: 300px;
}
.editjournal dt:after {
    content: ':';
}
.editjournal dd {
    float: left;
    clear: right;
    margin-bottom: 1em;
}
.editjournal dt.cont_feedback {
    display: none;
}
.editjournal dd.cont_feedback:after {
    float: none;
}

/* Personal page
------------------*/
.personal-page {
    overflow: visible !important;
}

.personal-page select {
    width: auto;
}

.action-buttons {
    position: relative;
}
.action-buttons .dropdown-menu {
    max-width: 250px;
}
.action-buttons .dropdown-menu li a {
    text-overflow: ellipsis;
    overflow: hidden;
}

#new-manuscript {
    display: none;
    left: auto;
    max-width: 450px;
    right: 0;
    top: 37px;
    width: auto;
}
#new-manuscript .arrow {
    left: 90%;
}
#new-manuscript button.bottom {
    bottom: 22px;
    position: absolute;
    right: 14px;
}

tr.first_header th {
    padding-bottom: 3px;
}
tr.second_header th {
    padding-top: 3px;
}

#add-journal {
    display: none;
    left: -200px;
    max-width: 380px;
    top: 28px;
    width: 380px;
}
#search-discipline {
    display: none;
    left: -100px;
    max-width: 380px;
    top: 28px;
    width: 380px;
}
#add-journal .form-group, #search-discipline .form-group {
    margin-bottom: 0;
}
#add-journal .arrow, #search-discipline .arrow {
    left: 90%;
}
#add-journal button.bottom, #search-discipline button.bottom {
    bottom: 9px;
    position: absolute;
    right: 14px;
}


/* Paid peer review
-----------------*/
.nojournals {
    margin-top: 15px;
}
#keywords-discipline .input-prepend {
    margin-right: 50px;
}
#paidpeerreviewform .btn-group > .btn {
    margin: -4px 0;
    padding: 4px 12px;
    font-size: 12px;
}
#questionnaire-link tr td {
    cursor: pointer;
}

#questionnaire-link tr:hover td {
    background: #364a8f !important;
    color: #fff;
}
#paidpeerreviewform > fieldset {
    border-top: 4px solid #A3AC01;
    background: #fff;
    margin: 20px 0 0 0;
    padding: 1em;
    width: 49%;
    box-sizing: border-box;
}
#paidpeerreviewform > fieldset.full {
    width: 100%;
}
#paidpeerreviewform h4 {
    margin: 0 0 10px;
}
#paidpeerreviewform .btn-primary {
    background: #a3ac01;
}
#paidpeerreviewform .editdelete {
    text-align: right;
}

#publications-table td .btn {
    margin: -4px 0;
    padding: 4px 12px;
    font-size: 12px;
    background: #a3ac01;
}
#publications-table th {
    text-align: left;
}
p.bold {
    font-weight: bold;
}
#scientific_position_other_div {
    margin-top: 10px;
}

/* Modals */
.modal.wide .modal-dialog {
    max-width: 640px;
}


/* Review listing
-------------------*/
.review-listing .filterform {
    font-size: inherit;
    margin-bottom: 18px;
    position: relative;
    white-space: nowrap;
}
.review-listing #titlesearch {
    width: 200px;
}
.review-listing button {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    padding: 5px 12px !important;
}

table.review-listing {
    clear: both;
    margin-top: 1em;
}
.review-listing th:not([width]) {
    text-align: center;
}

.journal-list th.value {
    width: 59px;
}
.journal-list th.ovrat {
    width: 85px;
}
.journal-list th.review-cardinality {
    width: 30px;
}
td.value, th.value {
    text-align: center;
}

.review-listing .even td {
    background-color: #fff;
}
.review-listing .odd td {
    background-color: #f0f0f0 !important;
}
.table tr:hover td {
    background-color: #e9e9e9 !important;
}
td.wrap {
    word-break: break-word;
}

.nowrap {
    white-space: nowrap;
}

#add_journal_list {
    padding: 2px 6px !important;
    display: inline-block;
}

.subfield-picker {
    margin: 0 0 0 0.5em !important;
}


/* Manuscript listings
------------------------*/
.manuscript-add-grp {
    float: right;
    margin: 10px 0 5px;
}
.manuscript-add-grp #add-button {
    font-size: 13px;
}
.manuscript-list-header {
    margin: 30px 0 20px;
}


/* Job listings on review pages
---------------------------------*/
#joblist_main {
    float: left;
    margin: 0 26% 0 0;
    width: 74%;
}

/* Juxtaposed sidebar, 1/4th size */
#joblist_sidebar {
    float: right;
    font-size: 0.9em;
    margin: 0 0 0 -27%;
    overflow: hidden;
    width: 25%;
}
#joblist_sidebar .place_yours {
    margin-bottom: 12px;
}
#joblist_sidebar .place_yours,
#jobpage_sidebar .place_yours {
    overflow: auto;
    background: #4d609f;
    color: #fff;
    position: relative;
}
#joblist_sidebar > .content_title,
#jobpage_sidebar .content_title {
    padding-left: 10px;
}
#joblist_sidebar .place_yours a,
#jobpage_sidebar .place_yours a {
    position: absolute;
    right: 3px;
    top: 3px;
}

#joblist {
    overflow: auto;
}

.job-list-page .pagination {
    font-size: 1.25em;
    line-height: 1.5;
    text-align: center;
}


#jobpage_main {
    float: left;
    margin: 0 50% 0 0;
    width: 50%;
}
#jobpage_main #inner,
#jobadd_preview #inner {
    margin-top: 2.5%;
}
#jobpage_main #inner h3,
#jobadd_preview #inner h3 {
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#jobpage_main div span,
#full_preview_area div span {
    font-weight: bold;
}
#jobpage_main p,
#full_preview_area p {
    margin-top: 1.5em;
    word-wrap: break-word;
}

#jobpage_main #inner {
    font-size: 16px;
    line-height: 1.5em;
    min-height: 420px;
}
#jobpage_main #reply_strip,
#full_preview_area #reply_strip {
    margin: 3em 0;
    text-align: center;
}
#jobpage_main #reply_strip a,
#full_preview_area #reply_strip a {
    padding-left: 3em;
    padding-right: 3em;
}
#jobpage_main div.organisation,
#jobpage_main div.location,
#full_preview_area div.organisation,
#full_preview_area div.location {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#jobpage_main div.placement_time,
#full_preview_area div.placement_time {
    margin-top: 2em;
    font-size: 0.9em;
}

/* Juxtaposed sidebar, 1/4th size */
#jobpage_sidebar {
    float: right;
    margin: 0 0 0 -50%;
    width: 50%;
}
#jobpage_sidebar #jobpage_related_jobs .content_title {
    margin: 0 0 2.5% 2.5%;
}
#jobpage_sidebar .joblisting_column {
    float: left;
    font-size: 0.9em;
    width: 47.5%;
    margin: 0 0 0 2.5%;
}
#jobpage_sidebar .view_more_link {
    clear: left;
    text-align: center;
}

#jobmailform {
    margin: 0 0 0 2.5%;
}
#jobmailform form {
    background: #fff;
    margin-top: 2.5%;
    padding: 1.25em 1.5em;
}
#jobmailform dt {
    clear: left;
    float: left;
    line-height: 2em;
    text-align: right;
    margin-right: 1%;
    width: 19%;
}
#jobmailform dt:after {
    content: ':';
}
#jobmailform dd {
    float: left;
    margin: 0;
    width: 80%;
}
#jobmailform dd input[type=text],
#jobmailform dd textarea {
    width: 95%;
}
#jobmailform dd textarea {
    resize: vertical;
}
#jobmailform dd.cont_terms {
    margin: 3% 0 0 20%;
}
#jobmailform .form_button_strip {
    text-align: center;
}
#jobmailform .alert {
    margin-top: 1em;
}

#jobmailform dd.optional:after {
    content: '(optional)';
    font-size: 0.8em;
    width: 10%;
    float: right;
    display: inline-block;
    padding: 0.5% 2.5%;
}
#jobmailform dd.optional input,
#jobmailform dd.optional select {
    width: 80%;
}

.form_button_strip {
    clear: both;
}

#joblist > div {
    float: left;
    width: 47.75%;
    margin: 1.75% 4.5% 0 0;
}
#joblist > div:last-child {
    margin-right: 0;
}


/* Individual listings */
.joblisting {
    background: #fff;
    border-right: 24px solid #A3AC01;
    color: inherit;
    display: block;
    margin: 0 0 15px 0;
    padding: 10px;
    position: relative;
}
.joblisting:hover, .joblisting:focus {
    border-bottom: 1px solid #A3AC01;
    border-left: 1px solid #A3AC01;
    border-top: 1px solid #A3AC01;
    color: inherit;
    cursor: pointer;
    padding: 9px;
    text-decoration: none;
}
.joblisting h5 {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.3 !important;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.joblisting div {
    font-size: 12px !important;
    line-height: 1.3em !important;
}
.joblisting div.category {
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.4em;
    overflow: hidden;
    padding: 4px !important;
    position: absolute;
    right: -23px;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    transform: rotate(90deg) translate(78%, 100%);
    transform-origin: bottom right;
    width: 100px;
    white-space: nowrap;
    z-index: 50;
}
.joblisting:hover div.category {
    padding: 4px 2px !important;
}
.joblisting h5.title,
.joblisting div.organisation,
.joblisting div.location,
.joblisting div.secondline {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.joblisting div.organisation {
    font-weight: bold;
}
.joblisting div.location span {
    font-style: italic;
}
.joblisting div.description {
    height: 2.6em;
    margin-top: 0.5em;
    overflow: hidden;
    text-overflow: ellipsis;
}
.joblisting div.description.longer {
    height: 3.9em;
}

/* Smaller job listings */
.joblisting.small {
    border-right-width: 16px;
    margin-bottom: 12px;
    padding: 7px;
}
.joblisting.small:hover {
    padding: 6px 6px 6px 6px;
}
.joblisting.small div.category {
    font-weight: normal;
    font-size: 10px !important;
    letter-spacing: initial;
    right: -18px;
    transform: rotate(90deg) translate(68%, 100%);
    width: 60px;
}
.joblisting.small:hover div.category {
    padding: 3px !important;
    right: -17px;
    transform: rotate(90deg) translate(70%, 100%);
}
.joblisting.small div.organisation {
    font-weight: normal;
}
.joblisting.small div.description {
    height: 1.3em;
}
.joblisting.small div.description.longer {
    height: 2.6em;
}

/* Larger job listings */
.joblisting.large {
    margin-bottom: 20px;
}
.joblisting.large h5 {
    font-size: 16px;
}
.joblisting.large div {
    font-size: 13px !important;
    line-height: 1.4em !important;
}
.joblisting.large div.category {
    right: -24px;
    transform: rotate(90deg) translate(79%, 100%);
    width: 108px;
}

/* Job add form */
#jobadd_main {
    float: left;
    margin: 0 50% 0 0;
    width: 50%;
}
.addjob input[type="text"] {
    width: 60%;
}
.addjob form {
    position: relative;
}
.addjob dt {
    clear: left;
    float: left;
    padding-top: 6px;
    text-align: right;
    width: 20%;
}
.addjob dt:after {
    content: ':';
}
.addjob dd {
    float: left;
    margin-left: 1%;
    width: 79%;
}
.addjob dt.cont_organisation {
    margin-top: 2.5em;
}
.addjob dd.cont_organisation {
    border-top: 1px solid #eee;
    margin-top: 1em;
    padding-top: 1.5em;
}
.addjob dd.cont_country {
    border-bottom: 1px solid #eee;
    margin-bottom: 1.5em;
    padding-bottom: 1em;
}

.addjob dd.optional:after {
    content: '(optional)';
    font-size: 0.8em;
    width: 10%;
    display: inline-block;
    padding: 0.5% 2.5%;
}

.addjob dd.cont_discipline select {
    clear: left;
    float: left;
}
.addjob dd.cont_discipline .inactive {
    display: none;
}

.addjob dd.cont_terms {
    margin-top: 3.5%;
    margin-left: 20%;
}

.addjob dt.cont_description {
    margin-top: 2.5em;
}
.addjob dd.cont_description {
    border-top: 1px solid #eee;
    margin-top: 1em;
    padding-top: 1.5em;
}
.addjob textarea {
    resize: vertical;
    display: block;
    width: 97%;
}
.addjob #description_length {
    text-align: right;
    font-size: 1.1em;
    margin: 0.2em 0;
}
.addjob #description_length.over {
    color: red;
    font-weight: bold;
}

.addjob .form_button_strip {
    margin: 1em 0 -1em 0;
    text-align: right;
}

#jobadd_preview {
    float: right;
    margin: 0 0 0 -50%;
    width: 50%;
}
#jobadd_preview .content_title {
    margin-left: 2.5%;
}
.addjob #full_preview_area,
.addjob #large_preview_area {
    margin: 4em 0 4em 2.5%;
}
.addjob #small_preview {
    position: relative;
    margin: 4em auto;
    height: 54px;
    width: 236px;
}
.addjob #medium_preview {
    position: relative;
    margin: 4em auto;
    height: 83px;
    width: 236px;
}
.addjob #large_preview {
    position: relative;
    margin: 4em auto;
    height: 98px;
}


#job_filter_form {
    line-height: 1.6em;
    margin-bottom: 0;
}
#job_filter_form select {
    width: 150px;
    margin-right: 2px;
}
#job_filter_form {
    padding-right: 10px;
    border-right: 1px solid #ccc;
    margin-right: 10px;
}

#my_jobs_table td.fill a,
#my_replies_table td.fill a {
    display: block;
}
#my_replies_table td {
    width: 20%;
}

/*--------------------------------------------------------------------------
    RESPONSIVE DESIGN
  --------------------------------------------------------------------------*/
@media only screen and (max-width: 720px) {
    body {
        background: #fff;
    }

    div#header {
        position: static;
        height: auto;
    }
    div#header > h1 {
        padding: 10px;
        position: static;
        width: auto;
        text-align: center;
    }
    div#header > h1 img {
        width: 200px;
        max-width: 100%;
    }
    div#header > h2 {
        display: none;
    }

    #content {
        margin: 0;
    }

    #searchtitleform, #searchdisciplineform {
        margin: 0;
    }

    #footer {
        color: #aaa;
        text-align: center;
    }
    .footer_menu {
        display: block;
    }
    .footer_menu li:first-child:before {
        content: none;
    }

    .journal-page .content_title,
    .review-listing {
        padding: 0.15em;
    }
    .journal-page .content_title > div,
    .review-listing .content_title > div {
        text-align: center;
        line-height: 1em;
    }
    .journal-page .content_title > div > a,
    .review-listing .content_title > div > a {
        display: inline-block;
        margin: 0;
        float: none;
    }

    .review-listing .revrep {
        display: none;
    }
}

@media only screen and (max-width: 960px) {
    #topWrapper {
        height: auto !important;
    }

    .statsLine, #twitterLink {
        display: none;
    }

    #nav-main, #nav-main li, #nav-main li ul,
    #nav-user, #nav-user li, #nav-user li ul {
        border: none;
    }

    #innerWrapper {
        width: auto;
    }
    #footer a {
        color: inherit;
    }

    .homepage .container-fluid,
    .journal-page .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    #featured_journal, #latest_reviews, #widget_scientific_jobs, #scirev_poll, #related_journals, #latest_review {
        display: none;
    }
    #searchtitleform h4, #searchdisciplineform h4 {
        height: auto;
    }
    #searchtitleform .buttonstrip, #searchdisciplineform .buttonstrip {
        display: none;
    }
    .searchline {
        margin: 1em 0 2em !important;
    }

    #static_sidebar h3 {
        font-size: 18px !important;
        line-height: 1.5 !important;
    }
    #static_sidebar h5 {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }
    #static_sidebar p {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    /* Registration */
    .registration_fields label:not(.form-check-label) {
        text-align: left;
    }

    /* Discipline pages */
    .journal-list .revrep {
        display: none;
    }

    #joblist_main, #jobpage_main, #jobpage_sidebar {
        float: none;
        margin: 0;
        width: auto;
    }

    /* Juxtaposed sidebar, 1/4th size */
    #joblist_sidebar {
        display: none;
    }

    #jobpage_main #inner {
        font-size: inherit;
        height: auto;
    }

    #jobpage_sidebar .joblisting_column:first-child {
        margin-left: 0;
    }

    .job-list-page .content_title a {
        display: inline-block;
    }
    #job_filter_form {
        border: none;
        clear: both;
        float: none;
        text-align: center;
    }

    #joblist > div, .joblisting_column {
        margin: 0 !important;
        width: auto !important;
    }
}