/* Dynamic font sizing */
#dyn-font h1, #dyn-font h2, #dyn-font h3, #dyn-font h4, #dyn-font h5, #dyn-font h6 {
  /*padding-top: 20px;*/
  padding-top: 32px;
  /*font-family: 'Lucida Grande', Arial, sans-serif, serif;*/
  border-bottom: 1px solid #dadada !important;
  clear: none !important;
  /*font-family: oswaldbold, Helvetica, Roboto, Arial, sans-serif;*/
  font-weight: normal;
  line-height: normal !important;
  overflow: hidden;
  position: relative;
  display: block;
  width: 100% !important;
}
#dyn-font {
  min-height: 150px;
  /*
  margin: 10px 20px 0;
  font: 13px/1.5em 'Lucida Grande', Arial, sans-serif;
  font-family: open_sansregular, Helvetica, Roboto, Arial, sans-serif;
  */
  font-weight: normal;
}
#dyn-font p {
  /*margin: 10px 0 0 0;*/
  /*font-size: 0.8125rem;*/
  font-size: 0.875rem;
}
#dyn-font ul {
  list-style: disc outside none;
  margin-bottom: 10px;
  padding-left: 2.5em;
}
#dyn-font .centered-text p {
  font-size: 2em;
  color: #a22538;
  font-weight: normal;
  text-align: left;
}
#dyn-font .centered-text p b {
  font-weight: normal;
}
#dyn-font .section_content .centered-text p {
  font-size: 1.3em;
  color: #333;
  font-weight: bold;
  text-align: center;
}
#dyn-font .section_content .centered-text p b {
  font-weight: bold;
}

.sharepage-icons {
  float: left;
  margin: 0 30px 0 -2px;
  width: auto;
}
.sharepage-icons .stButton {
  margin-left: 0px;
}

#centerblock #icons {
  /* height: 20px; Ryder commented this out on 02.13.17 */
  /* Ryder added this on 02.13.17 */
  margin-bottom: 20px;
  overflow: auto;
  zoom: 1;
  /* End 02.13.17 addition */
}

#centerblock .pdf-icon-div {width:auto;margin:0 30px 0 0px;background:url("/images/HRR/pdf.gif") 0 1px no-repeat;float:left;}
#centerblock .pdf-icon-div span {margin-left:20px;}
#centerblock .pdf-icon-div a {text-decoration:none;}
#centerblock .pdf-icon-div a:hover {text-decoration:underline;cursor:pointer;}

/* Show/hide Build a Report */
.sliding-div {
  /*
  margin: 20px 20px 0 20px;
  border-bottom: 4px solid #609bc8;
  */
  display: none;
}
a.close-report {
  /*margin: 3px 3px 0 0;*/
  margin: 0.25rem 0.68rem;
  width: 24px;
  height: 24px;
  background: url("/images/HRR/cross-circle.png") 0 0 no-repeat;
  display: inline-block;
  float: right !important;
}
a.close-report span {
  display: none;
}

#countries {
  /*height: 300px;*/
  height: 224px;
  overflow: auto;
  overflow-x: hidden;
}

h1#country {
  margin: 0 0 0 20px;
  padding: 0;
}

/* Sections */
.section {}
.section h1 {
  width: 812px !important;
  padding: 15px 108px 0 0;
}
.section h1 span {
  width: 95px;
  /*font: 1px/1.5em 'Lucida Grande', Arial, sans-serif;*/
  font: 1px/1.5em robotoregular, Helvetica, Roboto, Arial, sans-serif;
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
  text-align: right;
}
.section h1 span span {
  position: relative;
}
/*
.section p {
  margin: 10px 0 0 0;
}
*/

/* To make the   between social media icons really small, we need   or else ckeditor removes the entire spans */
.section h1 .link1, .section h1 .link2, .section h1 .link3, .section h1 .link4, .section h1 .link5, .section h1 .link6, .section h1 .link7, .section h1 .link8, .section h1 .link9, .section h1 .link10, .section h1 .link11, .section h1 .link12 {
  /*font: 13px/1.5em 'Lucida Grande', Arial, sans-serif;*/
  /*font: 0.8125rem/1.5em robotoregular, Helvetica, Roboto, Arial, sans-serif;*/
  font: 0.875rem/1.5em robotoregular, Helvetica, Roboto, Arial, sans-serif;
  color: #1e3351;
}

/* Sub-sections */
.sub-section {
  margin: 0 0 0 20px;
}
.sub-sub-section {
  margin: 0 0 0 20px;
}

/*** Reformat tab content here ***/
/* Steps / regions */
#steps, #regions {
  /*font: 13px/1 'Lucida Grande', Arial, sans-serif;*/
  /*font: 0.8125rem/1 robotoregular, Helvetica, Roboto, Arial, sans-serif;*/
  font: 0.875rem/1 robotoregular, Helvetica, Roboto, Arial, sans-serif;
}

/* Regions - vertical */
/*#regions.tabs.ui-tabs {}*/
#regions.tabs.ui-tabs ul.ui-tabs-nav {
  width: 213px;
}
#step2-countries #regions.tabs.ui-tabs ul.ui-tabs-nav li.ui-state-default {
  width: 213px;
}
/*
#regions.tabs.ui-tabs ul.ui-tabs-nav li.ui-state-active {}
#regions.tabs.ui-tabs ul.ui-tabs-nav li.ui-state-hover {}
#regions.tabs.ui-tabs ul.ui-tabs-nav li.ui-state-focus {}
#regions.tabs.ui-tabs ul.ui-tabs-nav li.ui-tabs-selected {}
*/

.br-section-desc p {
  color: #a22538;
  font-weight: bold !important;
  font-size: 14px !important;
}
.br-section-strong p {
  font-weight: bold !important;
  /*font-size: 13px !important;*/
  font-size: 14px !important;
  font-style: italic !important;
}
.bold-tab {
  font-weight: bold !important;
}

/*#regions {}*/
#regions .ui-tabs-nav {
  float: left;
}

#region1, #region2, #region3, #region4, #region5, #region6 {
  margin-right: 0;
  width: 685px;
  float: left;
}

.no-toc {
  display: block;
  text-align: center;
  width: auto;
  /*font-weight: bold;
  font-family: open_sansbold, Helvetica, Roboto, Arial, sans-serif;*/
  font-family: robotoregular, Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  /*font-size: 0.8125rem;*/
  font-size: 0.875rem;
  line-height: 2rem;
  color: #000;
}

.display-report-heading {
  /*font-size: 2em;*/
  font-size: 1.4rem;
  /*color: #a22538;*/
  color: #be1717;
  display: block;
  /*margin-top: 25px;*/
  margin-top: 32px;
  margin-bottom: 10px;
  line-height: 28px;
}

.display-report-subheading {
  font-size: 1.5em;
  color: #185c9f; /* Blue of TOC */
  display: block;
  margin-top: 15px;
}

/* Hide links to hidden docs for exceptions */
.old-format-links {
  display: none;
}

/*
#backtotoparrow {
  display: none;
}
*/

.selected-menu {
  /*background: #cfdeff;*/
  background: #e0eaff;
  outline: 0;
}

#sectioned-report-help {
  display: none;
}

/*
.report-sort {
  float: left;
}

.report-edit {
  float: right;
}
*/

#exporting-msg {
  top: 390px;
  left: 700px;
  display: none;
  border: 2px solid #08174D;
  padding: 1px 1px 1px 22px;
  font-size: 12px;
  background: url("/images/HRR/loading.gif") 2px 3px no-repeat;
}

.copylink-icon {
  width: auto;
  /*height: 20px;*/
  background: url("/images/HRR/icn-link.png") 0 1px no-repeat;
  float: left;
  /*margin: 0 30px 0 0px;*/
  padding-left: 20px;
}

/* small pdf icon */
a.sm-pdf-icon {padding-right:3em;background:url("/images/HRR/document-pdf.png") 95% 50% no-repeat;}
ul a.sm-pdf-icon:focus, ul a.sm-pdf-icon:hover, ul a.sm-pdf-icon:active {background:/*#9aaedb*/#b2c2e4 url("/images/HRR/document-pdf.png") 95% 50% no-repeat;}