/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@font-face
{
  font-family: 'Almoni';
  src: url('../fonts/Almoni-dl-aaa-400.ttf')  format('truetype');
  font-weight: 400;
}
@font-face
{
  font-family: 'Assistant';
  src: url('../fonts/Assistant-Regular.ttf')  format('truetype');
  font-weight: 400;
}
@font-face
{
  font-family: 'Assistant';
  src: url('../fonts/Assistant-Bold.ttf')  format('truetype');
  font-weight: 700;
}
@font-face
{
  font-family: 'Assistant';
  src: url('../fonts/Assistant-ExtraBold.ttf')  format('truetype');
  font-weight: 800;
}
@font-face
{
  font-family: 'Assistant';
  src: url('../fonts/Assistant-ExtraLight.ttf')  format('truetype');
  font-weight: 200;
}
@font-face
{
  font-family: 'Assistant';
  src: url('../fonts/Assistant-Light.ttf')  format('truetype');
  font-weight: 300;
}
@font-face
{
  font-family: 'Assistant';
  src: url('../fonts/Assistant-SemiBold.ttf')  format('truetype');
  font-weight: 600;
}
@font-face
{
  font-family: 'Aljazeera';
  src: url('../fonts/AlJazeeraArabicRegular.woff') format('woff');
}
@font-face
{
  font-family: 'Aljazeera';
  src: url('../fonts/AlJazeeraArabicBold.woff') format('woff');
  font-weight: 700;
}

/* NLI CUSTOMISATION: Header style */
h2
{
  font-size: 1.125rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #007FAD;
}

h3
{
  font-weight: bold;
}

/* NLI CUSTOMISATION: Button color */
/* svg elements need "fill" instead of "color", annoyingly */
a svg, button svg
{
  fill: white;
}

span.arabicsymbols
{
  font-family: Helvetica !important;
}

/* NLI CUSTOMISATION: Button color */
#clipconfirmbutton svg { fill: #007CA9; }
#clipcancelbutton svg { fill: #f89911; }

/* Re-style bootstrap's ".btn-light" button a little. Since bootstrap-4.0.0-beta button's borders and backgrounds are the same color, but in the case of .btn-light I think it needs a darker border or it nearly vanishes.
 *    Note that rgb(0,0,0,.15) (#d8d8d8) is the same color used for the border of a .form-control */
.btn-primary, .btn-light
{
  background-color: #007FAD;
  border-color: #2EC7FF;
  color: white;
}
.btn-light:hover
{
  background-color: #006589;
  color: white;
}
.btn-light.disabled, .btn-light:disabled
{
  color: white;
  background-color: #CCC;
}
a:hover svg, button:enabled:hover svg
{
  fill: white;
}

/* NLI CUSTOMISATION: Main color */
.maincolor, .textcorrectblockcolor
{
  background-color: #007FAD;  /* Bootstrap's "brand-primary" colour */
}
.form-control:focus
{
  box-shadow: inset 0 0 0.5rem rgb(0 127 173 / 50%);
}
.btn-primary.focus, .btn-primary:focus
{
  box-shadow: inset 0 0 0.5rem rgb(255 255 255 / 50%);
}
.btn-primary:not(:disabled):not(.disabled):active:focus
{
  box-shadow: inset 0 0 0.5rem rgb(255 255 255 / 50%);
}
.btn-light.focus, .btn-light:focus
{
  box-shadow: inset 0 0 0.5rem rgb(0 0 0 / 25%);
}
.btn-light:not(:disabled):not(.disabled):active:focus
{
  box-shadow: inset 0 0 0.5rem rgb(0 0 0 / 25%);
}

/* NLI CUSTOMISATION: Main color */
div#datebrowserrichardmonthlevelcalendarheader
{
  background-color: #F7F7F9;  /* Bootstrap's "gray-lightest" colour */
  border: 1px solid #007FAD;  /* Bootstrap's "brand-primary" colour */
  border-radius: 0.25rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.75rem;
  padding-left: 0.5rem;
}

.form-control:focus
{
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0,127,173,.25) inset;
          box-shadow: 0 0 0 0.2rem rgba(0,127,173,.25) inset;
}

/*--------------------------------------------------------*/
/* Custom Layout [START] */
/*--------------------------------------------------------*/
body
{
  direction: ltr;
}

div#headertopcell
{
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: #043055;
  color: white;
  border-color: transparent;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1.125rem;
  width: 100%;
}
div#headertopcell a
{
  color: white;
}
div#headertopcell > div
{
  font-size: 1.25rem;
}

div#headertopcell > div#collectiontitlecell
{
  text-align: center;
  font-size: 2rem;
  line-height: 1;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
}
.nlihomepage div#headertopcell > div#collectiontitlecell
{
  display: none;
}
#searchpagesearchresultfacets span.searchresultfacetentrycount
{
  margin-left: 5px;
  margin-right: 5px;
}
span.tagresultfacetentrycount
{
  margin-left: 5px;
  margin-right: 5px;
}
@media (max-width: 1200px)
{
  div#headertopcell > div#collectiontitlecell
  {
    display: none;
  }
}
@media (max-width: 800px)
{
  div#headertopcell > div#collectiontitlecell
  {
    display: block;
    font-size: 1.5rem;
  }
}

div#logocell
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (max-width: 800px)
{
  div#logocell
  {
    width: 50%;
  }
  .nlihomepage div#logocell
  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

div#logocell > div
{
  line-height: 86px;
}

div#bannerlogo.offsetbannerlogo
{
  margin-bottom: 0;
  top: 0;
  padding-left: 5px;
  padding-right: 40px;
  padding-bottom: 0;
  -ms-flex-preferred-size: 302px;
  flex-basis: 302px;
}

div#bannerlogo img
{
  width: unset;
}
@media (max-width: 500px)
{
  div#bannerlogo.offsetbannerlogo
  {
    padding-right: 5px;
  }
  div#bannerlogo img
  {
    width: 100%;
  }
}

div#headertopcell div#helpcell > a > svg
{
  fill: white;
}

div#headertopcell > div#linkscell
{
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 0.5;
  -ms-flex: 0.5;
          flex: 0.5;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
}
div#linkscell > div
{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
#linkscell svg
{
  fill: white;
}
#linkscell svg:hover
{
  fill: #007FAD;
}

form#minimalqueryform
{
  width: 100%;
  max-width: 600px;
  padding-top: 5.2rem;
}
form#minimalqueryform .btn-light
{
  background-color: white;
  padding: 0 1rem;
}
form#minimalqueryform .btn-light:hover
{
  color: #1C4D66;
}

@media (max-width: 1200px)
{
  form#minimalqueryform .btn-light
  {
    padding: 0 0.5rem;
  }
}

div#languageswitch
{
  margin-left: 0;
  min-width: 73px;
}
div#languageswitch a.active,
div#languageswitchcollapsed a.active
{
  text-decoration: underline;
  font-weight: bold;
}

div#userlinks
{
  text-align: right;
}
div#userlinks a
{
  padding-left: 5px;
  padding-right: 5px;
}

body.nlihomepage div#headermiddlecell
{
  color: white;
  border-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack:
  justify;-ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1.125rem;
  padding-top: 4.75rem;
  padding-bottom: 4.75rem;
}
div#headermiddlecell
{
  display: none;
}

@media (max-width: 1200px)
{
  body.nlihomepage div#headermiddlecell
  {
    padding-top: 3rem;
    padding-bottom: 2rem;
  }
}
@media (max-width: 800px)
{
  body.nlihomepage div#headermiddlecell
  {
    padding-top: 1rem;
    padding-bottom: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

div#titlecell
{
  font-size: 4.5rem;
  font-weight: bold;
  line-height: 1.2;
  margin-left: 0;
  margin-right: 2rem;
  padding-bottom: 1rem;
}
div#titlecell > div.horizontalline
{
  border-top: 0.6rem solid white;
  width: 130px;
  margin-top: 1.5rem;
}

@media (max-width: 1400px)
{
  div#titlecell
  {
    font-size: 3.5rem;
  }
}
@media (max-width: 1200px)
{
  div#titlecell
  {
    font-size: 2.5rem;
  }
}
@media (max-width: 1000px)
{
  div#titlecell
  {
    font-size: 2rem;
  }
}
@media (max-width: 800px)
{
  div#titlecell
  {
    margin-right: 0;
  }
  div#titlecell > div.horizontalline
  {
    border-top: 0;
    margin-top: 0;
  }
}
@media (max-width: 600px)
{
  div#titlecell
  {
    font-size: 1.2rem;
  }
}

#headermiddlecell #minimalqueryform button svg
{
  fill: #043055;
}
#headermiddlecell #minimalqueryform button svg:hover
{
  fill: #007FAD;
}
input#navbarsearchinputtxq
{
  height: 58px;
  font-size: 1.5rem;
}

@media (max-width: 1200px)
{
  input#navbarsearchinputtxq
  {
    height: 42px;
    font-size: 1rem;
  }
}

div#numbercell
{
  padding-top: 3rem;
  white-space: nowrap;
}
div#numbercell > *
{
  display: inline-block;
  vertical-align: middle;
  font-size: 2.5rem;
  line-height: 0.85;
}
div#numbercell div.headerstatunit
{
  font-size: 1.75rem;
}
div#numbercell > img
{
  width: 56px;
  padding-left: 12px;
  padding-right: 12px;
}
div#numbercell > div
{
  border-left: 2px white solid;
  border-right: 1.5rem;
  padding-left: 1rem;
  padding-right: 1.5rem;
}

@media (max-width: 1200px)
{
  div#numbercell
  {
    padding-top: 2rem;
  }
  div#numbercell > *
  {
    font-size: 1.5rem;
  }
  div#numbercell div.headerstatunit
  {
    font-size: 1rem;
  }
  div#numbercell > img
  {
    width: 44px;
    padding-left: 6px;
    padding-right: 6px;
  }
  div#numbercell > div
  {
    padding-left: 0.75rem;
    padding-right: 1rem;
  }
}
@media (max-width: 800px)
{
  div#numbercell
  {
    padding-top: 1rem;
  }
}
@media (max-width: 500px)
{
  div#numbercell > *
  {
    font-size: 1.2rem;
  }
  div#numbercell > div
  {
    padding-left: 0.2rem;
    padding-right: 0.4rem;
  }
  div#numbercell div.headerstatunit
  {
    font-size: 0.8rem;
  }
}

div#middletitlecell
{
  display: none;
  color: white;
  background-color: #043055;
  font-size: 2rem;
  text-align: center;
}
.nlihomepage div#middletitlecell
{
  display: none;
}

@media (max-width: 1200px)
{
  div#middletitlecell
  {
    display: block;
  }
}
@media (max-width: 800px)
{
  div#middletitlecell
  {
    display: none;
  }
}

div#headerbottomcell.jrdcustomstyle
{
  background-color: #E96b17;
}

div.nlipartnerdisplay
{
  padding: 1rem;
}
@media (max-width: 1100px)
{
  html.nli div#headerbottomcell
  {
    display: flex;
    flex-direction: column;
  }
  html.nli div.nlipartnerdisplay { padding: 0rem 1rem 1rem 1rem; }
}
@media (max-width: 800px)
{
  html.nli div.nlipartnerdisplay { padding: 1rem; }
}
div.nlipartnerdisplay img
{
  height: 40px;
  padding: 0 10px;
}
div.nlipartnerdisplay, div.nlipartnerdisplay a
{
  color: white;
  text-decoration: none;
}

div#navbar a
{
  padding: 1rem 1rem;
  color: white;
  font-size: 1.25rem;
  font-weight: bold;
}
div#navbar a:hover
{
  background-color: #40A9F4;
}

div#navbarcollapsed
{
  -webkit-box-flex: unset;
  -ms-flex: unset;
  flex: unset;
  min-width: 52px;
}
div#navbarcollapsed nav
{
  background-color: #40A9F4;
}
div#languageswitchcollapsed
{
  padding: .25rem 1.5rem;
  line-height: 30px;
  color: white;
}
div#navbarcollapsed .dropdown-item
{
  line-height: 30px;
  font-size: 1.125rem;
}

nav#breadcrumbscell
{
  background-color: #F7F7F9;
  border-bottom: 1px solid #ECEEEF;
}
nav#breadcrumbscell a svg
{
  fill: #007FAD;
}

.breadcrumb
{
  border-bottom: 0;
}

div#homepagerightcolumn svg
{
  fill: #007FAD;
}
#documentdisplayrightpaneheader a svg, #documentdisplayrightpaneheader button svg, svg.touchclickable
{
  fill: #007FAD;
}

body.nlihomepage footer#footer
{
  padding-top: 20px;
  padding-bottom: 20px;
}
footer#footer
{
  background-color: #363636;
  color: white;
  font-size: 0.9rem;
  border-top: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media (max-width: 900px)
{
  body.nlihomepage footer#footer
  {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

footer#footer a
{
  color: white;
  text-decoration: underline;
}

div#footercontent
{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 10px;
}
@media (max-width: 900px)
{
  div#footercontent
  {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  div#footercontent > div
  {
    padding: 10px;
  }
}

div#footercenter
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
div#footercenter a { text-decoration: none; }
div#footercenter a:hover { text-decoration: underline }

div#footercopyright img
{
  width: unset;
  display: none;
}
@media (max-width: 500px)
{
  div#footercopyright img
  {
    width: 100%;
  }
}
body.nlihomepage div#footercopyright img
{
  display: block;
}

div#footercopyright
{
  text-align: center;
}

div.jssocials-share-facebook .jssocials-share-link,
div.jssocials-share-twitter .jssocials-share-link,
div.jssocials-share-googleplus .jssocials-share-link,
div.jssocials-share-email .jssocials-share-link
{
  background-color: #363636;
  border-radius: 50%;
}
div#socialbookmarks
{
  font-size: 0.8rem;
}
.jssocials-share-logo
{
  width: 0.9em;
}
#footersocialbookmarks .jssocials-share
{
  margin: .3em 1.5em .3em 0;
}

@media (max-width: 800px)
{
  .hiddenwhensmall
  {
    display: none !important;
  }
  .hiddenwhennotsmall
  {
    display: block !important;
  }
  .borderradiusrightwhensmall
  {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }

  form#minimalqueryform
  {
    max-width: unset;
  }
}
@media (min-width: 801px)
{
  .hiddenwhennotsmall
  {
    display: none !important;
  }
  body
  {
    font-size: 17px;
  }
}
@media (min-width: 1201px)
{
  body
  {
    font-size: 1.2rem;
  }
}

div.inputformwrappingdivtable500 > div > div input
{
  max-width: 100%;
}

.nliajaxsearchresultstoggle
{
  font-size: 70%;
}

.nliajaxdocumentareatoggle
{
  font-size: 70%;
}

.nlisearchtitlelabel
{
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

div.documentdisplayleftpanetabareaheader h3
{
  font-weight: 400;
  margin: 0;
  padding: 0.5rem;
}

.nlisearchtogglepadding
{
  padding: 5px;
}

.nlipublicationleveltogglepadding
{
  padding: 5px;
}

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

.editmetadatavaluelink > svg.svgicon
{
  fill: #043055;
  vertical-align: bottom;
}

a#documentdisplayleftpanehidelink > svg.svgicon:hover, a#documentdisplayleftpaneshowlink > svg.svgicon:hover
{
  fill: #043055;
}


/*--------------------------------------------------------*/
/* Custom Layout [END] */
/*--------------------------------------------------------*/


/*--------------------------------------------------------*/
/* Custom Homepage [START] */
/*--------------------------------------------------------*/
.nlihomepage {
  background-size: contain;
  background-repeat: repeat-y;
  background-attachment: fixed;
}
nav#breadcrumbscell, footer#footer, div#content
{
  padding: 0 5%;
}
div#content.documentpage
{
  padding: 0;
}
div#headertopcell {
  padding: 6px 5%;
}
div#headermiddlecell {
  padding-left: 5%;
  padding-right: 5%;
}
div#headerbottomcell
{
  background-color: #007CA9;
  border-bottom: 0;
}
div#headerbottomcell
{
  padding: 0 5%;
}
.nlihomepage div#content {
  background: white;
  opacity: 0.9;
  padding-top: 3rem;
}
div#homepagecontent {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

div#welcomemessage
{
  margin-right: 3rem;
}
@media (max-width: 1200px)
{
  div#welcomemessage
  {
    margin-right: 0rem;
  }
}

div#welcomemessage > div#homepageheader
{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
div#welcomemessage > div#homepageheader > h2
{
  margin-top: 0.5rem;
  text-align: unset;
  text-transform: none;
  font-size: 42px;
  font-weight: 700;
  white-space: nowrap;
}
div#welcomemessage > div#homepageheader > hr
{
  margin: 10px 10px 0px 10px;
  border-width: 5px;
}
@media (max-width: 1200px)
{
  div#welcomemessage > div#homepageheader > h2
  {
    font-size: 20px;
  }
  div#welcomemessage > div#homepageheader > hr
  {
    margin: 0px 10px;
    border-width: 2px;
  }
}

div#homepagecontent div#linksandsamples
{
  min-width: 250px;
  padding: 0 30px;
}
div#homepagecontent div#linksandsamples img
{
  box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  padding: 0px;
  margin: 5px 0px;
  width: 500px !important;
}
div#homepagecontent div#linksandsamples h2
{
  text-transform: none;
  font-size: 1.2rem;
}
@media (max-width: 1200px)
{
  div#homepagecontent div#linksandsamples
  {
    min-width: 300px;
  }
}

@media (max-width: 500px)
{
  .nlihomepage div#headertopcell, .nlihomepage div#headermiddlecell, .nlihomepage div#headerbottomcell, .nlihomepage div#content, .nlihomepage footer
  {
    padding: 0 5px;
  }
}

/* Media Querys used to control the layout of the dropdown menu for smaller screens */

@media (max-height: 470px)
{
  div#navbarcollapsed .dropdown-item
  {
    line-height: 20px;
  }
  div#languageswitchcollapsed
  {
    line-height: 20px;
  }
}

@media (max-width: 885px)
{
  div#welcomemessage > h2
  {
    margin-top: 0.5rem;
    text-align: unset;
    font-size: 26px;
    font-weight: 700;
  }
  .dropdown-toggle::after
  {
    display: none;
  }
}
/*--------------------------------------------------------*/
/* Custom Homepage [END] */
/*--------------------------------------------------------*/



/*--------------------------------------------------------*/
/* Custom Title and Tag Search [START] */
/*--------------------------------------------------------*/
div#nlititletagsearchwrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  margin: 10px 0px;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 5px;
}

div#nlititletagsearchwrapper > div {
  width: 50%;
  padding-right: 5px;
  padding-left: 0px;
  margin-top: 10px;
}

div.nliajaxsearchresults {
  padding: 10px;
  margin-bottom: -10px;
  font-size: 70%;
}

div.nliajaxsearchresult {
  padding-bottom: 10px;
}

div.nliajaxsearchresult > div {
  padding: 3px 10px 3px 10px;
}
/*--------------------------------------------------------*/
/* Custom Title and Tag Search [END] */
/*--------------------------------------------------------*/



/*--------------------------------------------------------*/
/* Publication/Document Tag/Comment Support [START] */
/*--------------------------------------------------------*/
div#publicationtagscommentswrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px dashed #d0d0d0;
  border-radius: 0.25rem;
  padding: 10px;
  margin-bottom: 20px;
}

div#publicationtagscommentswrapper div#publicationtagwrapper {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-right: 5px;
  padding-left: 5px;
  width: 50%;
}

div#publicationtagscommentswrapper div#publicationcommentwrapper {
  -webkit-box-flex: 4;
  -ms-flex-positive: 4;
  flex-grow: 4;
  padding-right: 5px;
  padding-left: 5px;
  border-left: 1px dashed #d0d0d0;
  width: 50%;
}

div#publicationtagscommentswrapper div.publicationtagcommentdivheader, div#nlititletagsearchwrapper div.nlisearchheader {
  background-color: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

div#publicationtagscommentswrapper div.publicationtagcommentdivheader h3, div#nlititletagsearchwrapper div.nlisearchheader h3 {
  font-weight: 400;
  margin: 0;
  padding: 0.5rem;
}

div#publicationtagscommentswrapper div.publicationtagcommentdivpadding {
  padding: 0px;
}

div#publicationtagscommentswrapper form input.btn {
  margin-top: 10px;
  margin-bottom: 10px;
}

form#adddocumentcommentform input[type="submit"], form#adddocumenttagform input[type="submit"] {
    margin-top: 5px;
}

@media (max-width: 1480px){
 div#publicationtagscommentswrapper div.publicationtagcommentdivheader, div#nlititletagsearchwrapper div.nlisearchheader {
  background-color: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 0.25rem;
  display: block;
}
}
/*--------------------------------------------------------*/
/* Publication/Document Tag/Comment Support [END] */
/*--------------------------------------------------------*/



/*--------------------------------------------------------*/
/* Publication Browser [START] */
/*--------------------------------------------------------*/
.nli-title-keyword
{
  padding: 0.5rem 0.5rem 0.5rem 0;
}

#nli-title-browser-control-wrapper
{
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
#nli-title-browser-control-wrapper > div
{
  -webkit-box-flex :1;
  -ms-flex :1;
  flex :1;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
#nli-title-browser-control-wrapper > div#nli-title-browser-year-cell
{
  -webkit-box-flex :2;
  -ms-flex :2;
  flex :2;
  text-align: center;
}
#year-selector
{
  padding-left: 3rem;
  padding-right: 3rem;
}

/* Title browser year selector style */
.ui-widget-content .ui-state-active
{
  border: 1px solid #007fff;
  background: #f6f6f6;
}

.ui-slider-tooltip
{
  position: absolute;
  visibility: hidden;
  top: -40px;
  display: block;
  width: 34px;
  margin-left: -18px;
  left: 50%;
  height: 20px;
  line-height: 20px;
  background: white;
  border-radius: 3px;
  border: 1px solid #888;
  text-align: center;
  font-size: 12px;
  opacity: 0;
  color: #333;
  -webkit-transition-property: opacity, top, visibility;
  -o-transition-property: opacity, top, visibility;
  transition-property: opacity, top, visibility;
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
     transition-timing-function: ease-in;
  -webkit-transition-duration: 200ms, 200ms, 0ms;
  -o-transition-duration: 200ms, 200ms, 0ms;
     transition-duration: 200ms, 200ms, 0ms;
  -webkit-transition-delay: 0ms, 0ms, 200ms;
  -o-transition-delay: 0ms, 0ms, 200ms;
     transition-delay: 0ms, 0ms, 200ms;
}
.ui-slider-tooltip:before
{
  content: " ";
  width: 0;
  height: 0;
  border: 5px solid rgba(255,255,255,0);
  border-top-color: #888;
  position: absolute;
  bottom: -11px;
  left: 50%;
  margin-left: -5px;
}
.ui-slider-tooltip:after
{
  content: " ";
  width: 0;
  height: 0;
  border: 5px solid rgba(255,255,255,0);
  border-top-color: white;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
}

.ui-slider-pips .ui-slider-pip-label .ui-slider-label
{
  color: #999;
}
.ui-slider-pips [class*=ui-slider-pip-initial]
{
  font-weight: bold;
}

.nli-title-browser-filter-status,
.nli-tag-browser-filter-status
{
  display: none;
  text-align: center;
  line-height: 2.28571rem;
  font-size: 1.2em;
  padding: 0.8rem 0.7rem 0.7rem 0;
  border-bottom: 1px solid #999;
}

/* Title browser list style */
.nli-title-browser-row,
.nli-title-browser-header-row
{
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  border-bottom: 1px solid #F7F7F9;
  padding: 0.25rem 0 0.25rem 0;
}

.nli-title-browser-header-row a
{
  font-weight: 600;
  color: #000;
}

.nli-title-browser-header-row > div
{
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
    -webkit-box-pack: justify;
      -ms-flex-pack: justify;
        justify-content: space-between;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  background-color: #f4f4f4;
}
.nli-title-browser-header-row > div,
.nli-title-browser-row > div
{
  padding: 0 0.25rem 0 0.25rem;
}

.nli-title-browser-header-row > div,
.nli-title-browser-row > div
{
  padding: 0 0.25rem 0 0.25rem;
}

.nli-title-browser-header-row span.down,
.nli-title-browser-header-row span.up
{
  padding: 0 3px 0 3px;
  display: none;
}
.nli-title-browser-header-row .tt span.up
{
  padding: 0 3px 0 3px;
  display: block;
}

.nli-title-browser-empty-row
{
  display: none;
  line-height: 2.28571rem;
  font-size: 1.2em;
  padding: 0.8rem 0.7rem 0.7rem 0;
  border-bottom: 1px solid #999;
}

 .nli-title-browser-row .tt.locked a
{
  color:#9c9c9c;
}

.nli-title-browser-row .tt
{
  width: 2%;
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
}

.nli-title-browser-row .tt, .nli-title-browser-header-row .tt,
.nli-title-browser-row .to, .nli-title-browser-header-row .to
{
  width: 30%;
}

.nli-title-browser-row .co, .nli-title-browser-header-row .co,
.nli-title-browser-row .re, .nli-title-browser-header-row .re,
.nli-title-browser-row .la, .nli-title-browser-header-row .la
{
  width: calc(40%/3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nli-title-browser-row .af, .nli-title-browser-header-row .af,
.nli-title-browser-row .at, .nli-title-browser-header-row .at
{
  width: calc(30%/2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nli-title-browser-row:hover
{
  background-color: #e0e0e0;
}

@media (max-width: 1000px)
{
  div.publicationbrowserlist
  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  div.nli-title-browser-row
  {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    border: 1px dashed #b0b0b0;
    border-radius: 10px;
    margin: 3px;
   padding: 5px;
  }

  #nli-title-browser-control-wrapper
  {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #nli-title-browser-control-wrapper > div#nli-title-browser-year-cell
  {
    -webkit-box-flex :1;
    -ms-flex :1;
    flex :1;
    text-align: left;
  }
  #year-selector
  {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .nli-title-browser-header-row
  {
    display: none;
  }

  .nli-title-browser-row
  {
    display: block;
  }

  .nli-title-browser-row .tt
  {
    width: 100%;
  }

  .nli-title-browser-row .to,
  .nli-title-browser-row .co,
  .nli-title-browser-row .re,
  .nli-title-browser-row .la,
  .nli-title-browser-row .pt,
  .nli-title-browser-row .af,
  .nli-title-browser-row .at,
  .nli-browser-includes-pubtypes .nli-title-browser-row .co,
  .nli-browser-includes-pubtypes .nli-title-browser-row .re,
  .nli-browser-includes-pubtypes .nli-title-browser-row .la,
  .nli-browser-includes-pubtypes .nli-title-browser-row .pt
  {
    width: 100%;
    font-size: 0.8rem;
  }

  .nli-title-browser-row span
  {
    display: inline;
    font-weight: 600;
    margin-right: 0.5rem;
  }
  .nli-title-browser-row span::after
  {
    content: ':';
  }

  /* These rtl settings have to be here to take effect */
  html[dir='rtl'] .nli-title-browser-row span
  {
    margin-left: 0.5rem;
    margin-right: 0;
  }

  html[dir='rtl'] #nli-title-browser-control-wrapper > div#nli-title-browser-year-cell
  {
    text-align: right;
  }
}

@media (max-width: 700px)
{
  div.nli-title-browser-row
  {
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
  }
}

@media (max-width: 350px)
{
  div.nli-title-browser-row
  {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
/*--------------------------------------------------------*/
/* Publication Browser [END] */
/*--------------------------------------------------------*/



/*--------------------------------------------------------*/
/* Publication Title [START] */
/*--------------------------------------------------------*/
h3.switchtojrayed
{
  display: table;
  padding: 10px;
  border-radius: 5px;
  border: 3px solid #E96b17;
}
h3.switchtojrayed a
{
  color: #E96b17;
}
div#pubdescriptionwrapper
{
  position: relative;
  max-height: 300px;
  overflow: hidden;
}
div#pubdescriptionoverlay
{
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background: -o-linear-gradient(bottom,
     rgba(255,255,255, 1) 0%,
     rgba(255,255,255, 0) 50%,
     rgba(255,255,255, 0) 100%
  );
  background: -webkit-gradient(linear,
     left bottom, left top,
     from(rgba(255,255,255, 1)),
     color-stop(50%, rgba(255,255,255, 0)),
     to(rgba(255,255,255, 0))
  );
  background: linear-gradient(to top,
     rgba(255,255,255, 1) 0%,
     rgba(255,255,255, 0) 50%,
     rgba(255,255,255, 0) 100%
  );
  pointer-events: none; /* so the text is still selectable */
}
div#pubdescriptiontoggle
{
  font-size: 70%;
  color: #004e6b;
  cursor: pointer;
  text-decoration: none;
}
div#pubdescriptiontoggle:hover
{
  text-decoration: underline;
}
div#pubdescriptioncontent
{
  text-align: justify;
}

span#pubrightsexpand
{
  color: #004e6b;
  cursor: pointer;
  text-decoration: none;
}
span#pubrightsexpand:hover
{
  text-decoration: underline;
}
div.publicationlogo
{
  float:right;
  border: 15px solid #f0f0f0;
  border-radius: 5px;
  margin: 10px;
}
html[dir='rtl'] div.publicationlogo
{
 float: left;
}

div.sponsorsdiv
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
div.sponsorsdiv a
{
  text-decoration: none;
}
div.sponsorsdiv div.onesponsordiv
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 200px;
  border: 1px dotted #b0b0b0;
  border-radius: 5px;
  padding: 3px;
  margin: 3px;
  height: 200px;
  -webkit-transition: background-color .25s ease-in-out;
  -o-transition: background-color .25s ease-in-out;
  transition: background-color .25s ease-in-out;
}
div.sponsorsdiv div.onesponsordiv:hover
{
  background-color: #e0e0e0;
}
div.sponsorsdiv div.onesponsordiv span
{
  text-align: center;
  font-size: 80%;
  font-weight: bold;
}
div.sponsorsdiv div.onesponsordiv img
{
  max-width: 150px;
  max-height: 100px;
}
div.widthrestrictiondefault
{
  max-width: 100%;
}

div#publicationwrapper
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

div#publicationmetawrapper
{
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; /* Let's display the publication information first when it is under small screen mode */
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  max-width: 40%;
  min-width: 300px;
}
@media (max-width: 900px)
{
  div#publicationmetawrapper
  {
    max-width: 100%;
    min-width: auto;
  }
}

div#publicationmetawrapper h2
{
  font-weight: bold;
}

div#publicationmetawrapper .publicationclassifiersearchform
{
  padding-bottom: 1rem;
}

div#publicationlevelcontentwrapper
{
  padding-top: 20px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; /* Let's display the publication information first when it is under small screen mode */
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  border-left: 0px;
  margin-left: 0px;
  padding-left: 0px;
}

div#publicationbrowsedecadelist
{
  max-width: 1250px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
}
div#publicationbrowsedecadelist > a
{
  padding: 5px 10px;
  margin: 3px;
  border: 1px solid #b0b0b0;
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
  white-space: nowrap;
  text-decoration: none;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  font-size: 80%;
  text-align: center;
  border-radius: 5px;
  background-color: #f0f0f0;
}
div#publicationbrowsedecadelist > a:hover
{
  background-color: #d0d0d0;
}

div#datebrowserrichardtoplevelcalendar > div
{
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
div#datebrowserrichardtoplevelcalendar > div > h2
{
  text-align: center;
}
div#datebrowserrichardtoplevelcalendar > div > div
{
  width: calc(100% - 6rem);
}
div#datebrowserrichardtoplevelcalendar li a
{
  background-color: #f0f0f0;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s
}
div#datebrowserrichardtoplevelcalendar li a:hover
{
  background-color: #c0c0c0;
}
#datebrowserrichardtoplevelcalendar
{
  max-width: 1200px;
  margin: auto;
}
#datebrowserrichardtoplevelcalendar span.nav-link
{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
div#datebrowserrichardtoplevelcalendar ul > li
{
  width: calc((100% - (2 * 0.25rem)) / 3);
}
@media (min-width: 400px)
{
  div#datebrowserrichardtoplevelcalendar ul > li
  {
    width: calc((100% - (3 * 0.25rem)) / 4);
  }
}
@media (min-width: 500px)
{
  div#datebrowserrichardtoplevelcalendar ul > li
  {
    width: calc((100% - (5 * 0.25rem)) / 6);
  }
}
@media (min-width: 700px)
{
  div#datebrowserrichardtoplevelcalendar ul > li
  {
    width: calc((100% - (5 * 0.25rem)) / 6);
  }
}

@media (min-width: 900px)
{
  div#publicationwrapper
  {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  div#publicationmetawrapper
  {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  div#publicationlevelcontentwrapper
  {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-top: 0px;
    border-left: 1px solid black;
    margin-left: 20px;
    padding-left: 20px;
  }

  div#datebrowserrichardtoplevelcalendar ul > li
  {
    width: calc((100% - (11 * 0.25rem)) / 12);
  }

  div#datebrowserrichardtoplevelcalendar ul > li.nlipublicationcalendar
  {
    width: calc((100% - (11 * 0.25rem)) / 6);
  }
}

@media (min-width: 1200px)
{
  div#datebrowserrichardtoplevelcalendar ul
  {
    border-bottom: 1px solid #ECEEEF;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/*--------------------------------------------------------*/
/* Publication Title [END] */
/*--------------------------------------------------------*/



/*--------------------------------------------------------*/
/* Query [START] */
/*--------------------------------------------------------*/

#searchinprogressholder {
  display: none;
  font-size: 70%;
  padding-top: 10px;
  padding-bottom: 10px
}

#searchinprogressholder img {
  width: 20px;
}

.disabledelement {
  pointer-events: none;
  opacity: 0.4;
}

#searchresultyeargraph {
  height: 154px;
  margin-bottom: 5px;
}

html[dir=rtl] div#booleanoperators
{
  padding-left: 5px;
  padding-right: 15px;
}
div#booleanoperators
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stratch;
      -ms-flex-align: stratch;
          align-items: stratch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0px;
  padding-left: 15px;
  border-top: 1px solid #CED4DA;
  border-bottom: 1px solid #CED4DA;
  color: #495057;
}
div#booleanoperators:hover
{
  color: #FFF;
}
div#booleanoperators #booleanoperatorselected
{
  padding-left: 0px;
  padding-right: 0px;
  width:40px;
}
div#booleanoperators>.dropdown
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
div#booleanoperators .dropdown-menu
{
  width: 100px;
}
div#booleanoperators a#moreoperatorlink
{
  display: block;
  height: 18px;
  width: 18px;
  position: relative;
}
div#booleanoperators a#moreoperatorlink > svg
{
  position: absolute;
  fill: #495057;
}


/* NLI CUSTOMISATION: Advanced search style */
.advancedsearchwrapper { display: none;}
div#searchpageadvancedsearchcontent > div
{
  width: 49.5%;
  min-height: 100%;
}

div#searchpageadvancedsearchcontent fieldset#nlilaqfieldset
{
  margin-bottom: 0px;
}
div#searchpageadvancedsearchcontent fieldset#nlipuqfieldset
{
  margin-bottom: 0px;
  height: 100%;
}

div#searchpageadvancedsearchcontent div#nlipuqbody
{
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
          flex-direction: column;
}
div#searchpageadvancedsearchcontent div#nlipuqselectiondiv
{
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nlimsdiv
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.nlimsdiv .nlimsfilter
{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.nlimsdiv #nlipuqfilter
{
  padding-bottom: 5px;
}
.nlimsdiv .nlimsfilter .nlimsclearfilter
{
  margin-left: -25px;
  margin-right: 0;
  display: none;
  cursor: pointer;
  z-index: 10;
}
.nlimsdiv .nlimsfilter .nlimsclearfilter svg
{
  margin-top: 3px;
  margin-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;
  width: 25px;
  height: 25px;
}

#nlipuqoptionfilter
{
  height: calc(1.8rem + 2px);
}

.nlimsdiv .nlimsdisplay
{
  padding-top: 5px;
  padding-bottom: 5px;
}

.nlimsdiv .nlimsdisplay .btn
{
  cursor: pointer;
}
.nlimsdiv .nlimsdisplay .nlimsselectedcountwrapper
{
  background-color: #fff !important;
  color: #000 !important;
  cursor: auto;
}
.nlimsdiv .nlimsdisplay .nlimsselectedcountwrapper:hover
{
  background-color: #fff !important;
  color: #000 !important;
}
.nlimsdiv .nlimsdisplay .nlimsselectedcount { font-weight: bold; }

.nlimsselectiondiv
{
  background-color: white;
  width: 100%;
  padding: 10px;
  border: 1px solid #e0e0e0;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 395px;
}

.nlimsselectiondiv.nlimsreqspecific
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: auto;
  overflow-y: auto;
  overflow-x: auto;
}

.nlimsselectiondiv.nlimsreqspecific>div
{
  -ms-flex-preferred-size: 123px;
      flex-basis: 123px;
}

.nlimsselectiondiv.nlimslaqspecific
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: auto;
  overflow-y: auto;
  overflow-x: auto;
}

.nlimsselectiondiv.nlimslaqspecific>div
{
  -ms-flex-preferred-size: 123px;
      flex-basis: 123px;
}

.nlimsselectiondiv label
{
  cursor: pointer;
}

@media (max-width: 800px)
{
  div#searchpageadvancedsearchcontent > div { width: 100%; }
}

#languagelist
{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
          justify-content: space-between;
}
#languagelist > div
{
  white-space: nowrap;
  width: 24%;
}

@media (max-width: 1000px)
{
  #languagelist > div
  {
    width: 32%;
  }
}
@media (max-width: 500px)
{
  #languagelist > div
  {
    width: 49%;
  }
}

#advancedsearchcontrols
{
  text-align: center;
}
#advancedsearchcontrols button
{
  display: inline;
  margin: 4px;
}
#searchresultyeargraphtitle
{
  background-color: #007FAD;
}
/*--------------------------------------------------------*/
/* Query [END] */
/*--------------------------------------------------------*/



/*--------------------------------------------------------*/
/* Tag autocomplete [START] */
/*--------------------------------------------------------*/
.autocomplete-suggestions {
  text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; -webkit-box-shadow: -1px 1px 3px rgba(0,0,0,.1); box-shadow: -1px 1px 3px rgba(0,0,0,.1);

  /* core styles should not be changed */
  position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.autocomplete-suggestion
{
  background-color: white; position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 1.02em;
}
.autocomplete-suggestion.selected
{
  background: #e0e0e0;
}
.autocomplete-suggestion.dictionary-tag
{
  background-color: #fbe7ea;
}
.autocomplete-suggestion b  /* Used for the term highlighting */
{
  font-weight: normal; color: #069;
}
/*--------------------------------------------------------*/
/* Tag autocomplete [END] */
/*--------------------------------------------------------*/



/*--------------------------------------------------------*/
/* Tag browser [START] */
/*--------------------------------------------------------*/

#tagbrowserformcontainer, #tagbrowserform
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#tagbrowsercontainer
{
  padding-bottom: 0.5rem;
}

.nlitagvlist
{
  margin-bottom: 2em !important;
}

ul.sectionclassifiervlist > li.form-check
{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

input#selectalltags
{
  margin-top: 0.75rem;
}

input#deleteallbutton
{
  margin-left: 2rem;
}

a.edittaglink svg
{
  fill: #CAD0D3;
}

/*--------------------------------------------------------*/
/* Tag browser [END] */
/*--------------------------------------------------------*/


/*--------------------------------------------------------*/
/* Document page [START] */
/*--------------------------------------------------------*/
div.oseadhighlight svg 
{
  fill: #636C72;
  fill-opacity: .5;
}

/* NLI CUSTOMISATION: Page node display block */
.pagetocnodelink
{
  display: block;
}

/* NLI CUSTOMISATION: logical section hidden by default */
div.logicalsectiontocnodecontainer
{
  padding-right: 0;
}

div.logicalsectiontocnodecontainer a.logicalsectiontocnodelink,
div.logicalsectiontocnodecontainer span.logicalsectiongroupingnode,
div.pagetocnodecontainer a.pagetocnodelink
{
  background-image: url(../images/article.gif);
  background-size: 16px 16px;
}

/* NLI CUSTOMISATION: copy link style */
div#panojscontextmenupopup div.panojscopyurlcontainer a
{
  background-image: url(../images/copy.gif);
}

/* NLI CUSTOMISATION: Set social bookmarks style on context menus */
div.panojsaddthislinkcontainer
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #CAD0D3;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
div#panojscontextmenupopup .addthis_toolbox
{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding-left: 5px;
}
div#panojscontextmenupopup .addthis_toolbox a
{
  padding-left: 2px;
}

/* NLI CUSTOMISATION: Tutorial layer style on document display page */
div#documentdisplayheader a.pdflink
{
  line-height: 26px;
  display: block;
}

div.documentstaticpdflinkcontainer
{
  display: flex;
  align-items: center;
}

#documenttutorialpdfwrapper
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
#tutoriallink
{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 0.8rem;
  line-height: 30px;
}
#tutoriallink svg
{

  fill: #043055;
}
#viewertutorial
{
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #CCC;
  opacity: 0.5;
  z-index: 100;
}
div#documentdisplayheader a.tonormalmodelink
{
  display: block;
  line-height: 30px;
}
/* NLI CUSTOMISATION: Tutorial popup style on document display page */
.popper
{
  display: none;
  background-color: #FFF;
  border-radius: 8px;
  width: 250px;
  z-index: 105;
}
.popper .popper__arrow
{
  border-color: #FFF;
}

/* NLI CUSTOMISATION: Article clip on document display page */
#articleclipwrap > div
{
  padding: 1rem;
  margin-bottom: 1rem;
}
#articleclipwrap div.articleclippage
{
  position: relative;
}
#articleclipwrap div.imagecontainer
{
  margin: 0px;
}

/* NLI CUSTOMISATION: Print on document display page */
@media print
{
  div#documentdisplayheader h1
  {
    width: 100%;
  }
  #articleclipwrap > div
  {
    page-break-after: always;
    overflow-x: visible;
  }
}

/* NLI CUSTOMISATION: Buttons align in RTL*/
html[dir='ltr'] div.oseadviewerbuttons.rtl
{
  left: 0.25rem;
  right: unset;
}
/*--------------------------------------------------------*/
/* Document page [END] */
/*--------------------------------------------------------*/


/*========================================================*/
/* JS Socials CSS [START] */
/*========================================================*/
.jssocials
{
  font-size: 14px;
}
.jssocials-share-link
{
  border-radius: 25%;
}
div#socialshare-article, div#socialshare-page
{
  padding-left: 6px;
  padding-right: 6px;
}
div#socialshare-article div.jssocials-shares div.jssocials-share a, div#socialshare-page div.jssocials-shares div.jssocials-share a
{
  padding-left: 4px;
  padding-right: 4px;
  font-size: 8px;
}
/*========================================================*/
/* JS Socials CSS [END] */
/*========================================================*/

/*========================================================*/
/* User account CSS [START] */
/*========================================================*/
.form-check-label.disabled
{
  color: #CCC;
}
/*========================================================*/
/* User account CSS [END] */
/*========================================================*/

/*========================================================*/
/* RTL CSS [START] */
/*========================================================*/
html[dir='rtl'][lang='ar'] body
{
  font-family: AlJazeera, sans-serif;
}

/* Restore default value of Bootstrap */
html[dir='rtl'] input[type="checkbox"]
{
  margin-right: -1.25rem;
}

html[dir='rtl'] .vlistentryiconcell
{
  margin-left: 1rem;
  margin-right: 0;
}

.emptypage
{
  background-image: url(../images/article.gif);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 27px;
  padding-right: 0;
}
html[dir='rtl'] .emptypage
{
  background-image: url(../images/article.gif);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 27px;
}
html[dir='rtl'] .empty
{
  background-position: center right;
  padding-left: 0;
  padding-right: 27px;
}

html[dir='rtl'] div#bannerlogo.offsetbannerlogo
{
  padding-left: 40px;
  padding-right: 5px;
}
@media (max-width: 500px)
{
  html[dir='rtl'] div#bannerlogo.offsetbannerlogo
  {
    padding-left: 5px;
  }
}

html[dir='rtl'] body.nlihomepage div#headermiddlecell
{
  background-image: -o-linear-gradient(left,rgba(4,48,85,1),rgba(4,48,85,1),rgba(4,48,85,0.2),rgba(4,48,85,0));
  background-image: -webkit-gradient(linear,left top, right top,from(rgba(4,48,85,1)),color-stop(rgba(4,48,85,1)),color-stop(rgba(4,48,85,0.2)),to(rgba(4,48,85,0)));
  background-image: linear-gradient(to right,rgba(4,48,85,1),rgba(4,48,85,1),rgba(4,48,85,0.2),rgba(4,48,85,0));
}

html[dir='rtl'] div#titlecell
{
  margin-left: 2rem;
  margin-right: 0;
}
@media (max-width: 800px)
{
  html[dir='rtl'] div#titlecell
  {
    margin-left: 0;
  }
}

html[dir='rtl'] div#numbercell > div
{
  border-left: 1.5rem;
  border-right: 2px white solid;
  padding-left: 1.5rem;
  padding-right: 1rem;
}
@media (max-width: 1200px)
{
  html[dir='rtl'] div#numbercell > div
  {
    padding-left: 0.75rem;
    padding-right: 1rem;
  }
}
@media (max-width: 500px)
{
  html[dir='rtl'] div#numbercell > div
  {
    padding-left: 0.25rem;
    padding-right: 0.5rem;
  }
}

html[dir='rtl'] .breadcrumb-item
{
  float: right;
}

html[dir='rtl'] div#searchpageadvancedsearchcontent .form-control,
html[dir='rtl'] #datebrowserheader .form-control
{
  font-size: 0.8rem;
}

html[dir='rtl'] .nextprevdocumentlinkscell,
html[dir='rtl'] .nextprevsearchresultlinkscell
{
  border-left: 1px solid #ededed;
  padding-left: 1rem;
  border-right: 0;
  padding-right: 0;
}

html[dir='rtl'] .nextprevsearchresultlinkscell
{
  margin-right: 1rem;
  margin-left: 0;
}

html[dir='rtl'] .helpcontent
{
  margin-right: 1rem;
  margin-left: 0;
}

html[dir='rtl'] .helpcontent .example
{
  margin-right: 2rem;
  margin-left: 0;
}

html[dir='rtl'] div#socialshare-article div.jssocials-shares div.jssocials-share a, html[dir='rtl'] div#socialshare-page div.jssocials-shares div.jssocials-share a
{
  padding-left: 3px;
  padding-right: 3px;
}

html[dir='rtl'] .nli-title-keyword
{
  padding: 0.5rem 0 0.5rem 0.5rem;
}

html[dir='rtl'] .nlimsdiv .nlimsfilter .nlimsclearfilter
{
  margin-left: 0;
  margin-right: -25px;
}

html[dir='rtl'] div#publicationtagscommentswrapper div#publicationcommentwrapper
{
  border-left: 0;
  border-right: 1px dashed #d0d0d0;
}

@media (min-width: 900px)
{
  html[dir='rtl'] div#publicationlevelcontentwrapper
  {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
    border-right: 1px solid black;
    margin-right: 20px;
    padding-right: 20px;
  }
}

html[dir='rtl'] input#deleteallbutton
{
  margin-right: 2rem;
}
/*========================================================*/
/* RTL CSS [END] */
/*========================================================*/

/*========================================================*/
/* Arabic CSS [START] */
/*========================================================*/
html[lang='ar'] div#datebrowserrichardtoplevelcalendar ul > li
{
  width: calc((100% - (1 * 0.25rem)) / 2);
  font-size: 14px;
}
@media (min-width: 400px)
{
  html[lang='ar'] div#datebrowserrichardtoplevelcalendar ul > li
  {
    width: calc((100% - (2 * 0.25rem)) / 3);
  }
}
@media (min-width: 600px)
{
  html[lang='ar'] div#datebrowserrichardtoplevelcalendar ul > li
  {
    width: calc((100% - (3 * 0.25rem)) / 4);
  }
}
@media (min-width: 900px)
{
  html[lang='ar'] div#datebrowserrichardtoplevelcalendar ul > li
  {
    width: calc((100% - (5 * 0.25rem)) / 6);
  }
  html[lang='ar'] div#datebrowserrichardtoplevelcalendar ul > li.nlipublicationcalendar
  {
    width: calc((100% - (11 * 0.25rem)) / 4);
  }
}
@media (min-width: 1200px)
{
  html[lang='ar'] div#datebrowserrichardtoplevelcalendar ul > li
  {
    width: calc((100% - (11 * 0.25rem)) / 12);
  }
  html[lang='ar'] div#datebrowserrichardtoplevelcalendar ul > li.nlipublicationcalendar
  {
    width: calc((100% - (11 * 0.25rem)) / 6);
  }
}
/*========================================================*/
/* Arabic CSS [END] */
/*========================================================*/

#viewerannouncement
{
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #CCC;
  opacity: 0.5;
  z-index: 100;
  position: fixed;
}

#announcementpopup
{
  position: fixed;
  width: 50%;
  margin-left: 27%;
  margin-top: 10%;
}

.nlihomepagesearchcell
{
  width: 80%;
}