/*************************************************
FONT
  Load fonts immediately here to prevent load
  flickering, either define font stacks here or
  import an appropriate file.
*************************************************/
@font-face {
  font-family: 'GillSansLight';
  src: url('../font/GillSans_Bold/gillsans_bold.svg#GillSansBold');
  src: url('../font/GillSans_Light/gillsans_light.eot?#iefix') format('embedded-opentype'),
    url('../font/GillSans_Light/gillsans_light.woff') format('woff'),
    url('../font/GillSans_Light/gillsans_light.ttf') format('truetype'),
    url('../font/GillSans_Light/gillsans_light.svg#GillSansLight') format('svg');
}
@font-face {
  font-family: 'GillSansBold';
  src: url('../font/GillSans_Bold/gillsans_bold2.oft');
}
@font-face {
  font-family: 'GillSansRegular';
  src: url('../font/GillSans_Regular/gillsans_regular.eot');
  src: url('../font/GillSans_Regular/gillsans_regular.eot?#iefix') format('embedded-opentype'),
    url('../font/GillSans_Regular/gillsans_regular.woff') format('woff'),
    url('../font/GillSans_Regular/gillsans_regular.ttf') format('truetype'),
    url('../font/GillSans_Regular/gillsans_regular.svg#GillSansRegular') format('svg');
}
@font-face {
  font-family: 'ProximaNova-Black';
  src: url('../font/ProximaNova/ProximaNova-Black.otf');
}
@font-face {
  font-family: 'ProximaNova-Bold';
  src: url('../font/ProximaNovaProximaNova-Bold.otf');
}
@font-face {
  font-family: 'ProximaNova-Extrabold';
  src: url('../font/ProximaNova/ProximaNova-Extrabold.otf');
}
@font-face {
  font-family: 'ProximaNova-Regular';
  src: url('../font/ProximaNova/ProximaNova-Regular.otf');
}
@font-face {
  font-family: 'ProximaNova-Semibold';
  src: url('../font/ProximaNova/ProximaNova-Semibold.otf');
}
/*************************************************
COLOR PALETTE
  Generally agreed upon colors, should be found
  in the style guide or comps, try to refrain
  from using colors outside the pallet, prefix
  the variables with "p" for palete.
*************************************************/
/*************************************************
DECLARATIONS
  Store variables here, this is especially
  helpful for values that are used in multiple
  locations, keeping them easy to update in this
  section.
*************************************************/
/*
Z-INDICES
  Store all used z-index values here, this will
  make z-index easier to control as you can see
  everything used. Use the "z" prefix.
*/
/*************************************************
ELEMENTS
  Modifications to basic elements, try to refrain
  from modifying the elements themselves as it'll
  have widespread impact and could mess up
  something not immediately obvious. It's better
  to instead define classes.
*************************************************/
html,
body {
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
body {
  font-family: 'GillSansLight', Verdana, Geneva, sans-serif;
  position: relative;
}
img {
  text-decoration: none;
  border: 0px;
}
button {
  cursor: pointer;
}
button: [disabled] {
  cursor: auto;
}
button.tile {
  color: #fff;
  border: none;
  background-color: #738eb5;
}
button.tile.disabled {
  background-color: #ccc !important;
  color: rgba(40, 40, 40, 0.7);
}
button.tile.blue {
  background-color: $pBlueLightdde;
  transition: background-color 0.25s;
}
button.tile.blue.active,
button.tile.blue:active,
button.tile.blue:hover {
  background-color: #0860a2;
}
button.tile.green {
  background-color: #009267;
  text-transform: uppercase;
}
button.tile.grey {
  background-color: #eee;
  text-transform: uppercase;
  color: #000;
}
button.tile.white {
  background-color: #fff;
  background-size: 20px;
  height: 20px;
  width: 20px;
  text-transform: uppercase;
  color: #808080;
}
button.pseudoLink {
  color: #009267;
}
button.pseudoLink:hover {
  text-decoration: underline;
}
button.pseudoLink {
  font-size: 100%;
  height: 20px;
}
select.solid,
select.hollow {
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
}
select.solid {
  color: #fff;
  background-color: #0860a2;
}
select.hollow {
  border: 1px solid #738eb5;
  background-color: #fff;
}
option.grp {
  font-weight: 600;
}
/*************************************************
Welcome overlay
  Classes for the welcome overlay on the main page
*************************************************/
.welcomeOverlay {
  z-index: 910;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(204, 204, 204, 0.95);
  display: none;
}
.welcomeOverlay .welcomeContainer {
  display: table;
  position: relative;
  width: 980px;
  height: 100%;
  margin: 0 auto;
}
.welcomeOverlay .welcomeContent {
  display: table-cell;
  position: absolute;
  top: 21px;
  text-align: left;
  vertical-align: middle;
  background-color: #e8e8e8;
}
.welcomeOverlay .welcomeContent div {
  background-color: #e8e8e8;
  color: #33495c;
  padding-bottom: 20px;
  padding-right: 20px;
  float: right;
}
.welcomeOverlay .welcomeContent label {
  position: absolute;
  padding: 40px;
  left: 0;
  bottom: 0;
}
.welcomeOverlay .welcomeContent label input {
  display: inline !important;
}
#welcomeImage {
  margin-top: 30px;
}
#welcomeExit {
  right: 13px;
  top: 4px;
  position: absolute;
  cursor: pointer;
  padding-right: 0px;
  zoom: 1.8;
}
.welcomeNav a {
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 11px / normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: 0;
  width: 60px;
  text-align: center;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
  background-image: -moz-linear-gradient(#f4f4f4, #ececec);
  background-image: -o-linear-gradient(#f4f4f4, #ececec);
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  zoom: 1;
  margin-top: 10px;
}
.welcomePrevious {
  border-right: 0;
}
/*************************************************
MISC
  Classes that don't fall into any particular
  category, typically classes just used a few
  times, try to keep this section light.
*************************************************/
.tooltipText-small {
  margin-right: 3%;
}
.tooltipText-large {
  margin-left: -9px;
}
#descriptionPDFChart {
  font-size: 12px;
}
.pageSizer {
  height: 100%;
  min-height: 768px;
  min-width: 960px;
  position: relative;
  color: #0860a2;
}
.pageSizer.data {
  padding: 0px;
  min-height: 500px;
}
.pageSizer .languageSelection {
  position: absolute;
  right: 26px;
  top: 80px;
  z-index: 500;
}
.pageSizer .languageSelection a {
  float: none !important;
  cursor: pointer;
  text-decoration: none;
  color: #0860a2;
}
.pageSizer .languageSelection span {
  padding: 0px 5px;
}
.pageSizer .languageSelection a.en.english {
  font-family: 'GillSansRegular', Verdana, Geneva, sans-serif;
}
.pageSizer .languageSelection a.en.english span.inner {
  text-decoration: underline;
}
.pageSizer .languageSelection a.fr.french {
  font-family: 'GillSansRegular', Verdana, Geneva, sans-serif;
}
.pageSizer .languageSelection a.fr.french span.inner {
  text-decoration: underline;
}
.fr {
  float: right;
}
/*************************************************
IMAGES
  Classes that load images.
*************************************************/
.logoDhs {
  background: url('../images/logo-dhs.png') no-repeat;
}
.logoStat {
  background: url('../images/logo-statcompiler.png') no-repeat;
}
.iconTable {
  background-image: url('../images/tool_table.png');
  background-image: url('../images/tool_table.svg');
  background-repeat: no-repeat;
}
.iconBarChart {
  background-image: url('../images/tool_chart.png');
  background-image: url('../images/tool_chart.svg');
  background-repeat: no-repeat;
}
.iconLineChart {
  background-image: url('../images/tool_line.png');
  background-image: url('../images/tool_line.svg');
  background-repeat: no-repeat;
}
.iconMap {
  background-image: url('../images/tool_map.png');
  background-image: url('../images/tool_map.svg');
  background-repeat: no-repeat;
}
.iconToggles {
  background-image: url('../images/control_panel.png');
  background-image: url('../images/control_panel.svg');
  background-repeat: no-repeat;
}
.iconFullscreen {
  background-image: url('../images/arrows1.svg');
  background-repeat: no-repeat;
}
.iconHamburger {
  background-image: url('../images/hamburger.png');
  background-image: url('../images/hamburger.svg');
  background-repeat: no-repeat;
}
.iconInfo {
  background-image: url('../images/white-info-icon.png');
  background-image: url('../images/info.png');
  background-image: url('../images/info.svg');
  background-repeat: no-repeat;
}
.iconInfo--grey {
  background-image: url('../images/info-grey.png');
  background-image: url('../images/info-grey.svg');
  background-repeat: no-repeat;
}
.iconArrowDown {
  background-image: url('../images/arrow_down.svg');
  background-repeat: no-repeat;
}
.iconArrowUp {
  background-image: url('../images/arrow_up.svg');
  background-repeat: no-repeat;
}
.iconPencil {
  background-image: url('../images/icon_pencil.svg');
  background-repeat: no-repeat;
}
.loaderImage {
  background-image: url('../images/ajax-loader.gif');
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgba(255, 255, 255, 0.5);
}
/*************************************************
HELPERS / UTILITIES
  General classes, should be modular as to be
  used widely and cut down on redundency &
  overly-specific styles.
*************************************************/
.pointer {
  cursor: pointer;
}
.absolute {
  position: absolute;
}
#pageSizer.header-data-view .languageSelection {
  display: none;
}
#pageSizer.header-data-view .header {
  height: 80px;
  width: 100%;
}
#pageSizer.header-data-view .header .wrap {
  width: 100%;
  margin: none;
}
#pageSizer.header-data-view .header .wrap .logoStat {
  background-size: auto 56px;
  width: 200px;
  height: 61px;
  margin-left: 10px;
  padding: 1px;
}
#contentDiv.data-padding {
  padding: 70px 0 50px;
}
.wrap {
  margin: 0 auto;
  position: relative;
  width: 960px;
}
.inner-container {
  max-width: 1200px;
  min-width: 960px;
  width: 100%;
  margin: 0 auto;
}
.marginTop {
  margin-top: 10px;
}
.floatRight {
  float: right;
}
.floatLeft {
  float: left;
}
.visibilityHidden {
  visibility: hidden !important;
}
.visibilyHidden {
  visibility: hidden !important;
}
.hidden {
  display: none !important;
}
.rtl {
  direction: rtl;
}
.ltr {
  direction: ltr;
}
.centerParent {
  display: table;
  width: 100%;
  height: 100%;
}
.centerParent .centerChild {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.flex {
  display: flex;
}
.flexNoGrow {
  flex: 0;
}
.flexGrow {
  flex: 1;
}
.flexNoShrink {
  flex-shrink: 0;
}
.flexRow {
  flex-direction: row;
}
.spaceBetween {
  justify-content: space-between;
}
.padddingHorizontal {
  padding: 5px 0;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-1 {
  opacity: 1;
}
.gillSansRegular {
  font-family: 'GillSansRegular', Verdana, Geneva, sans-serif;
}
.textAlignCenter {
  text-align: center;
}
.inlineBlock {
  display: inline-block;
}
.fill,
.fill__long {
  height: 100%;
}
.fill,
.fill__wide {
  width: 100%;
}
.fill--50p,
.fill--50p__long {
  height: 50%;
}
.fill--50p,
.fill--50p__wide {
  width: 50%;
}
/*************************************************
INTROJS
  Styles for introJS
*************************************************/
.ui-icon-triangle-1-n {
  margin-left: 1px;
}
.introjs-button {
  text-transform: uppercase !important;
  background-color: #4caf50 !important;
  color: #fff !important;
  border: none !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  background-image: none !important;
  padding: 5px 15px !important;
  font-family: 'Open Sans', sans-serif !important;
  border-radius: 0 !important;
}
.introjs-disabled {
  background-color: #f4f4f4 !important;
}
.introjs-prevbutton {
  border-right: 0.5px solid #fff !important;
}
.introJSlist li {
  margin-bottom: 5px;
}
.introJSindexIndicator .ui-selectmenu-open {
  z-index: 100000000 !important;
}
#startTourContainer {
  border: 1px #0860a2 solid;
  padding: 13px 0px 13px 0px;
  /*   margin-top: 35px; */
  width: 250px;
  /*   margin-left: 3px; */
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#drawerIntro {
  padding-left: 5px;
  padding-right: 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
}
#drawerIntro li {
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
}
#startTourLink {
  text-decoration: none;
  cursor: pointer;
  text-decoration: none;
  color: #0860a2;
  position: relative;
}
.introjs-bullets {
  display: none;
}
.introjs-overlay {
  position: absolute !important;
}
.introjs-tooltipbuttons {
  display: inline;
  float: right;
}
#exit {
  position: absolute;
  top: 0;
  right: 10px;
  color: #33495c;
  cursor: pointer;
}
.introjs-skipbutton {
  display: none;
}
.introjs-tooltip {
  width: 700px !important;
  max-width: 700px;
}
.introjs-tooltipbuttonsSmall {
  display: block !important;
}
.languageIntroJS {
  width: 310px !important;
  margin-left: 0px !important;
  left: 0px !important;
}
.introJsLabel {
  font-size: 13px;
  background-size: 20px;
  background-position: 0% 0px !important;
  padding: 3px 1px 5px 35px !important;
  line-height: 41px !important;
}
.introjs-helperLayer {
  border: 2px solid rgba(255, 255, 0, 0.8) !important;
}
.languageIntroJSFr {
  width: 255px !important;
  margin-left: 0px !important;
  text-align: center;
}
#introJSindex {
  padding-left: 5px;
  padding-right: 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
}
#introJSindex li {
  font-size: 16px;
}
#indIntro {
  padding-left: 5px;
  padding-right: 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
}
#indIntro li {
  font-size: 16px;
}
.introJSindex {
  text-align: left;
  width: 355px !important;
  margin-left: 350px !important;
}
.introJSindexMap {
  text-align: left;
  width: 355px !important;
}
.introJSindexMapCenter {
  text-align: center;
  width: 355px !important;
}
.introJSindexLarge {
  text-align: left;
  width: 500px !important;
}
.introjs-arrow.top-right {
  background-position: 0;
  background: none;
  width: 0;
  height: 0;
}
.introJSindexCenter {
  text-align: center;
  width: 355px !important;
  margin-left: 350px !important;
}
.introJSindexLargeCenter {
  text-align: center;
  width: 500px !important;
  margin-left: 350px !important;
}
.introJSindexLargeNoDiv {
  text-align: left;
  width: 500px !important;
}
.introJSindexExtraLargeNoDiv {
  text-align: left;
  width: 700px !important;
}
/*************************************************
HEADER
  Styles for the header, mainly just logos.
*************************************************/
.header {
  height: 105px;
  position: absolute;
  top: 0px;
  width: 100%;
  margin-bottom: 15px;
  z-index: 99;
}
.header .logoUsaid {
  display: inline-block;
}
.header img.logoUsaid {
  display: block;
  max-width: 230px;
  height: 60px;
  width: 198px;
  margin: 20px 27px auto auto;
}
.header .logoStat {
  margin-top: 15px;
  display: inline-block;
  height: 75px;
  width: 250px;
  background-size: contain;
  position: relative;
}
.header .beta {
  display: inline-block;
  position: absolute;
  left: 94%;
  bottom: 10px;
  color: #c2113a;
  font-size: 35px;
  text-transform: uppercase;
  font-family: 'GillSansLight', Verdana, Geneva, sans-serif;
}
/*************************************************
BODY
  Styles for the body / general content.
  Focus on layout here, save more specific class
  styles for the WIDGETS section below FOOTER.
*************************************************/
#contentDiv {
  height: 100%;
  min-height: 100%;
  width: 100%;
  padding: 105px 0 60px;
  box-sizing: border-box;
  position: relative;
}
.subheaderDiv {
  color: #fff;
  text-align: center;
  background-color: #2b3e4e;
}
.titleBar {
  background-color: #0860a2;
  color: #fff;
}
.titleBar span {
  display: inline-block;
  width: 400px;
  text-align: left;
}
#main-container {
  height: 100%;
}
.homeLeftContainer,
.homeRightContainer {
  padding-top: 15px;
  vertical-align: top;
}
.homeLeftContainer {
  width: 660px;
  margin: 0 auto;
  display: inline-block;
  display: table-cell;
}
#getStarted {
  font-size: 98%;
}
.homeRightContainer {
  text-align: center;
  font-size: 150%;
}
.homeRightContainer button {
  font-size: 75%;
  margin: 36px 0px 0px 0px;
  font-family: 'GillSansLight', Verdana, Geneva, sans-serif;
  box-sizing: border-box;
  width: 250px;
  padding: 30px 15px;
}
.tableContainer {
  display: table;
}
.tableCell {
  display: table-cell;
}
.tableRow {
  display: table-row;
}
.subMenu {
  display: inline-block;
  padding: 5px;
}
#regionDiv {
  width: 400px;
  margin: auto;
}
#countriesDiv {
  font-size: 130%;
  height: 350px;
  border: 1px #808080 solid;
  overflow-y: auto;
  margin: auto;
  text-align: left;
  margin-top: 10px;
  width: 100%;
  box-sizing: border-box;
}
#countriesButton {
  margin-top: 20px;
}
.navDiv {
  display: table;
  width: 960px;
  margin: 0 auto;
}
.navDiv .navItem {
  display: table-cell;
}
.headerText {
  font-size: 140%;
  font-family: 'GillSansLight', Verdana, Geneva, sans-serif;
  font-weight: 500;
}
.indicatorsTreeDiv {
  height: 350px;
  text-align: left;
  margin: 2px auto 0 auto;
  overflow-x: auto;
  overflow-y: auto;
  border: 1px solid #9ba6ad;
  padding: 6px 0px;
}
#indicatorsCommonTreeDiv .jstree-default .jstree-icon:empty {
  width: 40px !important;
}
#indicatorsCommonTreeDiv .jstree-icon.jstree-ocl {
  width: 0px;
}
.navItemhover {
  cursor: pointer;
  background-color: #dde5ec;
}
#lstIndicators {
  width: 95%;
  font-family: 'GillSansLight', Verdana, Geneva, sans-serif;
  font-size: 12px;
}
.data .footer .wrap {
  width: 100%;
}
.data .footer .wrap .contact {
  text-align: right !important;
}
#lstIndicators-menu {
  z-index: 10000000 !important;
}
.ui-selectmenu-open {
  z-index: auto !important;
}
.dijitPopup {
  z-index: 100000000 !important;
}
/*************************************************
MAIN
  Styles for main.html
*************************************************/
.parentCenter {
  position: relative;
}
.parentCenter .tableContainer {
  border-spacing: 14px 0px;
}
.waitLoader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 102;
}
.options {
  margin-top: 30px;
  margin-bottom: 30px;
}
.options button {
  height: 41px;
  width: 41px;
  background-size: 41px 41px;
}
.options button,
.options .text {
  display: inline-block;
  vertical-align: middle;
}
.options .text {
  margin-left: 10px;
}
.options .name {
  text-transform: uppercase;
  color: #0860a2;
  font-size: 100%;
}
.androidDownload {
  position: absolute;
  z-index: 5000;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  height: 240px;
  background-color: #fff;
  border-bottom: 1px solid #000;
}
.androidDownload .download {
  font-size: 3em;
  margin: 20px;
  padding: 10px 10px 10px 200px;
  height: 200px;
  width: 65%;
  line-height: 2em;
  background: url('../images/dhs_mobile_logo.jpeg') no-repeat 0 20px;
}
.androidDownload .close {
  position: absolute;
  right: 20px;
  top: 20px;
  height: 60px;
  width: 60px;
  background: url('../images/close.svg') no-repeat 50% 50%;
  cursor: pointer;
  background-size: 50px;
}
/*************************************************
FOOTER
  Styles for the footer, should deal with the
  dhs logo & text blurbs.
*************************************************/
.footer {
  background-color: #f5f5f5;
  height: 60px;
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.footer .logoWrap {
  height: 100%;
}
.footer .logo {
  height: 30px;
  width: auto;
  margin: 20px 0 0 10px;
}
.footer .footerContent {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
#embedFooter {
  overflow: hidden;
}
.footerContent.fr {
  padding-left: 30px;
}
@-moz-document url-prefix() {
  .footerContent.fr {
    padding-left: 45px;
  }
}
.footerContent {
  display: table;
  width: 100%;
  position: relative;
}
.footerContent a {
  color: #000;
  text-decoration: underline;
}
.footerContent b {
  font-weight: 700;
  color: #333;
}
.footerContent .contact,
.footerContent .disclaimer {
  line-height: 18px;
  font-family: Verdana, sans-serif;
}
.footerContent .contact {
  color: #333;
  padding: 0px 15px;
  text-align: center;
  font-family: Verdana, sans-serif;
  font-size: 60%;
  font-weight: bold;
}
.footerContent .contact a {
  color: #000;
  font-weight: normal;
}
/*************************************************
Custom Survey
  Any styling that has to do with the custom survey
*************************************************/
.customTextWrapper {
  float: left;
}
#rangeSelectText {
  display: inline;
}
#surveySelectText {
  display: inline;
  margin-right: 4px;
}
.rangeSelector {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-image: url('../images/down_arrow_grey.png');
  background-position: 90% center;
  background-repeat: no-repeat;
  border: 1px solid #aaa;
  color: #555;
  font-size: inherit;
  margin-top: 5px;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 5px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 64px;
}
#surveySelector {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-image: url('../images/down_arrow_grey.png');
  background-position: 90% center;
  background-repeat: no-repeat;
  border: 1px solid #aaa;
  color: #555;
  font-size: inherit;
  margin-top: 5px;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 5px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 64px;
}
.surveyContainer {
  margin-top: 14px;
}
.customSelectionWrapper {
  height: 60px;
}
.customDropdownWrapper {
  left: 14px;
  position: relative;
}
.rangeContainer {
  margin-top: 4px;
}
#dateMin-button {
  width: 80px !important;
}
#dateMax-button {
  width: 80px !important;
}
#surveySelector-button {
  width: 115px !important;
  top: 3px;
  position: relative;
}

#surveySelector-menu .ui-menu-item[aria-disabled='true'] {
  display: none;
}
#gbox_customTable {
  margin-top: 15px;
}
.customPopupDropdownMenu {
  width: 11.5% !important;
}
.customPopupClass {
  max-width: 74% !important;
  width: auto !important;
  top: initial !important;
  left: initial !important;
}
.popupClass {
  max-width: 74% !important;
  top: initial !important;
  left: initial !important;
}
#gbox_customTable {
  width: auto !important;
}
#gbox_customTable #gview_customTable {
  width: auto !important;
}
#gbox_customTable #gview_customTable .ui-state-default {
  width: auto !important;
}
#gbox_customTable #gview_customTable .ui-jqgrid-bdiv {
  width: auto !important;
  max-height: 450px !important;
}
.frozen-bdiv.ui-jqgrid-bdiv {
  top: 24px !important;
  height: 434px !important;
}
#customTable_frozen .countryRow {
  height: 46px !important;
}
.frozen-div.ui-state-default.ui-jqgrid-hdiv {
  overflow-y: hidden;
}
.popupParent {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: auto;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}
/*************************************************
WIDGETS
  Components with very specific styles.
*************************************************/
.subheader {
  background-color: #2b3e4e;
  color: #fff;
  font-size: 110%;
  line-height: 27px;
  text-align: center;
  padding: 20px 0px;
}
.subheader a {
  color: #fff;
  text-decoration: none;
}
.disclaimer {
  font-size: 80%;
}
/*
POPUP
  Overwrites jquery ui dialog styles
*/
.popup {
  border-radius: 0;
  height: auto;
  border: 1px solid #0860a2;
  font-size: 80%;
  font-family: 'GillSansLight', Verdana, Geneva, sans-serif;
  z-index: 1000399 !important;
  padding: 0px !important;
  overflow: visible;
}
.popup .jstree-anchor {
  font-size: 130%;
}
.popup .ui-dialog-title {
  font-size: 150%;
}
.popup .buttonCancel2 {
  float: left;
}
.popup .buttonOk {
  margin-left: 15px;
}
.popup.mainPopup .buttonOk,
.popup.mainPopup .buttonCancel2 {
  display: none;
}
.popup.dataPopup .nav {
  text-align: right;
}
.popup.dataPopup .buttonCancel,
.popup.dataPopup .buttonNext {
  display: none;
}
.popup.dataError .ui-dialog-content,
.popup.bookmark .ui-dialog-content {
  height: auto !important;
  min-height: initial !important;
}
.popup.bookmark input {
  font-size: 80%;
}
.popup.bookmark .caption {
  line-height: 20px;
  margin-top: 10px;
}
.popup.bookmark .caption.success {
  color: #009267;
}
.popup .bookmark-copy-row {
  display: flex;
  align-items: flex-end;
}
.popup.bookmark input {
  box-sizing: border-box;
  width: 100%;
  height: 20px;
  text-overflow: ellipsis;
  border-radius: 0;
  border-width: 1px;
}
.popup #copy-bookmark-btn {
  padding: 0px 5px;
  height: 20px;
}
.popup .regionsSelectContainer {
  height: 30px;
  margin: 10px 0px;
}
.popup .buttonNext {
  position: relative;
  padding-right: 30px !important;
}
.popup .buttonNext:after {
  content: ' ';
  background: url('../images/arrow_next.svg') no-repeat center center;
  background-size: auto 16px;
  position: absolute;
  right: 0px;
  bottom: 1px;
  width: 10px;
  height: 100%;
  padding: 0px 10px;
}
.popup .ui-dialog-titlebar-close {
  display: none;
}
.popup .jstreeContainer {
  width: 300px;
}
.popup #indicatorsByTagTreeDiv .jstree-container-ul .jstree-open > a .jstree-checkbox,
.popup #indicatorsByTagTreeDiv .jstree-container-ul .jstree-closed > a .jstree-checkbox,
.popup #indicatorsByTagTreeDiv .jstree-container-ul .jstree-open > a .jstree-themeicon,
.popup #indicatorsByTagTreeDiv .jstree-container-ul .jstree-closed > a .jstree-themeicon {
  display: none;
}
.popup
  #indicatorsByTagTreeDiv
  .jstree-container-ul
  .jstree-node
  .jstree-node
  .jstree-node
  .jstree-node
  a
  .jstree-checkbox {
  display: inline-block;
}
.popup #indicatorsCompleteTreeDiv .jstree-container-ul .jstree-open > a .jstree-checkbox,
.popup #indicatorsCompleteTreeDiv .jstree-container-ul .jstree-closed > a .jstree-checkbox,
.popup #indicatorsCompleteTreeDiv .jstree-container-ul .jstree-open > a .jstree-themeicon,
.popup #indicatorsCompleteTreeDiv .jstree-container-ul .jstree-closed > a .jstree-themeicon {
  display: none;
}
.popup #indicatorsCompleteTreeDiv .jstree-container-ul .jstree-node .jstree-node .jstree-node a .jstree-checkbox {
  display: inline-block;
}
.popup .ui-selectmenu-menu {
  right: 15px;
}
.popup .ui-selectmenu-menu .jQuerySelectMenu.hollow {
  width: 100% !important;
  height: 100%;
}
.popup .ui-selectmenu-menu .jQuerySelectMenu.hollow .select-menu-parent {
  font-family: 'GillSansRegular', Verdana, Geneva, sans-serif;
  font-weight: bold !important;
}
.popup .ui-selectmenu-menu .jQuerySelectMenu.hollow .select-menu-child {
  font-family: 'GillSansLight', Verdana, Geneva, sans-serif;
}
.popup .ui-selectmenu-menu .jQuerySelectMenu.hollow .ui-menu-item {
  width: 100%;
}
.popup .searchContainer {
  margin: 16px 0px 5px;
  padding: 0px;
  width: auto;
}
.popup .searchContainer .search {
  margin: 0px;
  padding: 0px 5px;
  width: 100%;
  height: 33px;
  box-sizing: border-box;
}
.popup .metadata {
  font-size: 100%;
  min-width: 300px;
}
.popup .metadata .alt {
  background-color: rgba(172, 197, 218, 0.17);
}
.popup .metadata table {
  width: 100%;
}
.customPopupClass {
  z-index: 10003990 !important;
}
.dataContent,
.ui-widget {
  position: relative !important;
  /*
  jQuery Overrides
  */
}
.dataContent .ui-dialog-titlebar,
.ui-widget .ui-dialog-titlebar {
  border: none;
  border-radius: 0;
}
.dataContent .ui-dialog-content,
.ui-widget .ui-dialog-content {
  height: auto;
  margin: 10px 15px;
  padding: 0px;
  overflow: visible;
}
.dataContent .ui-multiselect,
.ui-widget .ui-multiselect {
  border: 1px solid #738eb5;
  border-radius: 0px;
  background: none;
  color: #000;
}
.ui-multiselect-menu {
  position: absolute !important;
  border: 1px solid #738eb5;
  border-top: 0px solid #000;
  height: 359px;
  border-radius: 0px;
}
.ui-multiselect-menu .ui-widget-header,
.ui-multiselect-menu label {
  border-radius: 0px;
}
.ui-multiselect-menu li {
  padding: 0px;
}
.ui-multiselect-menu .ui-corner-all {
  box-sizing: border-box;
  width: 100%;
}
.step {
  font-size: 130%;
}
.step {
  color: #222;
}
.caption {
  color: #666;
}
.checkOptions {
  margin-bottom: 5px;
  text-align: right;
}
.checkOptions button {
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-color: transparent;
  margin-left: 10px;
}
.caption,
.checkOptions button {
  font-size: 100%;
}
/*
TABS
  jQuery tabs overrides
*/
.ui-tabs {
  border: none;
  padding: 0px;
  font-family: 'GillSansLight', Verdana, Geneva, sans-serif;
}
.ui-tabs-nav {
  font-size: 100%;
  border-radius: 0px;
}
.ui-tabs-panel {
  padding: 0px !important;
}
/*
NOTIFICAITON
  Pane for full screen notification, optional underlay.
*/
.notificationContainer {
  position: absolute;
  display: table;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 500;
}
.notificationContainer.underlay {
  background-color: rgba(245, 245, 245, 0.75);
}
.notificationContainer .notification {
  background-color: #eaeaea;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  right: 0px;
  height: auto;
  width: 500px;
  margin: 0 auto;
}
.notificationContainer .notification .exitContainer {
  margin: 0px;
  padding: 0px 10px;
  height: 20px;
  width: 100%;
  text-align: right;
  box-sizing: border-box;
}
.notificationContainer .notification .exitContainer .exit {
  line-height: 20px;
  border: none;
  background-color: transparent;
  font-size: 18px;
  padding: 0px;
  margin: 0px;
  font-family: 'GillSansLight', Verdana, Geneva, sans-serif;
}
.notificationContainer .notification .notificationContent {
  font-size: 20px;
  padding: 0px 20px 20px;
}
/*
NAV
  Used in countries.html & indicators.html popups
  for bottom navigation.
*/
.ui-multiselect,
.ui-multiselect-menu,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: 'GillSansLight', Verdana, Geneva, sans-serif;
}
.ui-dialog-content #popupNext {
  float: right;
}
.ui-dialog-content #countriesDiv {
  border: 1px solid #9ba6ad;
  padding: 3px 2px;
}
/* TOOLTIP
    Animated
*/
.tooltip-wrapper {
  position: relative;
}
.tooltip-wrapper .tooltip-content {
  z-index: 500;
  display: none;
  position: absolute;
  top: 100%;
  left: 10px;
  width: 300px;
  padding: 10px;
  margin-top: 10px;
  border: 2px solid #ddd;
  background-color: #fff;
  font-family: GillSansLight;
  font-size: 14px;
}
.tooltip-wrapper:last-of-type .tooltip-content {
  width: 175px;
  max-width: 175px;
}
.tooltip-wrapper:hover .tooltip-content {
  display: block;
  -webkit-animation: tooltip-show 0.25s;
  -webkit-animation-fill-mode: forwards;
}
/*
  LOADER
    Animated three dot loading icon
*/
.unloaded .loader {
  display: table;
}
.loader {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  z-index: $zDataLoader;
}
.spinner {
  display: table-cell;
  vertical-align: middle;
}
.spinner {
  margin: 100px auto 0;
  width: 230px;
  text-align: center;
}
.spinner > div {
  width: 50px;
  height: 50px;
  background-color: #0860a2;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
/*************************************************
OVERRIDES
*************************************************/
/*
JSTREE
*/
.jstree-anchor {
  background: #fff !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
/*************************************************
IMPORTS
  Import other styl or css files here, syntax:
  example: @import 'styl/widget'
*************************************************/
.stuff {
  display: none;
}
.data {
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  min-width: 960px;
  height: 100%;
}
.data .footerContent {
  padding-left: 0px;
}
.data.drawerOpen .drawer {
  width: 290px;
}
.data.drawerOpen .drawer:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 0;
  border-right: 1px solid #ddd;
  left: 10px;
}
.data.drawerOpen .iconHamburger {
  background-color: #0860a2;
}
.data.drawerOpen .drawerArrow {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent !important;
  border-left: 5px solid #fff;
}
.data.drawerOpen .drawerToggle {
  opacity: 1 !important;
  right: none !important;
  left: 100% !important;
}
.dataTableContainer {
  display: table;
  height: 100%;
  width: 100%;
  background-color: #fff;
  table-layout: fixed;
  overflow: hidden;
  box-sizing: border-box;
  padding-top: 50px;
}
.dataTableContainer .loader,
.dataTableContainer .drawerLoader,
.dataTableContainer .discreteLoader {
  z-index: 401;
}
.dataTableContainer .loader,
.dataTableContainer .drawerLoader {
  display: none;
}
.dataTableContainer .drawerLoader {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  animation: fadeOut;
}
.dataTableContainer .loaderText {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: 40px;
  text-align: center;
}
.dataTableContainer .loader .spinner {
  width: 100%;
  top: 50%;
  position: absolute;
  margin: -20px auto 0 !important;
}
.dataTableContainer .discreteLoader {
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  text-align: center;
  animation: fadeOut;
}
.dataTableContainer .discreteLoader .spinner {
  margin: -20px -115px 0 -115px;
  display: inline-block;
  top: 50%;
  right: 50%;
  position: absolute;
}
.dataTableContainer .discreteLoader .discreteLoaderText {
  margin: 40px -40px 5px;
  color: #fff;
  font-size: 12px;
  top: 50%;
  position: absolute;
  left: 50%;
}
.dataTableContainer .esriControlsBR {
  animation: fadeIn 0.25s;
}
.dataTableContainer.unloaded .loader,
.dataTableContainer.unloaded .drawerLoader {
  display: table;
  animation: fadeIn 0.25s;
}
.dataTableContainer.unloaded.discrete .loader {
  display: none;
}
.dataTableContainer.unloaded.discrete .discreteLoader {
  display: block;
  animation: fadeIn 0.25s;
}
.dataTableContainer.unloaded.discrete .esriControlsBR {
  animation: fadeOut 0.25s;
  opacity: 0;
}
.ui-jqgrid.tr.jqgrow.td {
  height: 26px;
}
.customPopup {
  border: #ccc 1px solid;
}
#customTable_countryName {
  z-index: 10000000;
}
.content,
.drawer {
  vertical-align: top;
  display: table-cell;
}
.content {
  position: relative;
  height: 100%;
}
.content .contentSizer {
  height: 100%;
  width: 100%;
}
.content .dataView {
  position: absolute;
  top: 0px;
  left: 0px;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  background-color: #fff;
}
.content .dataView .ui-jqgrid {
  background: none;
  background-color: transparent;
}
.content .dataView .ui-jqgrid span.s-ico {
  display: inline !important;
}
.content .dataView .drawerToggle {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4px;
  height: 60px;
  width: 10px;
  background-color: #0860a2;
  color: #fff;
  margin: auto auto;
  z-index: 400;
  opacity: 0.25;
}
.content .dataView .drawerToggle:hover {
  opacity: 1;
}
.content .dataView .drawerArrow {
  width: 0;
  height: 0;
  margin: 2px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #fff;
  margin: auto auto;
  margin-top: 24px;
}
.content #resultsDiv {
  height: calc(100% - 1px);
  box-sizing: border-box;
  right: 10px;
  border: #ccc 1px solid;
  border-bottom-width: 56px;
  overflow: hidden;
  text-align: center;
}
.content .resultsContent {
  overflow: hidden;
  height: 100%;
}
.topToolbar {
  z-index: 4000;
}
.bottomToolbar,
.dataViewToolbar {
  z-index: 201;
  box-sizing: border-box;
}
.recentNumerical {
  transition: width 0.25s, padding 0.25s;
}
.recentNumerical.selected {
  background-color: #009267 !important;
  border: 2px solid #009267 !important;
}
.recentNumerical.noWidth {
  width: 0 !important;
  padding: 0;
  border-width: 0 !important;
  color: #fff;
  display: none;
}
.toggleButton {
  height: 24px;
  width: 30px;
  position: absolute;
  top: 2px;
  left: 70px;
  background-image: url('../images/blue-right-arrow.svg');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  cursor: pointer;
  border-left: 1px solid #fff;
  z-index: 100;
}
.toggleButton:hover {
  opactiy: 0.75;
}
.recentSurveys {
  position: relative;
  text-align: left !important;
  padding: 2px 6px 3px 10px !important;
  z-index: 30px;
}
.toggleButton.selected {
  background-image: url('../images/white-right-arrow.svg');
}
.toggleButton.selected.closed {
  background-image: url('../images/white-left-arrow.svg');
}
.en .jQuerySelectButton.solid:after {
  content: 'Options';
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 33px;
  color: #728fb2;
}
.en .jQuerySelectButton.solid {
  width: 100px;
  min-width: 100px;
}
.fr .menuButton .menu {
  min-width: 100px;
}
.jQuerySelectButton.solid:after {
  content: 'Options';
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 33px;
  color: #728fb2;
}
.jQuerySelectButton.solid {
  width: 100px;
  min-width: 100px;
}
.bottomToolbar {
  position: absolute;
  bottom: 0px;
  margin: 0px;
  width: 100%;
  display: table;
  height: 55px;
  padding-left: 5px;
  background-color: #fff;
}
.bottomToolbar .bottomToolbarSizer {
  display: table-row;
  width: 100%;
}
.bottomToolbar .toolBar,
.bottomToolbar .sliderContainer {
  vertical-align: middle;
}
.bottomToolbar .toolBar {
  display: table-cell;
  white-space: nowrap;
}
.bottomToolbar .toolbarTitle {
  font-family: 'GillSansLight', Verdana, Geneva, sans-serif;
  color: #728fb2;
  margin: 5px 0 4px 0;
}
.bottomToolbar button {
  height: 28px;
  font-size: 14px;
  width: 100px;
  font-size: 15px;
  padding: 2px;
  outline: none;
  text-align: center;
  font-family: 'GillSansLight', Verdana, Geneva, sans-serif;
  background-color: #fff;
  color: #728fb2;
  border: 2px solid #728fb2;
}
.bottomToolbar button.first {
  border-radius: 3px 0 0 3px;
}
.bottomToolbar button.last {
  border-radius: 0 3px 3px 0;
}
.bottomToolbar button.selected {
  background-color: #728fb2;
  color: #fff;
}
.bottomToolbar button:hover {
  opacity: 0.75;
}
.bottomToolbar button.blue {
  color: #fff;
  background-color: #738eb5;
}
.bottomToolbar button.blue:hover {
  opacity: 1;
}
.bottomToolbar button.checked:before,
.bottomToolbar button.unchecked:active:before {
  background-image: url('../images/checkmark_grey_checked.svg');
}
.bottomToolbar button.unchecked:before,
.bottomToolbar button.checked:active:before {
  background-image: url('../images/checkmark_grey_unchecked.svg');
}
.bottomToolbar .sliderContainer {
  display: table-cell;
  padding: 0 40px;
  position: relative;
  bottom: -10px;
  width: 100%;
}
.bottomToolbar .sliderContainer .ui-widget {
  width: 100% !important;
}
.bottomToolbar .slider {
  width: 100%;
}
.bottomToolbar .slider .ui-state-default,
.bottomToolbar .slider .ui-widget-content .ui-state-default {
  border-radius: 12px;
  background: #fff;
}
.bottomToolbar .slider .ui-state-default,
.bottomToolbar .slider .ui-widget-content .ui-state-default {
  top: -0.5em;
}
.ui-slider-wrapper.horizontal {
  height: inherit;
  top: -5px;
  border-width: 0;
  background: #728fb2;
}
.horizontal .ui-slider-labels {
  top: -35px;
}
.ui-slider-label-ticks span {
  font-family: 'GillSansRegular', Verdana, Geneva, sans-serif;
  font-size: 12px;
  color: #728fb2;
  margin-left: -1em !important;
}
.ui-slider-labels div {
  font-weight: bold;
  display: none;
  border: 0px solid #fff;
  border-left: 0px solid #fff !important;
}
.ui-slider-labels div:first-child,
.ui-slider-labels div:last-child {
  display: block;
}
.ui-slider-labels div:first-child {
  margin-left: -10px;
}
.ui-slider-labels div:last-child {
  margin-left: 10px;
}
#data-buttons .titleDescriptionPreview,
.svg-container .titleDescriptionPreview {
  position: absolute;
  top: 10px;
  z-index: 500;
  text-align: center;
  left: 50%;
}
#data-buttons .titlePDFChart,
.svg-container .titlePDFChart {
  font-family: 'GillSansRegular', Verdana, Geneva, sans-serif, sans-serif;
  font-size: 20px;
}
#data-buttons .ui-slider-horizontal.slider,
.svg-container .ui-slider-horizontal.slider {
  height: 0.34em;
  border-radius: 0px;
  background: #728fb2;
  border-width: 0;
}
#data-buttons .ui-slider-wrapper.ui-widget.horizontal,
.svg-container .ui-slider-wrapper.ui-widget.horizontal {
  width: 100% !important;
}
.sliderContainer .ui-slider-horizontal {
  height: 0.34em;
  border-radius: 0px;
  background: #728fb2;
  border-width: 0;
}
.sliderContainer .ui-state-default,
.sliderContainer .ui-widget-content .ui-state-default {
  border-radius: 12px !important;
  background: #fff !important;
}
.sliderContainer .ui-state-default,
.sliderContainer .ui-widget-content .ui-state-default {
  top: -0.5em !important;
}
.svg-container .ui-state-default .ui-widget-content .ui-state-default {
  border-radius: 12px;
  background: #fff;
}
.svg-container .ui-state-default .ui-state-default,
.svg-container .ui-state-default .ui-widget-content .ui-state-default {
  top: -0.5em;
}
.svg-container .ui-slider-horizontal.slider {
  height: 0.34em;
  border-radius: 0px;
  background: #728fb2;
  border-width: 0;
}
.svg-container .ui-slider-wrapper.ui-widget.horizontal {
  width: 100% !important;
}
.showYear {
  display: block !important;
}
.shareContainer.open {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
.shareContainer .bookmarkContainer .iconHTML:after {
  content: '' !important;
  padding: 0px !important;
}
.shareContainer .bookmarkContainer {
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  margin-right: 10px;
}
.shareContainer .bookmarkContainer:after {
  background: none !important;
}
.shareContainer .bookmarkContainer.open {
  width: auto;
}
.shareContainer .bookmarkContainer.open .bookmarkText {
  width: 200px;
  padding: 0px 10px;
}
.shareContainer .bookmarkContainer.open .bookmarkClose {
  background-image: url('../images/share-buttons/close47.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  width: 0px;
}
.shareContainer .bookmarkContainer.open .iconHTML:after {
  content: url('../images/share-buttons/actualize.svg');
  padding: 8px;
}
.shareContainer .iconHTML {
  margin: 0px;
  height: 40px;
  width: 40px;
  position: relative;
  background-color: #ef8e2e;
  background-image: url('../images/share-buttons/html-tag.svg');
  background-repeat: no-repeat;
  background-size: 75%;
  background-position: center;
}
.shareContainer .bookmarkText {
  margin: 0px;
  padding: 0px;
  border: 1px solid #ef8e2e;
  border-left: 0px;
  border-right: 0px;
  box-sizing: border-box;
  height: 40px;
  font-size: 11pt;
  transition: width 0.25s, padding 0.25s;
  width: 0px;
}
.shareContainer .bookmarkClose {
  color: #fff;
  background-color: #ef8e2e;
  margin: 0px;
  padding: 0px;
  width: 0px;
  transition: width 0.25s;
  overflow: hidden;
}
.shareContainer .addThisContainer {
  display: inline-block;
  vertical-align: top;
}
.shareContainer .addThisContainer img {
  box-sizing: border-box;
  padding: 10px;
  margin-right: 10px;
}
.shareContainer .addThisContainer .addthis_button_facebook img {
  background-color: #3b5998;
}
.shareContainer .addThisContainer .addthis_button_twitter img {
  background-color: #5ea9dd;
}
.shareContainer .addThisContainer .addthis_button_email img {
  background-color: #738a8d;
}
#atstbx,
#_atssh {
  display: none !important;
}
.indicatorName {
  display: inline-block;
  font-size: 150%;
  line-height: 40px;
  left: 0px;
  top: 0px;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  z-index: 200;
  height: 40px;
  overflow: hidden;
}
.indicatorName span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.indicatorName .iconInfo {
  margin: 0px 0px 0px 10px;
  background-size: 18px;
  background-position: center;
  height: 20px;
  width: 20px;
  min-width: 20px;
  vertical-align: top;
  border-radius: 10px;
}
.indicatorName .iconInfo.grey {
  background-color: #808080;
}
.indicatorName .iconInfo.grey:hover {
  opacity: 0.75;
}
.indicatorHeaderContainer {
  display: inline-block;
  vertical-align: top;
}
.indicatorHeaderContainer .indicator {
  border: none;
  position: relative;
  padding-right: 26px;
  line-height: 34px;
}
.indicatorHeaderContainer .indicator:after {
  content: '';
  background: url('../images/info.png') no-repeat center center;
  background: url('../images/info.svg') no-repeat center center;
  vertical-align: middle;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 20px;
  position: absolute;
  background-color: #f8f9fb;
}
.indicatorHeaderContainer .indicatorHeader {
  position: relative;
  display: inline-block;
  font-size: 18pt;
  height: 37px;
  width: auto;
  background-color: #fff;
  padding: 0px 30px 0px 0px;
  cursor: default;
}
.indicatorHeaderContainer .iconInfo {
  position: absolute;
  top: 0px;
  right: 0;
  height: 100%;
  width: 20px;
  background-color: #0860a2;
  background-position: center center;
  border: none;
  margin: 0px;
}
.ui-jqgrid {
  border-radius: 0px;
  border: none;
  height: 100%;
  /*
		HEADER
	*/
  /*
		BODY
	*/
  /*
		INFOICON
	*/
}
.ui-jqgrid .ui-jqgrid-view {
  font-size: 100%;
}
.ui-jqgrid .ui-th-column-header {
  vertical-align: top !important;
}
.ui-jqgrid .ui-jqgrid-hdiv {
  text-align: center !important;
  background: none;
  border: none;
}
.ui-jqgrid .ui-jqgrid-htable {
  border-bottom: 2px solid #738eb5;
}
.ui-jqgrid .ui-jqgrid-htable th div {
  height: auto;
  vertical-align: text-top;
  white-space: normal !important;
}
.ui-jqgrid .ui-jqgrid-labels th {
  color: #000;
  background: #fff;
  border: 1px solid #ccc;
  font-family: 'GillSansRegular', Verdana, Geneva, sans-serif;
  font-weight: bold;
}
.ui-jqgrid .ui-jqgrid-labels th div {
  text-align: center !important;
  font-size: 9pt;
  white-space: normal !important;
}
.ui-jqgrid .ui-th-column-header[colspan='2'],
.ui-jqgrid .ui-th-column-header[colspan='3'],
.ui-jqgrid .ui-th-column-header[colspan='4'],
.ui-jqgrid .ui-th-column-header[colspan='5'],
.ui-jqgrid .ui-th-column-header[colspan='6'],
.ui-jqgrid .ui-th-column-header[colspan='7'],
.ui-jqgrid .ui-th-column-header[colspan='8'],
.ui-jqgrid .ui-th-column-header[colspan='9'],
.ui-jqgrid .ui-th-column-header[colspan='10'],
.ui-jqgrid .ui-th-column-header[colspan='11'] {
  border-bottom: 1px solid #ddd !important;
}
.ui-jqgrid .jqg-second-row-header th {
  border-bottom: 0px solid transparent;
}
.ui-jqgrid .ui-th-column-header {
  font-size: 80%;
}
.ui-jqgrid .ui-jqgrid-btable td {
  border-color: #ccc !important;
  border-bottom: 1px solid #acc5da !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  font-size: 80% !important;
  font-family: 'GillSansLight', Verdana, Geneva, sans-serif;
}
.ui-jqgrid .ui-jqgrid-btable .ui-state-highlight,
.ui-jqgrid .ui-jqgrid-btable .ui-state-hover {
  background: #738eb5 !important;
  color: #fff !important;
}
.ui-jqgrid .ui-jqgrid-btable .ui-priority-secondary {
  color: #000;
  opacity: 1;
  background: rgba(172, 197, 218, 0.17);
}
.ui-jqgrid .ui-jqgrid-btable .jqgfirstrow td {
  border-color: transparent !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.ui-jqgrid .ui-jqgrid-htable th {
  font-family: 'GillSansRegular', Verdana, Geneva, sans-serif !important;
}
.ui-jqgrid .iconInfoLabel {
  display: initial;
  vertical-align: middle;
}
.ui-jqgrid .iconInfo {
  display: inline-table;
  vertical-align: middle;
  background-color: #808080;
  background-position: center center;
  background-size: 10px;
  margin-left: 10px;
  border-radius: 20px;
  height: 12px;
  width: 12px;
  cursor: pointer;
}
.ui-jqgrid tr.jqgrow td {
  white-space: normal !important;
}
.drawer .expand {
  display: none;
}
.drawer.countriesPanelClosed .countriesPanelHeader .expand {
  display: block;
}
.drawer.countriesPanelClosed .countriesPanelHeader .collapse {
  display: none;
}
.drawer.indicatorsPanelClosed .indicatorsPanelHeader .expand {
  display: block;
}
.drawer.indicatorsPanelClosed .indicatorsPanelHeader .collapse {
  display: none;
}
.drawer.mapPanelClosed .mapPanelHeader .expand {
  display: block;
}
.drawer.mapPanelClosed .mapPanelHeader .collapse {
  display: none;
}
.selectWrapper {
  margin-top: 5px;
}
.indicatorsSelectWrapper {
  height: 30px;
  position: relative;
  margin-bottom: 5px;
}
.indicatorsSelectWrapper .pseudoButton {
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 36px;
  background-color: #738eb5;
  background-position: center center;
  background-size: 20px;
  height: 30px;
  width: 30px;
  z-index: 199;
  user-select: none;
}
.indicatorsSelectWrapper .pseudoButton:hover {
  opacity: 0.75;
}
.secondSelectWrapper {
  height: 30px;
  margin-top: 0px !important;
  margin-bottom: 5px;
}
.jQuerySelectButton {
  border-radius: 0;
}
.jQuerySelectButton.ui-corner-top.solid:after {
  color: #0860a2;
}
.jQuerySelectButton.solid {
  height: 40px;
  border: none;
  color: #fff;
  background-size: 18px;
  background: url('../images/icn_options.png') no-repeat;
  background: url('../images/icn_options.svg') no-repeat;
  border-width: 0 !important;
  padding: 0 0 0 20px;
  font-family: 'GillSansRegular', Verdana, Geneva, sans-serif;
  background-position: 8px 5px !important;
}
.jQuerySelectButton.solid .ui-selectmenu-text {
  box-sizing: border-box;
  padding: 0px 0px 0px 10px;
  height: 100%;
  line-height: 37px;
  font-size: 100%;
  display: none;
  color: #728fb2;
}
.jQuerySelectButton.solid .ui-icon {
  display: none;
}
.jQuerySelectButton.solid:hover {
  opacity: 0.75;
}
.jQuerySelectButton.hollow {
  width: 100% !important;
  box-sizing: border-box;
  color: #000;
  background: none;
  border: 1px solid #738eb5;
  position: relative;
}
.jQuerySelectButton.hollow .ui-selectmenu-text {
  font-family: 'GillSansLight', Verdana, Geneva, sans-serif !important;
  /*   font-size: 75%; */
  padding: 5px 10px;
  padding-right: 70px;
  padding-left: 10px;
}
.jQuerySelectButton.hollow .ui-icon {
  margin: 0px;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 35px;
  background: url('../images/down-arrow.png') no-repeat center center;
  background-color: #738eb5;
}
.jQuerySelectButton.hollow .ui-icon:hover {
  opacity: 0.75;
}
.ui-selectmenu-menu {
  z-index: 300;
}
.ui-selectmenu-menu.ui-front.ui-selectmenu-open {
  max-height: 60vh;
}
#selectPivot-menu {
  margin-top: -1px;
}
#selectPivot-menu .ui-menu-item {
  font-size: 16px !important;
  font-family: 'GillSansRegular', Verdana, Geneva, sans-serif !important;
  color: #556573 !important;
  padding: 10px;
}
#selectPivot-menu .ui-menu-item:hover {
  background-color: #ddd;
}
#selectPivot-menu .ui-state-focus {
  color: #fff !important;
}
#lstIndicators-menu {
  padding: 0px;
}
.jQuerySelectMenu .select-menu-child {
  padding: 5px 25px 5px 10px !important;
}
.jQuerySelectMenu.solid {
  width: 250px;
  box-sizing: border-box;
  border: 1px solid #728fb2;
  border-radius: 0px;
  border-top: 0px;
  padding: 0px;
  background-color: #f5f5f5;
  border-top: 1px solid #728fb2;
}
.jQuerySelectMenu.solid .ui-menu-item {
  width: 250px;
  max-width: 100%;
  margin: 0px;
  border: none;
  box-sizing: border-box;
  padding: 5px 10px;
  background-color: #fff;
  color: #728fb2;
}
.jQuerySelectMenu.solid .ui-state-focus {
  color: #fff;
  background: #0860a2;
}
.jQuerySelectMenu.hollow {
  width: 240px !important;
  box-sizing: border-box;
  border: 1px solid #738eb5;
  border-top: none;
  max-height: 300px;
  border-radius: 0;
  padding: 0px;
}
.jQuerySelectMenu.hollow .ui-menu-item {
  width: 240px;
  margin: 0px;
  border: none;
  box-sizing: border-box;
  padding: 5px;
  font-size: 13px;
}
.jQuerySelectMenu .ui-state-focus {
  background: #738eb5;
}
.ui-menu-item {
  padding-right: 25px;
}
.ui-menu-item .iconInfo {
  position: absolute;
  top: 0px;
  right: 5px;
  vertical-align: middle;
  padding: 0px;
  border: none;
  height: 100%;
  width: 20px;
  background-color: transparent;
  background-position: center center;
}
.ui-menu-item .liText {
  vertical-align: middle;
  line-height: 20px;
  height: 20px;
  padding: 0px 20px 0px 0px;
  max-width: 180px;
}
.drawer {
  width: 0px;
  transition: width 0.25s;
  position: relative;
  height: 100%;
  padding-left: 15px;
}
.drawer .jstree {
  padding-top: 5px;
}
.drawer #breaksLabel {
  padding: 15px 0 0 0;
}
.drawer #breaksLabel .iconInfo {
  height: 16px;
  width: 16px;
  margin: 0 11px -3px;
  display: inline-block;
  display: -webkit-inline-box;
  background-color: #738eb5;
  border-radius: 8px;
  background-size: 14px;
  background-position: 50%;
  cursor: pointer;
}
.drawer #breakCountContainer .dijitSelect {
  right: 0px;
  position: absolute;
}
.drawer #selectContainer,
.drawer #selectContainer .dijitSelect {
  width: 100%;
}
.drawer #selectContainer .dijitButtonText,
.drawer #selectContainer .dijitSelect .dijitButtonText,
.drawer #selectContainer .dijitButtonText span,
.drawer #selectContainer .dijitSelect .dijitButtonText span {
  width: 100%;
}
.drawer #breakTypeContainer,
.drawer #breakTypeContainer .dijitSelect {
  margin-left: 10px;
}
.drawer .prefixLable {
  font-size: 14px;
  margin-left: 3px;
  display: flex;
  flex-direction: column;
}
.drawer .mapPanelContent {
  padding: 5px 0px;
  font-size: 13px;
}
.drawer .staticSizer,
.drawer .flexSizer {
  min-width: 240px;
  overflow: auto;
}
.drawer .staticSizer .panelHeader,
.drawer .flexSizer .panelHeader {
  overflow: hidden;
  height: 30px;
  width: auto;
  box-sizing: border-box;
  background-color: #0860a2;
  color: #fff;
  text-align: left;
  padding-left: 10px;
  font-family: 'GillSansLight', Verdana, Geneva, sans-serif;
  font-size: 150%;
  text-transform: uppercase;
}
.drawer .staticSizer .panelHeader span,
.drawer .flexSizer .panelHeader span {
  vertical-align: middle;
  font-size: 18px;
}
.drawer .staticSizer .panelHeader button,
.drawer .flexSizer .panelHeader button {
  height: 30px;
  width: 30px;
  background-color: transparent;
  border: none;
  font-size: 20px;
  color: #fff;
}
.drawer .staticSizer .panelHeader .iconPencil,
.drawer .flexSizer .panelHeader .iconPencil {
  margin-left: 5px;
  background-size: 50%;
  background-position: center 6px;
  vertical-align: top;
}
.drawer .staticSizer .panelHeader .iconPencil:hover,
.drawer .flexSizer .panelHeader .iconPencil:hover {
  background-color: #738eb5;
}
.drawer .staticSizer .panelHeader .iconArrow,
.drawer .flexSizer .panelHeader .iconArrow {
  box-sizing: border-box;
  background: url('../images/panel_indicator_open.svg') no-repeat center center;
  background-size: 100%;
  height: 30px;
  width: 30px;
}
.drawer .staticSizer .panelHeader .plus,
.drawer .flexSizer .panelHeader .plus {
  vertical-align: top;
  margin-left: 5px;
}
.drawer .staticSizer .panelHeader .plus:hover,
.drawer .flexSizer .panelHeader .plus:hover {
  background-color: #738eb5;
  opacity: 0.75;
}
.drawer .staticSizer .panelHeader .plus span,
.drawer .flexSizer .panelHeader .plus span {
  vertical-align: top;
  line-height: 20px;
}
.drawer .flexSizer .indicatorsPanel .panelSizer {
  overflow: hidden;
}
.drawer .flexSizer .indicatorsPanel .mapDisplayVisible {
  display: none;
}
.drawer .staticSizer .mapDisplayVisible {
  display: none;
}
.drawer .staticSizer .panelSizer {
  box-sizing: border-box;
  overflow: hidden;
}
.drawer .staticSizer .panelSizer.first {
  overflow: auto;
}
.drawer .staticSizer .jsTreeContainer {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
  z-index: 90;
}
.drawer .staticSizer .indicatorsPanel .jsTreeContainer {
  padding-top: 105px;
}
.drawer .staticSizer .countriesPanel .jsTreeContainer {
  padding-top: 30px;
}
.drawer .countriesPanel {
  min-height: 20vh;
}
.drawer .staticSizer .indicatorsPanelHeader,
.drawer .staticSizer .countriesPanelHeader,
.drawer .staticSizer .indicatorsSelectContainer,
.drawer .staticSizer .selectWrapper {
  position: relative;
  z-index: 100;
}
.drawer .staticSizer .indicatorsSelectContainer,
.drawer .staticSizer .selectWrapper {
  background-color: #fff;
}
.drawer .staticSizer .indicatorsSelectWrapper {
  margin: 0px;
  padding-top: 5px;
}
.drawer .staticSizer .indicatorsSelectWrapper .pseudoButton {
  margin-top: 5px;
}
.drawer.indicatorsPanelClosed .indicatorsPanelHeader .iconArrow {
  background-image: url('../images/panel_indicator_closed.svg');
}
.drawer.indicatorsPanelClosed:not(.mapDisplay) .indicatorsPanel {
  max-height: 30px;
  overflow: hidden;
}
.drawer.indicatorsPanelClosed:not(.mapDisplay) .indicatorsPanel .indicatorsSelectContainer,
.drawer.indicatorsPanelClosed:not(.mapDisplay) .indicatorsPanel .selectWrapper,
.drawer.indicatorsPanelClosed:not(.mapDisplay) .indicatorsPanel .jsTreeContainer {
  display: none;
}
.drawer.indicatorsPanelClosed.mapDisplay .indicatorsSelectContainer,
.drawer.indicatorsPanelClosed.mapDisplay .selectWrapper {
  display: none;
}
.drawer.mapPanelClosed .mapPanelContent {
  display: none !important;
}
.drawer.mapPanelClosed .mapPanelHeader .iconArrow {
  background-image: url('../images/panel_indicator_closed.svg');
}
.drawer.countriesPanelClosed .indicatorsPanel {
  flex: 1 !important;
}
.drawer.countriesPanelClosed .countriesPanel {
  max-height: 30px;
  overflow: hidden;
}
.drawer.countriesPanelClosed .countriesPanelHeader .iconArrow {
  background-image: url('../images/panel_indicator_closed.svg');
}
.drawer.mapDisplay .flexSizer .indicatorsPanel,
.drawer.mapDisplay .staticSizer .indicatorsPanel {
  flex: none;
}
.drawer.mapDisplay .flexSizer .indicatorsPanel .mapDisplayHidden,
.drawer.mapDisplay .staticSizer .indicatorsPanel .mapDisplayHidden {
  display: none;
}
.drawer.mapDisplay .flexSizer .indicatorsPanel .mapDisplayVisible,
.drawer.mapDisplay .staticSizer .indicatorsPanel .mapDisplayVisible {
  display: block;
}
.drawer.mapDisplay .flexSizer .indicatorsPanel .panelSizer,
.drawer.mapDisplay .staticSizer .indicatorsPanel .panelSizer {
  position: relative;
}
.flexSizer {
  height: 100%;
  display: table-cell;
  display: flex;
  flex-direction: column;
  transition: all 0.25s;
}
.flexSizer .panel {
  flex-grow: 1;
  flex-basis: 0;
  position: relative;
}
.flexSizer .panelHeader {
  position: static;
  width: auto;
}
.flexSizer .panelSizer {
  position: absolute;
  height: 100%;
  width: 100%;
  max-height: 100%;
  overflow: auto;
  display: table-cell;
  display: flex;
  flex-direction: column;
}
.flexSizer .jsTreeContainer {
  flex: 1;
  overflow: auto;
}
.staticSizer {
  height: 100%;
  width: 100%;
  position: relative;
}
.staticSizer .panel {
  height: 50%;
  width: 100%;
  position: relative;
  overflow: auto;
}
.staticSizer .panel .panelSizer {
  height: 100%;
}
.staticSizer .panel .iconArrow {
  display: none;
}
.colorChip,
.dijitMenuItemLabel div {
  height: 27px;
  min-width: 27px;
}
.fourVisible .dijitSelectLabel div {
  width: 25%;
}
.fourVisible .colorChip {
  width: 25%;
}
.sixVisible .dijitSelectLabel div {
  width: 20%;
}
.sixVisible .colorChip {
  width: 20%;
}
.threeVisible .dijitSelectLabel div {
  width: 33.33%;
}
.threeVisible .colorChip {
  width: 33.33%;
}
.panelHeaderText {
  font-size: 80%;
  display: inline-block;
  vertical-align: top;
  line-height: 30px;
}
.panelButton {
  margin-right: 10px;
}
.panelButton.last {
  margin: 0px;
}
.panelButton img {
  margin-bottom: 5px;
  cursor: pointer;
}
.panelList {
  font-family: 'GillSansLight', Verdana, Geneva, sans-serif;
  font-size: 13px;
  overflow-y: auto;
  height: 100%;
  box-sizing: border-box;
  padding: 30px 0px 0px 0px;
  transition: height 0.25s;
}
.panelList .panelListSizer {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: auto;
}
.panelList .panelListSizer .jstree {
  position: absolute;
  width: 100%;
  height: 100%;
}
.mapPanel .panelList {
  padding: 50px 0 20px 0;
}
.ui-jqgrid-htable th {
  font-family: Verdana, sans-serif !important;
  position: relative;
  width: 100%;
}
.dataContent,
.ui-widget {
  position: relative;
}
.dataContent .sideContent,
.ui-widget .sideContent,
.dataContent .centerContent,
.ui-widget .centerContent {
  display: inline-block;
  transition: width 0.25s, opacity 0.1s;
}
.dataContent .centerContent,
.ui-widget .centerContent {
  width: 960px;
  box-sizing: border-box;
}
.dataContent .sideContent,
.ui-widget .sideContent {
  position: absolute;
  height: 0%;
  width: 0px;
}
.dataContent.sideContentOpen .centerContent,
.ui-widget.sideContentOpen .centerContent {
  width: 710px;
}
.dataContent.sideContentOpen .sideContent,
.ui-widget.sideContentOpen .sideContent {
  height: 100%;
  width: 250px;
}
.dataContent.sideContentOpen .iconToggles,
.ui-widget.sideContentOpen .iconToggles,
.dataContent.sideContentOpen .iconHamburger,
.ui-widget.sideContentOpen .iconHamburger {
  background-color: #0860a2;
}
.mobileActionList {
  display: none !important;
}
.hidden-mobile {
  display: initial;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .indicatorName {
    width: calc(100% - 575px);
  }
  .indicatorName .iconInfo {
    background-position: 75% 25% !important;
  }
  .mapPanelContent .iconInfo {
    background-position: 31% 25% !important;
  }
  .actionList .menuButton .gear.pseudoButton::before {
    padding: 6px;
  }
}
.dj_ie9 .topToolbar {
  display: table-row !important;
}
.dj_ie9 .actionList,
.dj_ie9 .navigation,
.dj_ie9 .indicatorName {
  display: table-cell !important;
}
.dj_ie9 .topToolbar .actionList {
  min-width: 385px;
}
.dj_ie9 .topToolbar .actionList .ui-selectmenu-button {
  display: table-cell;
  float: left;
}
.dj_ie9 .topToolbar .actionList .menuButton,
.dj_ie9 .topToolbar .actionList .gear,
.dj_ie9 .topToolbar .actionList .actionButton {
  display: table-cell;
  float: left;
}
.dj_ie9 .indicatorName .iconInfo {
  background-position: 75% 25% !important;
}
.dj_ie9 .mapPanelContent .iconInfo {
  background-position: 31% 25% !important;
}
.dj_ie9 .dataTableContainer .discreteLoader .discreteLoaderText {
  margin: 100px -40px 5px !important;
}
.dj_ie9 .loader .loaderText {
  margin-top: 100px !important;
}
.highcharts-axis-labels.highcharts-xaxis-labels span {
  text-align: center;
}
#canvas {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  background-color: #fff;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.7);
  z-index: 5000;
  overflow: hidden;
}
#svg-container {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  background-color: #fff;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.7);
  z-index: 5000;
  overflow: hidden;
}
#svg-container .image-title {
  font-family: 'GillSansBold', Verdana, Geneva, sans-serif;
}
#svg-container #svgInnerContainer {
  height: 800px;
  margin: 0 auto;
}
#svg-container .sliderLabels,
#svg-container .multiSliderContainer {
  display: flex;
  justify-content: space-around;
  transition: all 0.5s;
}
#svg-container .sliderLabels .labelContainer,
#svg-container .multiSliderContainer .labelContainer,
#svg-container .sliderLabels .sliderContainer,
#svg-container .multiSliderContainer .sliderContainer {
  width: 15%;
}
#svg-container .sliderLabels .labelContainer,
#svg-container .multiSliderContainer .labelContainer {
  text-align: center;
}
#svg-container #exportChartButtonContainer {
  max-width: 440px;
  z-index: 203;
  position: absolute;
  width: auto;
  left: 50%;
  margin: 10px 0 0 -220px;
  right: 0;
}
#svg-container #exportChartButtonContainer .table {
  display: table;
}
#svg-container #exportChartButtonContainer .table-cell {
  display: table-cell;
}
#svg-container #exportChartButtonContainer .exportChartButton,
#svg-container #exportChartButtonContainer .customizeButton {
  border: 1px solid #0860a2;
  font-size: 18px;
  font-family: 'GillSansLight', Verdana, Geneva, sans-serif;
  color: #0860a2;
  line-height: 26px;
  height: 30px;
  cursor: pointer;
  width: 200px;
  text-align: center;
  background-color: #fff;
}
#svg-container #exportChartButtonContainer .customizeButton {
  margin: 0 40px 0 0;
}
#svg-container svg {
  height: 30in !important;
  width: 22in !important;
}
#svg-container svg > rect {
  stroke: rgba(0, 0, 0, 0.7);
  stroke-width: 1px;
}
#svg-container .close {
  background: url('../images/x_close_btn.png') no-repeat 50% 50%;
  z-index: 1000;
  position: absolute;
  top: 5px;
  right: 5px;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.toolbarButtonContainer {
  display: flex;
  position: relative;
}
.toolbarActualContainer {
  display: flex;
  width: auto;
}
.customSurveyDialog {
  z-index: 500;
  background-color: #fff;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 400px;
  width: 600px;
  margin: -200px 0 0 -300px;
}
.ui-widget-content.popup .nav {
  margin-top: 10px;
  justify-content: space-between;
}
.ui-widget-content.popup .nav > button {
  padding: 10px;
}
.shareContainer .nav {
  display: inline-block;
  margin-top: 0;
  vertical-align: middle;
}
.size40x40 {
  width: 40px;
  height: 40px;
}
.topToolbar .navigation {
  margin-left: 10px;
}
.topToolbar .navigation button.tile.blue.size40x40 {
  margin: 0 3px;
}
.nav-pills .nav-link {
  background-position: center left;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 0;
  vertical-align: middle;
  padding: 0.5rem 0.5rem;
  color: #728fb2;
}
.nav-pills .nav-link .fa {
  margin-right: 3px;
  font-size: 18px;
  vertical-align: middle;
}
.nav-pills .nav-link:hover {
  color: #9cb1c9;
}
.nav-pills .nav-link:focus {
  border: 1px solid #728fb2;
}
.dropdown-menu {
  margin-top: -4px;
}
.dropdown-toggle:focus {
  outline: none;
}
.dropdown-toggle:focus + .dropdown-menu,
.dropdown-menu:hover {
  display: block;
}
.pivot {
  cursor: pointer;
}
.dropdown-toggle::after {
  vertical-align: baseline;
}
.dropdown-menu {
  background-color: #fff;
  border: 1px solid #728fb2;
  border-radius: 0;
}
.dropdown-menu button {
  width: 100%;
  min-width: 79px;
  width: -moz-available;
  margin: 0px;
  text-align: left;
  white-space: nowrap;
}
.dropdown-menu button:hover {
  background-color: #ddd;
}
.dropdown-menu ul {
  list-style: none;
  margin: 0px;
  padding: 0;
  margin-right: -1px;
  color: #000;
  box-sizing: content-box;
}
.dropdown-menu ul li.title {
  font-size: 16px;
  padding-left: 20px;
  color: #738eb5;
}
.dropdown-menu ul li.title div.red {
  color: #ba0c2f;
  font-size: 12px;
  padding-left: 5px;
}
.dropdown-menu ul li {
  font-size: 16px;
  margin-bottom: 2px;
  padding: 5px 40px;
  color: inherit;
}
.dropdown-menu ul li button {
  padding-left: 45px;
  height: 30px;
}
.dropdown-menu ul li button:before {
  background-position: 20px 3px;
  width: 45px;
}
.pivot.selected {
  background-color: #0860a2;
  color: #fff;
}
.pivot:hover {
  background-color: #728fb2;
  color: #fff;
}
[disabled='disabled'],
[disabled] {
  opacity: 0.25 !important;
  pointer-events: none;
}
.topToolbar {
  position: absolute;
  display: table-cell;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.topToolbar .flexItem {
  display: table-cell;
  display: -ms-flexbox;
  display: flex;
}
.topToolbar .navigation {
  flex: 2 0 0;
}
.topToolbar .actionList {
  font-family: 'GillSansRegular', Verdana, Geneva, sans-serif;
}
.topToolbar .actionList .jQuerySelectButton.ui-corner-top {
  border-top: 1px solid #0860a2;
  border-left: 1px solid #0860a2;
  border-right: 1px solid #0860a2;
  color: #0860a2 !important;
  border-width: 1px !important;
  background: #fff url('../images/icn_options_on.svg') no-repeat;
  background: #fff url('../images/icn_options_on.svg') no-repeat;
}
.topToolbar .actionList .jQuerySelectButton.solid {
  height: 30px;
  line-height: 30px;
  font-size: 100%;
  box-sizing: border-box;
  background-position: 147px center;
  margin: 6px 0px 0 0;
  float: right;
  color: #556573;
}
.topToolbar .actionList .jQuerySelectButton.solid .ui-selectmenu-text {
  line-height: 30px;
}
.topToolbar .actionList button {
  border-radius: 0px;
  background-color: transparent;
  color: #556573;
  font-size: 16px;
  border: none;
}
.topToolbar .actionList button:hover {
  opacity: 0.75;
}
.topToolbar .actionList button.unchecked,
.topToolbar .actionList button.checked {
  position: relative;
  padding-left: 25px;
}
.topToolbar .actionList button.unchecked:before,
.topToolbar .actionList button.checked:before {
  content: '';
  margin-right: 5px;
  vertical-align: middle;
  position: absolute;
  left: 5px;
  height: 20px;
  width: 20px;
  background-position: 0 3px;
  background-size: 14px;
  background-repeat: no-repeat;
}
.topToolbar .actionList button.checked:before,
.topToolbar .actionList button.unchecked:active:before {
  background-image: url('../images/checkmark_grey_checked.svg');
}
.topToolbar .actionList button.unchecked:before,
.topToolbar .actionList button.checked:active:before {
  background-image: url('../images/checkmark_grey_unchecked.svg');
}
.topToolbar .actionList button.last {
  margin-right: 0px;
}
.topToolbar .iconHamburger {
  background-size: 25px 25px !important;
  background-position: center center;
}
@media only screen and (max-width: 1024px) {
  .hidden-mobile {
    display: none !important;
  }
  .nav-pills .nav-link .fa {
    font-size: 22px;
  }
  .actionList .dropdown-menu {
    right: 0;
    left: auto;
  }
}
select[multiple] {
  background: transparent;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  border-width: 2px;
  -moz-appearance: menulist;
  -webkit-appearance: unset;
  appearance: menulist;
}
select#byVariableSelect {
  font-family: inherit;
  font-size: 14px;
  line-height: inherit;
  height: 0;
  width: 100%;
  width: calc(100% + 2px);
  margin-left: -1px;
  overflow: auto;
  display: block;
  transition: height 0.1s ease;
  border: none;
  border-top-width: 0px;
  margin-top: 1px;
  outline: none;
}
select#byVariableSelect option {
  padding: 5px 25px 5px 10px !important;
  background-image: linear-gradient(#fff 0%, #fff 100%);
  border: 1px solid #738eb5;
}
select#byVariableSelect option:checked {
  background-image: linear-gradient(#738eb5 0%, #738eb5 100%);
}
select#byVariableSelect option:last-child {
  border: 1px solid #738eb5;
}
.current_byvariable_string {
  font-family: inherit;
  font-size: 14px;
  line-height: inherit;
  padding: 0.4em 2.1em 0.4em 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 60px);
}
.neighbor-focus-open {
  outline: none;
}
.neighbor-focus-open:focus + *,
.neighbor-focus-open.focus + *,
.neighbor-focus-open + *:hover,
.neighbor-focus-open + *:focus {
  height: auto !important;
  visibility: visible !important;
}
.map {
  height: 100% !important;
}
.esri-view-root {
  height: 100% !important;
}
#mapDiv {
  height: 100%;
  text-align: left;
  position: relative;
}
.esriPopup {
  z-index: 50 !important;
}
.hidden {
  display: none;
}
.visible {
  display: block !important;
}
.inheritBottom {
  bottom: inherit !important;
}
.HomeButton .home {
  background: #fff url('../images/home.png') no-repeat 50% 50%;
  background-image: url('../images/home/png') n0-repeat 50% 50%;
}
.HomeButton .home:hover {
  background: #eee url('../images/home.png') no-repeat 50% 50%;
  background-image: url('../images/home/png') n0-repeat 50% 50%;
}
.simpleInfoWindow .close {
  display: none;
}
.closePopup {
  position: absolute;
  right: 5px;
  top: 5px;
  height: 10px;
  width: 10px;
  background: url('../images/x_close_btn.png') no-repeat 50% 50%;
  cursor: pointer;
}
.maximize {
  position: absolute;
  right: 20px;
  top: 5px;
  height: 10px;
  width: 10px;
  background: url('../images/max-min.svg') no-repeat 50% 50%;
  background-size: 10px;
  cursor: pointer;
}
.minimize {
  position: absolute;
  right: 20px;
  top: 5px;
  height: 10px;
  width: 10px;
  background: url('../images/max-min.svg') no-repeat 50% 50%;
  background-size: 10px;
  cursor: pointer;
}
.legendTitle {
  padding: 10px;
  background: #0860a2 url('../images/down-arrow.png') no-repeat 90% 50%;
  background-size: 15px;
  color: #fff;
  cursor: pointer;
  min-width: 75px;
}
.legendBackgroundClosed {
  background: #0860a2 url('../images/up-arrow.png') no-repeat 90% 50%;
  background-size: 15px;
}
.legendCell {
  display: table-cell;
  padding: 2px 0;
}
.legendRow {
  display: table-row;
}
.legendText {
  line-height: 20px;
  height: 20px;
  text-align: left;
  vertical-align: middle;
  padding: 0px 0 2px 20px;
}
.legendContainer {
  clear: both;
  position: absolute;
  bottom: 1px;
  left: 30px;
  z-index: 48;
  background-color: #fff;
  display: none;
}
.legend {
  padding: 20px 20px 20px 20px;
  transition: height 0.25s;
  transition: padding 0.25s;
}
.levelRow {
  display: table-row;
}
.levelCell {
  /* display: table-cell; */
  padding: 3px;
}
.levels,
.left {
  float: left;
}
.clear {
  clear: both;
}
.dijitButtonText {
  height: 27px;
}
#breakTypeContainer .dijitButtonText {
  padding: 0 5px;
}
.dijitPopup {
  font-size: 12px;
}
.dijitButtonNode {
  height: 27px;
  width: 35px;
  background-color: #738eb5;
  background: #738eb5 url('../images/arrow_down.svg') no-repeat 50% 50%;
  border: 0px solid #fff;
}
#selectContainer .dijitButtonNode {
  background: #738eb5 url('../images/color_palete_icon.png') no-repeat 50% 50%;
  background-size: 20px;
}
#selectContainer .dijitDownArrowButton {
  box-sizing: border-box;
}
.dijitSelect,
.dijitMenu {
  border: 1px solid #738eb5;
}
.dijitMenuItemHoverFocused,
.dijitMenuItemHover,
.dijitMenuItemSelected {
  background-color: #738eb5;
}
.dijitSelectMenu {
  padding: 0px;
}
.dijitMenuItem {
  padding: 0px !important;
}
.dijitMenuItemLabel {
  padding: 4px 0 0 1px;
}
.dijitSelect .dijitButtonContents {
  border-width: 0px;
}

#selectContainer {
  float: right;
  margin: 10px 0 0 0;
  clear: both;
}
.breakCell {
  display: table-cell;
  padding: 10px 0 0 0;
}
.breakCellRight {
  width: 100%;
  text-align: right;
}
.breakCellRight table {
  position: static !important;
}
.breakContainer {
  display: table-row;
}
#selectContainer .dijitSelect {
  display: block !important;
}
#selectContainer tbody tr td:first-child {
  width: 90%;
}
#breakCountContainer .dijitButtonText {
  width: 30px;
  text-align: center;
  font-weight: bold;
}
#changeColorScheme_dropdown .dijitSelectMenu {
  width: 206px !important;
}
#changeColorScheme_dropdown .dijitSelectMenu .colorChip {
  width: 25%;
}
.dijitButtonText {
  vertical-align: middle;
  line-height: 27px;
}
.homeButtonContainer {
  z-index: 30;
  position: absolute;
  top: 90px;
  left: 20px;
}
.homeButtonContainer .home {
  border: 1px solid #57585a;
  border-radius: 0px;
  padding: 0px;
}
.esriSimpleSlider {
  border-radius: 0px;
}
.outerPointer,
.esriPopupWrapper .contentPane,
.esriPopupWrapper .pointer {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background: rgba(250, 250, 250, 0.94) !important;
}
.esriPopupWrapper {
  box-shadow: none;
  -webkit-box-shadow: none !important;
}
.esriPopupWrapper .titlePane,
.esriPopupWrapper .actionsPane {
  display: none;
}
.esriPopupWrapper .sizer {
  min-width: 200px !important;
}
.esriPopupWrapper .contentPane {
  padding: 10px;
  border-radius: 5px;
  font-size: 20px;
  font-family: 'GillSansLight', Verdana, Geneva, sans-serif;
  max-height: none !important;
  white-space: nowrap;
}
.esriPopupWrapper .contentPane hr {
  margin-top: 0px;
  border: 1px solid rgba(1, 1, 1, 0.25);
}
.esriPopupWrapper #chart {
  height: 250px;
  min-width: 400px;
}
.esriPopupWrapper #chart .highcharts-button {
  display: none;
}
.esriPopupWrapper .open-close {
  position: absolute;
  top: 50px;
  right: 10px;
  height: 12px;
  width: 12px;
  cursor: pointer;
  background: url('../images/add-blue.svg') no-repeat;
}
.esriPopupWrapper .minus {
  background: url('../images/minus-blue.svg') no-repeat !important;
}
.country-name {
  padding: 0 20px 0 0;
}
.indicator-value {
  padding: 0 20px 0 0;
}
.mapPanelTitle {
  font-family: 'GillSansRegular', Verdana, Geneva, sans-serif;
  margin: 3px 0 0 0;
  padding: 6px !important;
}
.legendHeight {
  max-height: 0px !important;
}
.legendContent {
  transition: max-height 0.25s;
}
.disabled span {
  color: #dedede !important;
  background: url('../images/checkmark_disabled.svg') 8px 2px no-repeat !important;
}
.mapPrintContainerBackground {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 10000;
  background-color: rgba(80, 80, 80, 0.5);
}
.mapPrintContainerBackground.hidden {
  display: none;
}
.mapPrintContainerBackground.hidden .mapPrint {
  display: none;
}
.mapPrint {
  position: absolute;
  top: 50%;
  height: 640px;
  width: 960px;
  left: 50%;
  margin: -320px 0 0 -500px;
  z-index: 500;
  background: #fff;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.7);
  overflow: hidden;
}
.mapPrint .esriPopup {
  width: 300px;
}
.mapPrint .esriPopup .esriPopupWrapper {
  width: 300px;
}
.mapPrint .esriPopup .pointer {
  display: none;
}
.mapPrint .esriPopup .closePopup,
.mapPrint .esriPopup maximize,
.mapPrint .esriPopup minimize {
  z-index: 500;
}
.mapPrint .contentPane {
  cursor: move;
  padding: 0px !important;
}
.mapPrint #title-grab,
.mapPrint hr,
.mapPrint #open-close,
.mapPrint .indicator-value,
.mapPrint #region-title {
  display: none;
}
.mapPrint .sizer.content,
.mapPrint #chart {
  max-width: 300px;
  max-height: 200px;
  min-width: 200px;
  overflow: hidden;
}
.mapPrint .contentPane {
  overflow: hidden;
}
.close {
  background: url('../images/x_close_btn.png') no-repeat 50% 50%;
  z-index: 1000;
  top: 5px;
  right: 5px;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.mapPrintTitle {
  position: absolute;
  height: 20px;
  width: 400px;
  font-size: 20px;
  padding: 6px;
  top: 0;
  left: 50%;
  margin: 0 0 0 -200px;
  text-align: center;
}
.mapPrintMetaDescription {
  position: absolute;
  height: 18px;
  width: 873px;
  font-size: 12px;
  padding: 0 6px;
  top: 36px;
  left: 50%;
  margin: 0 0 0 -444px;
  text-align: center;
  line-height: 14px;
  transition: all 0.5s;
}
.mapPrintMetaDescription.small {
  width: 652px;
  margin: 0px 0 0 -333px;
}
.printMapButton {
  position: absolute;
  bottom: 5px;
  widht: 100px;
  height: 20px;
  margin: 0 0 0 -50px;
  left: 50%;
}
.canvas-container {
  display: none;
}
.map-print-container {
  position: absolute;
  top: 60px;
  left: 50%;
}
.map-print-container .legendContainer {
  left: 1px;
}
.map-print-container .legendTitle {
  display: none;
}
.map-print-container .legend {
  display: flex;
  padding: 10px;
}
.map-print-container .legendRow {
  margin: 0 5px;
}
.map-print-container .legendIcon svg {
  height: 15px;
  width: 15px;
}
.map-print-container .legendText {
  font-size: 10px;
}
.mapPrintResolution {
  position: absolute;
  bottom: 10px;
}
.mapPrintResolution label {
  border: 2px solid #728fb2;
  padding: 2px 5px !important;
  color: #728fb2;
  cursor: pointer;
  background-image: none !important;
}
.mapPrintResolution label.wide {
  padding: 2px 5px !important;
  margin: 0 10px;
}
.mapPrintResolution input[type='radio']:checked + label {
  background-color: #728fb2;
  color: #fff;
}
.mapPrintStyle {
  position: absolute;
  bottom: 10px;
}
.mapPrintStyle button.tile {
  padding: 5px 5px 5px 20px !important;
  border: 0px;
  width: auto !important;
}
.mapPrintStyle button.checked {
  background: #fff url('../images/checkmark_grey_checked.svg') no-repeat 5px center;
}
.mapPrintStyle button.unchecked {
  background: #fff url('../images/checkmark_grey_unchecked.svg') no-repeat 5px center;
}
.bottomInfo {
  position: absolute;
  left: 50%;
  display: flex;
  justify-content: space-between;
}
.bottomInfo .citation {
  font-size: 7px;
  padding: 15px 0 0 0;
  text-align: right;
}
.bottomInfo .mapPrintDescription {
  width: 400px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
}
.mapPrint button {
  height: 28px;
  font-size: 14px;
  min-width: 100px;
  font-size: 15px;
  padding: 2px 5px;
  outline: none;
  text-align: center;
  font-family: 'GillSansLight', Verdana, Geneva, sans-serif;
  background-color: #fff;
  color: #728fb2;
  border: 2px solid #728fb2;
}
.map-print-container,
.bottomInfo,
.mapPrintStyle,
.mapPrintResolution {
  transition: all 0.5s;
}
.mapExport {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -150px 0 0 -150px;
  height: auto;
  width: 400px;
  z-index: 500;
  font-family: 'GillSansLight', Verdana, Geeva, sans-serif;
  background: #fff;
  color: #0860a2;
  border: 1px solid #0860a2;
}
.mapExport .invalidText {
  color: #c2113a;
}
.mapExport .close {
  background: url('../images/white_close.svg') no-repeat center center;
  background-size: 18px;
  height: 36px;
  width: 36px;
  cursor: pointer;
}
.mapExport .emailInput {
  width: 100%;
  border: 1px solid #0860a2;
  height: 24px;
  font-size: 20px;
  padding: 2px;
  font-family: 'GillSansLight', Verdana, Geneva, sans-serif;
}
.mapExport .emailInput.invalid {
  border: 1px solid #c2113a;
}
.mapExport .nuumberCell {
  font-size: 20px;
  line-height: 36px;
}
.mapExport .exportHeader {
  width: 100%;
  color: #fff;
  font-size: 19px;
  height: 36px;
  background-color: #0860a2;
}
.mapExport .title {
  height: 36px;
  vertical-align: middle;
  line-height: 36px;
  padding: 0 20px;
  width: 360px;
}
.mapExport .exportBody {
  padding: 20px;
}
.mapExport .submit {
  background-color: #fff;
  color: #728fb2;
  border: 2px solid #728fb2;
  padding: 5px;
  width: 120px;
  text-align: center;
}
.mapExport .submitGPevent:disabled {
  opacity: 0.5;
  color: #555;
  border: 2px solid #555;
}
.mapExport .submitContainer {
  width: 100%;
}
.mapExport input[type='radio'] + label,
.mapExport input[type='radio'] + span {
  background: url('../images/checkmark_off.svg') no-repeat center;
  background-position: 10px 8px;
  padding: 4px 0px 5px 35px;
  line-height: 26px;
  background-size: 18px 18px;
}
.mapExport input[type='radio']:checked + label,
.mapExport input[type='radio']:checked + span {
  background: url('../images/checkmark_on.svg') no-repeat center;
  background-position: 10px 6px;
}
.mapExport input[type='radio']:disabled + label,
.mapExport input[type='radio']:disabled + span {
  background: url('../images/checkmark_disabled.svg') no-repeat center;
  background-position: 10px 8px;
  background-size: 18px 18px;
}
.mapExport input[type='radio'] {
  display: none;
}
.printLoader {
  position: absolute;
  left: 50%;
  top: 10px;
  z-index: 50;
  height: 40px;
  display: flex;
  margin: 0 0 0 -140px;
  width: 280px;
  background: rgba(8, 96, 162, 0.75);
  padding: 10px 40px 20px;
  border-radius: 3px;
}

#fountainTextG {
  width: auto;
  margin: auto;
}

.fountainTextG {
  color: rgb(253, 252, 255);
  font-family: 'GillSansLight';
  font-size: 50px;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  float: left;
  animation-name: bounce_fountainTextG;
  -o-animation-name: bounce_fountainTextG;
  -ms-animation-name: bounce_fountainTextG;
  -webkit-animation-name: bounce_fountainTextG;
  -moz-animation-name: bounce_fountainTextG;
  animation-duration: 2.54s;
  -o-animation-duration: 2.54s;
  -ms-animation-duration: 2.54s;
  -webkit-animation-duration: 2.54s;
  -moz-animation-duration: 2.54s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  transform: scale(0.5);
  -o-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
}
#fountainTextG_1 {
  animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
}
#fountainTextG_2 {
  animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
}
#fountainTextG_3 {
  animation-delay: 1.05s;
  -o-animation-delay: 1.05s;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s;
}
#fountainTextG_4 {
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
}
#fountainTextG_5 {
  animation-delay: 1.35s;
  -o-animation-delay: 1.35s;
  -ms-animation-delay: 1.35s;
  -webkit-animation-delay: 1.35s;
  -moz-animation-delay: 1.35s;
}
#fountainTextG_6 {
  animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
}
#fountainTextG_7 {
  animation-delay: 1.64s;
  -o-animation-delay: 1.64s;
  -ms-animation-delay: 1.64s;
  -webkit-animation-delay: 1.64s;
  -moz-animation-delay: 1.64s;
}
#fountainTextG_8 {
  animation-delay: 1.79s;
  -o-animation-delay: 1.79s;
  -ms-animation-delay: 1.79s;
  -webkit-animation-delay: 1.79s;
  -moz-animation-delay: 1.79s;
}
#fountainTextG_9 {
  animation-delay: 1.94s;
  -o-animation-delay: 1.94s;
  -ms-animation-delay: 1.94s;
  -webkit-animation-delay: 1.94s;
  -moz-animation-delay: 1.94s;
}
#fountainTextG_10 {
  animation-delay: 2.09s;
  -o-animation-delay: 2.09s;
  -ms-animation-delay: 2.09s;
  -webkit-animation-delay: 2.09s;
  -moz-animation-delay: 2.09s;
}

#fountainTextG_11 {
  animation-delay: 2.24s;
  -o-animation-delay: 2.24s;
  -ms-animation-delay: 2.24s;
  -webkit-animation-delay: 2.24s;
  -moz-animation-delay: 2.24s;
}

#fountainTextG_12 {
  animation-delay: 2.39s;
  -o-animation-delay: 2.39s;
  -ms-animation-delay: 2.39s;
  -webkit-animation-delay: 2.39s;
  -moz-animation-delay: 2.39s;
}

#fountainTextG_13 {
  animation-delay: 2.54;
  -o-animation-delay: 2.54;
  -ms-animation-delay: 2.54;
  -webkit-animation-delay: 2.54;
  -moz-animation-delay: 2.54;
}

@keyframes bounce_fountainTextG {
  0% {
    transform: scale(1);
    color: rgb(233, 232, 237);
  }

  100% {
    transform: scale(0.5);
    color: rgb(255, 255, 255);
  }
}

@-o-keyframes bounce_fountainTextG {
  0% {
    -o-transform: scale(1);
    color: rgb(233, 232, 237);
  }

  100% {
    -o-transform: scale(0.5);
    color: rgb(255, 255, 255);
  }
}

@-ms-keyframes bounce_fountainTextG {
  0% {
    -ms-transform: scale(1);
    color: rgb(233, 232, 237);
  }

  100% {
    -ms-transform: scale(0.5);
    color: rgb(255, 255, 255);
  }
}

@-webkit-keyframes bounce_fountainTextG {
  0% {
    -webkit-transform: scale(1);
    color: rgb(233, 232, 237);
  }

  100% {
    -webkit-transform: scale(0.5);
    color: rgb(255, 255, 255);
  }
}

@-moz-keyframes bounce_fountainTextG {
  0% {
    -moz-transform: scale(1);
    color: rgb(233, 232, 237);
  }

  100% {
    -moz-transform: scale(0.5);
    color: rgb(255, 255, 255);
  }
}
:fullscreen .header {
  display: none;
}
:fullscreen #contentDiv {
  padding: 0px 0px 50px;
}
:fullscreen .iconFullscreen {
  color: #0860a2 !important;
  background-image: url('../images/icn_fullscreen_on.svg');
}
:fullscreen .data {
  padding: 1px;
}
html.fullscreen-enabled .header {
  display: none;
}
html.fullscreen-enabled #contentDiv {
  padding: 0px 0px 50px;
}
html.fullscreen-enabled .iconFullscreen {
  color: #0860a2 !important;
  background-image: url('../images/icn_fullscreen_on.svg');
}
html.fullscreen-enabled .data {
  padding: 1px;
}
/*************************************************
Add This
  temporary styles for add this
*************************************************/
#atstbx {
  height: 50px;
  width: 300px;
  z-index: 40000;
  position: absolute;
  top: 0px;
  right: 60px;
}
.tile addthis_sharing_toolbox {
  height: 50px;
  width: 300px;
}
span.list-options {
  display: inline;
}
span.list-options li {
  list-style: none;
  float: right;
}
span.list-options a {
  float: left;
  margin-right: 10px;
  text-decoration: none;
}
span.list-options a:hover {
  text-decoration: underline;
}
/*
  select menu styles
*/
.select-menu-parent {
  font-weight: bold;
}
.select-menu-parent {
  font-weight: bold;
}
.select-menu-child {
  padding-left: 20px !important;
}
.ui-dialog {
  overflow: initial;
}
.data-home-button {
  position: absolute;
  top: 0px;
  z-index: 30;
}
#disclaimer {
  padding: 0 0 0 22px;
}
.parentCenter .options {
  min-height: 40px;
  height: 40px;
}
.parentCenter .options .text {
  padding-left: 40px;
  top: 0px;
  position: absolute;
}
.introJSindexIndicator {
  z-index: initial !important;
}
.customPopupClass .ui-selectmenu-menu .jQuerySelectMenu.hollow {
  width: 80px !important;
}
@-moz-document url-prefix() {
  #customTable_frozen .countryRow {
    height: 48px !important;
  }
}
@supports (-ms-ime-align: auto) {
  .countryRow {
    width: 47px !important;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes tooltip-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes tooltip-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes tooltip-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tooltip-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes bouncedelay {
  0%,
  80%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes bouncedelay {
  0%,
  80%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-o-keyframes bouncedelay {
  0%,
  80%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes bouncedelay {
  0%,
  80%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

.text-danger.text-left.font-size-normal {
  color: #ba0c2f !important;
  font-size: 14px;
  text-align: left;
  margin-top: 20px;
  border: solid 1px #ba0c2f;
  max-width: 250px;
  padding: 10px 15px;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}