/*
 * VERIDIAN CSS for RTL
 *
 * Copyright (C)  DL Consulting Ltd.
 *
 */

/* ---- General element styling ---- */

html[dir='rtl'] body
{
  direction: rtl;
}

html[dir='rtl'] input[type="text"] 
{
  text-align: right;
}

/* ---- Customised Bootstrap classes ---- */

html[dir='rtl'] .custom-select 
{
  padding-left: 1.75rem;
  padding-right: 0.25rem;
}

html[dir='rtl'] .form-inline label
{
  padding-left: 0.5rem;
  padding-right: 0;
}

/* For forcing a right radius border on small screens (last-child selectors can't handle hidden children) */
@media (max-width: 700px)
{
  html[dir='rtl'] .borderradiusrightwhensmall 
  {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}

/* ---- Specific classes ---- */

/* Some input must be ltr. */
html[dir='rtl'] input#inputemail, 
html[dir='rtl'] input#inputpassword, 
html[dir='rtl'] input#inputpasswordconf, 
html[dir='rtl'] input[name=reportemailaddress]
{
  direction: ltr;
  text-align: right;
}

html[dir='rtl'] .jssocials-share 
{
  margin: .3em 0 .3em .6em;
}
html[dir='rtl'] .jssocials-share:last-child 
{
  margin-left: 0;
}

html[dir='rtl'] .pulldownarrowbefore::before 
{
  margin-left: .3em;
  margin-right: 0;
}
html[dir='rtl'] .pulldownarrowafter::before 
{
  margin-left: 0;
  margin-right: .3em;
}

html[dir='rtl'] .pulldownarrowbefore.collapsed::before 
{
  border-top: .3em solid transparent;
  border-bottom: .3em solid transparent;
  border-left: 0;
  border-right: .3em solid;
}

html[dir='rtl'] a.pdflink
{
  background-position: center right;
  padding-left: 0;
  padding-right: 23px;
}

html[dir='rtl'] div.blocktextcorrectionline > div > div
{
  padding-left: 0;
  padding-right: 20px;
}

html[dir='rtl'] div.blocktextcorrectionstatuschange
{
  padding-left: 0;
  padding-right: 20px;
}

html[dir='rtl'] div.commentssearchsnippet span.commenttext
{
  margin-left: 15px;
  margin-right: 0;
}

html[dir='rtl'] div.completelycorrectstats > div > div.completelycorrectstatsentryvalue
{
  padding-left: 3px;
  padding-right: 15px;
}
html[dir='rtl'] div.completelycorrectstats > div > div.completelycorrectstatsentrypercentage
{
  padding-left: 3px;
  padding-right: 15px;
}

html[dir='rtl'] div#datebrowserrichardmonthlevelcalendarheader
{
  padding-left: 0;
  padding-right: 0.5rem;
}

html[dir='rtl'] div#datebrowserrichardmonthlevelcalendarheader .btn-group
{
  margin: 0.5rem 0rem 0.5rem 0.5rem;
}

html[dir='rtl'] div#documentdisplayheader a.pdflink, html[dir='rtl'] div#documentdisplayheader a.tonormalmodelink
{
  margin-left: 0;
  margin-right: 10px;
}

html[dir='rtl'] div#documentstructuredisplay > div > div:nth-child(2)
{
  padding-left: 0;
  padding-right: 15px;
}

/* On screens between 500px and 800px display #homepagemiddlecolumn at the top, with the other two columns side by side below it */
@media (max-width: 800px)
{
  html[dir='rtl'] div#homepageleftcolumn
  {
    margin-left: 0.25rem;
    margin-right: 0;
  }

  html[dir='rtl'] div#homepagerightcolumn
  {
    margin-left: 0;
    margin-right: 0.25rem;
  }
}

html[dir='rtl'] div#inputupsuhcontainer a.privacylink, html[dir='rtl'] div#inputupaefsocontainer a.privacylink
{
  margin-left: 0;
  margin-right: 15px;
}

html[dir='rtl'] div#languageswitch
{
  margin-left: 0;
  margin-right: 1rem;
}

html[dir='rtl'] div.logicalsectiontocnodecontainer, html[dir='rtl'] div.pagetocnodecontainer
{
  padding-left: 0;
  padding-right: 27px;
}

html[dir='rtl'] div.logicalsectiontocnodecontainer a.logicalsectiontocnodelink, html[dir='rtl'] div.logicalsectiontocnodecontainer span.logicalsectiongroupingnode, html[dir='rtl'] div.pagetocnodecontainer a.pagetocnodelink
{
  background-position: center right;
  margin-left: 0;
  margin-right: -27px;
  padding-left: 0;
  padding-right: 27px;
}

html[dir='rtl'] div.metadatadisplay div.label
{
  text-align: left;
}

html[dir='rtl'] div#nextprevdocumentlinks div.nextdocumentlinkcell
{
  text-align: left;
}

html[dir='rtl'] div#nextprevlogicalsectionlinks div.nextdocumentlinkcell, html[dir='rtl'] div#nextprevlogicalsectionlinks div.nextsectionlinkcell
{
  text-align: right;
}

html[dir='rtl'] div#nextprevpagelinks div.nextdocumentlinkcell, html[dir='rtl'] div#nextprevpagelinks div.nextsectionlinkcell
{
  text-align: left;
}

html[dir='rtl'] div#nextprevsearchresultlinks div.nextsearchresultlinkcell
{
  text-align: left;
}

html[dir='rtl'] div#panojscontextmenupopup a, html[dir='rtl'] div#panojscontextmenupopup a:link, html[dir='rtl'] div#panojscontextmenupopup a:visited
{
  background-position: center right;
  padding-left: 0;
  padding-right: 23px;
}

html[dir='rtl'] div.panojsviewerbuttons, html[dir='rtl'] div.oseadviewerbuttons
{
  left: 0.25rem;
  right: unset;
}

html[dir='rtl'] div#publicationlevelcontrols
{
  float: left;
  margin-right: 1rem;
}

html[dir='rtl'] #searchpagesearchresultfacets span.searchresultfacetentrycount
{
  margin-left: 0;
  margin-right: 5px;
}

html[dir='rtl'] span.remove > svg
{
  margin-left: 0;
  margin-right: 4px;
}

html[dir='rtl'] #searchpagesearchresults
{
  padding-left: 0;
  padding-right: 5px;
}

/* On small screens the facets and search results are stacked, so remove the padding normally between them */
@media (max-width: 700px)
{
  html[dir='rtl'] #searchpagesearchresults
  {
    padding-right: 0px;
  }
}

html[dir='rtl'] div.skiplink
{
  left: 0;
  right: 1rem;
}

html[dir='rtl'] div#sortresultsformcontrols label
{
  margin-left: 0.25rem;
  margin-right: 0;
}

html[dir='rtl'] div#textcorrectbasicinterface div.blockformcell
{
  padding: 15px 30px 15px 0px;
}

html[dir='rtl'] div#textcorrectpanojsinterfacecontent div#documentdisplayleftpanecontent, html[dir='rtl'] div#textcorrectpanojsinterfacecontent div#documentdisplayleftpaneheader
{
  padding-left: 0;
  padding-right: 2px;
}

html[dir='rtl'] div#useraccountpageuserinfotabcontent div#coreuserinfo a.textcorrectstatslink
{
  margin-left: 0;
  margin-right: 15px;
}

html[dir='rtl'] div#useradmininvitenewuserformcontainer
{
  margin-left: 0;
  margin-right: 4rem;
}

html[dir='rtl'] div#userlists div.userlistlinkscontainer
{
  float: left;
}

html[dir='rtl'] div.userscoreboardentrypos
{
  text-align: left;
}

html[dir='rtl'] div.userscoreboardentryvalue
{
  text-align: left;
}

html[dir='rtl'] form.textcorrectbasicinterfaceform input[type="submit"]
{
  margin-left: 0;
  margin-right: 20px;
}

html[dir='rtl'] span.commentuser
{
  margin-left: 15px;
  margin-right: 0;
}

html[dir='rtl'] span.percentageindicator
{
  margin-left: 5px;
  margin-right: 0;
}

html[dir='rtl'] table.useradmintable td.metadataedits, table.useradmintable td.textcorrections
{
  text-align: left;
}

html[dir='rtl'] table.useradmintable th
{
  text-align: right;
}

html[dir='rtl'] #clipbuttondiv
{
  text-align: left;
}