header {
  display: block;
  background-color: red
}

body {
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  background-color: #F8F8F8;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  margin-left: auto;
  margin-right: auto;
  min-width: 980px;
}

h1 {
  color: #4b505a;
  font-weight: 600;
}

h2 {
  color: #4b505a;
  font-weight: 600;
}

h3.title2 {
  color: #4b505a;
  font-weight: 600;
}

h3.title3 {
  color: #4b505a;
  font-weight: 600;
}

h3.title4 {
  color: #4b505a;
  font-weight: 600;
}

h4 {
  color: #4b505a;
  font-weight: 600;
}

/* JJN: Removed "p" from above to fix bug 19080. It shouldn't have any adverse effects on other pages. */
html {
  box-sizing: border-box;
}
/* commenting this to fix citation report matrix alignment.
 /* *, *:before, *:after {
  box-sizing: inherit;
} */

/* why was padding-top 22? -- I think it should be zero */
* {
  margin: 0;
  list-style: none;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.link-color {
  color: #005a84;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family:  "Source Sans Pro", Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}

::-moz-placeholder { /* Firefox 19+ */
  font-family:  "Source Sans Pro", Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}

:-ms-input-placeholder { /* IE 10+ */
  font-family:  "Source Sans Pro", Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}

:-moz-placeholder { /* Firefox 18- */
  font-family:  "Source Sans Pro", Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}

img {
  border: none;
}

b {
  font-weight: 600;
}

b>b {
  font-weight: 600;
}

label {
  margin-bottom: 0 !important;
}

.link-highlight-clear {
  padding: 2px 0 0px 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
}

e {
  display: block;
}
/* Make sure clear x in IE does not show*/
input[type=text]::-ms-clear {
  display: none;
}

/* JJN link dotted outlines are hidden using "outline:none"  this also in select2.css
:focus {outline:none} */
input.search-criteria-input:focus {
  /* JJN fix seach field blue outline issue */
  outline: none;
}

input:focus, option:focus, select:focus, li:focus, a:focus, button:focus,
  value:focus, textarea:focus, select.search-criteria-input:focus {
  box-shadow: 0 0 4px 2px #23799E;
  -webkit-box-shadow: 0 0 4px 2px #23799E;
  -moz-box-shadow: 0 0 4px 2px #23799E;
  border: 0 solid #f8f8f8 !important;
  text-decoration: none;
}
input:not([type="checkbox"]):focus,option:focus, select:focus, li:focus, a:focus, button:focus,
value:focus, textarea:focus, select.search-criteria-input:focus {
  outline: 0 solid #f8f8f8 !important;
  outline: auto -webkit-focus-ring-color;
}

/*
  On safari checkboxes will not show the box-shadow that acts as our focus indicator. Outline will be visible though
  so this will give some focus indication for safari.
*/
input[type="checkbox"]:focus {
  outline-color: #23799E;
  outline-style: solid;
  outline-width: 1px;
  outline-offset: -1px;
}

/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none) , ( -ms-high-contrast : active)
  {
  select:focus, li:focus, a:focus, a:active, a:visted, value:focus,
    textarea:focus, select.search-criteria-input:focus {
    box-shadow: inset 0 0 4px 2px #23799E;
    outline: 0 solid #f8f8f8 !important;
    border: 0 solid #f8f8f8 !important;
    text-decoration: none;
    /* outline: auto -webkit-focus-ring-color; */
  }
}

.nav-link:focus {
  box-shadow: 0 0 4px 2px #ffffff;
  -webkit-box-shadow: 0 0 4px 2px #ffffff;
  -moz-box-shadow: 0 0 4px 2px #ffffff;
  outline: 0 solid #f8f8f8 !important;
  border: 0 solid #f8f8f8 !important;
  text-decoration: none;
}

.reverse-focus-style:focus, .reverse-focus-style:active,
  .reverse-focus-style:visited {
  box-shadow: 0 0 4px 2px #ffffff;
  -webkit-box-shadow: 0 0 4px 2px #ffffff;
  -moz-box-shadow: 0 0 4px 2px #ffffff;
  outline: 0 solid #f8f8f8 !important;
  border: 0 solid #f8f8f8 !important;
  text-decoration: none;
}

a.no-focus-style:focus {
  box-shadow: 0 0 0px 0px #ffffff;
  -webkit-box-shadow: 0 0 0px 0px #ffffff;
  -moz-box-shadow: 0 0 0px 0px #ffffff;
  outline: 0 solid #f8f8f8 !important;
  border: 0 solid #f8f8f8 !important;
  text-decoration: none;
}

.standard-button {
  height: 30px;
  border-radius: 3px;
  font-size: 16px !important;
  text-decoration: none !important;
  line-height: 16px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding: 4px 22px;
  cursor: pointer;
  white-space: nowrap;
}
.large-button {
  height: 44px;
  border-radius: 3px;
  font-size: 16px !important;
  text-decoration: none !important;
  line-height: 16px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding: 5px 22px;
  cursor: pointer;
  white-space: nowrap;
}
.small-button {
  height: 22px;
  border-radius: 3px;
  font-size: 14px !important;
  text-decoration: none !important;
  line-height: 10px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding: 3px 11px;
  cursor: pointer;
  white-space: nowrap;
}
.primary-button {
  background-color: #4b749b;
  color: #FFF;
  border: 0px solid #4b749b;
  transition: box-shadow 0.25s;
}
.primary-button:disabled {
  color: #669fd5;
  pointer-events: none;
}
.primary-button:hover {
  background-color: #385775;
  outline: none;
}
.primary-button:active {
  background-color: #263a4e;
  outline: none;
}
.primary-button:focus {
  background-color: #4b749b;
  outline: none;
  box-shadow: 0 0 0 2px #4b749b, inset 0 0 0 1px #fff;
}
.secondary-button {
  background-color: #e4e5ec;
  color: #2A2D35;
  border: 1px solid #e4e5ec;
  transition: box-shadow 0.25s;
}
.secondary-button:disabled {
  color: #B2B2B8;
  border: 1px solid #e4e5ec;
  pointer-events: none;
}
.secondary-button:hover {
  background-color: #B2B2B8;
  border: 1px solid #B2B2B8;
  outline: none;
}
.secondary-button:active {
  background-color: #e3edf7;
  color: #263a4e;
  outline: none;
}
.secondary-button:focus {
  outline: none;
  box-shadow: 0 0 0 2px #4b749b, inset 0 0 0 1px #fff;
}
.ghost-button {
  background-color: #FFF;
  color: #2A2D35;
  border: 1px solid #B2B2B8;
  transition: box-shadow 0.25s;
}
.ghost-button:disabled {
  color: #B2B2B8;
  border: 1px solid #B2B2B8;
  pointer-events: none;
}
.ghost-button:hover {
  background-color: #e4e5ec;
  outline: none;
}
.ghost-button:active {
  background-color: #e3edf7;
  color: #263a4e;
  outline: none;
}
.ghost-button:focus {
  outline: none;
  box-shadow: 0 0 0 2px #4b749b;
}

.focusable-link:link {
  outline: 2px solid #f8f8f8;
  border: 1px solid #f8f8f8;
}

.focusable-link:focus {
  box-shadow: 0 0 4px 2px #23799E;
  -webkit-box-shadow: 0 0 4px 2px #23799E;
  -moz-box-shadow: 0 0 4px 2px #23799E;
  outline: 0 solid #f8f8f8;
  border: 0 solid #f8f8f8;
  text-decoration: none;
}

.focusable-link:visited {
  TEXT-DECORATION: none;
  outline: 2px solid #f8f8f8 !important;
  border: 1px solid #f8f8f8 !important;
}

/* JJN added next to underline links */
a:hover {
  text-decoration: underline;
}

a.no-focus-style:hover {
    text-decoration: none;
}

.no-underline {
  text-decoration: none !important;
}

.focus-highlight:focus {
  box-shadow: 0 0 4px 2px #23799E;
  -webkit-box-shadow: 0 0 4px 2px #23799E;
  -moz-box-shadow: 0 0 4px 2px #23799E;
  outline: none;
  text-decoration: none;
}

.focusinput:focus {
  box-shadow: 0 0 4px 2px #23799E;
  -webkit-box-shadow: 0 0 4px 2px #23799E;
  -moz-box-shadow: 0 0 4px 2px #23799E;
  -ms-box-shadow: inset 0 0 4px 2px #23799E;
  outline: none;
}

.j-custom-select:focus {
  box-shadow: 0 0 4px 2px #23799E;
  -webkit-box-shadow: 0 0 4px 2px #23799E;
  -moz-box-shadow: 0 0 4px 2px #23799E;
  outline: none;
}

.select2-container--focus, .select2-container--active {
  box-shadow: 0 0 4px 2px #23799E;
  -webkit-box-shadow: 0 0 4px 2px #23799E;
  -moz-box-shadow: 0 0 4px 2px #23799E;
  outline: none;
}

.visibility-hidden {
  visibility: hidden;
}

.font-size-12px {
  font-size: 12px !important;
}

.font-size-13px {
  font-size: 13px !important;
}

.font-size-14px {
  font-size: 14px !important;
}

.font-size-15px {
  font-size: 15px !important;
}

.font-size-16px {
  font-size: 16px !important;
}

.font-size-18px {
  font-size: 18px !important;
}

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

.bold-text {
  font-weight: bold;
}

.hilight-color {
  color: #556D85;
}

.dbselectdiv {
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dbselect-left {
  display: flex;
  align-items: center;
}

.dbselectdiv .learn-more {
  padding-left: 30px;
  font-size: 13px;
  display: inline-block;
  color: #005a84;
  font-weight: bold;
  font-style: normal;
}

.block-history .dbselectdiv {
  margin-bottom: 35px;
}

.dbselectdiv .learn-more #selectDatabaseLink {
  font-style: normal;
}

.search-criteria-cell2 .select2-container.select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 31px;
  user-select: none;
  -webkit-user-select: none;
}

/*-------- GLOBAL --------*/
.clearfix:after {
  content: '.';
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

a {
  color: #005a84;
  text-decoration: none;
}

.font-style1 {
  font-weight: bold;
}

.link-style1 {
  font-weight: bold;
}

.link-style2 {
  font-style: italic;
}

.link-style3 {
  font-family:  "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
}

.g-hide {
  display: none
}

/*-------- END GLOBAL --------*/

/*header group*/

/*misc*/
/*links with submenu*/
.slectLinksClosed {
  width: 9px;
  height: 9px;
  display: inline-block;
  background: url(../images/icons.png) no-repeat;
  vertical-align: top;
  margin: 4px 0 0 5px;
}

.slectLinksOpen {
  width: 9px;
  height: 9px;
  display: inline-block;
  background: url(../images/icons.png) no-repeat 0 -12px;
  vertical-align: top;
  margin: 3px 0 0 5px;
}

.markedList {
  background: url(../images/icons.png) no-repeat 0 -95px;
}

.column-box {
  width: auto;
  background-color: #FFF;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
  vertical-align: top;
  height: auto;
  padding: 0;
}

.width-100pct {
  width: 100% !important;
}

/*header group*/
.navBar {
  position: relative;
  height: 24px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #575757;
  background: #333333;
  background: -moz-linear-gradient(top, #333333 0%, #2c2c2c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333),
    color-stop(100%, #2c2c2c));
  background: -webkit-linear-gradient(top, #333333 0%, #2c2c2c 100%);
  background: -o-linear-gradient(top, #333333 0%, #2c2c2c 100%);
  background: -ms-linear-gradient(top, #333333 0%, #2c2c2c 100%);
  background: linear-gradient(to bottom, #333333 0%, #2c2c2c 100%);
}

.navBar .userCabinet {
  position: absolute;
  top: 0;
  right: 32px;
}

.navBar .userCabinet .nav-item:first-child {
  border-left: 1px solid #6e6e6e;
}

/* JJN toolbar border */
.nav-list {
  font-size: 0;
  margin-left: 20px;
}

.nav-item {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.nav-link {
  margin-top: 0;
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  vertical-align: top;
  text-decoration: none;
  font-size: 12px;
}

.nav-link-current {
  color: #B9D3EB;
}



/* JJN toolbar border */
/* JJN: Remove padding and line-height from next to fix moving top links on hover */
.nav-item.show-subnav .nav-link, .nav-item:hover .nav-link {
  position: relative;
  margin: 0 0px 0 0;
  color: #FFF;
  background-color: #849EB7;
  z-index: 57;
  text-decoration: none
}

.nav-item.show-subnav .icon-arrow, .nav-item:hover .icon-arrow {
  margin: 3px -2px -1px 2px;
  border-color: #FFF #979797 #979797 #979797;
}

.nav-item:first-child .nav-link {
  padding-left: 10px;
  border-left: 0;
}

.subnav {
  display: none;
  position: absolute;
  top: 24px;
  right: -1px;
  z-index: 10000;
  min-width: 150px;
  border: 1px solid #ccc;
  -moz-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);
  -webkit-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);
  box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);
}

.nav-item.show-subnav .subnav {
  display: block;
}

.subnav-item {
  color: #000;
  display: block;
  border: none;
  height: 40px;
  line-height: 40px;
  background: #f6f6f6;
  border-top: 1px solid #ccc;
  z-index: 511;
  vertical-align: middle;
  padding: 0;
  position: relative;
}

.subnav-item a {
  /* NO RIGHT CARROT IN MY TOOLS MENU background:url(../images/icons.png) no-repeat 120% -25px */

}

.subnav-item.sub-head a {
font-weight:600 !important;
font-size:16px !important;
}

.subnav-item:first-child {
  border-top: none;
}

.subnav-item:hover {
  color: #000;
  background: #ECECEC;
  background: -moz-linear-gradient(top, #ECECEC 0%, #ECECEC 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ECECEC),
    color-stop(100%, #ECECEC));
  background: -webkit-linear-gradient(top, #ECECEC 0%, #ECECEC 100%);
  background: -o-linear-gradient(top, #ECECEC 0%, #ECECEC 100%);
  background: -ms-linear-gradient(top, #ECECEC 0%, #ECECEC 100%);
  background: linear-gradient(to bottom, #ECECEC 0%, #ECECEC 100%);
}

.subnav-item:hover a {
  text-decoration: none;
}

.subnav-link {
  display: block;
  padding: 0 30px 0px 10px;
  font-size: 15px;
  height: 48px;
  color: #000;
}

.subnav-item:hover .subnav-link {
  color: #000;
}

.subnav-link i {
  display: inline-block;
  width: 33px;
  height: 26px;
  vertical-align: middle;
  margin-right: 6px;
}

.language-active-option a {
  color: #666;
}

.language-active-option a:after {
  content: ".";
  position: absolute;
  right: 8px;
  font-size: 31px;
  top: -10px;
}

.logoBar {
  z-index: 56;
  height: 75px;
  border-bottom: 37px solid #4b749b;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
}

.logoBar span {
  height: 32px;
}

.logoBar h1 span {
  font-size: 38px !important;
  color: #2A2D35 !important;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif !important;
  font-weight: 500 !important;
  -webkit-font-smoothing: antialiased !important;
  width: auto;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.logoBar a span {
  font-size: 38px !important;
  color: #2A2D35 !important;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif !important;
  font-weight: 500 !important;
  -webkit-font-smoothing: antialiased !important;
  width: auto;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.logoBar a span:hover {
  text-decoration: none !important;
}

/* .logoBar a span:focus {
   box-shadow:0 0 4px 2px #fff;
   -webkit-box-shadow: 0 0 4px 2px #fff;
   -moz-box-shadow: 0 0 4px 2px #fff;
   outline: none;
} */
.logoBar a:hover {
  text-decoration: none !important;
}

.wslogo {
  position: absolute;
  top: 20px;
  left: 30px
}

.wosLogo {
  position: absolute;
  top: 20px;
  left: 30px
}

.toolBar {
  position: relative;
  height: 41px;
  font-weight:normal;
  background:#45698E;
}

.toolBar ul.breadCrumbs {
  font-size: 0;
  height: 100%;
  padding-left: 5px;
  background: #45698E;
  display: inline-block;
  *display: inline;
  *zoom: 1
}

.toolBar ul.breadCrumbs>li {
  float: left;
  vertical-align: bottom;
  padding: 9px 30px 8px 20px;
  position: relative;
  z-index: 5;
  height: 19px;
}

.toolBar ul.breadCrumbs>li:first-child {
  padding-left: 25px;
}

.toolBar ul.breadCrumbs>li:after {
  content: "";
  display: inline-block;
  width: 22px;
  height: 36px;
  position: absolute;
  right: 0;
  top: 0;
}


.toolBar ul.breadCrumbs>li sup {
  font-size: 9px;
  font-weight: normal;
}

.toolBar ul.breadCrumbs>li.returnLink a {
  font-size: 14px;
}

.toolBar ul.breadCrumbs>li.nonSearchPageLink {
  border-left: 1px solid #6e6e6e;
  padding-left: 25px;
}


/*Modified for bug fix : WOKVX22110*/
.toolBar ul.breadCrumbs>li.nonSearchPageLink a:hover {
  text-decoration: underline;
}

.toolBar ul.breadCrumbs>li {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight:600;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
}

.toolBar ul.breadCrumbs>li a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
}

.toolBar ul.breadCrumbs > li.nonSearchPageChevron a:focus,
.toolBar ul.breadCrumbs > li.nonSearchPageChevron a:active,
.toolBar ul.breadCrumbs > li.nonSearchPageChevron a:visited {  
  box-shadow: 0 0 4px 2px #ffffff !important;
  -webkit-box-shadow: 0 0 4px 2px #ffffff !important;
  -moz-box-shadow: 0 0 4px 2px #ffffff !important;
  outline: 0 solid #f8f8f8 !important;
  border: 0 solid #f8f8f8 !important;
  text-decoration: none;
}

.toolBar ul.breadCrumbs>li a span {
  display: inline-block;
  padding-right: 5px;
  margin-right: 5px; /*border-right:1px solid #dcdcdc;*/
  line-height: 12px;
  height: 14px;
}

.toolBar ul.breadCrumbs>li a span.RegMark, .toolBar ul.breadCrumbs>li a span.TMMark
  {
  margin-right: 0px;
  padding-right: 2px;
}

/*JJN fixed gap in chevron bar when RegMark is in name */
.toolBar .optionPanel {
  position: absolute;
  top: 0px;
  right: 32px;
  height: 36px;
  line-height: 41px;
}

/* JJN: This style seems uncessary and double width in of My Tools dropdown in Safari
.toolBar .optionPanel li {float:left; position:relative;} JJN toolbar border remove */


/*JJN toolbar border color */
.toolBar .optionPanel li.nav-item a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  display: block;
  height: 100%;
  padding: 0 10px;
}

.toolBar .optionPanel li.nav-item a:hover {
  background: #849EB7;
  position: relative;
  z-index: 56;
}

.toolBar .optionPanel li.nav-item a:hover .icon-arrow {
  margin: 3px -2px 0 2px;
  border-color: #FFF #849EB7 #849EB7 #849EB7;
}

.toolBar .optionPanel li.nav-item a.nav-link {
  line-height: 41px;
}

.toolBar .optionPanel li.subnav-item a {
  color: #000;
  text-decoration: none;
  font-size: 14px;
  display: block;
  height: 100%;
  padding: 0 10px;
}

.toolBar .optionPanel li.subnav-item a:hover {
  color: #000;
  background: #E3EDF7;
  position: relative;
  z-index: 56;
}

.toolBar .optionPanel li.subnav-item a:hover .icon-arrow {
  /* NONE margin: 3px -2px 0 2px;border-color: #FFF #979797 #979797 #979797; */

}

.toolBar .optionPanel li.subnav-item a.nav-link {
  line-height: 41px;
}

.toolBar .optionPanel .subnav {
  top: 41px;
  background: #F6F6F6;
}

.toolBar .optionPanel .subnav li {
  width: 100%;
  border: none;
/*  border-top: 1px solid #ccc;*/
}

.toolBar .optionPanel li label {
/* display:block;*/
 
}

.toolBar .optionPanel .subnav li:first-child {
  border: none;
}

.toolBar .optionPanel .subnav li a, .toolBar .optionPanel .subnav li .myToolDropDown {
  color: #000;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight:normal;
  font-size: 15px;
  padding-left: 20px;
  padding-right: 20px;
}

.toolBar .optionPanel .subnav li:hover a {
  /* background: url(../images/icons.png) no-repeat 120% -423px; */
  color: #000;
}

.toolBar .optionPanel .icon-addmarket {
  width: 18px;
  height: 22px;
  background-position: 0 -95px;
  margin-right: 5px;
}

.toolBar ul.breadCrumbs {
  position: absolute;
}

.toolBar ul.breadCrumbs li .icon-dd-active-breadcrumb {
  margin-left: 8px;
  position: relative;
}

.toolBar ul.breadCrumbs li:hover .icon-dd-active-breadcrumb, .toolBar ul.breadCrumbs li.show-subnav-breadcrumbs .icon-dd-active-breadcrumb
  {
  background-color: #000;
}

.toolBar ul.breadCrumbs li ul {
  display: none;
  position: absolute;
  top: 21px;
  background: #fff;
  color: #000;
  min-width: 290px;
  white-space: nowrap;
  border: 1px solid #ccc;
  z-index: 2;
  -moz-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);
  -webkit-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);
  box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);
}

.toolBar ul.breadCrumbs li.show-subnav-breadcrumbs ul {
  display: block;
}

.toolBar ul.breadCrumbs li ul li {
  border-top: 1px solid #ccc;
  position: relative;
  background: #f6f6f6;
}

.toolBar ul.breadCrumbs li ul li:first-child {
  border-top: none;
}

.toolBar ul.breadCrumbs li ul li a {
  display: block;
  color: #000;
  padding: 7px 10px;
  font-size: 16px;
  font-weight: normal;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-style: normal;
  background: #f6f6f6;
}

.toolBar ul.breadCrumbs li ul .breadCrumbs-active-option a {
  color: #666;
}

.toolBar ul.breadCrumbs li ul .breadCrumbs-active-option a:after {
  content: ".";
  position: absolute;
  right: 8px;
  font-size: 31px;
  top: -10px;
}

.toolBar ul.breadCrumbs li ul li a:hover {
  color: #000;
  background: #ECECEC;
  background: -moz-linear-gradient(top, #ECECEC, #ECECEC);
  background: -webkit-linear-gradient(top, #ECECEC 0%, #ECECEC 100%);
  background: -ms-linear-gradient(top, #ECECEC, #ECECEC);
  background: linear-gradient(top, #ECECEC, #ECECEC);
}

/* JJN added next to the cursor on the chevron bar product name is not a hand */
.breadCrumbs a#databases {
  cursor: text;
}

/* Add style to the "Learn More" link at bottom of the collection dropdown. */
#selectDatabaseLink {
  font-style: italic;
  color: rgb(0, 90, 132);
}

#selectDatabaseLink:hover {
  text-decoration: underline;
}

.select-db .learn-more {
  padding-left: 30px;
  font-size: 13px;
  display: inline-block;
  color: #005a84;
  font-weight: bold;
  font-style: normal;
}

.select-db .learn-more #selectDatabaseLink {
  font-style: normal;
}

/*pagination JJN changed height from 57 to 52 at Nina's request */
.paginationBar { /* JJN 5.13.1 REMOVED : position:relative; */
  min-height: 52px;
  background: #f6f6f6;
  text-align: center;
}
.paginationBar .number_rec_per_page {
  width: 120px;
}

.paginationBar .wos-summary-sort-by {
  width: 270px;
}

.NEWfullRecord .paginationBar { /* position:relative; */
  height: auto;
  min-height: 42px;
  padding: 16px 0px 0px;
  background: #f6f6f6;
}

/* JJN fix for 20012 fullrecord */
.sharedReferencesPage .paginationBar {
  height: auto;
  min-height: 52px;
  padding-left: 10px;
}

/* JJN added paddingleft */
.citedRefListPage .paginationBar {
  height: auto;
  min-height: 52px;
  padding-left: 10px;
}

/* JJN added paddingleft */
.citationReportPage .paginationBar {
  height: auto;
  min-height: 52px;
}

/* JJN added paddingleft */
.citedRefListPage .search-results-data, .sharedReferencesPage .search-results-data
  {
  padding-left: 10px;
}

/* KC added paddingleft */
.paginationBar input[type="button"] {
  height: 25px;
  padding: 0 10px;
  border: 1px solid #CFCFCF;
  -webkit-box-shadow: inset 0px -5px 13px -4px #CFCFCF;
  -moz-box-shadow: inset 0px -5px 13px -4px #CFCFCF;
  box-shadow: inset 0px -5px 13px -4px #CFCFCF;
  color: #000;
  font-weight: bold;
  font-size: 13px; *
  *padding: 2px 0 1px 0;
}

.paginationBar input[type="button"]:hover {
  background-color: #fff;
}

.paginationBar .pagination {
  /* JJN 5.13.1 removed this (be careful on FR page since bottom VCR isn't in NEWfullRecord div) : position:absolute;right:32px;top:0; padding-top:22px; */
  font-size: 11px;
}

.NEWfullRecord .paginationBar .pagination {
  position: relative;
  right: 0;
  float: right;
  padding: 1px 10px 4px 0;
  font-size: 11px;
}

/* JJN 5.13.1 changed position */ /* JJN fix for 20012 fullrecord */
.paginationBar .pageRange {
  /* JJN 5.13.1 removed this : position:absolute;left:32px;top:0;padding-top:16px; font-size: 10; */

}

.paginationBar .pagination>* {
  vertical-align: middle;
}

.paginationBar .pagination span {
  color: #616161;
  padding: 0 0 0 7px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
}
.pagination nav table tr:first-child td:nth-of-type(1) {
  width: 9px;
  padding-right: 6px;
  text-align: left;
}
.pagination nav table tr:first-child td:nth-of-type(3) {
  width: 9px;
  padding-left: 2px;
  text-align: left;
}

.paginationBar .pagination a {
  display: inline-block;
  height: 15px;
}

.paginationBar .pagination a i {
  display: inline-block;
  width: 7px;
  height: 13px;
  background: url(../images/icons.png) no-repeat;
  margin-left: 2px;
  margin-top: 2px;
  cursor: pointer;
}

.paginationBar .pagination a.paginationPrev i {
  background-position: -14px -222px;
  margin-top: 2px;
}

.paginationBar .pagination a.paginationPrevDisabled i {
  background-position: 0 -222px;
}

.paginationBar .pagination a.paginationNext i {
  background-position: -21px -222px;
}

.paginationBar .pagination a.paginationNextDisabled i {
  background-position: -7px -222px;
}

.paginationBar .pagination a.paginationPrevDisabled,
.paginationBar .pagination a.paginationNextDisabled,
.paginationBar .pagination a.paginationPrevDisabled i,
.paginationBar .pagination a.paginationNextDisabled i {
  cursor: default;
}

.paginationBar .pagination a.backToList {
  padding-right: 10px;
}

.paginationBar .parentInfo {
  position: absolute;
  top: 17px;
  vertical-align: middle;
}

.NEWfullRecord .paginationBar .pagingOptions {
  position: relative;
  top: 0;
  left: 0;
  vertical-align: middle;
  float: left;
  padding: 0 0 0 20px;
}

/* JJN fix for 20012 fullrecord */
.summNavStripeArea { /* JJN 5.13.1 added this class */
  display: table;
  width: 100%;
}

.summVCRnav { /* JJN 5.13.1 added this class */
  display: table-cell;
  padding: 10px 20px 0 0;
}

.paginationBar .pagingOptions {
  /* JJN 5.13.1 removed this : position:absolute;top:17px;left:20px;vertical-align:middle; */
  /* JJN 5.13.1 added this : */
  display: table-cell;
  vertical-align: top;
  padding: 10px 10px 0px;
}

.paginationBar .pagingOptions input, .paginationBar .pagingOptions select
  {
  font-family: "Source Sans Pro", "Trebuchet MS", Helvetica, sans-serif;
}

/* JJN added this to override width:178 on other dropdowns that use the select2-container select2-choice style */
.formBoxesSort {
  width: auto;
}

.dropdown-label {
  margin-top: -1px;
}

.searchPagination {
  border-top: 1px solid #ccc;
  background: #f1f1f1;
  padding: 14px 0px 10px 0px;
  margin-top: -1px;
}

/* JJN 5.13.1 CHANGED PADDING */
/* JJN added negative margin to fix double line on summaries */
.searchPagination.topPaginationBar {
  border-bottom: 1px solid #ccc;
  text-align: left;
}

/* Removing "border-top:none", add align left */
.sharedReferencesPage div.paginationBar.topPaginationBar.searchPagination
  {
  padding-top: 15px;
  margin-top: 0px;
}

/* JJN Fixes for summary-type pages for 5.13 */
.citedRefListPage div.paginationBar.topPaginationBar.searchPagination {
  padding-top: 15px;
  padding-bottom: 27px;
  margin-top: 0px;
}

/* JJN Fixes for summary-type pages for 5.13 */
.citationReportPage div.paginationBar.topPaginationBar.searchPagination
  {
  padding-top: 15px;
  margin-top: 0px;
}

/* JJN Fixes for summary-type pages for 5.13 */
/* .NEWsummaryPage div.paginationBar.topPaginationBar.searchPagination {margin-top: 0px;} JJN REMOVED this "fix" becauuse it conflicts with .searchPagination above... for summary-type pages for 5.13 */
.citedRefListPage .searchPagination span {
  padding-right: 0px;
}

/* JJN added to fix spacing in parent area */
.searchPagination .pagingOptions {
  /* JJN 5.13.1 REMOVED this : top:22px; white-space:nowrap */
  /*JJN added nowrap to fix sort and x per page dropdowns stacking in Safari */

}

.searchPagination .pagingOptions .l-columns-item {
  margin-right: 10px;
  padding: 3px 3px 0;
}

.sortForm {
  display: inline-block;
}

/* JJN 5.13.1 added this to fix bottom of summary page sort/recs box arrangement */
.searchPagination span {
  ppadding-right: 5px;
  font-weight: normal;
  font-size: 13px;
}

.parentRecData span {
  font-size: 14px;
}

/* Removed vertical-align:middle; */
.citationReportPage .searchPagination span#hitCount\.top,
  .sharedReferencesPage .searchPagination span#hitCount\.top,
  .citedRefListPage .searchPagination span#hitCount\.top {
  font-size: 19px;
}

/* JJN fixed count size */
.parentRecData {
  font-size: 14px;
}

/* JJN fixed parent text size affectd by above class */
/* JJN removed all .crParentInfo {padding-bottom: 60px; background-color:#f3f3f3; border-bottom: 1px solid #cccccc;margin-bottom:10px} */
.paging-nav {
  white-space: nowrap;
  padding: 4px 10px;
  display: none
}

.select2-custom-pagination .paging-nav {
  display: block
}

.paging-list-input {
  width: 50px;
  box-sizing: border-box;
  padding: 3px;
  font-size: 15px;
  font-family: "Source Sans Pro",  Georgia;
  font-style: italic;
  color: #a0a0a0;
  border-radius: 5px;
  border: 1px solid #b9b9b9;
  box-shadow: inset 0px 0px 7px 0 rgba(0, 0, 0, .15);
  background: #FFF
}

.goToPageNumber-input {
  padding: 5px 5px;
  margin-right: 5px;
  font-size: 14px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  color: #616161;
  border-radius: 5px;
  border: 1px solid #b9b9b9;
  box-shadow: inset 0px 0px 10px 0 rgba(0, 0, 0, .2);
}

/* Record match statement on bottom of Summary page */
.recordMatchBar {
  position: relative;
  text-align: center;
}

.recordMatchStatement {
  padding-bottom: 16px;
  text-align: left;
  padding-top: 13px;
  margin-left: 22px;
  font-family: "Source Sans Pro",  Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  color: #666;
  font-size: 13px;
}

/*-------- LAYOUT --------*/
.main-container {
  min-width: 980px
}

.l-body {
  position: relative;
  /* JJN removed zindex to fix 20032... Some risk here but it should be okay: z-index:1; */
  min-height: 500px;
}

/* -moz-box-shadow: 0px -5px 10px -6px #3F3F3F;-webkit-box-shadow: 0px -5px 10px -6px #3F3F3F;box-shadow: 0px -5px 10px -6px #3F3F3F; */
.l-main-content {
  position: relative;
  background-color: #eee;
}

.l-wrapper {
  display: table;
  width: 100%;
  border-top: 1px solid #d3d3d3;
}

.l-wrapper-row {
  display: table-row;
}

.l-column-content {
  display: table-cell;
  /* border-top: 1px solid #d3d3d3; */
  background-color: #f8f8f8;
  vertical-align: top
}

/* JJN Says: need to keep this border. used on many pages */
.l-column-sidebar {
  display: table-cell;
  min-width: 278px;
  max-width: 278px;
  width: 278px;
  border-right: 1px solid #bababa;
  background-color: #f1f1f1;
  vertical-align: top;
  border-bottom: none;
}

/* JJN broke out this from the style below */
.l-column-sidebar2 {
  background-color: #f1f1f1;
  vertical-align: top;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #bababa;
  border-right-color: #bababa;
  border-bottom-color: #bababa;
  border-left-color: #bababa;
  display: table-cell;
  min-width: 278px;
  max-width: 278px;
  width: 278px; /* JJN added to fix 20436 */
}

.l-content {
  padding: 20px 30px 3px;
  border-top: 1px solid #ccc;
}

.search-results-page .l-content {
  padding: 10px 20px 20px
}

.l-content .l-content-wraper {
  max-width: 870px;
  margin: 0 auto
}

.l-block {
  margin: 0 0 10px
}

.l-column-sidebar .l-block {
  margin: 0 32px 10px
}

.l-columns {

}

.l-columns .icon-data1 {
  margin: 0 8px 0 2px
}

.l-columns .icon-data2 {
  margin: 0 5px 0 0
}

.l-columns-item {
  display: inline-block;
  vertical-align: middle; /* margin-right:15px; */
  *display: inline;
  /* JJN 5.13.1 ADDED : */
  /* white-space: nowrap; */
  /*   width: 350px; */
}

/* JJN tweakded margin-right to nothing */
.l-2columns {
  position: relative;
}

.l-2columns-first {

}

.l-2columns-last {
  position: absolute;
  right: 0;
  top: 0
}

.l-columns-item-brl {
  display: inline-block;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 3px 20px 3px 15px;
  margin-left: 20px;
  margin-right: 20px;
}

/* JJN tweaked  and padding left to 15 */
.l-columns-item-en {
  display: inline-block;
  vertical-align: middle;
}

/* JJN added to fix FR icons with Helen */
.l-columns-item-en .endNoteIcon {
  padding: 0px 5px;
  cursor: pointer;
}

/* JJN added to fix FR icons with Helen */
.l-columns-item-ml {
  display: inline-block;
  padding: 3px 0 3px 10px;
}

/* JJN added to fix FR icons with Helen */
.l-columns-item .button4 {
  margin-left: 7px;
}

/*-------- END LAYOUT --------*/
.title {
  font-size: 21px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  margin-top: 2px;
  margin-right: 22px;
  margin-bottom: 12px;
  margin-left: 22px;
}

.title2 {
  height: 60px;
  line-height: 60px;
  padding-left: 20px;
  font-size: 19px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 4px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #d3d3d3;
  border-bottom-color: #d3d3d3;
  border-left-color: #4B749B;
  border-right-width: 1px;
  border-right-style: none;
  border-right-color: #d3d3d3;
}

.l-column-sidebar2 .title2 {
  margin-top: -1px;
  margin-bottom: -1px;
  /* JJN added margin to clean up double line at top of FR sidebar*/
}

.l-column-sidebar .title2 {
  padding-left: 27px;
}

.title3 {
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  margin: 4px 0;
  font-size: 16px;
  font-weight: bold;
}

.title4 {
  font-size: 19px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  /* margin-bottom: 15px; JJN REMOVED */
}

.title4_query {
  font-size: 15px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
}

.fromSiloResults { /* JJN added for "from" text in results query */
  font-family: "Source Sans Pro",  Georgia, "Times New Roman", Times, serif;
  color: #333;
  font-size: 15px;
  font-style: italic;
}

.title5 {
  font-size: 14px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  padding-top: 5px;
  /* JJN removed per 19389: text-transform: uppercase; */
}

.title5-timespan {
  font-size: 15px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  padding-top: 5px;
  text-transform: uppercase;
}

.title5-show {
  font-size: 14px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  /* JJN removed per 19389: text-transform: uppercase; */
}

.title-layout {
  margin-bottom: 25px
}

.title-layout .title {
  margin-bottom: 5px
}

.block-record-info {
  margin-left: 22px;
  margin-right: 22px;
  margin-bottom: 22px;
  line-height: 20px;
  font-size: 14px;
}

/* JJN: controls line spaceing on Source fields */
.block-record-info-source .FR_field {
  line-height: 18px;
  margin-bottom: 2px;
}

.block-record-info .FR_field>sup {
  white-space: nowrap;
}

/* JJN added to fix superscript author number string on FR from breaking at end of line */
.block-record-info DT, .block-record-info DD {
  display: inline-block;
  *display: inline;
}

.block-record-info DT {
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  margin-right: 5px;
  font-weight: bold;
}

.sourceSubLabel {
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  margin-right: 5px;
  margin-left: 10px;
  font-weight: bold;
}

.authorLabel {
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  margin-right: 5px;
  font-weight: bold;
}

.TCcountFR {
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
}

/* JJN Added margin-bottom to pull Refine and FR sidebars headings (with orange left edge) together 1px to remove double border */
.l-column-sidebar .block-text {
  padding-left: 32px;
  background-color: #F8F8F8;
  margin-bottom: -1px;
}

/* JJN changed next last padding to 15 on Nina's request */
.block-text {
  padding: 24px 24px 15px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #d3d3d3;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #d3d3d3;
  font-size: 14px;
}

.l-column-sidebar2 .block-text {
  border-bottom: none; /* fix double border on full record side panel*/
}

.block-text2 {
  background-color: #dedede
}

/* scorecard in CA page */
.l-column-sidebar .block-text-title {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 4px;
  margin-top: 15px;
  /*JJN added to fix CA scorecard in sidebar from being too close to text above it*/
}

.l-column-sidebar .block-text-content-scorecard {
  padding-bottom: 1px;
}

.l-column-sidebar .block-text-content-scorecard p {
  font-size: 12px;
  padding-top: 2px;
  padding-bottom: 1px;
}

.l-column-sidebar .block-text-content-scorecard p span {

}

.l-column-sidebar .block-text-content-scorecard p.viewScorecard {
  font-size: 13px;
  font-weight: 600;
  margin-top: 6px;
}

/*end scorecard in CA page */
.block-text-title {
  font-size: 14px !important;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: 600;
  margin-bottom: 6px;
}

.block-text .l-block {
  margin-top: 25px
}

.block-text .l-block:first-child {
  margin-top: 0
}

.block-text-content .text-bold {
  font-weight: bold;
}

.block-text-content li {
  margin-top: 14px;
}

.block-text-content li:first-child {
  margin-top: 0;
}

.block-text-content p:first-child {
  padding-top: 0;
}

.block-text-content p {
  padding: 3px 0;
  border: 3px solid transparent;
}

/* JJN removed this:  .block-text-content p img {vertical-align: -6%;} */
.block-text-content-scorecard {
  padding-bottom: 1px;
}

.block-text-content-scorecard p {
  padding: 1px 1px;
  border: 3px solid transparent;
  color: #4B749B;
}

.block-text-content-CitedRefCount {
  padding-bottom: 1px;
  font-size: 12px;
}

.block-text-content-thisRecord {
  padding-bottom: 10px;
  font-weight: bold;
}

.block-text-content-thisRecord p {
  padding-bottom: 1px;
}

.block-text-content-thisRecord ul {
  font-weight: normal;
}

.block-text-content-additional {
  padding-bottom: 1px;
}

.block-text-content-additional p {
  padding-bottom: 5px;
  font-weight: bold;
}

.viewOtherSubHead {
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
}

UL.viewOtherList LI {
  margin-bottom: 7px;
}

.dataFromSiloFRside {
  font-family: "Source Sans Pro", Georgia, serif;
  font-size: 12px;
  color: #666666;
  font-style: italic;
  padding-top: 5px;
}

.block-text-content p.ViewCitationMap {
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 2px;
}

.block-text-content div.ChromePop {
  background: #FFFFFF;
  text-align: center;
  vertical-align: middle;
  position: relative;
  margin: 5px 5px 8px 5px;
  padding: 5px 5px 15px 5px;
  width: 240px;
  left: -15px;
  line-height: 18px;
  box-shadow: 5px 5px 5px #bababa;
}

.block-text-content div.Chrome_text img {
  position: relative;
  padding-right: 3px;
  vertical-align: middle;
}

.block-text-content div.Chrome_text {
  padding-top: 0px;
  line-height: 18px;
}

.block-text-content div.ChromeX_link {
  font-weight: bold;
  font-size: 12px;
  line-height: 10px;
  text-align: right;
  text-decoration: none;
  padding: 5px;
}

.block-text-content div.ChromeX_link a:hover, .block-text-content div.ChromeX_link a
  {
  text-decoration: none;
  color: #a0968c;
}

.block-text-content div.Chrome_help {
  padding-top: 5px;
}

.block-text-content p.CreateCitationAlert {
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
}

/* JJN added padding top */
.CreateCitationAlert img, .ViewCitationMap img {
  padding-right: 4px;
  padding-bottom: 3px;
  vertical-align: middle;
}

/* JJN updated to fix spacing on these FR sidebar icons */
#createAlertRSS>img { /* JJN added to properly place alert icon */
  padding-bottom: 3px;
  vertical-align: middle;
}

.MostRecentCitationViewAll {

}

.thisRecordLabel {
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
}

.thisRecordSilo {
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
}

.viewRecordInLabel {
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
}

.sourceTitle {
  font-weight: bold;
  margin: 0px;
}

/* JJN added the next 2 styles to format the source field string (in which multiple fields are listed on one line) */
.block-record-info-source-values p.FR_field {
  display: inline-block;
}

.block-record-info-source-values p.FR_field value {
  margin-right: 5px;
}

.block-record-info .show-address, .block-record-info .hide-address {
  padding-left: 18px;
}

.block-record-info .full-address {
  padding: 7px 0 5px;
}

.block-record-info .full-address i {
  cursor: pointer;
  margin: 1px 0 0 -18px;
  float: left;
  width: 13px;
  height: 13px;
}

.block-record-info .full-address dl {
  font-size: 13px;
}

.block-record-info .show-address dl {
  display: inline-block;
}

.block-record-info .hide-address dl {
  display: none;
}

.block-record-info dl ul {
  padding: 10px 0;
}

/* Updated all "FR_table_borders" styles to account for DII records which have a different field display structure and old tables. */
#FullRecDataTable table.FR_table_borders, .block-record-info table.FR_table_borders
  {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 12px; /* JJN removed: width: 100%;*/
  outline: 1px solid #bababa;
  border-collapse: collapse;
  background: #fff;
  min-width: 40%;
}

/*JJN added bg color white and min-width to ensure that mulitple narrow tables aren't so ragged right (a Nina requests) */
#FullRecDataTable table.FR_table_noborders, .block-record-info table.FR_table_noborders
  {
  width: 100%
}

#FullRecDataTable table.FR_table_noborders .fr_address_row2:last-child,
  .block-record-info table.FR_table_noborders .fr_address_row2:last-child
  {
  width: 100%
}

/* JJN added to fix "plus" spacing in FR address tables. */
img.showIcon:hover {
  cursor: pointer
}

#FullRecDataTable table.FR_table_borders th, .block-record-info table.FR_table_borders th
  {
  vertical-align: middle;
  padding: 9px 10px 9px 9px; /* width: 17%; */
  background: #f3f3f3;
  text-align: left;
  font-weight: bold;
}

/* JJN: Not sure why we needed this  .block-record-info table.FR_table_borders th {width: 40%;} */
/* JJN: Not sure why we needed this  .block-record-info table.FR_table_borders th:first-child {width: 20%;} */
#FullRecDataTable table.FR_table_borders td, .block-record-info table.FR_table_borders td
  {
  vertical-align: middle;
}

#FullRecDataTable table td, .block-record-info table td {
  padding: 5px;
  /* JJN changed from 9 to 5 to tighten up data tables a bit */
  vertical-align: top;
}

#FullRecDataTable table.FR_table_borders th, #FullRecDataTable table.FR_table_borders td,
  .block-record-info table.FR_table_borders th, .block-record-info table.FR_table_borders td
  {
  border: 1px solid #D9D9D9;
}

/* changed to lighten the inner table borders (partial fix for 19065) */
#FullRecDataTable table td.fr_dataTable_head, .block-record-info table td.fr_dataTable_head
  {
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  text-align: left;
}

#FullRecDataTable table.FR_table_borders td {
  background: #fff;
}

/* changed to match table border color (partial fix for 19065) */

/*changes*/
.page-options-inner { /* padding: 20px; */
  background-color: #F8F8F8;
}

/* JJN this is backup of above, which I changed so the output bar don't overlap
.page-options-inner {position:relative;margin-bottom:12px;15px 10px 40px 20px; background-color: #F8F8F8;} */
/* JJN added this next for so the output bar left and right sides don't overlap */
.page-options-inner-left {
  float: left;
}

.page-options-inner-bottom {
  margin-bottom: 0;
}

.options-inner {
  display: inline-block;
  border-left: 1px solid #d9d9d9;
  padding: 0 20px;
  height: 30px;
  line-height: 27px;
  vertical-align: top;
}

/* JJN: This next style controls Select All checkbox on summary */
.options-inner:first-child {
  border-left: none;
  padding-left: 0;
  line-height: 30px;
}

.options-inner input[type="checkbox"] {
  margin-right: 5px;
  vertical-align: middle;
}

.options-inner label {
  vertical-align: middle;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
}

.options-inner .icon-print {
  margin-right: 15px;
}

.options-inner .button4 {
  margin-left: 7px;
}

/* JJN addition via AJB on 5/31 */
.citationReportPage .page-options-inner-bottom {
  background-color: #fff;
  padding: 15px 0 0 6px;
}

/* JJN says this is text-based marked list button (currenlty used on full records) */
/* .options-inner .addToMarkedListButton input.addToMarkedList { padding-top: 3px; } JJN says this is image-baesd marked list button (currently used on summaries) */
.create-cite-report {
  float: right;
  padding-top: 6px;
  vertical-align: middle;
  /* JJN: Removed these -- float right will force this not to overlap with output buttons: position:absolute; right:0;top:6px;*/
}

.create-cite-report a>b {
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 15px;
}

.ie8-options-inner {
  padding: 0 10px;
}

.ie8-options-inner .icon-print {
  margin-right: 8px
}

/*-------- CUSTOM CONTROLS --------*/
/*-- buttons --*/
.borderless-button {
  border: 0 solid transparent !important;
  outline: none;
  background: transparent !important;
  cursor: pointer;
}

.borderless-button:focus {
  box-shadow: 0 0 4px 2px #23799E;
  -webkit-box-shadow: 0 0 4px 2px #23799E;
  -moz-box-shadow: 0 0 4px 2px #23799E;
  outline: 0 solid #f8f8f8 !important;
}

.borderless-button-nav {
  border: 0 solid transparent !important;
  outline: none;
  background: transparent !important;
  cursor: pointer;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  color:#005a84;
  font-size:16px;
  padding: 0 11px;
  height: 23px;
  line-height: 23px;
  margin:15px 0 0 10px;
  
}

.borderless-button-nav:focus {
  box-shadow: 0 0 4px 2px #23799E;
  -webkit-box-shadow: 0 0 4px 2px #23799E;
  -moz-box-shadow: 0 0 4px 2px #23799E;
  outline: 0 solid #f8f8f8 !important;
}

.borderless-button:disabled {
  cursor: default;
}

.borderless-button:disabled i {
  color: #D5D2D2;
  cursor: default;
}

.button-link {
  color: #005a84;
  cursor: pointer;
  text-align: left;
}
.button-subnav-link {
  color: #005a84;
  cursor: pointer;
  text-align: left;
}

.button-link:hover {
  text-decoration: underline;
}

.button1, .button2, .button3, .button4 {
  display: inline-block;
  font-size: 14px !important;
  font-style: normal;
  cursor: pointer;
  color: #333;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  padding: 0 11px;
  height: 23px;
  line-height: 23px;
  border: 1px solid #b9b9b9;
  background-color: #f9f9f9;
  background: -moz-linear-gradient(top, #fff, #f3f3f3);
  background: -webkit-linear-gradient(top, #fff 0%, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #fff, #f3f3f3);
  background: linear-gradient(top, #fff, #f3f3f3);
  vertical-align: middle;
  border-radius: 4px;
}

.button1:disabled, .button2:disabled, .button3:disabled, .button4:disabled
  {
  opacity: 0.5;
  pointer-events: none;
}

.button2 {
  color: #005a84;
}

.button-active {
  color: #FFF
}

.button3 {
  font-size: 16px;
  height: 35px;
  line-height: 35px;
  color: #005a84
}

.button4 {
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif !Important;
  background-color: #f3f3f3;
  background: -moz-linear-gradient(top, #f9f9f9, #ededed);
  background: -webkit-linear-gradient(top, #f9f9f9 0%, #ededed 100%);
  background: -ms-linear-gradient(top, #f9f9f9, #ededed);
  background: linear-gradient(top, #f9f9f9, #ededed);
  font-weight: 600;
  font-size: 14px !important;
}

.button-submit {
  height: 25px;
  line-height: 20px;
}

.refinespinner {
  position: absolute;
  right: 5px;
  top: 3px;
}

.button3Running {
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  cursor: pointer;
  color: #333;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  padding: 0 11px;
  height: 23px;
  line-height: 23px;
  border: 1px solid #b9b9b9;
  background-color: #f9f9f9;
  background: -moz-linear-gradient(top, #fff, #f3f3f3);
  background: -webkit-linear-gradient(top, #fff 0%, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #fff, #f3f3f3);
  background: linear-gradient(top, #fff, #f3f3f3);
  vertical-align: middle;
}

.button3Running {
  font-size: 16px;
  height: 35px;
  line-height: 35px;
  color: #005a84
}

.refine-item .button3Running {
  position: absolute;
  bottom: -1px;
  right: -1px;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
}

.ra-data-overlay-link {
 padding: 0 10px 10px 0;
}

/* button5 was "search" button, but I replaced it with a graphic so no styling needed. the button5 class is still used to hide/show the button when you add a row */
.button5 {
  /*display:inline-block;font-size: 16px;font-style:normal;font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;cursor:pointer;color:#FFF;font-wexight:bold;padding:0 20px;height:37px;line-height:37px;background-color:#006ea1;background: -moz-linear-gradient(top, #0083bf, #005b85);background:-webkit-linear-gradient(top, #0083bf 0%,#005b85 100%);background: -ms-linear-gradient(top, #0083bf, #005b85);background: linear-gradient(top, #0083bf, #005b85);vertical-align:middle; */

}

.button5 a {
  color: #fff;
  text-decoration: none;
}

/* JJN added next line to ensure text-based buttons would not get underline on hover */
a.button1:hover, a.button2:hover, a.button3:hover, a.button4:hover, a.button5:hover,
  a.button6:hover, a.button7:hover, a.button8:hover, a.button9:hover {
  text-decoration: none;
}

.button1 a:hover, .button2 a:hover, .button3 a:hover, .button4 a:hover,
  .button5 a:hover, .button6 a:hover, .button7 a:hover, .button8 a:hover,
  .button9 a:hover {
  text-decoration: none;
}

.button6 a:hover {
  color: #fff
}

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

.GOOGLESCHOLAR_link {
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  cursor: pointer;
  color: #005A84;
  font-weight: bold;
  padding: 0 11px 0 30px;
  height: 23px;
  line-height: 23px;
  vertical-align: middle;
  background-image: url(../images/gs_icon.png);
  background-repeat: no-repeat;
  background-position: 10px 3px;
}

.button6, .button7 {
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  cursor: pointer;
  color: #FFF;
  font-weight: bold;
  padding: 0 11px;
  height: 23px;
  line-height: 23px;
  background-color: #006ea1;
  background: -moz-linear-gradient(top, #0083bf, #005b85);
  background: -webkit-linear-gradient(top, #0083bf 0%, #005b85 100%);
  background: -ms-linear-gradient(top, #0083bf, #005b85);
  background: linear-gradient(top, #0083bf, #005b85);
  vertical-align: middle;
}

/* Cindy: button8 is for setting a max size for the customer-supplied OpenURL buttons such as SFX, but no visible border will be added around the images */
.button8 {
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  cursor: pointer;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  padding: 0px;
  margin-top: 5px;
  background-color: #f9f9f9;
  background: -moz-linear-gradient(top, #fff, #f3f3f3);
  background: -webkit-linear-gradient(top, #fff 0%, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #fff, #f3f3f3);
  background: linear-gradient(top, #fff, #f3f3f3);
  max-height: 23px;
  max-width: 185px;
  vertical-align: middle;
}

.NEWfullRecord .button8 {
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  cursor: pointer;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  padding: 0 11px;
  margin-top: 5px;
  height: 23px;
  line-height: 23px;
  border: 1px solid #b9b9b9;
  background-color: #f9f9f9;
  background: -moz-linear-gradient(top, #fff, #f3f3f3);
  background: -webkit-linear-gradient(top, #fff 0%, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #fff, #f3f3f3);
  background: linear-gradient(top, #fff, #f3f3f3);
  vertical-align: middle;
}

.NEWfullRecord .button8-openurl {
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  cursor: pointer;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  padding: 0px;
  margin-top: 5px;
  background-color: #f9f9f9;
  background: -moz-linear-gradient(top, #fff, #f3f3f3);
  background: -webkit-linear-gradient(top, #fff 0%, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #fff, #f3f3f3);
  background: linear-gradient(top, #fff, #f3f3f3);
  max-height: 23px;
  max-width: 185px;
  vertical-align: middle;
}

.NEWfullRecord .fr_data_row .button8 {
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  cursor: pointer;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  padding: 0;
  margin-top: 0px;
  height: 23px;
  line-height: 23px;
  border: none;
}

/*-- Cindy: button9 is for adding padding above the CSS-generated buttons on Summary/Full Record pages (for Full Text and View/Hide Abstract buttons) --*/
.button9 {
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  cursor: pointer;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  padding: 0 11px;
  margin-top: 5px;
  height: 23px;
  line-height: 23px;
  border: 1px solid #b9b9b9;
  background-color: #f9f9f9;
  background: -moz-linear-gradient(top, #fff, #f3f3f3);
  background: -webkit-linear-gradient(top, #fff 0%, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #fff, #f3f3f3);
  background: linear-gradient(top, #fff, #f3f3f3);
  vertical-align: middle;
}

/*-- select --*/
.j-custom-select a span {
  font-size: 14px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  color: #333;
  padding: 0;
}

.select2-container .select2-choice div {
  background: url(../images/icons.png) no-repeat 4px -122px;
  padding-left: 4px;
  border-left: 1px solid #ccc;
}

.select2-dropdown-open .select2-choice div {
  background: url(../images/icons.png) no-repeat 4px -122px;
}

.select2-drop-mask {
  position: fixed;
}

.select2-container .select2-arrow b {
  position: absolute;
  right: 0;
  top: 0;
  width: 18px;
  height: 100%;
  padding-left: 4px;
  border-left: 1px solid #ccc;
}

.select2-container .select2-arrow b:after {
  content: "";
  display: block;
  width: 15px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -4px;
  margin-left: -8px;
  background: url(../images/icons.png) no-repeat 1px -131px;
}

/*-- dropdown --*/
.select-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

.select-choice {
  font-size: 14px;
  display: block;
  height: 23px !important;
  padding: 0 0 0 8px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  overflow: hidden;
  position: relative;
  border: 1px solid #aaa;
  white-space: nowrap;
  line-height: 23px;
  background-color: #fff;
  background: -moz-linear-gradient(top, #f9f9f9, #ededed);
  background: -webkit-linear-gradient(top, #f9f9f9 0%, #ededed 100%);
  background: -ms-linear-gradient(top, #f9f9f9, #ededed);
  background: linear-gradient(top, #f9f9f9, #ededed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
    endColorstr='#eeeeee', GradientType=0);
}

.select-choice a {
  display: inline-block;
  margin-right: 30px;
  color: #333;
  text-decoration: none;
}

.select-container .icon-arrow2 {
  width: 18px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 0;
  background: url(../images/icons.png) no-repeat 4px -122px;
  padding-left: 4px;
  border-left: 1px solid #ccc;
  cursor: pointer
}

.select-dropdown {
  display: none;
  min-width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #f6f6f6;
  color: #000;
  border: 1px solid #aaa;
  -webkit-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);
  -moz-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);
  box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.select-container-show .select-dropdown {
  display: block
}

.select-dropdown-item {
  white-space: nowrap;
  padding: 0 7px;
  cursor: pointer;
  line-height: 1.7
}

.select-dropdown-item:hover {
  color: #fff;
  background: #ff9100;
  background: -moz-linear-gradient(top, #ff9100, #ff8100);
  background: -webkit-linear-gradient(top, #ff9100 0%, #ff8100 100%);
  background: -ms-linear-gradient(top, #ff9100, #ff8100);
  background: linear-gradient(top, #ff9100, #ff8100);
}

/*-------- END CUSTOM CONTROLS --------*/
.options-inner .select2-container .select2-choice {
  width: 180px;
}

/* .select2-drop-active {width: auto !important;} */

/*-------- ICONS --------*/
.icon-arrow3, .icon-addmarket, .icon-print, .icon-mail, .icon-data1,
  .icon-data1-overlay, .icon-data2-overlay, .icon-data2, .icon-arrow,
  .icon-clear, .icon-dd-active-breadcrumb, .icon-dd-active-block-search,
  .icon-close, .icon-cite-report {
  display: inline-block;
  background: url(../images/icons.png) no-repeat 0 0;
  vertical-align: middle;
  *zoom: 1
}

.icon-addmarket {
  width: 18px;
  height: 19px;
  background-position: 0 -95px;
}

.icon-print {
  height: 18px;
  width: 17px;
  background-position: 0 -157px;
}

.icon-mail {
  margin-top: -2px;
  height: 18px;
  width: 22px;
  background-position: 0 -192px;
}

.icon-data1 {
  width: 13px;
  height: 19px;
  background-position: -20px -96px;
  margin-right: 10px;
}

.icon-data2 {
  width: 19px;
  height: 19px;
  background-position: -35px -96px;
  margin-right: 10px;
}

.icon-data1-overlay {
  margin: 0px 6px 0px 6px;
  width: 13px;
  height: 19px;
  background-position: -20px -96px
}

.icon-data2-overlay {
  margin: 0px 6px 0px 6px;
  width: 19px;
  height: 19px;
  background-position: -35px -96px
}

/* this next one is to make arrowheads in top banner (nav-links) white and pointing down all the time - on hover it uses the same attributes */
.nav-link .icon-arrow {
  display: inline-block;
  border-width: 5px;
  border-style: solid;
  background: none;
  margin: 3px -2px -1px 2px;
  border-color: #fff transparent transparent transparent;
  pointer-events: none;
}

/* JJN attempt arrow fix not worked: a#signin {display:inline-block;height:15px; width:auto; border-width:0px;border-style:none;border-color: transparent;background:url(../images/arrow_down.gif)}*/
.icon-arrow {
  display: inline-block;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #4B7498 transparent transparent;
  background: none;
  margin-top: 1px;
}

.icon-id {
  background: url(../images/icons.png) no-repeat 4px -245px;
}

.icon-citation-alerts {
  background: url(../images/icons.png) no-repeat -37px -241px;
}

.icon-journal-lists {
  background: url(../images/icons.png) no-repeat 4px -274px;
}

.icon-saved-searches {
  background: url(../images/icons.png) no-repeat -37px -274px;
}

.icon-my-settings {
  background: url(../images/icons.png) no-repeat 4px -305px;
}

.icon-register {
  background: url(../images/icons.png) no-repeat 4px -274px;
}

.icon-sign-out {
  background: url(../images/icons.png) no-repeat 9px -337px;
}

.icon-number-messages {
  display: inline-block;
  padding: 5px 6px 4px 5px;
  background: #4B749B;
  color: #fff;
  line-height: 10px;
  margin: 0 0 0 10px;
}

.icon-scholar {
  display: inline-block;
  vertical-align: middle;
  width: 216px;
  height: 17px;
  background: url(../images/scholar-link.png) no-repeat;
}

.icon-address-show {
  background: url(../images/icons.png) no-repeat 0 -366px;
}

.icon-address-hide {
  background: url(../images/icons.png) no-repeat 0 -382px;
}

.icon-close {
  position: absolute;
  width: 25px;
  height: 25px;
  background-position: -40px -307px;
  right: 30px;
  top: 20px;
  cursor: pointer;
}

.icon-close:hover {
  background-position: -40px -332px;
}

.icon-clear {
  position: absolute;
  width: 18px;
  height: 18px;
  background-position: -24px -195px;
  right: 10px;
  top: 9px;
  cursor: pointer;
}

.icon-clearnew {
  position: absolute;
  font-size: 1.5em !important;
  right: 5px;
  top: 9px;
  padding: 0 0.2em;
  line-height: 1em;
  cursor: pointer;
  color: #AAAAAA;
}

.icon-clearnew:focus {
  box-shadow: 0 0 4px 2px #23799E;
  -webkit-box-shadow: 0 0 4px 2px #23799E;
  -moz-box-shadow: 0 0 4px 2px #23799E;
  outline: none;
}

.icon-dd-active-breadcrumb {
  width: 22px;
  height: 21px;
  background-position: -28px -364px;
  margin: -7px -7px 0 0;
  cursor: pointer;
  z-index: 3;
  position: relative;
}

.icon-dd-active-block-search {
  width: 22px;
  height: 21px;
  background-position: -28px -364px;
  margin: -4px -7px 0 0;
  cursor: pointer;
  z-index: 3;
  position: relative;
  border: 1px solid transparent;
  /* margin-top:1px; */
  border: solid 1px #bdbdbd;
  background-color: #0083bf;
  color: #fff;
  background-image: url(../images/icons.png) no-repeat -28px -364px;
  background: url(../images/icons.png) no-repeat -28px -364px,
    -moz-linear-gradient(top, #0083bf, #005b85);
  background: url(../images/icons.png) no-repeat -28px -364px,
    -webkit-linear-gradient(top, #0083bf 0%, #005b85 100%);
  background: url(../images/icons.png) no-repeat -28px -364px,
    -ms-linear-gradient(top, #0083bf, #005b85);
  background: url(../images/icons.png) no-repeat -28px -364px,
    linear-gradient(top, #0083bf, #005b85);
}

.icon-arrow3 {
  width: 19px;
  height: 14px;
  background-position: -46px -414px;
  margin: -7px 7px 0 0
}

.icon-cite-report {
  width: 17px;
  height: 17px;
  background-position: 0 -404px;
  margin-right: 5px;
}

.supsm {
  font-size: 7px;
}

/*-------- END ICONS --------*/

/*-------- SEARCH --------*/
.block-search-mini {
  position: relative;
  padding: 25px 32px;
  /* JJN Remove this doubled-up border - border-top:1px solid #d3d3d3 */
}

/* JJN: Added margin-right to give space between SWS input and button */
.block-search-input {
  width: 190px;
  margin-right: 27px;
  padding: 5px 12px;
  font-size: 14px;
  font-family: "Source Sans Pro", Georgia;
  font-style: italic;
  color: #666;
  border-radius: 5px;
  border: 1px solid #b9b9b9;
  box-shadow: inset 0px 0px 10px 0 rgba(0, 0, 0, .2);
}

.block-search-submit {
  position: absolute;
  text-indent: -10000em;
  right: 0;
  top: 22px;
  display: inline-block;
  width: 39px;
  height: 38px;
  border: 0;
  background: url(../images/icons.png) no-repeat -25px -157px;
  cursor: pointer
}

/*-------- END SEARCH --------*/

/*-------- PARENT INFO TOP --------*/
.parent-info-top {
  padding-top: 15px;
  padding-right: 32px;
  padding-bottom: 10px;
  padding-left: 32px;
}

.parent-info-top .title4 {
  margin-bottom: 10px;
  display: inline-block;
}

.parent-info-top .Tab1, .parent-info-top .Tab2 {
  margin-bottom: 10px;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
}

.parent-info-top .Tab2 {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #999;
  padding-left: 10px;
}

.parent-info-top .activeTab {

}

.parent-info-top .title4_query {
  display: inline-block;
  font-size: 13px;
}

.parent-info-query {
  margin-bottom: 10px;
  font-size: 13px;
}

/*-------- END PARENT INFO TOP --------*/

/*-------- REFINE PANEL --------*/
.refine-list {
  margin-bottom: 25px;
  border-bottom: 1px solid #d3d3d3
}

.refine-item {
  border-top: 1px solid #d3d3d3
}

.refine-title {
  position: relative;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 15px;
  /* cursor:pointer; JJN removed because entire H4 is not clickable in refine headings */
  padding-top: 16px;
  padding-right: 32px;
  padding-bottom: 16px;
  padding-left: 32px;
}

.refine-title .icon-arrow {
  display: inline-block;
  position: absolute;
  right: 22px;
  top: 20px;
  border-width: 7px;
  border-style: solid;
  border-color: transparent #005a84 transparent transparent;
  background-color: transparent
}

.refine-content {
  display: none;
  padding: 0 25px 35px 32px;
  font-size: 14px;
}

.refine-content.Filter .refine-subitem-list {
  margin-bottom: 0px !important;
}

.refine-item .button3 {
  position: absolute;
  bottom: 2px;
  right: 1px;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
}

/* JJN: Changed border color below to match closed refine items */
.refine-item-open {
  position: relative;
  border-top-color: #D3D3D3;
  border-bottom: 1px solid #D3D3D3;
  margin-bottom: -1px;
  background-color: #e6e6e6
}

.refine-item-open .refine-title .icon-arrow {
  right: 19px;
  top: 21px;
  border-color: #005a84 transparent transparent transparent;
}

.refine-item-open .refine-content {
  display: block;
}

/* JJN: Added to address refine more (to indicate which field is open in the more panel */
.refine-item-active .refine-title .icon-arrow {
  display: none;
}

.refine-item-active {
  background-color: #E6E6E6;
  background-image: url(../images/refineActiveArrow.gif);
  background-repeat: no-repeat;
  background-position: right center;
  border-right: none;
  margin-right: -1px;
}

.refine-item-active .refine-title a, .refine-item-active .refine-title:hover,
  .refine-item-active .refine-title a:hover {
  color: #333;
  text-decoration: none;
  cursor: default;
}

/* JJN added to fix active refine more sidebar entry */
.refine-subitem-list {
  margin-bottom: 15px;
}

.refine-subitem {
  margin: 0 0 5px;
}

.refine-subitem-title {
  font-size: 13px;
  position: relative;
  display: inline-block;
  padding-left: 25px;
}

.refine-subitem-title INPUT {
  position: absolute;
  left: 0;
  top: 2px;
}

.refine-item refine-item-open.Filter {
  border-top: none !important;
  border-bottom: none !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

.refine-item.Filter {
  border: none !important;
}

.refine-content.Filter {
  padding-bottom: 0px !important;
}

.refine-item.refine-item-open.FilterButton {
  height: 30px;
  border-top: 0px !important;
  padding-top: 10px;
}

.refine-more {
  margin: 0 32px 25px
}

.refine-more p {
  font-size: 14px;
  margin-bottom: 10px;
  font-family: "Source Sans Pro", Georgia
}

.refine-learnmore {
  font-size: 13px;
  padding:10px 0 5px 0;
}

/* Fix for WOSVX-10415: ESI Icons remain in proper position even with long filter label string.
   Fix for WOSVX-10470: OA Icons remain in proper position even with long filter label string.
   Fix for WOSVX-10614: OA Icons now have proper focus box.

   TODO: Make into 4 separate classes and refer to those instead.
*/

.Filter .refine-subitem, #OpenAccess .refine-subitem {
  margin-bottom: 0px;
  padding: 5px;
}

.ra-summary-item-with-icon {
  display: flex;
  margin-right: 2px;
  padding-left: 0px;
  align-items: center;
}

.ra-summary-item-with-icon input {
    position: relative !important;
    margin-right: 7px;
    top: 0;
}

.ra-summary-icon {
    display: block;
    padding: 2px;
    border-radius:  2px;
    margin-right: 2px;
    margin-bottom: 0px;
    width: 21px;
    text-align: center;
}

.ra-summary-icon i{
  margin: 0px;
}

.ra-summary-item-with-icon .ra-summary-text{
    display:flex;
    align-items: center;
    margin-left: 5px;
}

#OpenAccess_tr .refine-subitem-list {
    margin-bottom: 5px !important;
}

/* End Fix */

/* Changes for WOSVX-9024 */
.associated-data-icon, .associated-data-filter-icon {
    font-size: 110%;
    /*color: #45B7E7;*/
    color: #0067C2;
}

.associated-data-overlay .journal_overlay_close, #AssociatedDataFilter_YES .journal_overlay_close{
    margin-top: -4px !important;
}

.associated-data-overlay-header {
    font-size: 15px;
}

.associated-data-overlay-header i{
    margin-right: 5px;
}

.associated-data-overlay-header span{
    font-weight: 700;
}

.associated-data-overlay-body {
    padding-top: 15px;
}

.associated-data-overlay-link {
    font-weight: bold; 
    text-align: right; 
    padding-top:9px; 
    padding-bottom: 13px;
}

.associated-data-overlay-link a{
    padding:2px; 
    margin-left: -2px; 
    border-radius: 2px;
}

.associated-data-filter-icon {
    font-size: 18px;
}

.badge-bar-records {
    margin-top: -8px;
    margin-bottom: 6px;
}

.badge-bar-references {
    margin-top: 2px;
    margin-bottom: 4px;
}

.badge-bar-full-record {
    margin-left: 21px;
    margin-top: -8px;
    margin-bottom: 2px;
}

.summary-record-badge {
    padding: 3px 5.5px;
    margin-right: 3px;
    font-size:  13.2px;
    font-weight:  bold;
    text-decoration: none !important;
}

.summary-record-badge-icon {
    margin-right: 3px;
}

.summary-record-badge-label {
    font-size:  inherit;
}

.associated-data-badge {    
    color:#0067C2;
    background-color:#CEEAFF;
}

/* End changes */

.l-columns-criteria p {
  position: relative;
  font-size: 13px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  margin-bottom: 10px;
  margin-top: 15px;
}

.l-columns-criteria p strong {
  font-weight: bold;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
}

.l-columns-criteria div.paragraph em {
  word-break: normal !important;
  /* JJN added this to override the hard-coded style because it breaks in IE. See bug 19403 */
}

/*
.l-columns-criteria  p span {color:#666;font-weight:normal;font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;font-style:italic;padding:0 3px;}
*/
.l-columns-criteria p a {
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
}

/*
.l-columns-criteria  p a span {font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;   font-weight: bold;
color: #005a84;font-style:normal;font-size: 10px;}
*/
/*
.l-columns-criteria  p a.more-link:before {content:"...";}
*/
.more-link {
  font-weight: bold;
}

.l-columns-item-context {
  font-style: italic;
  /* font-family:"Source Sans Pro", Georgia; JJN Removed to make DYM Arial*/
  margin-top: 15px; /* JJN changed from zero to padd DYM top */
  margin-right: 0;
  margin-bottom: 15px;
  margin-left: 0;
}

.l-columns-item-context a, .l-columns-criteria-links a {
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
}

.l-columns-item-context-serif, .l-columns-item-context-serif a {
  font-family: "Source Sans Pro", Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 13px;
  /* JJN added italic and 12px to update "approximate" statement in hit count box */
}

.l-columns-criteria-links a span {
  font-size: 12px;
}

#go_to_daisy_set_summary_top_box .l-columns-item-context-serif,
  #go_to_daisy_set_summary_top_box .l-columns-item-context-serif a {
  font-size: 14px;
}

/* JJN added to make DAIS link in summary query box correct size */
/*-------- END REFINE PANEL --------*/

/*-------- SEARCH  RESULTS --------*/
.search-results-item {
  display: table;
  width: 100%;
  border-top-color: #D8D8D8;
  padding-top: 13px;
  padding-bottom: 13px;
  /* JJN Added this next item to help fix output bar left and right overlapping */
  clear: both;
}

.citationReportPage .search-results-item {
  padding: 0px;
  background-color: #FFF;
}

/* JJN fix for 19717 */
/*.search-results-item */
.search-results-content span.data_bold a {
  word-break: break-all;
}

/* JJN fixes DCI long URL not wrapping on summary  */
.CitReport_totals_row {
  display: table;
  width: 100%;
  border-top-color: #D8D8D8;
  padding-top: 0px;
  padding-bottom: 0px;
  /* JJN Added this next item to help fix output bar left and right overlapping */
  clear: both;
}

.search-results-item-mini {
  display: table;
  width: 100%;
  border-top-color: #D8D8D8;
  padding-top: 0px;
  padding-bottom: 0px;
  /* JJN Added this next item to help fix output bar left and right overlapping */
  clear: both;
}

.search-results-checkbox {
  display: table-cell;
  width: 30px;
  min-width: 30px;
  vertical-align: top;
  padding-top: 5px;
}

/*JJN added min-width */
.search-results-checkbox-align {
  position: relative;
}

.search-results-checkbox input {
  position: absolute;
  top: 2px;
  left: 0;
}

.citationReportPage .search-results-checkbox {
  padding-top: 10px;
  padding-left: 6px;
}

/* JJN fix bug 19717 */
.search-results-number {
  display: table-cell;
  width: 25px;
  min-width: 25px;
  padding-right: 10px;
  vertical-align: top;
  padding-top: 5px;
}

/*JJN added min-width */
.search-results-number-align {
  position: relative;
  top: 1px;
}

.search-results-number-align div[id^='ml_indicator'],
  .search-results-number-align div[id^='enw_link'] {
  padding-top: 5px;
  margin-left: -4px;
}

/* JJN added to address 19748 */
.citationReportPage .search-results-number {
  padding-top: 10px;
}

/* JJN fix bug 19717 */
.search-results-content {
  display: table-cell;
  padding-right: 30px;
}

.citationReportPage .search-results-content {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* JJN fix bug 19717 */
.search-results-content-inner {
  display: table-cell;
  padding-right: 30px;
}

.search-results-data {
  display: table-cell;
  width: 150px;
  min-width: 145px;
}

/* JJN made this wider (was 140) so longer counts wouldn't wrap, esp on Related Records page */
.search-results-title {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 13px;
  letter-spacing: -.4px \0/
}

.search-results-text {
  margin-bottom: 10px;
  line-height: 18px;
  font-size: 14px;
}

.search-action-item {
  position: relative;
  display: inline-block;
  margin-right: 5px
}

.search-action-item-show {
  position: relative;
}

.search-action-item-show .popup-full-text {
  display: block
}

.search-action-item-show .popup-abstract {
  display: block
}

.search-results-data-cite {
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 12px;
  padding: 2px 0 0px 0;
  border: 3px solid transparent;
}

.search-results-data-cite span {
  font-weight: normal;
  font: italic 13px "Source Sans Pro", Georgia
}

.search-results-data-cite span.en_data_bold {
  padding-left: 0px;
}

.search-results-data-icon {
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 13px;
  padding: 2px 0 0 0;
  border: 3px solid transparent;
  display: flex;
  align-content: left;
  flex-direction: column;
}

.search-results-data-icon .icon-data1 {
  margin: 0 8px 8px 2px
}

.search-results-data-icon .icon-data2 {
  margin: 2px 5px 3px 0
}

.search-results-data-icon div {
  margin-bottom: 12px;
  color: #005a84;
}

.search-results-data-more {
  padding-top: 10px;
  border-top: 2px dotted #e1e1e1;
  font-weight: bold;
  font-size: 14px
}

.match {
  background-color: #ffff67
}

/*-------- END SEARCH  RESULTS --------*/

/* -------------- NEW SETTINGS -- JOHN NAP -------------- */
.settings-list {
  margin-bottom: 25px;
  border-bottom: 1px solid #d3d3d3
}

.settings-item {
  padding-top: 10px;
  padding-bottom: 30px;
}

.settings-title {
  position: relative;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-size: 15px;
  cursor: pointer;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 22px;
  width: 250px;
  text-transform: uppercase;
}

h4.refine-title a, h4.refine-title a:hover, h4.settings-title a, h4.settings-title a:hover,
  h4.bottom-menu-title a, h4.bottom-menu-title a:hover {
  color: #333;
  text-decoration: none;
}

/* JJN added to keep "Settings", footer section titles, and refine titles from looking like a link per EPAM design */

/* .settings-title .icon-arrow {display:inline-block;position:absolute;right:22px;top:25px;border-width:7px;border-style:solid;border-color: transparent #005a84 transparent transparent;background-color:transparent}
*/
.settings-item .icon-arrow {
  position: absolute;
  top: 7px;
  left: 6px;
  display: inline-block;
  border-width: 7px;
  border-style: solid;
  border-color: transparent transparent transparent #005a84;
  background-color: transparent;
}

.settings-item-open .icon-arrow {
  top: 12px;
  left: 1px;
  border-color: #005a84 transparent transparent transparent;
}

.settings-content {
  display: none;
  padding-top: 0;
  padding-right: 32px;
  padding-bottom: 0px;
  padding-left: 32px;
}

.settings-item .button3 {
  position: absolute;
  bottom: -1px;
  right: -1px;
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
}

.settings-item-open {
  position: relative;
}

/* .settings-item-open .settings-title .icon-arrow {right:19px;top:26px;border-color: #005a84 transparent transparent transparent;} */
.settings-item-open .settings-content {
  display: block;
}

.settings-subitem-list {
  margin-bottom: 15px;
}

.settings-subitem {
  margin: 0 0 5px;
}

.settings-subitem-title {
  position: relative;
  display: inline-block;
  padding-left: 25px;
}

.settings-subitem-title INPUT {
  position: absolute;
  left: 0;
  top: 2px;
}

.settings-more {
  margin: 0 32px 25px
}

.settings-more p {
  font-size: 14px;
  margin-bottom: 10px;
  font-family: "Source Sans Pro", Georgia
}

/*-------- SEARCH PAGE -----------*/
.block-history {
  position: relative;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding-top: 40px;
  padding-right: 30px;
  padding-bottom: 50px;
  padding-left: 30px;
}

.block-history .title4 {
  font-size: 17px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
}

/* JJN changed padding from 40px to 20px below to make spacing around timespan equal top and left in UI */
.block-settings {
  position: relative;
  padding: 20px 30px 40px 30px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: -1px;
}

.block-settings .title4 a {
  font-size: 17px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
}

.right-panel-block-settings {
  position: absolute;
  right: 40px;
  top: 80px;
  font-family: "Source Sans Pro", Georgia;
  color: #666;
  font-style: italic;
}

.right-panel-block-settings p {
  margin-bottom: 40px;
}

.block-settings .criteria-item {
  margin: 15px 0;
  font-size: 14px;
}

.block-settings .select2-selection.select2-selection--single {
  width: auto;
}

.block-settings .select2-selection.select2-selection--single span {
  padding-right: 0;
}

/* JJN added padding left to center "TO" in year range */
/* KC - Removed "vertical-align:middle" to fix alignment of cancellation dates */
.block-settings input[type="radio"] {
  vertical-align: middle;
  margin-right: 5px;
}

.block-settings li {
  position: relative;
  padding-left: 22px;
  margin: 10px 0;
}

.block-settings li input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 2px;
}

.block-settings-state2 {
  display: none;
}

/* JJN removed -- don't need. It messes up summmary hit count: .title4 span {font-size: 15px;font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;padding-left: 20px;} */
.l-columns-criteria .title4 span#hitCount\.top {
  padding-left: 0px;
}

.block-search {
  padding-right: 30px;
  margin-bottom: 51px;
  padding-left: 31px;
}

/* JJN: New style for search header */
.block-search-header {
  margin-bottom: 25px;
  margin-top: 15px;
}

/*.block-search {padding:50px 30px 70px;}*/
.block-history .block-search-title ul {
  display: none;
  position: absolute;
  top: 22px;
  left: -1px;
  background: #fff;
  color: #000;
  width: 290px;
  border: 1px solid #bdbdbd;
  z-index: 2;
  -moz-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);
  -webkit-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);
  box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);
}

.block-search-title {
  position: relative;
  margin-bottom: 0;
  margin-right: 20px;
  color: #000;
  font-size: 21px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
}

.block-search-title ul {
  display: none;
  position: absolute;
  top: 22px;
  left: -1px;
  background: #fff;
  color: #000;
  width: 232px;
  border: 1px solid #bdbdbd;
  z-index: 2;
  -moz-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);
  -webkit-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);
  box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);
}

.block-search .show-subnav-block-search ul {
  display: block;
}

.block-history .show-subnav-block-search ul {
  display: block;
}

.block-history .block-search-title .icon-dd-active-block-search:hover,
  .block-history .show-subnav-block-search .icon-dd-active-block-search,
  .block-search .block-search-title .icon-dd-active-block-search:hover,
  .block-search .show-subnav-block-search .icon-dd-active-block-search {
  z-index: 10;
  border: solid 1px #bdbdbd;
  background-color: #0083bf;
  background-image: url(../images/icons.png) no-repeat -28px -364px;
  background: url(../images/icons.png) no-repeat -28px -364px,
    -moz-linear-gradient(top, #0083bf, #005b85);
  background: url(../images/icons.png) no-repeat -28px -364px,
    -webkit-linear-gradient(top, #0083bf 0%, #005b85 100%);
  background: url(../images/icons.png) no-repeat -28px -364px,
    -ms-linear-gradient(top, #0083bf, #005b85);
  background: url(../images/icons.png) no-repeat -28px -364px,
    linear-gradient(top, #0083bf, #005b85);
}

.block-search-title span {
  vertical-align: middle;
  margin-right: 6px;
}

.block-search-title ul li {
  border-top: 1px solid #bdbdbd;
  background: #f6f6f6;
}

.block-search-title ul li:first-child {
  border: none;
}

.block-search-title ul li a {
  display: block;
  color: #000;
  padding: 7px 10px;
  font-size: 16px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  background: #f6f6f6;
}

.block-search-title ul .block-search-active-option a {
  color: #666;
  position: relative;
}

.block-search-title ul .block-search-active-option a:after {
  content: ".";
  position: absolute;
  right: 8px;
  font-size: 31px;
  top: -10px;
}

.block-search-title ul li a:hover {
  color: #000;
  background: #ECECEC;
  background: -moz-linear-gradient(top, #ECECEC, #ECECEC);
  background: -webkit-linear-gradient(top, #ECECEC 0%, #ECECEC 100%);
  background: -ms-linear-gradient(top, #ECECEC, #ECECEC);
  background: linear-gradient(top, #ECECEC, #ECECEC);
  text-decoration: none;
}

.block-search-content {
  position: relative;
}

.search-criteria {
  position: relative;
}

.search-criteria-list {
  margin-right: 225px
}

.search-criteria-item, .search-criteria-subitem {
  /* JJN: removed for out old table to work- display:table;*/
  width: 100%
}

.search-criteria-item:last-child .search-criteria-cell2 .search-criteria-link-wr
  {
  margin-bottom: -28px;
}

#search_table {
  /* JJN: This controls the width of the search table. This setting allows it stretch with the browser to a point. */
  width: 100%;
  max-width: 900px !important;
}

.search-criteria-link {
  margin-bottom: -28px;
}

.search-criteria-helptext {
  margin-bottom: -28px;
}

/* .search-criteria-cell0, .search-criteria-cell1, .search-criteria-cell2, .search-criteria-cell3 {display:table-cell;vertical-align:top;padding-bottom:10px;bordxer:1px solid red} */
.search-criteria-cell0, .search-criteria-cell1, .search-criteria-cell2,
  .search-criteria-cell3 {
  vertical-align: top;
  padding-bottom: 10px;
  bordxer: 1px solid red
}

.search-criteria-cell0 {
  width: 84px;
  padding-right: 0;
}

.search-criteria-cell1 {
  padding-right: 10px;
}

.search-criteria-subitem .search-criteria-cell1 {
  padding: 0
}

.search-criteria-cell0 .j-custom-select {
  width: 90px !important
}

.search-criteria-cell2 {
  width: 178px;
}

.search-criteria-cell3 {
  width: 110px;
  min-width: 110px;
  text-align: right;
  padding-top: 2px;
}

.search-criteria-cell3 .button5 {
  visibility: hidden
}

.search-criteria-cell2 .j-custom-select {
  width: 178px !important;
}

/*.l-columns-item .j-custom-select {*/
  /*width: 270px !important;*/
/*}*/

.j-custom-select.startyear {
  width: 70px !important;
}

.j-custom-select.endyear {
  width: 70px !important;
}

.NEWpageTitle .j-custom-select {
  width: 144px !important;
}

.CRpt_Remove  .j-custom-select {
  width: 70px !important;;
}

.search-criteria-item:last-child .button5 {
  visibility: visible
}

.criteria-last-child .button5 {
  visibility: visible
}

.search-criteria-cell1 .add-search-row {
  display: none
}

.search-criteria-item:last-child .add-search-row {
  display: block
}

.criteria-last-child .add-search-row {
  display: block
}

.search-criteria-cell-text {
  padding: 0 10px !important;
  vertical-align: middle;
  text-align: center;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 17px
}

/* JJN: trying to control field help text -- Add nexft 4 styles */
.search-criteria-input::-webkit-input-placeholder {
  font-family: "Source Sans Pro", Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}

.search-criteria-input:-moz-placeholder { /* Firefox 18- */
  font-family: "Source Sans Pro", Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}

.search-criteria-input::-moz-placeholder { /* Firefox 19+ */
  font-family: "Source Sans Pro", Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}

.search-criteria-input:-ms-input-placeholder {
  font-family: "Source Sans Pro", Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}

.search-criteria-input-adv {
  position: relative;
  width: 100%;
  min-width: 127px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #b9b9b9;
  box-shadow: inset 0px 0px 7px 0 rgba(0, 0, 0, .15);
  background: #FFF;
  min-width: 79px \9;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
}

.search-criteria-input-wr {
  position: relative;
  display: flex;
  width: 100%;
  min-width: 127px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  border-radius: 5px;
  border: 1px solid #b9b9b9;
  box-shadow: inset 0px 0px 7px 0 rgba(0, 0, 0, .15);
  background: #FFF;
  min-width: 79px \9;
  align-items: center;
}

/* JJN added next 2 styles to control multi-select search fields */
select.search-criteria-input option {
  font-size: 14px;
  padding: 3px;
}

select.search-criteria-input {
  border: 1px solid #AAAAAA;
  padding-top: 0;
}

select.search-criteria-input {
  /* JJN changed background of multiselect boxes */
  background: #F8F8F8;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15) inset;
}

/* JJN added the next 2 styles for Inspec numeric search fields */
.search-criteria-input-double-1 {
  display: flex;
  width: 46%;
  float: left;
}

.search-criteria-input-double-2 {
  display: flex;
  width: 46%;
  float: right;
}

.search-criteria-input-double-1 .first-row {
  display: flex;
  width: 48%;
  float: left;
}

.search-criteria-input-double-2 .first-row {
  display: flex;
  width: 48%;
  float: right;
}

.toNumberText {
  display: inline-block;
  padding: 10px 3px 3px;
  text-align: center
}

.example-text {
  padding-top: 7px;
  font-size: 14px;
  font-family: "Source Sans Pro", Georgia;
  font-style: italic;
  color: #a0a0a0;
}

.search-criteria-input {
  width: 100%;
  padding: 8px 31px 9px 0;
  border: 0;
  font-size: 17px;
  background: transparent;
  text-indent: 10px;
  border-radius: 4px;
}

.regular-input {
    width: 100%;
    padding: 5px;
    border: 1px solid #b2b2b8;
    font-size: 14px;
    background-color: #FFF;
    text-indent: 3px;
    border-radius: 4px;
    font-family: "Source Sans Pro";
    color: #4b505a;
    font-weight: 400;
          
}

.search-criteria-item .j-custom-select .select2-choice {
  height: 38px !important;
  line-height: 38px
}

.search-criteria-item .j-custom-select .select2-choice div {
  width: 32px;
  background-position: 12px -117px
}

.search-criteria-item .j-custom-select .select2-choice span {
  margin-right: 44px;
  font-size: 15px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold
}

.search-criteria-link-wr {
  text-align: right;
  padding-top: 13px;
}

/* JJN incresed top to 8 (from 2) per bug 19306 to match EPAM design */
.search-criteria-link {
  color: #005a84;
  cursor: pointer;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
}

/* JJN added next to underline links */
.search-criteria-link a:hover {
  text-decoration: underline;
}

/* JJN: added next so Add Field and Clear links on search form don't wrap */
.j-add-criteria, .j-clear-criteria {
  white-space: nowrap;
}

.search-criteria-helptext-wr {
  text-align: left;
  padding-top: 4px;
}

.search-criteria-helptext {
  color: #666;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-size: 14px;
}

/* JJN: Changed padding right to 308 so links are correclty positioned unless browser is wide, then it drift right a bit... */
.search-criteria-action {
  padding-right: 20px 0px;
  text-align: right;
}

.search-criteria-action .divider {
  display: inline-block;
  color: #b9b9b9;
  padding: 0 7px
}

.template-criteria .search-criteria-item {
  display: none
}

.error {
  color: #dc0a0a
}

.error-title {
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  text-transform: uppercase
}

.search-criteria-input-wr-error {
  border: 2px solid #dc0a0a;
  color: #dc0a0a;
  padding: 0 34px 0 11px
}

.search-criteria-input-wr-error input {
  color: #dc0a0a;
  padding: 7px 0 8px 0
}

.error-note {
  font-style: italic;
  font-weight: normal !important;
}

.error-note a {
  white-space: nowrap;
}

.block-alert {
  padding: 15px 30px;
  font-size: 16px;
  border-bottom: 1px solid #d3d3d3;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  color: #dc0a0a;
  position: relative;
  background: #f1f1f1;
}

.side-part-alert {
  position: absolute;
  right: 40px;
  top: 16px;
  font-size: 14px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
}

.side-part-alert .icon-close {
  position: relative;
  top: 0;
  right: 0;
  margin: -4px 0 0 10px;
}

.side-part-alert a {
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  text-decoration: underline
}

.info-text {
  position: absolute;
  right: 10px;
  width: 135px;
  font-family: "Source Sans Pro", Georgia;
  color: #666;
  font-style: italic;
  z-index: 1;
  border: 4px solid transparent;
  padding: 3px 0;
}

.info-text2 {
  display: block;
  padding-top: 5px;
}

/*-------- END SEARCH PAGE -----------*/

/*-------- LOGO AND BOTTOM MENU -----------*/
.wos-search-footer {
  padding: 50px 30px 23px;
}

.wos-search-footer-top {
  padding-right: 55px;
  white-space: nowrap;
}

.block-logo {
  padding: 24px 32px 20px;
  border-bottom: 1px solid #ccc;
}

.block-logo .logo-item {
  display: inline-block;
  margin-right: 6px;
  margin-left: 0;
  width: 92px;
  height: 69px;
  border: 1px solid #bdbdbd;
  background: #777;
  background: -moz-linear-gradient(top, #898989 0%, #676767 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #898989),
    color-stop(100%, #676767));
  background: -webkit-linear-gradient(top, #898989 0%, #676767 100%);
  background: -o-linear-gradient(top, #898989 0%, #676767 100%);
  background: -ms-linear-gradient(top, #898989 0%, #676767 100%);
  background: linear-gradient(to bottom, #898989 0%, #676767 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#898989',
    endColorstr='#676767', GradientType=0);
}

.block-bottom-menu {
  display: inline-block;
  vertical-align: top;
  width: 73%;
  /*width: calc(100% - 350px);*/
  white-space: normal;
}

.bottom-menu-item {
  padding-right: 30px;
  display: inline-block;
  width: 33%;
  vertical-align: top;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: 600;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bottom-menu-title {
  padding: 0;
  vertical-align: middle;
  cursor: pointer;
  color: #095a84;
  /*color: #336599;*/
  font-size: 16px;
  font-weight: normal;
}

.bottom-menu-title > span {
  position: relative;
  padding-right: 23px;
}

.bottom-menu-item-open .bottom-menu-title {
  padding-bottom: 0;
}

.bottom-menu-item .icon-arrow {
  position: absolute;
  top: 7px;
  right: 0;
  display: inline-block;
  border-width: 6px;
  border-style: solid;
  border-color: #888888 transparent transparent transparent;
  background-color: transparent;
  transition: transform .3s ease-in-out;
}

.bottom-menu-item-open .icon-arrow {
  top: 2px;
  right: 0;
  border-color: transparent transparent #888888 transparent;
  width: 0;
}

.bottom-menu-item .bottom-menu-item-content {
  display: none;
  padding: 0;
  font-size: 15px;
}

.bottom-menu-item-open .bottom-menu-item-content {
  display: block;
}

.bottom-menu-item-content ul {
  margin: 5px 0 15px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
}

.bottom-menu-item-content ul li {
  padding: 5px 0;
}

.bottom-menu-item-content ul a {
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  color: #3c3e46;
  /*color: #017CB5;*/
  font-size: 14px;
  font-weight: normal;
}

.list-style-disc {
  padding-left: 15px;
}

.list-style-disc li {
  list-style: disc outside;
}

.bottom-menu-sign {
  margin: -6px 0 10px;
  color: #666;
  font-size: 15px;
}

.block-marketing-stripe {
  background: #e3edf7;
  border: 1px solid #4a749b;
  /*border: 1px solid #cccccc;*/
  margin-top: 17px;
  padding: 25px 20px 20px;
  border-radius: 3px;
  color: #333;
}

.block-marketing-stripe .marketing-stripe-left {
  font-size: 14px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: normal;
}

.block-marketing-stripe .marketing-stripe-left a {
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  text-decoration: underline;
}

.block-marketing-stripe .marketing-stripe-right {
  margin-top: 1px;
  float: right;
  font-size: 14px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
}

.marketing-stripe-right a:focus {
  box-shadow: 0 0 10px #aeccfb;
}

.block-marketing-stripe .marketing-stripe-right:after {
  clear: both;
}

/*-------- END LOGO AND BOTTOM MENU -----------*/

/*-------- POPUP --------*/
.popup-abstract-source {
  display: none
}

.view_abstract {
  display: block;
  padding-top: 14px;
}

#popup-abstract {
  display: none;
  position: fixed;
  margin-left: -280px;
  top: 50%;
  left: 50%;
  width: 560px;
  border: 1px solid #bdbdbd \9;
  background: #fff;
  padding: 35px 40px;
  font-size: 15px;
  -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .35);
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .35);
  box-shadow: 0 0 25px rgba(0, 0, 0, .35);
  z-index: 1000
}

#popup-abstract h2 {
  font-size: 19px;
  margin: 15px 0 5px 0;
}

#popup-abstract p {
  margin-bottom: 6px;
  color: #666;
}

.popup-main-link {
  font-weight: bold;
}

#popup-abstract .l-2columns {
  margin-top: 30px;
  padding-right: 50px;
}

#popup-abstract .l-2columns * {
  vertical-align: middle;
}

.button-close {
  position: absolute;
  right: 25px;
  bottom: 40px;
  font-size: 15px !important;
}

.full-text-content {
  display: none
}

.button-ft {
  display: inline-block
}

#popup-full-text, .popup-full-text {
  display: none;
  position: absolute;
  background-color: #fff;
  border: 1px solid #bdbdbd;
  z-index: 100;
  -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .2);
  box-shadow: 5px 5px 15px rgba(0, 0, 0, .2);
}

.popup-ft-list {
  margin: 0 20px;
  text-align: left;
}

.popup-ft-list LI {
  white-space: nowrap;
  padding: 10px 0 8px;;
  border-top: 1px solid #d9d9d9
}

/* JJN  adjusted spacing in attempt to alleviate 20032 */
.popup-ft-list LI:first-child {
  border-top: 0;
}

.popup-ft-list LI A {
  font-weight: bold;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
}

.popup-ft-list LI span {
  color: #333333;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 4px
}

.popup-ft-list .fullTextImage {
  max-height: 35px;
  max-width: 140px;
}

/* JJN added to control size of institution-supplied links buttons in full text dropdown */
.popup-journal-info-source {
  display: none
}

#popup-journal-info {
  display: none;
  position: absolute;
  padding: 0;
  box-sizing: border-box;
  width: 640px;
  background: #FFF;
  font-size: 0;
  border: 1px solid #ccc;
  -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .35);
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .35);
  box-shadow: 0 0 25px rgba(0, 0, 0, .35);
  z-index: 1000
}

#popup-journal-info .button-close {
  bottom: 30px;
  right: 40px;
}

#popup-journal-info h2 {
  font-size: 19px;
  margin-bottom: 18px;
}

#popup-journal-info h3 {
  font-size: 33px;
  font-weight: bold;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  margin-top: 9px;
}

#popup-journal-info h4 {
  font-size: 19px;
  font-weight: bold;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  margin-top: 5px;
}

#popup-journal-info .j-info-subheader {
  font-size: 15px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  margin-bottom: 3px;
}

#popup-journal-info .j-info-description {
  font-size: 15px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  padding-bottom: 10px;
}

.j-info-2col {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

.j-info-header {
  padding: 25px 40px 0 40px;
  color: #000;
}

.j-info-main {
  color: #666;
  padding: 25px 40px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #e9e9e9;
  background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e9e9e9 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%,
    color-stop(0%, #ffffff), color-stop(100%, #e9e9e9));
  background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #e9e9e9 100%);
  background: -o-radial-gradient(center, ellipse cover, #ffffff 0%, #e9e9e9 100%);
  background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%, #e9e9e9 100%);
  background: radial-gradient(ellipse at center, #ffffff 0%, #e9e9e9 100%);
}

.j-info-main span {
  font-family: "Source Sans Pro", Georgia;
  font-size: 15px;
  font-weight: normal;
  padding-left: 3px;
  font-style: italic;
}

.j-info-main .j-info-2col {
  margin-top: 30px;
}

.j-info-main .j-info-addlink {
  display: inline-block;
  vertical-align: top;
  margin-top: 15px;
  font-size: 13px;
}

.j-info-footer {
  padding: 25px 40px 60px 40px;
  color: #000;
}

/*-------- END OF POPUP --------*/

/*--------- SKIP CONTENT -------*/
.skip-content {
  position: absolute;
  top: -8000px;
}

/*--------- END OF SKIP CONTENT -------*/
.institutionContent {
  color: #666;
  position: relative;
  z-index: 1
}

/* JJN changed to 1 to fix 19593 */
.institutionContent {
  display: inline-block;
  position: relative;
  padding: 0;
  /*width: 25%;*/
  /*width: 350px; !* 145px * 2 for two logo widths + 60px padding in between *!*/
  width: 27%;
}
.institutionContent > div {
  display: inline-block;
  vertical-align: top;
}
.institutionContent .wos-inst-name {
  display: block;
  margin-bottom: 15px;
  color: #333;
  font-size: 14px;
  font-weight: 600;
}

.institutionContent .instLogo:first-of-type:not(:only-of-type) {
  padding-right: 60px;
}
.institutionContent .instLogo a {
  display: inline-block;
}
.institutionContent .instLogo img {
  max-width: 145px;
  max-height: 50px;
}

/*-------- FOOTER --------*/
.footer {
  background-color: #263A4E ;
  text-align: right;
  padding: 22px 31px 13px;
  position: relative;
}

nav.footerContent {
  display: inline-block;
  vertical-align: top;
  text-align: right;
}
nav.footerContent > ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  max-width: 960px;
}
nav.footerContent > ul:first-of-type {
  margin-bottom: 19px;
}
nav.footerContent li {
  color: white;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  padding: 0 11px;
  /*letter-spacing: 0.02em;*/
}
nav.footerContent li:last-of-type{
  padding: 0 0 0 11px;
}
nav.footerContent li a{
  color: white;
  cursor: pointer;
}

/* Bottom Section */
nav.footerContent li.social-link {
  width: 29px;
  padding: 0 8px 0 0;
  box-sizing: content-box;
}
nav.footerContent li.social-link:last-of-type
{
  padding: 0;
}

.circle-link {
  font-size: 16px;
}
.circle-link .fa-circle {
  color: white;
}
.circle-link .fa-circle:before {
  min-width: 26px;
  min-height: 26px;
}
.circle-link .fa-stack-1x {
  color: #263A4E;
}

.wos-footer-left {
  display: inline-block;
  vertical-align: top;
  color: white;
  float: left;
  text-align: left;
}
.wos-footer-left > div:first-of-type {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 5px;
}
.wos-footer-left > div:nth-of-type(2) {
  font-size: 16px;
  line-height: 16px;
}

.ca-copyright {
  font-weight: 600;
}

/*-------- END FOOTER --------*/
@media screen and (max-width: 1100px) {
  .options-inner {
    padding: 0 10px;
  }
  .options-inner .icon-print {
    margin-right: 8px
  }
}

.ml-icon {
  background: url(../images/mlicon.png);
  display: inline-block;
  width: 18px;
  height: 19px;
  margin-left: 4px;
  margin-right: 2px;
}

.en-icon {
  background: url(../images/ENicon.png);
  display: inline-block;
  width: 19px;
  height: 11px;
  margin-left: 4px;
  margin-right: 4px;
}

.showhide {
  position: relative;
  cursor: pointer;
}

.showhide:after {
  display: inline-block;
  position: relative;
  top: 11px;
  left: 83px;
  width: 39px;
  height: 36px;
  content: "";
  background: url(../images/showhide.png);
  cursor: pointer;
}

.map-icon {
  position: relative;
  left: 36px;
  display: block;
  margin-bottom: 6px;
}

.map-icon:before {
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  left: -32px;
  top: -2px;
  background: url(../images/map.png);
  content: "";
}

.alert-icon {
  position: relative;
  left: 36px;
  display: block;
  margin-bottom: 4px;
}

.alert-icon:before {
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  left: -32px;
  top: -2px;
  background: url(../images/alert.png);
  content: "";
}

.settings-icon {
  position: relative;
  right: 36px;
  display: block;
  margin-bottom: 4px;
}

.settings-icon:before {
  position: absolute;
  display: inline-block;
  width: 16px;
  height: 16px;
  left: -32px;
  top: -2px;
  background: url(../images/settings.png);
  content: "";
}

/* for Silo Nav Drop down on Search History */
.scoreCard {
  background-color: #E6E6E6;
  padding: 20px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCC;
  border-left-width: 4px;
  border-left-style: solid;
  border-left-color: #4B7498;
  margin-top: -1px; /* JJN added to clean up top of orange bar */
}

/* JJN: these next 4 are for when the pagination bar is to be located next to the parent data */
.paginationNextToParent {
  display: table-cell;
  min-width: 300px;
  vertical-align: bottom;
  padding-bottom: 20px;
  text-align: right;
  padding-right: 20px;
}

.paginationNextToParent .searchPagination.topPaginationBar {
  border-bottom: none;
}

.paginationNextToParent .searchPagination {
  background: none;
}

.parent-info-with-nav {
  display: table-cell;
  width: 90%;
}

/* JJN updated next to fix the article title display bug 19276 */
.search-results-content>div:first-child, .search-results-content>div>div
  {
  /* JJN : added padding to first summary title (if 2 or more like in CSCD only first will get spacing) */
  padding-bottom: 6px;
  font-weight: bold;
}

.RelatedRecordLink {
  float: right;
  margin-right: 0;
}

/* JJN added these for Journal Overlay */
.journal-overlay {
  width: 550px !important;
  /*JJN added important to try to override overlay width that JS file must be adding */
  padding: 0px;
  background-color: #FFF;
  /*JJN added this back in to make overlay white on top and bottom */
}

.esi-badge-overlay {
  width: 350px !important;
  /*JJN added important to try to override overlay width that JS file must be adding */
}

.overlayOAindicator {
    position: relative;
    display: flex;
}
.overlayOAindicator img {
    position: absolute;
    margin-top: -9px;
    margin-left: -6px;
}

.Impact_Factor_table {
  margin: 0px 20px 0px 20px;
}

.Impact_Factor_table TH {
  font-size: 15px;
  padding: 0px 20px 10px 0px; /* JJN added padding bottom */
  text-align: left;
  font-weight: normal;
  font-style: italic;
  color: #666;
}

.Impact_Factor_table TD {
  font-size: 25px;
  font-weight: bold;
  padding: 0px 20px 0px 0px;
  text-align: left;
  color: #666;
}

.JCR_Category_table {
  outline: 1px solid #bababa;
  border-collapse: collapse;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 14px;
}

/*JJN updated font for overlay */
.JCR_Category_table th {
  vertical-align: middle;
  padding: 5px 10px 5px 5px;
  background: #f3f3f3;
  text-align: left;
  font-weight: bold;
  border: 1px solid #CCCCCC;
  color: #666;
  font-weight: normal;
  font-style: italic;
  text-align: center;
  white-space: nowrap;
}

.JCR_Category_table td {
  vertical-align: middle;
  padding: 5px 10px 5px 5px;
  border: 1px solid #CCCCCC;
  color: #666;
  text-align: center;
  background-color: #FFFFFF;
}

.JCR_Category_table TD.JCR_rank {
  font-size: 19px;
  white-space: nowrap;
  font-weight: bold;
  text-align: center;
}

.JCR_Category_table TD.JCR_quartile {
  font-size: 19px;
  font-weight: bold;
  text-align: center;
}

.JCR_Category_table TD:first-child, .JCR_Category_table TH:first-child {
  text-align: left;
}

.journal-overlay .FR_label {
  color: #666;
  display: block;
  margin-top: 15px;
  font-weight: bold;
  font-size: 14px;
}

.journal-overlay .FR_field /*, .journal-overlay span  */ {
  /* JJN Asks: why was the "span" included in this? It messes up the Journal Overlay */
  color: #666;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 14px;
}

.sameLine .FR_label {
  display: inline;
}

.journal-overlay p.closeWindow {
  text-align: right;
  padding-right: 20px;
}

.journal-overlay p.overlayJCRtext {
  color: #666666;
  font-size: 14px;
  font-style: italic;
  margin: 0 20px;
}

.sourceTitle_txt { /* JJN added for close circle in journal overlay */
  display: table-cell;
  vertical-align: top;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 15px;
  width: 89%;
}

/* need HR for overlay fix */
hr {
  display: block;
  border-style: inset;
  border-width: 1px;
}

.journal-overlay p.sourceTitle {
  /* JJN edited to address overlay look */
  background-color: #FFFFFF;
  border-bottom: 1px solid #CCCCCC;
  color: #666666;
  margin: 20px 0 0 0;
  padding: 0px;
  display: table;
  width: 100%;
}

F
.journal_overlay_close { /* JJN added for overlay close button*/
  display: table-cell;
  vertical-align: top;
  padding-bottom: 10px;
  padding-right: 15px;
  text-align: right;
  width: 38px;
  min-width: 38px;
}

.journal-overlay .ui-dialog-titlebar {
  display: none
}

.journal-overlay .overlayJCRblock { /* JJN added for overlay color */
  background-color: #F8F8F8;
  border-bottom: 1px solid #ccc;
  padding-top: 20px;
  padding-bottom: 10px;
  /* JJN added to add space below JCR table in overlay */
}

.overlayJCRblock p.FR_field span.FR_label {
  margin-top: 0px; /* JJN added to reduce top margin on Impact Factor */
}

.overlayJCRblock p.FR_field {
  margin-bottom: 0px;
  /* JJN added to reduce top margin on Impact Factor */
}

.journal-overlay a { /* JJN added to fix color of JCR link in overlay */
  color: #005a84;
}

span.data-bold a {
  word-break: break-all;
}

/* JJN fixes DCI long URL not wrapping on summary  */
table#summaryDisplayTable tr td div.summary_pagecntnav {
  padding-left: 0px;
  padding-right: 0px
}

/* JJN added to fix horiz scroll on DII secondary summary pages */
table#summaryDisplayTable {
  padding: 2px 25px;
}

/* JJN added to fix table "margin" on DII secondary summary pages */
.placeholder {
  color: #aaa;
  font-style: italic;
}

/* need it for placeholder function in IE9 and IE8*/

/* Cindy: If we use "Find Full Text" label on Full Records */
.FullText_label {
  color: #333;
  font-weight: bold;
  font-size: 14px;
}

/* Cindy: To fix left alignment of Full Text and Output rows on Full Records */
.onFullRecordLeft {
  text-align: left;
}

/* Cindy: To correctly align GS image within CSS-generated button */
.GSalign {
  vertical-align: text-bottom;
  padding-right: 5px;
}

.button-ft img {
  pointer-events: none;
}

/*maker so JW knows where he made the changes for the bug (REMOVE AFTER IM DONE)*/
.div_Badge_item {
  display: list-item;
  vertical-align: middle;
  color: #005a84;
  margin-top: 10px;
  text-align: center;
}

.JCR_edition_text {
  color: #666;
  font-size: 14px;
  font-style: italic;
  margin: 0 0px;
  text-align: left;
}

div.citedRefListPage #output_form {
  padding-left: 30px;
}

.button10 {
  border: 1px solid #B9B9B9;
  cursor: pointer;
  display: inline-block;
  margin-top: 5px;
  padding: 2px;
  text-decoration: none;
  vertical-align: middle;
  background-color: #f9f9f9;
  background: -moz-linear-gradient(top, #fff, #f3f3f3);
  background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #fff, #f3f3f3);
  background: linear-gradient(top, #fff, #f3f3f3);
}

img.kjd_Link_link {
  border: 1px solid #B9B9B9;
  cursor: pointer;
  display: inline-block;
  margin-top: 5px;
  padding: 2px;
  text-decoration: none;
  vertical-align: middle;
  background-color: #f9f9f9;
  background: -moz-linear-gradient(top, #fff, #f3f3f3);
  background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #fff, #f3f3f3);
  background: linear-gradient(top, #fff, #f3f3f3);
}

/* Next style added to control down-arrow width on search fields and booleans. */
.search-criteria-list .select2-container .select2-arrow b {
  width: 28px;
}

.openAccess {
  background-repeat: no-repeat;
  padding-left: 30px;
  /* move the text so you can see the image clearly */
  background-image: url(../images/OA-bar.png);
}

.ESIblurbMain .journal_overlay_close {
  display: flex;
  vertical-align: top;
  padding-right: 0px;
  text-align: right;
  float: right;
  margin-top: -10px;
  margin-bottom: 1px;
}

.journal_overlay_close .borderless-button, .journal_overlay_close a {
  cursor: pointer;
  /* Fixes the outline on click*/
  font-size: 0;
  border-radius: 15px;
}

/* Added this to properly align close button on journal overlay */
.sourceTitle .journal_overlay_close .borderless-button {
  margin-top: -7px;
  margin-left: 16px;
}

/*added this to move close circle to right */
.ESIblurbMain .icon-data2-overlay {
  margin: 3px 6px 4px 0px;
  width: 19px;
  height: 19px;
  background-position: -35px -96px;
  float: left;
}

.ESIblurbMain .ESIblurb {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  font-size: 14px;
}

.journal-overlay .ESIblurbMain p.closeWindow { /*fixed name */
  text-align: right;
  padding-right: 20px;
  margin-bottom: 3px;
  margin-top: 10px;
  margin-right: 0px;
  display: flex;
  float: right;
  height: 20px;
}

/*Modified for the bug fix WOKVX-22549*/
i.icon-data1-overlay {
  height: 25px;
  float: left;
}

/*Modified for the bug fix WOKVX-22701*/
form#paginationForm2 {
  padding: 1px 10px 4px 0;
}

span[id^="links_openurl_"] .button8 img, span[id*="links_openurl_"] .button8 img
  {
  max-height: 35px;
  max-width: 140px
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: 0;
  overflow: auto
}

.ui-dialog-content {
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, sans-serif;
  font-size: 14px;
}

.ui-dialog-form {
  text-align: center;
  vertical-align: middle;
  margin: 10px 0px 0px 0px;
}

.ui-dialog-form-button input {
  margin: 15px 0px 0px 0px;
}

.ui-dialog-form#verify {
  text-align: center;
}

.ui-dialog-form#verify form input div#verifybutton1 {
  margin-top: 5px;
}

.ml-cancel {
  position: relative;
  bottom: 5px
}

input:disabled {
  opacity: 0.5;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-20 {
  margin-top: 20px;
}

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

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

.margin-bottom-3 {
  margin-bottom: 3px;
}

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

.margin-bottom-15 {
  margin-bottom: 15px;
}

.padding-right-5 {
  padding-right: 5px;
}

.vertical-align-middle {
  vertical-align: middle;
}

.vertical-align-baseline {
  vertical-align: baseline;
}

.font-weight-600 {
  font-weight: 600 !important;
}

.font-weight-normal {
  font-weight: normal !important;
}

.hidden {
  display: none;
}

.select-db {
  vertical-align: middle;
  background-color: #f1f1f1;
  height: 90px;
  display: block;
}

.select-db .title {
  font-size: 21px !important;
  color: #000 !important;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial;
  font-weight: bold;
  -webkit-font-smoothing: antialiased !important;
  margin-left: 30px;
  margin-bottom: 0;
}

.select-db .welcome-info {
  width: 250px;
  font-family: "Source Sans Pro", Georgia;
  color: #666;
  font-style: italic;
  z-index: 1;
  margin-top: 0;
}

/*** the below is for search type***/
.block-search-header .hidden {
  display: none;
}

.block-search-header .toogle_searchType_btn {
  cursor: pointer;
  color: #666;
  border: none;
  outline: none;
  background: transparent;
  font-family: inherit;
  margin-left: 5px;
}

.block-search-header .toogle_searchType_btn:hover {
  color: #000;
}

.block-search-header .fa {
  font-size: 11px !important;
}

.block-search-header .searchtype-sub-nav {
  position: relative;
  z-index: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: solid 1px #ececec;
}

.block-search-header .searchtype-nav {
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial;
  font-size: 15px;
  float: left;
  margin: 0;
  display: flex;
}

.block-search-header .searchtype-sub-nav__list-item {
  color: #000;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #4B505A;
  margin-right: 44px;
  border: none;
}

.block-search-header .searchtype-sub-nav__list-item-hidden {
  display: none;
}

.block-search-header .searchtype-sub-nav__list-item--active:after {
  content: '';
  position: absolute;
  bottom: -1px;
  right: 0;
  width: 100%;
  height: 4px;
  background-color: #4b749b;
  color: #FFF;
}

.block-search-header .searchtype-nav li a, .block-search-header .searchtype-nav li button
  {
  color: #000;
  font-size: inherit;
  line-height: 24px;
  text-decoration: none;
}

.block-search-header .searchtype-nav li.searchtype-sub-nav__list-item--active a
  {
  font-weight: bold;
}

.block-search-header .toggleIcon {
  margin-right: 5px;
  position: relative;
  bottom: 1px;
  color: #666;
}
/*** the above is for search type***/

/*isolated sort display css  */
.sorttype-sub-nav_list-item {
  color: #000;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: inline-block;
  height: 18px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #4B505A;
  margin-right: 30px;
  border: none;
}

.sorttype-sub-nav_list-item-active {
  font-weight: bold;
}

.sorttype-sub-nav_list-item:hover {
  cursor: pointer;
}

.sorttype-sub-nav_list-item-active:after {
  content: '';
  position: absolute;
  bottom: 0px;
  right: -1px;
  width: 100%;
  height: 2px;
  background-color: #4b749b;;
  color: #FFF
}

#scorecard {
  height: 20px;
  overflow: hidden;
  margin-left: -2px;
}

.oa_icon_neutral {
  background-repeat: no-repeat;
  padding-left: 30px;
  background-image: url(../images/open_access/OA_icon.png);
}

.oa_icon_gold {
  background-repeat: no-repeat;
  padding-left: 30px;
  background-image: url(../images/open_access/OA_icon.svg);
}

.oa_icon_green_accepted {
  background-repeat: no-repeat;
  padding-left: 30px;
  background-image: url(../images/open_access/OA_green_accepted.png);
}

.oa_icon_green_published {
  background-repeat: no-repeat;
  padding-left: 30px;
  background-image: url(../images/open_access/OA_green_published.png);
}

.refine_icon {
  width: 13px;
  height: 19px;
  margin-right: 10px;
  background-repeat: no-repeat;
  display: inline-block;
}

.refine_oa_icon_neutral {
  background-image: url(../images/open_access/OA_icon.svg);
}

.refine_oa_icon_gold {
  background-image: url(../images/open_access/OA_icon_ra_gold.png);
}

.refine_oa_icon_green_accepted {
  background-image:
    url(../images/open_access/OA_icon_ra_green_accepted.png);
}

.refine_oa_icon_green_published {
  background-image:
    url(../images/open_access/OA_icon_ra_green_published.png);
}

.links_stnd_alone_full_text li {
  display: inline;
  padding-right: 5px;
}

/* Accessibility */
.visuallyhidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* End Accessibility */

.sort-arrows {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  padding-right: 10px;
}

.sort-arrows > a {
  position: absolute;
}

.sort-arrows > a:hover {
  cursor: pointer;
}

.sort-arrows > a:focus, .sort-arrows > a:active {
  box-shadow: none;
}

.arrow-up, .arrow-down {
  position: absolute;
  width: 0;
  height: 0;
}

.arrow-up {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
}

.arrow-down {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
}

.arrow-up {
  margin-top: -7px;
}

/* Bootstrap 4 Styles not yet in the product */

.d-flex {
  display: flex !important;
  display: -webkit-flex !important;
}

.flex-justify-start {
  justify-content: flex-start;
}

.flex-justify-end {
  justify-content: flex-end;
}

.flex-align-start {
  align-items: flex-start;
}

.flex-justify-center {
  justify-content: center;
}

.flex-align-center {
  align-content: center;
}

.flex-align-items-center {
  align-items: center;
}


.flex-justify-space-between {
  justify-content: space-between;
}

.flex-line-left {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
}


.double-bounce-spinner[_ngcontent-c1] {
  position: absolute !important;
  top: 0;
  left: 40%;
  margin: 50px 25px !important;
  width: 50px !important;
  height: 50px !important;
  z-index: 99999;
}

.double-bounce1[_ngcontent-c1],
.double-bounce2[_ngcontent-c1]{
  background-color: #005B83 !important;
}

.busy-indicator-lightbox {
  background-color: rgba(211, 211, 211, 0.5);
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  z-index: 9999;
  visibility: visible;
  left: 0;
}

.busy-spinner {
  width: 70px;
  height: 70px;
  position: fixed;
  top: 20%;
  left: 50%;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #005B83;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;

  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
      transform: scale(1.0);
      -webkit-transform: scale(1.0);
    }
}

i.fa-bell {
    
    font-size:1.0em; 
    color:#005a84;
    float: right; 
    cursor:default; 
}

i.fa-bell.inactive {
    
    font-size:1.0em; 
    color:#ccc;
    float: right;
    cursor:default;  
}


.fa-bell:before {
    
    font-size:1.2em; 
    color:#005a84;
    float: right;
    margin-top: 65%;
    cursor:default;
    
}

.fa-bell.inactive:before {
    
    font-size:1.2em; 
    color:#ccc;
    float: right;
    margin-top: 65%;
    cursor:default;
    
}

.wos-checkbox {
    padding-left: 7px;
}

.wos-checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
    font-weight: 400;
    cursor: pointer;
}

.wos-checkbox label:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    top: -3px;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #ffffff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.wos-checkbox label:after {
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 4px;
    top: 0px;
    margin-left: -20px;
    font-size: 13px;
    color: #555555;
}

.wos-checkbox input[type="checkbox"] {
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

.wos-checkbox input[type="checkbox"] + label:before {
    color: #fff;
}

.wos-checkbox input[type="checkbox"]:focus {
   box-shadow: 0 0 4px 2px #23799E;
  -webkit-box-shadow: 0 0 4px 2px #23799E;
  -moz-box-shadow: 0 0 4px 2px #23799E;
  border: 0 solid #f8f8f8 !important;
  text-decoration: none;
   outline-offset:  0 !important;
}

.wos-checkbox input[type="checkbox"]:indeterminate + label:after {
    display: block;
    content: "";
    width: 10px;
    height: 3px;
    background-color: #555555;
    border-radius: 3px;
    margin-left: -16.5px;
    margin-top: 7px;
}

.wos-checkbox input[type="checkbox"]:disabled {
    cursor: not-allowed;
}

.wos-checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65;
}

.wos-checkbox input[type="checkbox"]:disabled + label:before {
    background-color: #eeeeee;
    cursor: not-allowed;
}

.wos-checkbox.checkbox-inline {
    margin-top: 0;
}

.wos-checkbox input[type="checkbox"]:hover + label:before {
    border-color: #5C6AC4;
}

.wos-checkbox input[type="checkbox"]:focus + label:before {
     box-shadow: 0 0 4px 2px #23799E;
  -webkit-box-shadow: 0 0 4px 2px #23799E;
  -moz-box-shadow: 0 0 4px 2px #23799E;
  border: 0 solid #f8f8f8 !important;
  text-decoration: none;
}

.wos-checkbox input[type="checkbox"]:checked + label:before {
    background-color: #23799E;
    border-color: #23799E;
}

.wos-checkbox input[type="checkbox"]:checked + label:after {
    color: #ffffff;
}

.wos-checkbox input[type="checkbox"]:checked + label:hover:before {
    background-color: #ffffff;
    border-color: #23799E;
}

.wos-checkbox input[type="checkbox"]:checked + label:hover:after {
    color: #4b749b;
}

.wos-checkbox input[type="checkbox"]:indeterminate + label:before {
    background-color: #23799E;
    border-color: #23799E;
}

.wos-checkbox input[type="checkbox"]:indeterminate + label:after {
    background-color: #ffffff;
}

.wos-checkbox input[type="checkbox"].wos-style-checkbox:checked + label:after {
    font-family: FontAwesome;
    content: "\f00c";
}

.wos-checkbox input[type="checkbox"].wos-style-checkbox + label:before:focus {
    box-shadow: inset 0 0 4px 2px #23799E;
    outline: 0 solid #f8f8f8 !important;
    border: 0 solid #f8f8f8 !important;
    text-decoration: none;
    outline-offset:  0 !important;
}

.wos-checkbox input[type="checkbox"]:checked + label:before {
    color: #ffffff;
}

.wos-checkbox input[type="checkbox"]:checked + label:after {
    color: #ffffff;
}

input.wos-style-checkbox[type=checkbox] + label:before:focus {
     box-shadow: 0 0 4px 2px #23799E;
    -webkit-box-shadow: 0 0 4px 2px #23799E;
    -moz-box-shadow: 0 0 4px 2px #23799E;
    border: 0 solid #f8f8f8 !important;
    text-decoration: none;
     outline-offset:  0 !important;
}

.alt-auth-title {
  text-align: center;
  margin-top: 30px;
  color:  white;
  font-size: 30px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
  white-space: nowrap;
}

.alt-auth-title:lang(ar) {
  text-align: center;
  margin-top: 30px;
  color:  white;
  font-size: 29px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
  white-space: nowrap;
  line-height: 140%;
}

.alt-auth-roam  {
  background-color: #FFFFFF;
  border-radius: 6px;
  top: 99px;
  width: 362px;
  height: 100%;
  box-shadow: 0px 2px 5px rgba(177, 167, 189, 0.4);
  margin: 0 8px;
  padding: 0px;
  display: flex;
  flex-direction: column;
}

.alt-auth-roam-signin-lbl {
	/* Sign In */
position: relative;
width: 260px;
height: 31px;
padding-top: 44px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 24px;

color: #426991;
}

.alt-auth-roam-signin-lbl:lang(ar) {
	/* Sign In */
position: relative;
width: 260px;
height: 31px;
padding-top: 44px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 23px;
line-height: 140%;
color: #426991;
}

.alt-auth-roam-email-lbl {
	/* Email address */

position: relative;
width: 260px;
height: 23px;
padding-top: 26px;
padding-bottom: 13px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;

color: #2C2C2C;
}

.alt-auth-roam-email-lbl:lang(ar) {
	/* Email address */

position: relative;
width: 260px;
height: 23px;
padding-top: 26px;
padding-bottom: 13px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 140%;
color: #2C2C2C;
}

.alt-auth-roam-email-txtbox {
/* Rectangle 2 */

position: relative;
width: 260px;
height: 50px;
background: #FAFAFA;
box-sizing: border-box;
box-shadow: 0px 4px 10px #FBFBFB;
border-radius: 5px;
}

.alt-auth-roam-pswd-lbl {
/* Password */

position: relative;
width: 260px;
height: 23px;
padding-top: 17px;
padding-bottom: 13px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;

color: #2C2C2C;
}

.alt-auth-roam-pswd-lbl:lang(ar) {
/* Password */

position: relative;
width: 260px;
height: 23px;
padding-top: 17px;
padding-bottom: 13px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 140%;
color: #2C2C2C;
}

.alt-auth-roam-pswd-txtbox {
/* Rectangle 2 */

position: relative;
width: 260px;
height: 50px;
background: #FAFAFA;
box-sizing: border-box;
box-shadow: 0px 4px 10px #FBFBFB;
border-radius: 5px;
}

.alt-auth-roam-error {
/* Email address and password dont match */

position: relative;
width: 300px;
height: 16px;
padding-top: 1px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
color: #DF5D5D;
}

.alt-auth-roam-error:lang(ar) {
/* Email address and password dont match */

position: relative;
width: 300px;
height: 16px;
padding-top: 1px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
line-height: 140%;
color: #DF5D5D;
}

.alt-auth-rememberme {
/* Remember me on this computer */

position: relative;
width: 260px;
height: 18px;
padding-top: 30px;
padding-bottom: 28px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;

color: #2C2C2C;
}

.alt-auth-rememberme:lang(ar) {
/* Remember me on this computer */

position: relative;
width: 260px;
height: 18px;
padding-top: 30px;
padding-bottom: 28px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 140%;
color: #2C2C2C;
}

.alt-auth-forgot-pass {
/* Forgot password? */

position: relative;
width: 260px;
height: 18px;
padding-top: 12px;
padding-bottom: 21px;

font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
text-align: center;

color: #426991;
}

.alt-auth-forgot-pass:lang(ar) {
/* Forgot password? */

position: relative;
width: 260px;
height: 18px;
padding-top: 12px;
padding-bottom: 21px;

font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 13px;
text-align: center;
line-height: 140%;
color: #426991;
}

.alt-auth-shibb  {
  background-color: #FFFFFF;
  border-radius: 6px;
  width: 362px;
  height: 320px;
  box-shadow: 0px 2px 5px rgba(177, 167, 189, 0.4);
  margin: 0 8px;
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
}

.alt-auth-button {
/* Rectangle 2.4 */

position: relative;
width: 260px;
height: 50px;
box-shadow: 0px 4px 10px #FBFBFB;
border-radius: 5px;
text-align: center;
}

.alt-auth-standard-button {
  height: 50px;
  border-radius: 5px;
  font-size: 18px !important;
  text-decoration: none !important;
  line-height: normal;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 4px 22px;
  cursor: pointer;
  white-space: nowrap;
}

.alt-auth-standard-button:lang(ar) {
  height: 50px;
  border-radius: 5px;
  font-size: 17px !important;
  text-decoration: none !important;
  line-height: normal;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 4px 22px;
  cursor: pointer;
  white-space: nowrap;
}

.alt-auth-secondary-button {
  background-color: #426991;
  color: #FFFFFF;
  border: 1px solid #426991;
  transition: box-shadow 0.25s;
}

.alt-auth-shibb-lbl {
/* Not yet registered? */

position: relative;
width: 305px;
height: 31px;
padding-top: 44px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 24px;
color: #426991;
}

.alt-auth-shibb-lbl:lang(ar) {
/* Not yet registered? */

position: relative;
width: 305px;
height: 31px;
padding-top: 44px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 23px;
line-height: 140%;
color: #426991;
}

.alt-auth-shibb-inst-lbl {
/* Sign in with your institutions group or regional affiliation */

position: relative;
width: 320px;
height: 46px;
padding-top: 23px;
padding-bottom: 21px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;

color: #2C2C2C;
}

.alt-auth-shibb-inst-lbl:lang(ar) {
/* Sign in with your institutions group or regional affiliation */

position: relative;
width: 320px;
height: 46px;
padding-top: 23px;
padding-bottom: 21px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 140%;
color: #2C2C2C;
}

.alt-auth-shibb-form {
/*	padding-left: 45px; */
}

.alt-auth-publons  {
  background-color: #FFFFFF;
  border-radius: 6px;
  width: 362px;
  height: 320px;
  box-shadow: 0px 2px 5px rgba(177, 167, 189, 0.4);
  margin: 0 8px;
  display: flex;
  flex-direction: column;
}

.alt-auth-publons-lbl {
/* No Access? */

position: relative;
width: 320px;
height: 31px;
padding-top: 30px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 24px;
color: #426991;
}

.alt-auth-publons-lbl:lang(ar) {
/* No Access? */

position: relative;
width: 320px;
height: 31px;
padding-top: 30px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 23px;
line-height: 140%;
color: #426991;
}

.alt-auth-publons-text {
/* Publons text */

position: relative;
width: 320px;
height: 150px;
padding-top: 15px;
padding-bottom: 21px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;

color: #2C2C2C;
}

.alt-auth-publons-text:lang(ar) {
/* Publons text */

position: relative;
width: 320px;
height: 150px;
padding-top: 15px;
padding-bottom: 21px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 140%;
color: #2C2C2C;
}

.alt-auth-need-help{
/* Need help signing in? Contact Support */

position: relative;
width: 360px;
height: 46px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
text-align: center;
margin: 0 auto;

color: #7D7D7D;
}

.alt-auth-need-help:lang(ar){
/* Need help signing in? Contact Support */

position: relative;
width: 360px;
height: 46px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 17px;
text-align: center;
margin: 0 auto;
line-height: 140%;
color: #7D7D7D;
}

.alt-auth-IP-addr {

position: relative;
width: 260px;
height: 18px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
text-align: center;
padding-top: 24px;
padding-bottom: 38px;
margin: 0 auto;

color: #7D7D7D;
}

.alt-auth-IP-addr:lang(ar) {

position: relative;
width: 260px;
height: 18px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
text-align: center;
padding-top: 24px;
padding-bottom: 38px;
margin: 0 auto;
line-height: 140%;
color: #7D7D7D;
}

.alt-auth-footer {
  position: relative;
  height: 24px;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, helvetica, sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #575757;
  background: #333333;
  background: -moz-linear-gradient(top, #333333 0%, #2c2c2c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333),
    color-stop(100%, #2c2c2c));
  background: -webkit-linear-gradient(top, #333333 0%, #2c2c2c 100%);
  background: -o-linear-gradient(top, #333333 0%, #2c2c2c 100%);
  background: -ms-linear-gradient(top, #333333 0%, #2c2c2c 100%);
  background: linear-gradient(to bottom, #333333 0%, #2c2c2c 100%);
}

.alt-auth-regular-input {
    width: 100%;
    padding: 5px;
    border: 1px solid #DEDDE4;
    background-color: #FAFAFA;
    text-indent: 3px;
    border-radius: 4px;
    font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
	font-style: normal;
    font-weight: normal;
	font-size: 16px;
	color: #2C2C2C;

}


.alt-auth-roaming-error-box {
    /* Rectangle 2.6 */

position: relative;
width: 362px;
height: 90px;
background: rgba(255, 0, 0, 0.1);
box-shadow: 0px 4px 10px #FBFBFB;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}

.alt-auth-roaming-error-box-msg {
position: absolute;
width: 317px;
height: 41px;
left: 27px;
top: 18px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 20px;
color: #D63030;
}

.alt-auth-roaming-error-box-msg:lang(ar) {
position: absolute;
width: 317px;
height: 41px;
left: 27px;
top: 18px;
font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 20px;
color: #D63030;
}

.alt-auth-nav-100:lang {
line-height: inherited;
}

.alt-auth-nav-100:lang(ar) {
line-height: 100%;
}

.altAuthlogoBar {
  z-index: 56;
  height: 75px;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
}

.altAuthlogoBar span {
  height: 32px;
}

.altAuthlogoBar h1 span {
  font-size: 38px !important;
  color: #2A2D35 !important;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif !important;
  font-weight: 500 !important;
  -webkit-font-smoothing: antialiased !important;
  width: auto;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.altAuthlogoBar a span {
  font-size: 38px !important;
  color: #2A2D35 !important;
  font-family: "Source Sans Pro", "Noto Kufi Arabic", Arial, Helvetica, sans-serif !important;
  font-weight: 500 !important;
  -webkit-font-smoothing: antialiased !important;
  width: auto;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.altAuthlogoBar a span:hover {
  text-decoration: none !important;
}

.altAuthlogoBar a:hover {
  text-decoration: none !important;
}
[dir=rtl] .margin-left-54--reversible {
 margin-left: 0 !important;
 margin-right: 54px !important;
}
.margin-left-54--reversible {
 margin-left: 54px !important;
 margin-right: 0 !important;
}
[dir=rtl] .margin-left-30--reversible {
 margin-left: 0 !important;
 margin-right: 30px !important;
}
.margin-left-30--reversible {
 margin-left: 30px !important;
 margin-right: 0 !important;
}
[dir=rtl] .margin-right-5--reversible {
 margin-right: 0 !important;
 margin-left: 5px !important;
}
.margin-right-5--reversible {
 margin-right: 5px !important;
 margin-left: 0 !important;
}