/* framework */
@font-face {
    font-family: ElsevierSansWeb;
    src: url('./fonts/ElsevierSansWeb-Regular.woff2') format('woff2'),
         url('./fonts/ElsevierSansWeb-Regular.woff') format('woff');
}

@font-face {
    font-family: ElsevierSansWeb;
    font-style:italic;
    font-weight:bold;
    src: url('./fonts/ElsevierSansWeb-BoldItalic.woff2') format('woff2'),
         url("./fonts/ElsevierSansWeb-BoldItalic.woff") format('woff');
}

@font-face {
    font-family: ElsevierSansWeb;
    font-style:italic;
    src: url('./fonts/ElsevierSansWeb-RegularItalic.woff2') format('woff2'),
         url("./fonts/ElsevierSansWeb-RegularItalic.woff") format('woff');
}

@font-face {
    font-family: ElsevierSansWeb;
    font-weight:bold;
    src: url('./fonts/ElsevierSansWeb-Bold.woff2') format('woff2'),
         url("./fonts/ElsevierSansWeb-Bold.woff") format('woff');
}

/* body {margin:0; padding:0; background:transparent url('/framework/gfx/colored_stripe.png') repeat-x 0px 104px} */
body {margin:0; padding:0;}

#pageWrapper {}
	#headerWrapper {height:108px; margin:0; padding:0; padding-left:10px;display: flex;}
		/* #logo {width:181px; height:108px; float:left; display:inline; background-image:url('/framework/gfx/Scopus_logo_main.png'); background-position:30px 65px; background-repeat:no-repeat} */
		#logo {width:181px; height:108px; float:left; display:inline;}
		#logo img {max-height: 100%;max-width: 100%; padding-top: 38px;}
		/* #logotxt {width:225px; height:108px; float:left; display:inline; background-image:url('/framework/gfx/title_review.png'); background-position:20px 55px; background-repeat:no-repeat}
		#logotxt_sc {width:225px; height:108px; float:left; display:inline; background-image:url('/framework/gfx/subject_chair.png'); background-position:20px 55px; background-repeat:no-repeat}
		#logotxt_lbc {width:225px; height:108px; float:left; display:inline; background-image:url('/framework/gfx/preselection.png'); background-position:20px 55px; background-repeat:no-repeat} */
		#logotxt {font-size: 26px;font-weight: bold;color: #333333;margin: 52px 0px 0px 30px;}
	#navigationWrapperTop{height:40px;}
	#navigationWrapperTop,
	#navigationWrapperBottom {margin:0; padding:0px 10px; color:#ffffff;background-color: #FF6C00; border-top: 4px solid lightgray;}
	#navigationWrapperBottom {margin-top:0px; padding:10px;}
		#navigationWrapperTop a,
		#navigationWrapperBottom a {color:#ffffff; font-size:14px; text-decoration:none}
		#navigationWrapperTop a:hover,
		#navigationWrapperBottom a:hover {text-decoration:underline}
	#contentWrapper {min-width:1340px; width:auto; height:auto; margin:0; padding:0 10px 0 10px}
#footer {margin:10px 0px; padding:0; padding-left:10px; font-size:13px; color:#999999; font-weight:300}

.boxContentWrapper {padding:10px; font-family: ElsevierSansWeb; font-variant-numeric: lining-nums proportional-nums; font-size:13px; color:#000000;}

/* text styles */
body {font-family: ElsevierSansWeb; font-variant-numeric: lining-nums proportional-nums; font-size:14px; color:#666666;}
h1 {font-size:22px; font-weight:bold; color:#FF6C00}
h4 {font-size:16px; font-weight:bold; color:#FF6C00; margin-top:10px; margin-bottom:12px}
h5 {font-size:15px; font-weight:bold; margin-top:8px; margin-bottom:6px}

h4 span {color:#333333}

/* link styles */
a:link {color:#333333; text-decoration:underline}
a:hover {color:#276ea3; text-decoration: underline}
a:visited {color:#666666; text-decoration:underline}

a.external_link {padding-right:18px; background:transparent url('/framework/gfx/external_link_white.png') no-repeat right top}

h1 a, h1 a:hover {text-decoration:none; color:#FF6C00}
#footer a {text-decoration:none}

/* floating */
.left {float:left; display:inline}
.right {float:right; display:inline}
.clearer {clear:both; height:0px; font-size:0px; line-height:0px; margin:0px; padding:0px}

/* action frame */
#actionFrame {width:100%; height:0px; visibility:hidden}

/* loading image */
.loading_img {position:absolute; top:0; right:0; width:49px; height:50px; background:transparent url('/framework/gfx/loading.gif') no-repeat 0px 0px; display:none}

/* forms */
input.xlarge, textarea.xlarge {width:395px}
select.xlarge {width:399px}
input.large, textarea.large {width:325px}
select.large {width:329px}
input.medium, textarea.medium {width:195px}
select.medium {width:199px}
input.small, textarea.small {width:160px}
select.small {width:164px}
input.xsmall, textarea.xsmall {width:80px}
select.xsmall {width:84px}

.formTableRow {display:table-row}
.formTableRowHidden {display:none}
.formField {font-family: ElsevierSansWeb; font-variant-numeric: lining-nums proportional-nums; font-size:13px; color:#000000}
.formFieldName {text-align:right; vertical-align:top; white-space:nowrap; padding-top:3px; padding-right:3px}
.formFieldContainer {text-align:left; vertical-align:top}
.formButton,
.formButtonPrimary {font-family: ElsevierSansWeb; font-variant-numeric: lining-nums proportional-nums; font-size:13px; color:#000000; cursor:pointer;}
.formButton:disabled,
.formButtonPrimary:disabled {color:#999999; cursor:auto}
.formButtonPrimary {border:1px solid #ff6600;}
.formButtonsContainer {padding-top:12px; text-align:right}

.fieldName {text-align:right; white-space:nowrap}
.fieldValue {text-align:left; font-weight:bold}

#subjectchair_decision .fieldName {text-align:left; white-space:nowrap; font-weight:bold}
#subjectchair_decision .fieldValue {text-align:left; font-weight:normal} 

/* placeholder styling */
::-webkit-input-placeholder {font-style:italic}
:-moz-placeholder {font-style:italic}
::-moz-placeholder {font-style:italic}
:-ms-input-placeholder {font-style:italic}

/* icons */
.icon_edit,
.icon_edit_props,
.icon_view,
.icon_delete,
.icon_send_mail,
.icon_warning_yellow,
.icon_warning_red,
.icon_warning_green,
.icon_data_delete,
.icon_data_previous,
.icon_placeholder {width:16px; height:16px; margin:0 2px; padding:0; background-repeat:no-repeat; background-position:0px 0px}

.icon_edit {background-image:url('/framework/gfx/edit.png')}
.icon_edit_props {background-image:url('/framework/gfx/form_blue_edit.png')}
.icon_view {background-image:url('/framework/gfx/view.png')}
.icon_delete {background-image:url('/framework/gfx/delete2.png')}
.icon_send_mail {background-image:url('/framework/gfx/mail_forward.png')}
.icon_warning_yellow {background-image:url('/framework/gfx/warning_yellow.png')}
.icon_warning_red {background-image:url('/framework/gfx/warning_red.png'); background-position:0px 1px}
.icon_warning_green {background-image:url('/framework/gfx/warning_green.png')}
.icon_data_delete {background-image:url('/framework/gfx/data_delete.png')}
.icon_data_previous {background-image:url('/framework/gfx/data_previous.png')}

/* lists */
.list {width:100%;}
.list_header {padding:3px; font-weight:bold; color:#ffffff; white-space:nowrap; background-color:#FF6C00; vertical-align:top;}
.list_item {padding:3px; padding-right:8px; vertical-align:top}
.list_row_idle,
.list_row_idle_reviewed,
.list_row_highlighted {background-color:#f3f4f4; cursor:pointer}
.list_row_idle_reviewed, .list_row_selected {background-color:#dcddde}
.list_row_highlighted, .list_row {background-color:#e8e8e9}

.list_row_idle td,
.list_row_idle_reviewed td,
.list_row_highlighted td {word-wrap:break-word;}

/* legend */
.legend_header {font-weight:bold; padding-bottom:6px}
.legend_row {padding-bottom:4px}
.legend_title {padding:2px 0px 0px 4px}

/* scoring graph */
.scoringGraph {}
.scoringGraphCategoryTitle {font-size:13px; line-height:12px; padding:0px 6px 0px 0px; white-space:nowrap}
.scoringGraphCategoryBarContainer {}
.scoringGraphCategoryBarInnerContainer {height:15px; white-space:nowrap}

.scoringGraphCategoryBarBorderTopAndBottom {height:15px; float:left; display:inline; border:1px solid black}
.scoringGraphCategoryBarBorderTop {height:15px; float:left; display:inline; border:1px solid black; border-bottom:none}
.scoringGraphCategoryBarBorderBottom {height:15px; float:left; display:inline; border:1px solid black; border-top:none}
.scoringGraphCategoryBarBorderNone {height:15px; float:left; display:inline; border:1px solid black; border-top:none; border-bottom:none}

.scoringGraphCategoryBarRemainingFirst {height:15px; float:left; display:inline; border-right:1px dashed gray; border-top:1px dashed gray}
.scoringGraphCategoryBarRemainingInner {height:15px; float:left; display:inline; border-right:1px dashed gray}
.scoringGraphCategoryBarRemainingLast {height:15px; float:left; display:inline; border-right:1px dashed gray; border-bottom:1px dashed gray}
.scoringGraphCategoryImcompleteIndicator {width:16px; height:15px; float:left; display:inline; background:transparent url('/framework/gfx/icon_help_square.gif') no-repeat left top}
.scoringGraphCategoryBarText {float:left; display:inline; font-size:13px; line-height:15px; color:black; padding-left:2px}
.scoringGraphCategoryClearer {clear:both; height:0px; font-size:0px; line-height:0px; margin:0px; padding:0px}

/* progressbar */
#progressBarTable {}
	#progressBar {width:100%; height:8px; margin:3px 0 0 0; padding:1px; border-width:1px; border-style:solid}
		#progressIndicator {width:0%; height:8px; margin:0; padding:0; background-color:#FF6C00}

/* wrapper widths */
#authenticationFormWrapper,
#forgotPasswordFormWrapper {width:300px}
#profileFormWrapper,
#changePreferencesFormWrapper,
#changeForumPreferencesFormWrapper,
#changeMailingPreferencesWrapper,
#sendingMailProgressbarWrapper {width:540px}

#titleFinalDecision,
#evaluationHistory,
#scoringProgress,
#titleDetails,
#scoringCardDetails,
#reviewerDecision {margin:10px}

#reviewerDecision form {margin:0}

#titleDetails ul {margin:0; padding:0}
#titleDetails ul li {float:left; list-style-type:none; margin:0px 3px; padding:3px 10px; cursor:pointer}
#titleDetails ul li:hover {color:#333333; border-color:#333333}

.infoSelector {background-color:transparent; color:#666666; border:1px solid #666666}
.infoSelectorSelected {background-color:#999999; color:#333333; border:1px solid #333333}

#overallScore {font-size:14pt; font-weight:bold}

/* scoring overview */
.row_idle {background-color:#f3f4f4; vertical-align:top}
.row_highlighted {background-color:#e8e8e9; vertical-align:top}
.ppIndicator {color:green;}

/* reviewers table */
.reviewer_list {margin:10px}
.row_reviewer, .row_subjectchair {background-color:#E8E8E9}
.row_extrainfo {background-color:#F3F4F4}
.row_subjectchair {background-color:#C7C7C7}
.reviewInvitationAccepted {font-style:normal}
.reviewInvitationDeclined {font-style:normal}	/* will be used in the de-assigned reviewers list */
.reviewInvitationAcceptancePending {font-style:italic}

/* mailing */
iframe#editBox{width:100%}

.confirmationContainer {width:318px; margin:18px auto 0 auto; padding:4px; background-image:url('/framework/gfx/45-stripes.png'); background-position:top left}
.confirmationContainer div {background-color:#ffffff}

#recipients .list_header {color:#000000; background-color:transparent}

/* assign reviewer */
.search_separator {border-bottom:1px solid gray}

/* title reviewer section headers */
.section_header {background-color:#FF6C00}
.section_header table {width:100%}
.section_header table td {padding:0px 6px}
.section_header table td h4 {color:#ffffff}

/* title review / subjectchair decision page columns */
#title_review #col_left,
#subjectchair_decision #col_left {width:1160px}
.checkbox-cell {
	vertical-align: top;
}

#title_review #col_right,
#subjectchair_decision #col_right {width:275px; margin-left:10px;}

/* floating menu */
.right_menu {width:275px; position:absolute;}
.right_menu .right_menu_item {width:230px; padding:20px 10px;}
.right_menu .right_menu_item_active {width:230px; padding:10px; background-color:#0056D6}

.right_menu a {font-size:13px; color:#ffffff; font-weight:normal}

.right_menu .right_menu_item a {color:#0056D6; font-weight:normal}
.right_menu .right_menu_item_active a {font-size:12px; color:#ffffff}

.right_menu .right_menu_item h2,
.right_menu .right_menu_item_active h2,
.right_menu .right_menu_item h2 a ,
.right_menu .right_menu_item_active h2 a {margin:0px; padding:0px; font:bold 18px Arial; line-height:22px}
.right_menu .right_menu_item_active h2,
.right_menu .right_menu_item_active h2 a {color:#ffffff}
.right_menu .credentials {color:yellow;}
.right_menu .credentials table {margin-left:12px;}
.right_menu .credentials span {color:white;}

.arrow-left {float:left; position:relative; width:0; height:0; border-top:75px solid transparent; border-bottom:75px solid transparent; border-right:30px solid #0056D6}

#title_review #col_right .arrow-left {left: -38px;border-top-width: 15px;border-bottom-width: 15px;}

#subjectchair_decision #col_right .arrow-left {left: -38px;border-top-width: 13px;border-bottom-width: 13px;}

.title_field_value {font-weight:bold}
.title_details_value {margin-right:40px; font-weight: normal;}

span.title_field_value {float:left}
span.title_details_value {float:right; width:45%; text-align:right}

#menuLinks div {margin:1px 0px}
#menuLinks a {color:black}

#title_review #scoringProgress {color: black}
#title_review #scoringProgress #progressBar {background-color:#ffffff}

/* notepad */
#notepad_menu {position:fixed; bottom:180px; left:958px}
#notepad_menu_item {width:205px; height:50px; background-color:#ffffcc; cursor:pointer}
#notepad_menu_item_padding {height:32px; padding-top:16px; padding-left:56px; background:transparent url('/framework/gfx/notepad_32x32.png') no-repeat 18px 9px; font-size:14px; color:#000000}

#notepad {width:814px; display:none; position:fixed; bottom:10px; left:140px; overflow:hidden}
#notepad_inner {position:relative; left:100%; background-color:#ffffcc; border:1px solid #cccccc; border-right-width:0px}
#my_notes {width:785px; height:180px; overflow:auto; font-family: ElsevierSansWeb; font-variant-numeric: lining-nums proportional-nums; font-size:13px; color:#000000}
#my_notes_saved_ok {color:green; visibility:hidden}

/* custom list color */
#titles_reviewed .list_row_idle {cursor:default}

#sc_list h1 {color:#379946}
#sc_list .list_header {background-color:#379946}

#sc_list_priority h1 {color:#ff6600}
#sc_list_priority .list_header {background-color:#ff6600}

#sc_list_reEvaluation h1 {color: #bec02e}
#sc_list_reEvaluation .list_header {background-color: #bec02e}

#sc_list_fasttrack h1 {color: purple}
#sc_list_fasttrack .list_header {background-color: purple}

#lbc_list h1 {color: #2c997b}
#lbc_list .list_header {background-color: #2c997b}

#ao_list h1 {color: #ff0000}
#ao_list .list_header {background-color: #ff0000}

/* custom tab styles */
li#tabSelector_all {color: #FF6C00;}
li#tabSelector_ao-assignments {color: #ff0000;}
li#tabSelector_lbc-preselection-assignments {color: #2c997b;}
li#tabSelector_sc-priority-assignments {color: #ff6600;}
li#tabSelector_sc-assignments {color: #379946;}
li#tabSelector_sc-reEvaluation-assignments {color: #bec02e;}
li#tabSelector_fasttrack-assignments {color: purple;}
li#tabSelector_reviewer-workqueue {color: #FF6C00;}

li#tabSelector_all,
div#tabsBodyWrapper_all {border-color: #FF6C00;}
li#tabSelector_ao-assignments,
div#tabsBodyWrapper_ao-assignments,
div#tabBodyCopy_ao-assignments {border-color: #ff0000;}
li#tabSelector_lbc-preselection-assignments,
div#tabsBodyWrapper_lbc-preselection-assignments,
div#tabBodyCopy_lbc-preselection-assignments {border-color: #2c997b;}
li#tabSelector_sc-priority-assignments,
div#tabsBodyWrapper_sc-priority-assignments,
div#tabBodyCopy_sc-priority-assignments {border-color: #ff6600;}
li#tabSelector_sc-assignments,
div#tabsBodyWrapper_sc-assignments,
div#tabBodyCopy_sc-assignments {border-color: #379946;}
li#tabSelector_sc-reEvaluation-assignments,
div#tabsBodyWrapper_sc-reEvaluation-assignments,
div#tabBodyCopy_sc-reEvaluation-assignments {border-color: #bec02e;}
li#tabSelector_fasttrack-assignments,
div#tabsBodyWrapper_fasttrack-assignments,
div#tabBodyCopy_fasttrack-assignments {border-color: purple;}
li#tabSelector_reviewer-workqueue,
div#tabsBodyWrapper_reviewer-workqueue,
div#tabBodyCopy_reviewer-workqueue {border-color: #FF6C00;}

div#tabBody_all {padding: 15px;}
div#tabBodyCopy_ao-assignments,
div#tabBodyCopy_lbc-preselection-assignments,
div#tabBodyCopy_sc-priority-assignments,
div#tabBodyCopy_sc-assignments,
div#tabBodyCopy_sc-reEvaluation-assignments,
div#tabBodyCopy_fasttrack-assignments,
div#tabBodyCopy_reviewer-workqueue {border-width: 1px; border-style: solid; padding: 8px;}

img.info {content:url('/framework/gfx/btn_info.gif'); width:14px; height:15px; cursor: pointer;}


@media (max-width: 1470px){
	#title_review #col_left,
	#subjectchair_decision #col_left {
		width: 650px;
	}
	#countryChart {
		margin-left: -200px;
	}
	.subjectChair_comments_left {
		width: 82%;
	}
	#countryTable{
		margin: 30px 0px 0px -110px!important;
		width: 400px!important;
	}
}

@media screen and (max-width: 1470px){
	.reviewer_other_fields{
		width: 414px!important;
	}
	.reviewer_textarea_fields{
		width: 478px!important;
	}
	.reasonsNegative-width{
		width: 60%!important;
	}
	.reviewer_other_field{
		width: 480px!important;
	}
	.reviewer_comments_field{
		width: 548px!important;
	}
}

/* Tooltip styling for Online Professional Information links */
.tooltip-wrapper {
	position: relative;
	display: inline-block;
}

.tooltip-wrapper:hover .tooltip-text {
	visibility: visible;
	opacity: 1;
}

.tooltip-text {
	visibility: hidden;
	opacity: 0;
	width: 250px;
	background-color: #fff3cd;
	color: #000;
	text-align: center;
	border: 1px solid #ffc107;
	border-radius: 4px;
	padding: 8px 12px;
	position: absolute;
	z-index: 1000;
	bottom: 140%;
	left: 50%;
	margin-left: -110px;
	transition: opacity 0.3s;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	font-size: 12px;
	font-family: Arial, sans-serif;
	display: block;
}

.tooltip-text::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -6px;
	border-width: 6px;
	border-style: solid;
	border-color: #ffc107 transparent transparent transparent;
}

.tooltip-caution {
	display: block;
	font-weight: bold;
	color: #dc3545;
	margin-bottom: 4px;
}

.tooltip-description {
	display: block;
	color: #000;
	line-height: 1.3;
}

#cke_subjectChair_comments{
	width: 1044px;
    max-width: 100%;
    min-width: 200px;
    box-sizing: border-box;
    overflow: auto;
}