.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.headingGradient {
  font-weight: 600;
  background: linear-gradient(90deg, #0078B4, #73C68E 17%, #883fe4 35%, #fe81e4 56%, #fda900 80%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.headingGradient2 {
  font-weight: 600;
  background-image: linear-gradient(90deg, #0078B4, #73C68E 31%, #0078B4 88%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
div.paging-container {
  clear: both;
  margin: 0 auto;
  padding: 50px 0;
  display: table;
  width: auto;
}
div.paging-container ul.paging {
  border: 1px solid #aeaeae;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  *zoom: 1;
}
div.paging-container ul.paging:before,
div.paging-container ul.paging:after {
  content: " ";
  display: table;
}
div.paging-container ul.paging:after {
  clear: both;
}
div.paging-container ul.paging li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
  text-align: center;
}
div.paging-container ul.paging li.placeholder {
  padding: 8px 14px;
}
div.paging-container ul.paging li.first a:link,
div.paging-container ul.paging li.last a:link,
div.paging-container ul.paging li.first a:visited,
div.paging-container ul.paging li.last a:visited {
  color: #fff;
  background-color: #0078B4;
}
div.paging-container ul.paging li.first a:hover,
div.paging-container ul.paging li.last a:hover,
div.paging-container ul.paging li.first a:active,
div.paging-container ul.paging li.last a:active {
  background-color: #d4effe;
}
div.paging-container ul.paging li.prev a:link,
div.paging-container ul.paging li.next a:link,
div.paging-container ul.paging li.prev a:visited,
div.paging-container ul.paging li.next a:visited {
  color: #fff;
  background-color: #31c961;
}
div.paging-container ul.paging li.prev a:hover,
div.paging-container ul.paging li.next a:hover,
div.paging-container ul.paging li.prev a:active,
div.paging-container ul.paging li.next a:active {
  background-color: #6dc03b;
}
div.paging-container ul.paging li.active {
  margin: 0;
  padding: 0;
  background-color: #5c5c5c;
  color: #fff;
}
div.paging-container ul.paging li.active span {
  display: inline-block;
  padding: 8px 14px;
}
div.paging-container ul.paging li.active a:link,
div.paging-container ul.paging li.active a:visited {
  color: #fff;
  background-color: #5c5c5c;
}
div.paging-container ul.paging li.active a:hover,
div.paging-container ul.paging li.active a:active {
  background-color: #aeaeae;
}
div.paging-container ul.paging li a:link,
div.paging-container ul.paging li a:visited {
  margin: 0;
  padding: 8px 14px;
  color: #5c5c5c;
  display: inline-block;
  text-decoration: none;
}
div.paging-container ul.paging li a:hover,
div.paging-container ul.paging li a:active {
  color: #aeaeae;
}
/*
  Dark mode override layer for the existing Intengine light theme.

  Supported activation hooks:
  - html.dark-mode / body.dark-mode
  - html.theme-dark / body.theme-dark
  - html[data-theme="dark"] / body[data-theme="dark"]
*/
html.dark-mode,
body.dark-mode,
html.theme-dark,
body.theme-dark,
html[data-theme="dark"],
body[data-theme="dark"] {
  color-scheme: dark;
}
html.dark-mode,
body.dark-mode,
html.theme-dark,
body.theme-dark,
html[data-theme="dark"],
body[data-theme="dark"],
html.dark-mode body,
body.dark-mode body,
html.theme-dark body,
body.theme-dark body,
html[data-theme="dark"] body,
body[data-theme="dark"] body,
html.dark-mode .pageWrapper,
body.dark-mode .pageWrapper,
html.theme-dark .pageWrapper,
body.theme-dark .pageWrapper,
html[data-theme="dark"] .pageWrapper,
body[data-theme="dark"] .pageWrapper,
html.dark-mode .pageWrapper.register,
body.dark-mode .pageWrapper.register,
html.theme-dark .pageWrapper.register,
body.theme-dark .pageWrapper.register,
html[data-theme="dark"] .pageWrapper.register,
body[data-theme="dark"] .pageWrapper.register,
html.dark-mode .registerBackground,
body.dark-mode .registerBackground,
html.theme-dark .registerBackground,
body.theme-dark .registerBackground,
html[data-theme="dark"] .registerBackground,
body[data-theme="dark"] .registerBackground,
html.dark-mode .noBG,
body.dark-mode .noBG,
html.theme-dark .noBG,
body.theme-dark .noBG,
html[data-theme="dark"] .noBG,
body[data-theme="dark"] .noBG {
  background: none;
  color: #fafafa;
}
html.dark-mode h1,
body.dark-mode h1,
html.theme-dark h1,
body.theme-dark h1,
html[data-theme="dark"] h1,
body[data-theme="dark"] h1,
html.dark-mode h2,
body.dark-mode h2,
html.theme-dark h2,
body.theme-dark h2,
html[data-theme="dark"] h2,
body[data-theme="dark"] h2,
html.dark-mode h3,
body.dark-mode h3,
html.theme-dark h3,
body.theme-dark h3,
html[data-theme="dark"] h3,
body[data-theme="dark"] h3,
html.dark-mode h4,
body.dark-mode h4,
html.theme-dark h4,
body.theme-dark h4,
html[data-theme="dark"] h4,
body[data-theme="dark"] h4,
html.dark-mode h5,
body.dark-mode h5,
html.theme-dark h5,
body.theme-dark h5,
html[data-theme="dark"] h5,
body[data-theme="dark"] h5,
html.dark-mode h6,
body.dark-mode h6,
html.theme-dark h6,
body.theme-dark h6,
html[data-theme="dark"] h6,
body[data-theme="dark"] h6,
html.dark-mode strong,
body.dark-mode strong,
html.theme-dark strong,
body.theme-dark strong,
html[data-theme="dark"] strong,
body[data-theme="dark"] strong,
html.dark-mode legend,
body.dark-mode legend,
html.theme-dark legend,
body.theme-dark legend,
html[data-theme="dark"] legend,
body[data-theme="dark"] legend {
  color: #fafafa;
}
html.dark-mode fieldset legend,
body.dark-mode fieldset legend,
html.theme-dark fieldset legend,
body.theme-dark fieldset legend,
html[data-theme="dark"] fieldset legend,
body[data-theme="dark"] fieldset legend {
  color: #fafafa !important;
}
html.dark-mode p,
body.dark-mode p,
html.theme-dark p,
body.theme-dark p,
html[data-theme="dark"] p,
body[data-theme="dark"] p,
html.dark-mode li,
body.dark-mode li,
html.theme-dark li,
body.theme-dark li,
html[data-theme="dark"] li,
body[data-theme="dark"] li,
html.dark-mode td,
body.dark-mode td,
html.theme-dark td,
body.theme-dark td,
html[data-theme="dark"] td,
body[data-theme="dark"] td,
html.dark-mode th,
body.dark-mode th,
html.theme-dark th,
body.theme-dark th,
html[data-theme="dark"] th,
body[data-theme="dark"] th,
html.dark-mode label,
body.dark-mode label,
html.theme-dark label,
body.theme-dark label,
html[data-theme="dark"] label,
body[data-theme="dark"] label,
html.dark-mode dd,
body.dark-mode dd,
html.theme-dark dd,
body.theme-dark dd,
html[data-theme="dark"] dd,
body[data-theme="dark"] dd,
html.dark-mode dt,
body.dark-mode dt,
html.theme-dark dt,
body.theme-dark dt,
html[data-theme="dark"] dt,
body[data-theme="dark"] dt,
html.dark-mode address,
body.dark-mode address,
html.theme-dark address,
body.theme-dark address,
html[data-theme="dark"] address,
body[data-theme="dark"] address,
html.dark-mode span,
body.dark-mode span,
html.theme-dark span,
body.theme-dark span,
html[data-theme="dark"] span,
body[data-theme="dark"] span,
html.dark-mode section.content p,
body.dark-mode section.content p,
html.theme-dark section.content p,
body.theme-dark section.content p,
html[data-theme="dark"] section.content p,
body[data-theme="dark"] section.content p,
html.dark-mode section.content li,
body.dark-mode section.content li,
html.theme-dark section.content li,
body.theme-dark section.content li,
html[data-theme="dark"] section.content li,
body[data-theme="dark"] section.content li,
html.dark-mode section.content td,
body.dark-mode section.content td,
html.theme-dark section.content td,
body.theme-dark section.content td,
html[data-theme="dark"] section.content td,
body[data-theme="dark"] section.content td {
  color: #b3bfd3;
}
html.dark-mode span.helpText,
body.dark-mode span.helpText,
html.theme-dark span.helpText,
body.theme-dark span.helpText,
html[data-theme="dark"] span.helpText,
body[data-theme="dark"] span.helpText,
html.dark-mode p.caption,
body.dark-mode p.caption,
html.theme-dark p.caption,
body.theme-dark p.caption,
html[data-theme="dark"] p.caption,
body[data-theme="dark"] p.caption,
html.dark-mode .results-line,
body.dark-mode .results-line,
html.theme-dark .results-line,
body.theme-dark .results-line,
html[data-theme="dark"] .results-line,
body[data-theme="dark"] .results-line,
html.dark-mode .msg h2,
body.dark-mode .msg h2,
html.theme-dark .msg h2,
body.theme-dark .msg h2,
html[data-theme="dark"] .msg h2,
body[data-theme="dark"] .msg h2,
html.dark-mode .msg p,
body.dark-mode .msg p,
html.theme-dark .msg p,
body.theme-dark .msg p,
html[data-theme="dark"] .msg p,
body[data-theme="dark"] .msg p,
html.dark-mode .alertContainer p,
body.dark-mode .alertContainer p,
html.theme-dark .alertContainer p,
body.theme-dark .alertContainer p,
html[data-theme="dark"] .alertContainer p,
body[data-theme="dark"] .alertContainer p,
html.dark-mode .registerEmail p,
body.dark-mode .registerEmail p,
html.theme-dark .registerEmail p,
body.theme-dark .registerEmail p,
html[data-theme="dark"] .registerEmail p,
body[data-theme="dark"] .registerEmail p {
  color: #b3bfd3 !important;
}
html.dark-mode a:link,
body.dark-mode a:link,
html.theme-dark a:link,
body.theme-dark a:link,
html[data-theme="dark"] a:link,
body[data-theme="dark"] a:link,
html.dark-mode a:visited,
body.dark-mode a:visited,
html.theme-dark a:visited,
body.theme-dark a:visited,
html[data-theme="dark"] a:visited,
body[data-theme="dark"] a:visited {
  color: #8fdcff;
}
html.dark-mode a:hover,
body.dark-mode a:hover,
html.theme-dark a:hover,
body.theme-dark a:hover,
html[data-theme="dark"] a:hover,
body[data-theme="dark"] a:hover,
html.dark-mode a:active,
body.dark-mode a:active,
html.theme-dark a:active,
body.theme-dark a:active,
html[data-theme="dark"] a:active,
body[data-theme="dark"] a:active {
  color: #77e5aa;
}
html.dark-mode hr,
body.dark-mode hr,
html.theme-dark hr,
body.theme-dark hr,
html[data-theme="dark"] hr,
body[data-theme="dark"] hr,
html.dark-mode fieldset,
body.dark-mode fieldset,
html.theme-dark fieldset,
body.theme-dark fieldset,
html[data-theme="dark"] fieldset,
body[data-theme="dark"] fieldset,
html.dark-mode .table-wrapper,
body.dark-mode .table-wrapper,
html.theme-dark .table-wrapper,
body.theme-dark .table-wrapper,
html[data-theme="dark"] .table-wrapper,
body[data-theme="dark"] .table-wrapper,
html.dark-mode .tabs,
body.dark-mode .tabs,
html.theme-dark .tabs,
body.theme-dark .tabs,
html[data-theme="dark"] .tabs,
body[data-theme="dark"] .tabs,
html.dark-mode .msg,
body.dark-mode .msg,
html.theme-dark .msg,
body.theme-dark .msg,
html[data-theme="dark"] .msg,
body[data-theme="dark"] .msg,
html.dark-mode .login-wrapper,
body.dark-mode .login-wrapper,
html.theme-dark .login-wrapper,
body.theme-dark .login-wrapper,
html[data-theme="dark"] .login-wrapper,
body[data-theme="dark"] .login-wrapper,
html.dark-mode .register .content .completeProfileContainer,
body.dark-mode .register .content .completeProfileContainer,
html.theme-dark .register .content .completeProfileContainer,
body.theme-dark .register .content .completeProfileContainer,
html[data-theme="dark"] .register .content .completeProfileContainer,
body[data-theme="dark"] .register .content .completeProfileContainer,
html.dark-mode body.login section.content section.body form,
body.dark-mode body.login section.content section.body form,
html.theme-dark body.login section.content section.body form,
body.theme-dark body.login section.content section.body form,
html[data-theme="dark"] body.login section.content section.body form,
body[data-theme="dark"] body.login section.content section.body form,
html.dark-mode body.login section.content section.body .login-wrapper,
body.dark-mode body.login section.content section.body .login-wrapper,
html.theme-dark body.login section.content section.body .login-wrapper,
body.theme-dark body.login section.content section.body .login-wrapper,
html[data-theme="dark"] body.login section.content section.body .login-wrapper,
body[data-theme="dark"] body.login section.content section.body .login-wrapper,
html.dark-mode nav.account li.menu nav.accountDropdown > ul,
body.dark-mode nav.account li.menu nav.accountDropdown > ul,
html.theme-dark nav.account li.menu nav.accountDropdown > ul,
body.theme-dark nav.account li.menu nav.accountDropdown > ul,
html[data-theme="dark"] nav.account li.menu nav.accountDropdown > ul,
body[data-theme="dark"] nav.account li.menu nav.accountDropdown > ul,
html.dark-mode header nav.main ul > li .nav-wrapper,
body.dark-mode header nav.main ul > li .nav-wrapper,
html.theme-dark header nav.main ul > li .nav-wrapper,
body.theme-dark header nav.main ul > li .nav-wrapper,
html[data-theme="dark"] header nav.main ul > li .nav-wrapper,
body[data-theme="dark"] header nav.main ul > li .nav-wrapper,
html.dark-mode .builder-toc,
body.dark-mode .builder-toc,
html.theme-dark .builder-toc,
body.theme-dark .builder-toc,
html[data-theme="dark"] .builder-toc,
body[data-theme="dark"] .builder-toc,
html.dark-mode .panel-content,
body.dark-mode .panel-content,
html.theme-dark .panel-content,
body.theme-dark .panel-content,
html[data-theme="dark"] .panel-content,
body[data-theme="dark"] .panel-content,
html.dark-mode div.panel-content,
body.dark-mode div.panel-content,
html.theme-dark div.panel-content,
body.theme-dark div.panel-content,
html[data-theme="dark"] div.panel-content,
body[data-theme="dark"] div.panel-content,
html.dark-mode .panel-container,
body.dark-mode .panel-container,
html.theme-dark .panel-container,
body.theme-dark .panel-container,
html[data-theme="dark"] .panel-container,
body[data-theme="dark"] .panel-container,
html.dark-mode .NSWAT_UI_GRID,
body.dark-mode .NSWAT_UI_GRID,
html.theme-dark .NSWAT_UI_GRID,
body.theme-dark .NSWAT_UI_GRID,
html[data-theme="dark"] .NSWAT_UI_GRID,
body[data-theme="dark"] .NSWAT_UI_GRID,
html.dark-mode .NSWAT_UI_DataTable-wrapper,
body.dark-mode .NSWAT_UI_DataTable-wrapper,
html.theme-dark .NSWAT_UI_DataTable-wrapper,
body.theme-dark .NSWAT_UI_DataTable-wrapper,
html[data-theme="dark"] .NSWAT_UI_DataTable-wrapper,
body[data-theme="dark"] .NSWAT_UI_DataTable-wrapper,
html.dark-mode aside.profile,
body.dark-mode aside.profile,
html.theme-dark aside.profile,
body.theme-dark aside.profile,
html[data-theme="dark"] aside.profile,
body[data-theme="dark"] aside.profile,
html.dark-mode section.profile aside,
body.dark-mode section.profile aside,
html.theme-dark section.profile aside,
body.theme-dark section.profile aside,
html[data-theme="dark"] section.profile aside,
body[data-theme="dark"] section.profile aside,
html.dark-mode section.filters-results aside.filters div.filter,
body.dark-mode section.filters-results aside.filters div.filter,
html.theme-dark section.filters-results aside.filters div.filter,
body.theme-dark section.filters-results aside.filters div.filter,
html[data-theme="dark"] section.filters-results aside.filters div.filter,
body[data-theme="dark"] section.filters-results aside.filters div.filter,
html.dark-mode section.filters-results section.results ul.listings > li,
body.dark-mode section.filters-results section.results ul.listings > li,
html.theme-dark section.filters-results section.results ul.listings > li,
body.theme-dark section.filters-results section.results ul.listings > li,
html[data-theme="dark"] section.filters-results section.results ul.listings > li,
body[data-theme="dark"] section.filters-results section.results ul.listings > li,
html.dark-mode .listing-list,
body.dark-mode .listing-list,
html.theme-dark .listing-list,
body.theme-dark .listing-list,
html[data-theme="dark"] .listing-list,
body[data-theme="dark"] .listing-list,
html.dark-mode div.filter ul.filter-list li,
body.dark-mode div.filter ul.filter-list li,
html.theme-dark div.filter ul.filter-list li,
body.theme-dark div.filter ul.filter-list li,
html[data-theme="dark"] div.filter ul.filter-list li,
body[data-theme="dark"] div.filter ul.filter-list li,
html.dark-mode ul.index li,
body.dark-mode ul.index li,
html.theme-dark ul.index li,
body.theme-dark ul.index li,
html[data-theme="dark"] ul.index li,
body[data-theme="dark"] ul.index li,
html.dark-mode ul.view-options li.list,
body.dark-mode ul.view-options li.list,
html.theme-dark ul.view-options li.list,
body.theme-dark ul.view-options li.list,
html[data-theme="dark"] ul.view-options li.list,
body[data-theme="dark"] ul.view-options li.list,
html.dark-mode ul.view-options li.grid,
body.dark-mode ul.view-options li.grid,
html.theme-dark ul.view-options li.grid,
body.theme-dark ul.view-options li.grid,
html[data-theme="dark"] ul.view-options li.grid,
body[data-theme="dark"] ul.view-options li.grid,
html.dark-mode form.directory-search fieldset,
body.dark-mode form.directory-search fieldset,
html.theme-dark form.directory-search fieldset,
body.theme-dark form.directory-search fieldset,
html[data-theme="dark"] form.directory-search fieldset,
body[data-theme="dark"] form.directory-search fieldset {
  background-color: #121b2d;
  border-color: #2c3c57 !important;
}
html.dark-mode section.content,
body.dark-mode section.content,
html.theme-dark section.content,
body.theme-dark section.content,
html[data-theme="dark"] section.content,
body[data-theme="dark"] section.content,
html.dark-mode body.account section.content,
body.dark-mode body.account section.content,
html.theme-dark body.account section.content,
body.theme-dark body.account section.content,
html[data-theme="dark"] body.account section.content,
body[data-theme="dark"] body.account section.content,
html.dark-mode body.account section.content section.body,
body.dark-mode body.account section.content section.body,
html.theme-dark body.account section.content section.body,
body.theme-dark body.account section.content section.body,
html[data-theme="dark"] body.account section.content section.body,
body[data-theme="dark"] body.account section.content section.body,
html.dark-mode .sections section.content.white,
body.dark-mode .sections section.content.white,
html.theme-dark .sections section.content.white,
body.theme-dark .sections section.content.white,
html[data-theme="dark"] .sections section.content.white,
body[data-theme="dark"] .sections section.content.white,
html.dark-mode .sections section.content.outline,
body.dark-mode .sections section.content.outline,
html.theme-dark .sections section.content.outline,
body.theme-dark .sections section.content.outline,
html[data-theme="dark"] .sections section.content.outline,
body[data-theme="dark"] .sections section.content.outline,
html.dark-mode .sections section.content.elements,
body.dark-mode .sections section.content.elements,
html.theme-dark .sections section.content.elements,
body.theme-dark .sections section.content.elements,
html[data-theme="dark"] .sections section.content.elements,
body[data-theme="dark"] .sections section.content.elements,
html.dark-mode .sections section.content.details,
body.dark-mode .sections section.content.details,
html.theme-dark .sections section.content.details,
body.theme-dark .sections section.content.details,
html[data-theme="dark"] .sections section.content.details,
body[data-theme="dark"] .sections section.content.details,
html.dark-mode .sections section.content.slogan,
body.dark-mode .sections section.content.slogan,
html.theme-dark .sections section.content.slogan,
body.theme-dark .sections section.content.slogan,
html[data-theme="dark"] .sections section.content.slogan,
body[data-theme="dark"] .sections section.content.slogan,
html.dark-mode section.profile,
body.dark-mode section.profile,
html.theme-dark section.profile,
body.theme-dark section.profile,
html[data-theme="dark"] section.profile,
body[data-theme="dark"] section.profile,
html.dark-mode section.whitepaper,
body.dark-mode section.whitepaper,
html.theme-dark section.whitepaper,
body.theme-dark section.whitepaper,
html[data-theme="dark"] section.whitepaper,
body[data-theme="dark"] section.whitepaper {
  background: #111112;
}
html.dark-mode section.content section.body h1,
body.dark-mode section.content section.body h1,
html.theme-dark section.content section.body h1,
body.theme-dark section.content section.body h1,
html[data-theme="dark"] section.content section.body h1,
body[data-theme="dark"] section.content section.body h1 {
  color: #fafafa;
  background-color: #18191A;
  border-bottom-color: #2E3135;
}
html.dark-mode ul.toolbar,
body.dark-mode ul.toolbar,
html.theme-dark ul.toolbar,
body.theme-dark ul.toolbar,
html[data-theme="dark"] ul.toolbar,
body[data-theme="dark"] ul.toolbar {
  border-bottom-color: #0078B4;
}
html.dark-mode header,
body.dark-mode header,
html.theme-dark header,
body.theme-dark header,
html[data-theme="dark"] header,
body[data-theme="dark"] header {
  background-color: #2E3135;
  border-bottom: 1px solid #167E00 !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
}
html.dark-mode header.fixed,
body.dark-mode header.fixed,
html.theme-dark header.fixed,
body.theme-dark header.fixed,
html[data-theme="dark"] header.fixed,
body[data-theme="dark"] header.fixed {
  background-color: #2E3135;
  border-bottom-color: #2c3c57;
}
html.dark-mode header .logo img.green,
body.dark-mode header .logo img.green,
html.theme-dark header .logo img.green,
body.theme-dark header .logo img.green,
html[data-theme="dark"] header .logo img.green,
body[data-theme="dark"] header .logo img.green {
  display: none;
}
html.dark-mode header .logo img.white,
body.dark-mode header .logo img.white,
html.theme-dark header .logo img.white,
body.theme-dark header .logo img.white,
html[data-theme="dark"] header .logo img.white,
body[data-theme="dark"] header .logo img.white {
  display: block;
}
html.dark-mode header .logo a:link span.slogan,
body.dark-mode header .logo a:link span.slogan,
html.theme-dark header .logo a:link span.slogan,
body.theme-dark header .logo a:link span.slogan,
html[data-theme="dark"] header .logo a:link span.slogan,
body[data-theme="dark"] header .logo a:link span.slogan,
html.dark-mode header .logo a:visited span.slogan,
body.dark-mode header .logo a:visited span.slogan,
html.theme-dark header .logo a:visited span.slogan,
body.theme-dark header .logo a:visited span.slogan,
html[data-theme="dark"] header .logo a:visited span.slogan,
body[data-theme="dark"] header .logo a:visited span.slogan {
  color: #b3bfd3;
}
@media (max-width: 700px) {
  html.dark-mode header .logo a:link:before,
  body.dark-mode header .logo a:link:before,
  html.theme-dark header .logo a:link:before,
  body.theme-dark header .logo a:link:before,
  html[data-theme="dark"] header .logo a:link:before,
  body[data-theme="dark"] header .logo a:link:before,
  html.dark-mode header .logo a:visited:before,
  body.dark-mode header .logo a:visited:before,
  html.theme-dark header .logo a:visited:before,
  body.theme-dark header .logo a:visited:before,
  html[data-theme="dark"] header .logo a:visited:before,
  body[data-theme="dark"] header .logo a:visited:before {
    background: transparent url(../img/intengine-icon-white.svg) no-repeat 50% 50%;
  }
}
html.dark-mode body.account header,
body.dark-mode body.account header,
html.theme-dark body.account header,
body.theme-dark body.account header,
html[data-theme="dark"] body.account header,
body[data-theme="dark"] body.account header {
  background-color: #2E3135;
  border-bottom-color: #167E00 !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.32);
}
html.dark-mode body.account header .logo img.account-logo-light,
body.dark-mode body.account header .logo img.account-logo-light,
html.theme-dark body.account header .logo img.account-logo-light,
body.theme-dark body.account header .logo img.account-logo-light,
html[data-theme="dark"] body.account header .logo img.account-logo-light,
body[data-theme="dark"] body.account header .logo img.account-logo-light {
  display: none;
}
html.dark-mode body.account header .logo img.account-logo-dark,
body.dark-mode body.account header .logo img.account-logo-dark,
html.theme-dark body.account header .logo img.account-logo-dark,
body.theme-dark body.account header .logo img.account-logo-dark,
html[data-theme="dark"] body.account header .logo img.account-logo-dark,
body[data-theme="dark"] body.account header .logo img.account-logo-dark {
  display: block;
}
html.dark-mode body.account header .account-title h2,
body.dark-mode body.account header .account-title h2,
html.theme-dark body.account header .account-title h2,
body.theme-dark body.account header .account-title h2,
html[data-theme="dark"] body.account header .account-title h2,
body[data-theme="dark"] body.account header .account-title h2 {
  color: #fafafa;
}
html.dark-mode body.account header .account-title .tags span:nth-child(1),
body.dark-mode body.account header .account-title .tags span:nth-child(1),
html.theme-dark body.account header .account-title .tags span:nth-child(1),
body.theme-dark body.account header .account-title .tags span:nth-child(1),
html[data-theme="dark"] body.account header .account-title .tags span:nth-child(1),
body[data-theme="dark"] body.account header .account-title .tags span:nth-child(1) {
  background-color: #174f73;
}
html.dark-mode body.account header .account-title .tags span:nth-child(2),
body.dark-mode body.account header .account-title .tags span:nth-child(2),
html.theme-dark body.account header .account-title .tags span:nth-child(2),
body.theme-dark body.account header .account-title .tags span:nth-child(2),
html[data-theme="dark"] body.account header .account-title .tags span:nth-child(2),
body[data-theme="dark"] body.account header .account-title .tags span:nth-child(2) {
  background-color: #105900;
}
html.dark-mode body.account header .account-title .tags span:nth-child(2):hover,
body.dark-mode body.account header .account-title .tags span:nth-child(2):hover,
html.theme-dark body.account header .account-title .tags span:nth-child(2):hover,
body.theme-dark body.account header .account-title .tags span:nth-child(2):hover,
html[data-theme="dark"] body.account header .account-title .tags span:nth-child(2):hover,
body[data-theme="dark"] body.account header .account-title .tags span:nth-child(2):hover {
  background-color: #0078B4;
}
html.dark-mode body.account header .account-title .tags span,
body.dark-mode body.account header .account-title .tags span,
html.theme-dark body.account header .account-title .tags span,
body.theme-dark body.account header .account-title .tags span,
html[data-theme="dark"] body.account header .account-title .tags span,
body[data-theme="dark"] body.account header .account-title .tags span,
html.dark-mode body.account header .account-title .tags span a:link,
body.dark-mode body.account header .account-title .tags span a:link,
html.theme-dark body.account header .account-title .tags span a:link,
body.theme-dark body.account header .account-title .tags span a:link,
html[data-theme="dark"] body.account header .account-title .tags span a:link,
body[data-theme="dark"] body.account header .account-title .tags span a:link,
html.dark-mode body.account header .account-title .tags span a:visited,
body.dark-mode body.account header .account-title .tags span a:visited,
html.theme-dark body.account header .account-title .tags span a:visited,
body.theme-dark body.account header .account-title .tags span a:visited,
html[data-theme="dark"] body.account header .account-title .tags span a:visited,
body[data-theme="dark"] body.account header .account-title .tags span a:visited {
  color: #fafafa;
}
html.dark-mode body.account header nav.account ul.loggedin li a:link,
body.dark-mode body.account header nav.account ul.loggedin li a:link,
html.theme-dark body.account header nav.account ul.loggedin li a:link,
body.theme-dark body.account header nav.account ul.loggedin li a:link,
html[data-theme="dark"] body.account header nav.account ul.loggedin li a:link,
body[data-theme="dark"] body.account header nav.account ul.loggedin li a:link,
html.dark-mode body.account header nav.account ul.loggedin li a:visited,
body.dark-mode body.account header nav.account ul.loggedin li a:visited,
html.theme-dark body.account header nav.account ul.loggedin li a:visited,
body.theme-dark body.account header nav.account ul.loggedin li a:visited,
html[data-theme="dark"] body.account header nav.account ul.loggedin li a:visited,
body[data-theme="dark"] body.account header nav.account ul.loggedin li a:visited {
  color: #b3bfd3;
}
html.dark-mode body.account header nav.account ul.loggedin li.theme-toggle button.theme-toggle-button,
body.dark-mode body.account header nav.account ul.loggedin li.theme-toggle button.theme-toggle-button,
html.theme-dark body.account header nav.account ul.loggedin li.theme-toggle button.theme-toggle-button,
body.theme-dark body.account header nav.account ul.loggedin li.theme-toggle button.theme-toggle-button,
html[data-theme="dark"] body.account header nav.account ul.loggedin li.theme-toggle button.theme-toggle-button,
body[data-theme="dark"] body.account header nav.account ul.loggedin li.theme-toggle button.theme-toggle-button {
  border-color: #18191A;
}
html.dark-mode body.account header nav.account ul.loggedin li.theme-toggle button.theme-toggle-button:hover,
body.dark-mode body.account header nav.account ul.loggedin li.theme-toggle button.theme-toggle-button:hover,
html.theme-dark body.account header nav.account ul.loggedin li.theme-toggle button.theme-toggle-button:hover,
body.theme-dark body.account header nav.account ul.loggedin li.theme-toggle button.theme-toggle-button:hover,
html[data-theme="dark"] body.account header nav.account ul.loggedin li.theme-toggle button.theme-toggle-button:hover,
body[data-theme="dark"] body.account header nav.account ul.loggedin li.theme-toggle button.theme-toggle-button:hover,
html.dark-mode body.account header nav.account ul.loggedin li.theme-toggle button.theme-toggle-button:active,
body.dark-mode body.account header nav.account ul.loggedin li.theme-toggle button.theme-toggle-button:active,
html.theme-dark body.account header nav.account ul.loggedin li.theme-toggle button.theme-toggle-button:active,
body.theme-dark body.account header nav.account ul.loggedin li.theme-toggle button.theme-toggle-button:active,
html[data-theme="dark"] body.account header nav.account ul.loggedin li.theme-toggle button.theme-toggle-button:active,
body[data-theme="dark"] body.account header nav.account ul.loggedin li.theme-toggle button.theme-toggle-button:active {
  border-color: #18191A;
}
html.dark-mode body.account header nav.account ul.loggedin li.notifications img,
body.dark-mode body.account header nav.account ul.loggedin li.notifications img,
html.theme-dark body.account header nav.account ul.loggedin li.notifications img,
body.theme-dark body.account header nav.account ul.loggedin li.notifications img,
html[data-theme="dark"] body.account header nav.account ul.loggedin li.notifications img,
body[data-theme="dark"] body.account header nav.account ul.loggedin li.notifications img,
html.dark-mode body.account header nav.account ul.loggedin li.menu > a img,
body.dark-mode body.account header nav.account ul.loggedin li.menu > a img,
html.theme-dark body.account header nav.account ul.loggedin li.menu > a img,
body.theme-dark body.account header nav.account ul.loggedin li.menu > a img,
html[data-theme="dark"] body.account header nav.account ul.loggedin li.menu > a img,
body[data-theme="dark"] body.account header nav.account ul.loggedin li.menu > a img {
  filter: brightness(0) invert(1) opacity(0.92);
}
html.dark-mode body.account header nav.account li.menu nav.accountDropdown > ul,
body.dark-mode body.account header nav.account li.menu nav.accountDropdown > ul,
html.theme-dark body.account header nav.account li.menu nav.accountDropdown > ul,
body.theme-dark body.account header nav.account li.menu nav.accountDropdown > ul,
html[data-theme="dark"] body.account header nav.account li.menu nav.accountDropdown > ul,
body[data-theme="dark"] body.account header nav.account li.menu nav.accountDropdown > ul {
  border-color: #2c3c57;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02), 0 16px 40px rgba(0, 0, 0, 0.35);
}
html.dark-mode body.account header nav.account li.menu nav.accountDropdown ul,
body.dark-mode body.account header nav.account li.menu nav.accountDropdown ul,
html.theme-dark body.account header nav.account li.menu nav.accountDropdown ul,
body.theme-dark body.account header nav.account li.menu nav.accountDropdown ul,
html[data-theme="dark"] body.account header nav.account li.menu nav.accountDropdown ul,
body[data-theme="dark"] body.account header nav.account li.menu nav.accountDropdown ul {
  background-color: #121b2d;
}
html.dark-mode body.account header nav.account li.menu nav.accountDropdown ul li a:link,
body.dark-mode body.account header nav.account li.menu nav.accountDropdown ul li a:link,
html.theme-dark body.account header nav.account li.menu nav.accountDropdown ul li a:link,
body.theme-dark body.account header nav.account li.menu nav.accountDropdown ul li a:link,
html[data-theme="dark"] body.account header nav.account li.menu nav.accountDropdown ul li a:link,
body[data-theme="dark"] body.account header nav.account li.menu nav.accountDropdown ul li a:link,
html.dark-mode body.account header nav.account li.menu nav.accountDropdown ul li a:visited,
body.dark-mode body.account header nav.account li.menu nav.accountDropdown ul li a:visited,
html.theme-dark body.account header nav.account li.menu nav.accountDropdown ul li a:visited,
body.theme-dark body.account header nav.account li.menu nav.accountDropdown ul li a:visited,
html[data-theme="dark"] body.account header nav.account li.menu nav.accountDropdown ul li a:visited,
body[data-theme="dark"] body.account header nav.account li.menu nav.accountDropdown ul li a:visited {
  color: #fafafa;
}
html.dark-mode body.account header nav.account li.menu nav.accountDropdown ul li a:hover,
body.dark-mode body.account header nav.account li.menu nav.accountDropdown ul li a:hover,
html.theme-dark body.account header nav.account li.menu nav.accountDropdown ul li a:hover,
body.theme-dark body.account header nav.account li.menu nav.accountDropdown ul li a:hover,
html[data-theme="dark"] body.account header nav.account li.menu nav.accountDropdown ul li a:hover,
body[data-theme="dark"] body.account header nav.account li.menu nav.accountDropdown ul li a:hover,
html.dark-mode body.account header nav.account li.menu nav.accountDropdown ul li a:active,
body.dark-mode body.account header nav.account li.menu nav.accountDropdown ul li a:active,
html.theme-dark body.account header nav.account li.menu nav.accountDropdown ul li a:active,
body.theme-dark body.account header nav.account li.menu nav.accountDropdown ul li a:active,
html[data-theme="dark"] body.account header nav.account li.menu nav.accountDropdown ul li a:active,
body[data-theme="dark"] body.account header nav.account li.menu nav.accountDropdown ul li a:active {
  background-color: #22314d;
  color: #fafafa;
}
html.dark-mode body.account header nav.account li.menu nav.accountDropdown ul ul.listings,
body.dark-mode body.account header nav.account li.menu nav.accountDropdown ul ul.listings,
html.theme-dark body.account header nav.account li.menu nav.accountDropdown ul ul.listings,
body.theme-dark body.account header nav.account li.menu nav.accountDropdown ul ul.listings,
html[data-theme="dark"] body.account header nav.account li.menu nav.accountDropdown ul ul.listings,
body[data-theme="dark"] body.account header nav.account li.menu nav.accountDropdown ul ul.listings {
  border-top-color: #2c3c57;
  border-bottom-color: #2c3c57;
}
html.dark-mode body.account header nav.account li.menu nav.accountDropdown ul ul.listings li a:link,
body.dark-mode body.account header nav.account li.menu nav.accountDropdown ul ul.listings li a:link,
html.theme-dark body.account header nav.account li.menu nav.accountDropdown ul ul.listings li a:link,
body.theme-dark body.account header nav.account li.menu nav.accountDropdown ul ul.listings li a:link,
html[data-theme="dark"] body.account header nav.account li.menu nav.accountDropdown ul ul.listings li a:link,
body[data-theme="dark"] body.account header nav.account li.menu nav.accountDropdown ul ul.listings li a:link,
html.dark-mode body.account header nav.account li.menu nav.accountDropdown ul ul.listings li a:visited,
body.dark-mode body.account header nav.account li.menu nav.accountDropdown ul ul.listings li a:visited,
html.theme-dark body.account header nav.account li.menu nav.accountDropdown ul ul.listings li a:visited,
body.theme-dark body.account header nav.account li.menu nav.accountDropdown ul ul.listings li a:visited,
html[data-theme="dark"] body.account header nav.account li.menu nav.accountDropdown ul ul.listings li a:visited,
body[data-theme="dark"] body.account header nav.account li.menu nav.accountDropdown ul ul.listings li a:visited {
  color: #b3bfd3;
}
html.dark-mode nav.main ul li a:link,
body.dark-mode nav.main ul li a:link,
html.theme-dark nav.main ul li a:link,
body.theme-dark nav.main ul li a:link,
html[data-theme="dark"] nav.main ul li a:link,
body[data-theme="dark"] nav.main ul li a:link,
html.dark-mode nav.main ul li a:visited,
body.dark-mode nav.main ul li a:visited,
html.theme-dark nav.main ul li a:visited,
body.theme-dark nav.main ul li a:visited,
html[data-theme="dark"] nav.main ul li a:visited,
body[data-theme="dark"] nav.main ul li a:visited {
  color: #b3bfd3;
}
html.dark-mode nav.main ul li a:hover,
body.dark-mode nav.main ul li a:hover,
html.theme-dark nav.main ul li a:hover,
body.theme-dark nav.main ul li a:hover,
html[data-theme="dark"] nav.main ul li a:hover,
body[data-theme="dark"] nav.main ul li a:hover,
html.dark-mode nav.main ul li a:active,
body.dark-mode nav.main ul li a:active,
html.theme-dark nav.main ul li a:active,
body.theme-dark nav.main ul li a:active,
html[data-theme="dark"] nav.main ul li a:active,
body[data-theme="dark"] nav.main ul li a:active {
  color: #8fdcff;
}
html.dark-mode nav.main ul li.parent,
body.dark-mode nav.main ul li.parent,
html.theme-dark nav.main ul li.parent,
body.theme-dark nav.main ul li.parent,
html[data-theme="dark"] nav.main ul li.parent,
body[data-theme="dark"] nav.main ul li.parent {
  border-bottom-color: transparent;
  background-image: url(../img/icons/arrow-down-open-white.svg);
}
html.dark-mode nav.main ul li.parent:hover,
body.dark-mode nav.main ul li.parent:hover,
html.theme-dark nav.main ul li.parent:hover,
body.theme-dark nav.main ul li.parent:hover,
html[data-theme="dark"] nav.main ul li.parent:hover,
body[data-theme="dark"] nav.main ul li.parent:hover {
  border-bottom-color: #0078B4;
  background-image: url(../img/icons/arrow-down-solid-blue.svg);
}
html.dark-mode nav.main ul li .nav-wrapper,
body.dark-mode nav.main ul li .nav-wrapper,
html.theme-dark nav.main ul li .nav-wrapper,
body.theme-dark nav.main ul li .nav-wrapper,
html[data-theme="dark"] nav.main ul li .nav-wrapper,
body[data-theme="dark"] nav.main ul li .nav-wrapper {
  background-color: #2E3135;
  border-bottom-color: #0078B4;
}
html.dark-mode nav.main ul li .nav-wrapper h3,
body.dark-mode nav.main ul li .nav-wrapper h3,
html.theme-dark nav.main ul li .nav-wrapper h3,
body.theme-dark nav.main ul li .nav-wrapper h3,
html[data-theme="dark"] nav.main ul li .nav-wrapper h3,
body[data-theme="dark"] nav.main ul li .nav-wrapper h3 {
  color: #8fdcff;
  border-bottom-color: #2c3c57;
}
html.dark-mode nav.main ul li .nav-wrapper ul li a:link,
body.dark-mode nav.main ul li .nav-wrapper ul li a:link,
html.theme-dark nav.main ul li .nav-wrapper ul li a:link,
body.theme-dark nav.main ul li .nav-wrapper ul li a:link,
html[data-theme="dark"] nav.main ul li .nav-wrapper ul li a:link,
body[data-theme="dark"] nav.main ul li .nav-wrapper ul li a:link,
html.dark-mode nav.main ul li .nav-wrapper ul li a:visited,
body.dark-mode nav.main ul li .nav-wrapper ul li a:visited,
html.theme-dark nav.main ul li .nav-wrapper ul li a:visited,
body.theme-dark nav.main ul li .nav-wrapper ul li a:visited,
html[data-theme="dark"] nav.main ul li .nav-wrapper ul li a:visited,
body[data-theme="dark"] nav.main ul li .nav-wrapper ul li a:visited {
  color: #fafafa;
}
html.dark-mode nav.main ul li .nav-wrapper ul li span,
body.dark-mode nav.main ul li .nav-wrapper ul li span,
html.theme-dark nav.main ul li .nav-wrapper ul li span,
body.theme-dark nav.main ul li .nav-wrapper ul li span,
html[data-theme="dark"] nav.main ul li .nav-wrapper ul li span,
body[data-theme="dark"] nav.main ul li .nav-wrapper ul li span {
  color: #8694ae;
}
html.dark-mode nav.account ul li a:link,
body.dark-mode nav.account ul li a:link,
html.theme-dark nav.account ul li a:link,
body.theme-dark nav.account ul li a:link,
html[data-theme="dark"] nav.account ul li a:link,
body[data-theme="dark"] nav.account ul li a:link,
html.dark-mode nav.account ul li a:visited,
body.dark-mode nav.account ul li a:visited,
html.theme-dark nav.account ul li a:visited,
body.theme-dark nav.account ul li a:visited,
html[data-theme="dark"] nav.account ul li a:visited,
body[data-theme="dark"] nav.account ul li a:visited {
  color: #b3bfd3;
}
html.dark-mode nav.account li.menu nav.accountDropdown > ul,
body.dark-mode nav.account li.menu nav.accountDropdown > ul,
html.theme-dark nav.account li.menu nav.accountDropdown > ul,
body.theme-dark nav.account li.menu nav.accountDropdown > ul,
html[data-theme="dark"] nav.account li.menu nav.accountDropdown > ul,
body[data-theme="dark"] nav.account li.menu nav.accountDropdown > ul {
  border-color: #2c3c57;
}
html.dark-mode nav.account li.menu nav.accountDropdown ul,
body.dark-mode nav.account li.menu nav.accountDropdown ul,
html.theme-dark nav.account li.menu nav.accountDropdown ul,
body.theme-dark nav.account li.menu nav.accountDropdown ul,
html[data-theme="dark"] nav.account li.menu nav.accountDropdown ul,
body[data-theme="dark"] nav.account li.menu nav.accountDropdown ul {
  background-color: #121b2d;
}
html.dark-mode nav.account li.menu nav.accountDropdown ul li a:link,
body.dark-mode nav.account li.menu nav.accountDropdown ul li a:link,
html.theme-dark nav.account li.menu nav.accountDropdown ul li a:link,
body.theme-dark nav.account li.menu nav.accountDropdown ul li a:link,
html[data-theme="dark"] nav.account li.menu nav.accountDropdown ul li a:link,
body[data-theme="dark"] nav.account li.menu nav.accountDropdown ul li a:link,
html.dark-mode nav.account li.menu nav.accountDropdown ul li a:visited,
body.dark-mode nav.account li.menu nav.accountDropdown ul li a:visited,
html.theme-dark nav.account li.menu nav.accountDropdown ul li a:visited,
body.theme-dark nav.account li.menu nav.accountDropdown ul li a:visited,
html[data-theme="dark"] nav.account li.menu nav.accountDropdown ul li a:visited,
body[data-theme="dark"] nav.account li.menu nav.accountDropdown ul li a:visited {
  color: #fafafa;
}
html.dark-mode footer,
body.dark-mode footer,
html.theme-dark footer,
body.theme-dark footer,
html[data-theme="dark"] footer,
body[data-theme="dark"] footer {
  background-color: #000000;
}
html.dark-mode footer div.copyright,
body.dark-mode footer div.copyright,
html.theme-dark footer div.copyright,
body.theme-dark footer div.copyright,
html[data-theme="dark"] footer div.copyright,
body[data-theme="dark"] footer div.copyright,
html.dark-mode footer div.copyright p,
body.dark-mode footer div.copyright p,
html.theme-dark footer div.copyright p,
body.theme-dark footer div.copyright p,
html[data-theme="dark"] footer div.copyright p,
body[data-theme="dark"] footer div.copyright p,
html.dark-mode footer div.copyright ul li a:link,
body.dark-mode footer div.copyright ul li a:link,
html.theme-dark footer div.copyright ul li a:link,
body.theme-dark footer div.copyright ul li a:link,
html[data-theme="dark"] footer div.copyright ul li a:link,
body[data-theme="dark"] footer div.copyright ul li a:link,
html.dark-mode footer div.copyright ul li a:visited,
body.dark-mode footer div.copyright ul li a:visited,
html.theme-dark footer div.copyright ul li a:visited,
body.theme-dark footer div.copyright ul li a:visited,
html[data-theme="dark"] footer div.copyright ul li a:visited,
body[data-theme="dark"] footer div.copyright ul li a:visited,
html.dark-mode footer div.left nav ul li a:link,
body.dark-mode footer div.left nav ul li a:link,
html.theme-dark footer div.left nav ul li a:link,
body.theme-dark footer div.left nav ul li a:link,
html[data-theme="dark"] footer div.left nav ul li a:link,
body[data-theme="dark"] footer div.left nav ul li a:link,
html.dark-mode footer div.left nav ul li a:visited,
body.dark-mode footer div.left nav ul li a:visited,
html.theme-dark footer div.left nav ul li a:visited,
body.theme-dark footer div.left nav ul li a:visited,
html[data-theme="dark"] footer div.left nav ul li a:visited,
body[data-theme="dark"] footer div.left nav ul li a:visited {
  color: #b3bfd3;
}
html.dark-mode form label,
body.dark-mode form label,
html.theme-dark form label,
body.theme-dark form label,
html[data-theme="dark"] form label,
body[data-theme="dark"] form label,
html.dark-mode .NSWAT_UI_Tags label,
body.dark-mode .NSWAT_UI_Tags label,
html.theme-dark .NSWAT_UI_Tags label,
body.theme-dark .NSWAT_UI_Tags label,
html[data-theme="dark"] .NSWAT_UI_Tags label,
body[data-theme="dark"] .NSWAT_UI_Tags label,
html.dark-mode .NSWAT_UI_GRID label,
body.dark-mode .NSWAT_UI_GRID label,
html.theme-dark .NSWAT_UI_GRID label,
body.theme-dark .NSWAT_UI_GRID label,
html[data-theme="dark"] .NSWAT_UI_GRID label,
body[data-theme="dark"] .NSWAT_UI_GRID label,
html.dark-mode .NSWAT_UI_DataTable label,
body.dark-mode .NSWAT_UI_DataTable label,
html.theme-dark .NSWAT_UI_DataTable label,
body.theme-dark .NSWAT_UI_DataTable label,
html[data-theme="dark"] .NSWAT_UI_DataTable label,
body[data-theme="dark"] .NSWAT_UI_DataTable label,
html.dark-mode form fieldset > div > label,
body.dark-mode form fieldset > div > label,
html.theme-dark form fieldset > div > label,
body.theme-dark form fieldset > div > label,
html[data-theme="dark"] form fieldset > div > label,
body[data-theme="dark"] form fieldset > div > label,
html.dark-mode .NSWAT_UI_Tags fieldset > div > label,
body.dark-mode .NSWAT_UI_Tags fieldset > div > label,
html.theme-dark .NSWAT_UI_Tags fieldset > div > label,
body.theme-dark .NSWAT_UI_Tags fieldset > div > label,
html[data-theme="dark"] .NSWAT_UI_Tags fieldset > div > label,
body[data-theme="dark"] .NSWAT_UI_Tags fieldset > div > label,
html.dark-mode .NSWAT_UI_GRID fieldset > div > label,
body.dark-mode .NSWAT_UI_GRID fieldset > div > label,
html.theme-dark .NSWAT_UI_GRID fieldset > div > label,
body.theme-dark .NSWAT_UI_GRID fieldset > div > label,
html[data-theme="dark"] .NSWAT_UI_GRID fieldset > div > label,
body[data-theme="dark"] .NSWAT_UI_GRID fieldset > div > label,
html.dark-mode .NSWAT_UI_DataTable fieldset > div > label,
body.dark-mode .NSWAT_UI_DataTable fieldset > div > label,
html.theme-dark .NSWAT_UI_DataTable fieldset > div > label,
body.theme-dark .NSWAT_UI_DataTable fieldset > div > label,
html[data-theme="dark"] .NSWAT_UI_DataTable fieldset > div > label,
body[data-theme="dark"] .NSWAT_UI_DataTable fieldset > div > label,
html.dark-mode form fieldset > div label,
body.dark-mode form fieldset > div label,
html.theme-dark form fieldset > div label,
body.theme-dark form fieldset > div label,
html[data-theme="dark"] form fieldset > div label,
body[data-theme="dark"] form fieldset > div label,
html.dark-mode .NSWAT_UI_Tags fieldset > div label,
body.dark-mode .NSWAT_UI_Tags fieldset > div label,
html.theme-dark .NSWAT_UI_Tags fieldset > div label,
body.theme-dark .NSWAT_UI_Tags fieldset > div label,
html[data-theme="dark"] .NSWAT_UI_Tags fieldset > div label,
body[data-theme="dark"] .NSWAT_UI_Tags fieldset > div label,
html.dark-mode .NSWAT_UI_GRID fieldset > div label,
body.dark-mode .NSWAT_UI_GRID fieldset > div label,
html.theme-dark .NSWAT_UI_GRID fieldset > div label,
body.theme-dark .NSWAT_UI_GRID fieldset > div label,
html[data-theme="dark"] .NSWAT_UI_GRID fieldset > div label,
body[data-theme="dark"] .NSWAT_UI_GRID fieldset > div label,
html.dark-mode .NSWAT_UI_DataTable fieldset > div label,
body.dark-mode .NSWAT_UI_DataTable fieldset > div label,
html.theme-dark .NSWAT_UI_DataTable fieldset > div label,
body.theme-dark .NSWAT_UI_DataTable fieldset > div label,
html[data-theme="dark"] .NSWAT_UI_DataTable fieldset > div label,
body[data-theme="dark"] .NSWAT_UI_DataTable fieldset > div label {
  color: #b3bfd3 !important;
}
html.dark-mode form .NSWAT_TAG_NAME,
body.dark-mode form .NSWAT_TAG_NAME,
html.theme-dark form .NSWAT_TAG_NAME,
body.theme-dark form .NSWAT_TAG_NAME,
html[data-theme="dark"] form .NSWAT_TAG_NAME,
body[data-theme="dark"] form .NSWAT_TAG_NAME,
html.dark-mode .NSWAT_UI_Tags .NSWAT_TAG_NAME,
body.dark-mode .NSWAT_UI_Tags .NSWAT_TAG_NAME,
html.theme-dark .NSWAT_UI_Tags .NSWAT_TAG_NAME,
body.theme-dark .NSWAT_UI_Tags .NSWAT_TAG_NAME,
html[data-theme="dark"] .NSWAT_UI_Tags .NSWAT_TAG_NAME,
body[data-theme="dark"] .NSWAT_UI_Tags .NSWAT_TAG_NAME,
html.dark-mode .NSWAT_UI_GRID .NSWAT_TAG_NAME,
body.dark-mode .NSWAT_UI_GRID .NSWAT_TAG_NAME,
html.theme-dark .NSWAT_UI_GRID .NSWAT_TAG_NAME,
body.theme-dark .NSWAT_UI_GRID .NSWAT_TAG_NAME,
html[data-theme="dark"] .NSWAT_UI_GRID .NSWAT_TAG_NAME,
body[data-theme="dark"] .NSWAT_UI_GRID .NSWAT_TAG_NAME,
html.dark-mode .NSWAT_UI_DataTable .NSWAT_TAG_NAME,
body.dark-mode .NSWAT_UI_DataTable .NSWAT_TAG_NAME,
html.theme-dark .NSWAT_UI_DataTable .NSWAT_TAG_NAME,
body.theme-dark .NSWAT_UI_DataTable .NSWAT_TAG_NAME,
html[data-theme="dark"] .NSWAT_UI_DataTable .NSWAT_TAG_NAME,
body[data-theme="dark"] .NSWAT_UI_DataTable .NSWAT_TAG_NAME {
  color: #fff !important;
}
html.dark-mode form input[type=text],
body.dark-mode form input[type=text],
html.theme-dark form input[type=text],
body.theme-dark form input[type=text],
html[data-theme="dark"] form input[type=text],
body[data-theme="dark"] form input[type=text],
html.dark-mode .NSWAT_UI_Tags input[type=text],
body.dark-mode .NSWAT_UI_Tags input[type=text],
html.theme-dark .NSWAT_UI_Tags input[type=text],
body.theme-dark .NSWAT_UI_Tags input[type=text],
html[data-theme="dark"] .NSWAT_UI_Tags input[type=text],
body[data-theme="dark"] .NSWAT_UI_Tags input[type=text],
html.dark-mode .NSWAT_UI_GRID input[type=text],
body.dark-mode .NSWAT_UI_GRID input[type=text],
html.theme-dark .NSWAT_UI_GRID input[type=text],
body.theme-dark .NSWAT_UI_GRID input[type=text],
html[data-theme="dark"] .NSWAT_UI_GRID input[type=text],
body[data-theme="dark"] .NSWAT_UI_GRID input[type=text],
html.dark-mode .NSWAT_UI_DataTable input[type=text],
body.dark-mode .NSWAT_UI_DataTable input[type=text],
html.theme-dark .NSWAT_UI_DataTable input[type=text],
body.theme-dark .NSWAT_UI_DataTable input[type=text],
html[data-theme="dark"] .NSWAT_UI_DataTable input[type=text],
body[data-theme="dark"] .NSWAT_UI_DataTable input[type=text],
html.dark-mode form input[type=password],
body.dark-mode form input[type=password],
html.theme-dark form input[type=password],
body.theme-dark form input[type=password],
html[data-theme="dark"] form input[type=password],
body[data-theme="dark"] form input[type=password],
html.dark-mode .NSWAT_UI_Tags input[type=password],
body.dark-mode .NSWAT_UI_Tags input[type=password],
html.theme-dark .NSWAT_UI_Tags input[type=password],
body.theme-dark .NSWAT_UI_Tags input[type=password],
html[data-theme="dark"] .NSWAT_UI_Tags input[type=password],
body[data-theme="dark"] .NSWAT_UI_Tags input[type=password],
html.dark-mode .NSWAT_UI_GRID input[type=password],
body.dark-mode .NSWAT_UI_GRID input[type=password],
html.theme-dark .NSWAT_UI_GRID input[type=password],
body.theme-dark .NSWAT_UI_GRID input[type=password],
html[data-theme="dark"] .NSWAT_UI_GRID input[type=password],
body[data-theme="dark"] .NSWAT_UI_GRID input[type=password],
html.dark-mode .NSWAT_UI_DataTable input[type=password],
body.dark-mode .NSWAT_UI_DataTable input[type=password],
html.theme-dark .NSWAT_UI_DataTable input[type=password],
body.theme-dark .NSWAT_UI_DataTable input[type=password],
html[data-theme="dark"] .NSWAT_UI_DataTable input[type=password],
body[data-theme="dark"] .NSWAT_UI_DataTable input[type=password],
html.dark-mode form input[type=email],
body.dark-mode form input[type=email],
html.theme-dark form input[type=email],
body.theme-dark form input[type=email],
html[data-theme="dark"] form input[type=email],
body[data-theme="dark"] form input[type=email],
html.dark-mode .NSWAT_UI_Tags input[type=email],
body.dark-mode .NSWAT_UI_Tags input[type=email],
html.theme-dark .NSWAT_UI_Tags input[type=email],
body.theme-dark .NSWAT_UI_Tags input[type=email],
html[data-theme="dark"] .NSWAT_UI_Tags input[type=email],
body[data-theme="dark"] .NSWAT_UI_Tags input[type=email],
html.dark-mode .NSWAT_UI_GRID input[type=email],
body.dark-mode .NSWAT_UI_GRID input[type=email],
html.theme-dark .NSWAT_UI_GRID input[type=email],
body.theme-dark .NSWAT_UI_GRID input[type=email],
html[data-theme="dark"] .NSWAT_UI_GRID input[type=email],
body[data-theme="dark"] .NSWAT_UI_GRID input[type=email],
html.dark-mode .NSWAT_UI_DataTable input[type=email],
body.dark-mode .NSWAT_UI_DataTable input[type=email],
html.theme-dark .NSWAT_UI_DataTable input[type=email],
body.theme-dark .NSWAT_UI_DataTable input[type=email],
html[data-theme="dark"] .NSWAT_UI_DataTable input[type=email],
body[data-theme="dark"] .NSWAT_UI_DataTable input[type=email],
html.dark-mode form input[type=number],
body.dark-mode form input[type=number],
html.theme-dark form input[type=number],
body.theme-dark form input[type=number],
html[data-theme="dark"] form input[type=number],
body[data-theme="dark"] form input[type=number],
html.dark-mode .NSWAT_UI_Tags input[type=number],
body.dark-mode .NSWAT_UI_Tags input[type=number],
html.theme-dark .NSWAT_UI_Tags input[type=number],
body.theme-dark .NSWAT_UI_Tags input[type=number],
html[data-theme="dark"] .NSWAT_UI_Tags input[type=number],
body[data-theme="dark"] .NSWAT_UI_Tags input[type=number],
html.dark-mode .NSWAT_UI_GRID input[type=number],
body.dark-mode .NSWAT_UI_GRID input[type=number],
html.theme-dark .NSWAT_UI_GRID input[type=number],
body.theme-dark .NSWAT_UI_GRID input[type=number],
html[data-theme="dark"] .NSWAT_UI_GRID input[type=number],
body[data-theme="dark"] .NSWAT_UI_GRID input[type=number],
html.dark-mode .NSWAT_UI_DataTable input[type=number],
body.dark-mode .NSWAT_UI_DataTable input[type=number],
html.theme-dark .NSWAT_UI_DataTable input[type=number],
body.theme-dark .NSWAT_UI_DataTable input[type=number],
html[data-theme="dark"] .NSWAT_UI_DataTable input[type=number],
body[data-theme="dark"] .NSWAT_UI_DataTable input[type=number],
html.dark-mode form input[type=date],
body.dark-mode form input[type=date],
html.theme-dark form input[type=date],
body.theme-dark form input[type=date],
html[data-theme="dark"] form input[type=date],
body[data-theme="dark"] form input[type=date],
html.dark-mode .NSWAT_UI_Tags input[type=date],
body.dark-mode .NSWAT_UI_Tags input[type=date],
html.theme-dark .NSWAT_UI_Tags input[type=date],
body.theme-dark .NSWAT_UI_Tags input[type=date],
html[data-theme="dark"] .NSWAT_UI_Tags input[type=date],
body[data-theme="dark"] .NSWAT_UI_Tags input[type=date],
html.dark-mode .NSWAT_UI_GRID input[type=date],
body.dark-mode .NSWAT_UI_GRID input[type=date],
html.theme-dark .NSWAT_UI_GRID input[type=date],
body.theme-dark .NSWAT_UI_GRID input[type=date],
html[data-theme="dark"] .NSWAT_UI_GRID input[type=date],
body[data-theme="dark"] .NSWAT_UI_GRID input[type=date],
html.dark-mode .NSWAT_UI_DataTable input[type=date],
body.dark-mode .NSWAT_UI_DataTable input[type=date],
html.theme-dark .NSWAT_UI_DataTable input[type=date],
body.theme-dark .NSWAT_UI_DataTable input[type=date],
html[data-theme="dark"] .NSWAT_UI_DataTable input[type=date],
body[data-theme="dark"] .NSWAT_UI_DataTable input[type=date],
html.dark-mode form input[type=datetime-local],
body.dark-mode form input[type=datetime-local],
html.theme-dark form input[type=datetime-local],
body.theme-dark form input[type=datetime-local],
html[data-theme="dark"] form input[type=datetime-local],
body[data-theme="dark"] form input[type=datetime-local],
html.dark-mode .NSWAT_UI_Tags input[type=datetime-local],
body.dark-mode .NSWAT_UI_Tags input[type=datetime-local],
html.theme-dark .NSWAT_UI_Tags input[type=datetime-local],
body.theme-dark .NSWAT_UI_Tags input[type=datetime-local],
html[data-theme="dark"] .NSWAT_UI_Tags input[type=datetime-local],
body[data-theme="dark"] .NSWAT_UI_Tags input[type=datetime-local],
html.dark-mode .NSWAT_UI_GRID input[type=datetime-local],
body.dark-mode .NSWAT_UI_GRID input[type=datetime-local],
html.theme-dark .NSWAT_UI_GRID input[type=datetime-local],
body.theme-dark .NSWAT_UI_GRID input[type=datetime-local],
html[data-theme="dark"] .NSWAT_UI_GRID input[type=datetime-local],
body[data-theme="dark"] .NSWAT_UI_GRID input[type=datetime-local],
html.dark-mode .NSWAT_UI_DataTable input[type=datetime-local],
body.dark-mode .NSWAT_UI_DataTable input[type=datetime-local],
html.theme-dark .NSWAT_UI_DataTable input[type=datetime-local],
body.theme-dark .NSWAT_UI_DataTable input[type=datetime-local],
html[data-theme="dark"] .NSWAT_UI_DataTable input[type=datetime-local],
body[data-theme="dark"] .NSWAT_UI_DataTable input[type=datetime-local],
html.dark-mode form input[type=time],
body.dark-mode form input[type=time],
html.theme-dark form input[type=time],
body.theme-dark form input[type=time],
html[data-theme="dark"] form input[type=time],
body[data-theme="dark"] form input[type=time],
html.dark-mode .NSWAT_UI_Tags input[type=time],
body.dark-mode .NSWAT_UI_Tags input[type=time],
html.theme-dark .NSWAT_UI_Tags input[type=time],
body.theme-dark .NSWAT_UI_Tags input[type=time],
html[data-theme="dark"] .NSWAT_UI_Tags input[type=time],
body[data-theme="dark"] .NSWAT_UI_Tags input[type=time],
html.dark-mode .NSWAT_UI_GRID input[type=time],
body.dark-mode .NSWAT_UI_GRID input[type=time],
html.theme-dark .NSWAT_UI_GRID input[type=time],
body.theme-dark .NSWAT_UI_GRID input[type=time],
html[data-theme="dark"] .NSWAT_UI_GRID input[type=time],
body[data-theme="dark"] .NSWAT_UI_GRID input[type=time],
html.dark-mode .NSWAT_UI_DataTable input[type=time],
body.dark-mode .NSWAT_UI_DataTable input[type=time],
html.theme-dark .NSWAT_UI_DataTable input[type=time],
body.theme-dark .NSWAT_UI_DataTable input[type=time],
html[data-theme="dark"] .NSWAT_UI_DataTable input[type=time],
body[data-theme="dark"] .NSWAT_UI_DataTable input[type=time],
html.dark-mode form input[type=url],
body.dark-mode form input[type=url],
html.theme-dark form input[type=url],
body.theme-dark form input[type=url],
html[data-theme="dark"] form input[type=url],
body[data-theme="dark"] form input[type=url],
html.dark-mode .NSWAT_UI_Tags input[type=url],
body.dark-mode .NSWAT_UI_Tags input[type=url],
html.theme-dark .NSWAT_UI_Tags input[type=url],
body.theme-dark .NSWAT_UI_Tags input[type=url],
html[data-theme="dark"] .NSWAT_UI_Tags input[type=url],
body[data-theme="dark"] .NSWAT_UI_Tags input[type=url],
html.dark-mode .NSWAT_UI_GRID input[type=url],
body.dark-mode .NSWAT_UI_GRID input[type=url],
html.theme-dark .NSWAT_UI_GRID input[type=url],
body.theme-dark .NSWAT_UI_GRID input[type=url],
html[data-theme="dark"] .NSWAT_UI_GRID input[type=url],
body[data-theme="dark"] .NSWAT_UI_GRID input[type=url],
html.dark-mode .NSWAT_UI_DataTable input[type=url],
body.dark-mode .NSWAT_UI_DataTable input[type=url],
html.theme-dark .NSWAT_UI_DataTable input[type=url],
body.theme-dark .NSWAT_UI_DataTable input[type=url],
html[data-theme="dark"] .NSWAT_UI_DataTable input[type=url],
body[data-theme="dark"] .NSWAT_UI_DataTable input[type=url],
html.dark-mode form textarea,
body.dark-mode form textarea,
html.theme-dark form textarea,
body.theme-dark form textarea,
html[data-theme="dark"] form textarea,
body[data-theme="dark"] form textarea,
html.dark-mode .NSWAT_UI_Tags textarea,
body.dark-mode .NSWAT_UI_Tags textarea,
html.theme-dark .NSWAT_UI_Tags textarea,
body.theme-dark .NSWAT_UI_Tags textarea,
html[data-theme="dark"] .NSWAT_UI_Tags textarea,
body[data-theme="dark"] .NSWAT_UI_Tags textarea,
html.dark-mode .NSWAT_UI_GRID textarea,
body.dark-mode .NSWAT_UI_GRID textarea,
html.theme-dark .NSWAT_UI_GRID textarea,
body.theme-dark .NSWAT_UI_GRID textarea,
html[data-theme="dark"] .NSWAT_UI_GRID textarea,
body[data-theme="dark"] .NSWAT_UI_GRID textarea,
html.dark-mode .NSWAT_UI_DataTable textarea,
body.dark-mode .NSWAT_UI_DataTable textarea,
html.theme-dark .NSWAT_UI_DataTable textarea,
body.theme-dark .NSWAT_UI_DataTable textarea,
html[data-theme="dark"] .NSWAT_UI_DataTable textarea,
body[data-theme="dark"] .NSWAT_UI_DataTable textarea,
html.dark-mode form select,
body.dark-mode form select,
html.theme-dark form select,
body.theme-dark form select,
html[data-theme="dark"] form select,
body[data-theme="dark"] form select,
html.dark-mode .NSWAT_UI_Tags select,
body.dark-mode .NSWAT_UI_Tags select,
html.theme-dark .NSWAT_UI_Tags select,
body.theme-dark .NSWAT_UI_Tags select,
html[data-theme="dark"] .NSWAT_UI_Tags select,
body[data-theme="dark"] .NSWAT_UI_Tags select,
html.dark-mode .NSWAT_UI_GRID select,
body.dark-mode .NSWAT_UI_GRID select,
html.theme-dark .NSWAT_UI_GRID select,
body.theme-dark .NSWAT_UI_GRID select,
html[data-theme="dark"] .NSWAT_UI_GRID select,
body[data-theme="dark"] .NSWAT_UI_GRID select,
html.dark-mode .NSWAT_UI_DataTable select,
body.dark-mode .NSWAT_UI_DataTable select,
html.theme-dark .NSWAT_UI_DataTable select,
body.theme-dark .NSWAT_UI_DataTable select,
html[data-theme="dark"] .NSWAT_UI_DataTable select,
body[data-theme="dark"] .NSWAT_UI_DataTable select {
  background-color: #0f1a2c !important;
  color: #fafafa !important;
  border: 1px solid #2c3c57 !important;
  box-shadow: none;
}
html.dark-mode form select,
body.dark-mode form select,
html.theme-dark form select,
body.theme-dark form select,
html[data-theme="dark"] form select,
body[data-theme="dark"] form select,
html.dark-mode .NSWAT_UI_Tags select,
body.dark-mode .NSWAT_UI_Tags select,
html.theme-dark .NSWAT_UI_Tags select,
body.theme-dark .NSWAT_UI_Tags select,
html[data-theme="dark"] .NSWAT_UI_Tags select,
body[data-theme="dark"] .NSWAT_UI_Tags select,
html.dark-mode .NSWAT_UI_GRID select,
body.dark-mode .NSWAT_UI_GRID select,
html.theme-dark .NSWAT_UI_GRID select,
body.theme-dark .NSWAT_UI_GRID select,
html[data-theme="dark"] .NSWAT_UI_GRID select,
body[data-theme="dark"] .NSWAT_UI_GRID select,
html.dark-mode .NSWAT_UI_DataTable select,
body.dark-mode .NSWAT_UI_DataTable select,
html.theme-dark .NSWAT_UI_DataTable select,
body.theme-dark .NSWAT_UI_DataTable select,
html[data-theme="dark"] .NSWAT_UI_DataTable select,
body[data-theme="dark"] .NSWAT_UI_DataTable select {
  background-image: url(../img/icons/arrow-down-open-white.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 98% 50% !important;
  background-size: 16px !important;
}
html.dark-mode form input::placeholder,
body.dark-mode form input::placeholder,
html.theme-dark form input::placeholder,
body.theme-dark form input::placeholder,
html[data-theme="dark"] form input::placeholder,
body[data-theme="dark"] form input::placeholder,
html.dark-mode .NSWAT_UI_Tags input::placeholder,
body.dark-mode .NSWAT_UI_Tags input::placeholder,
html.theme-dark .NSWAT_UI_Tags input::placeholder,
body.theme-dark .NSWAT_UI_Tags input::placeholder,
html[data-theme="dark"] .NSWAT_UI_Tags input::placeholder,
body[data-theme="dark"] .NSWAT_UI_Tags input::placeholder,
html.dark-mode .NSWAT_UI_GRID input::placeholder,
body.dark-mode .NSWAT_UI_GRID input::placeholder,
html.theme-dark .NSWAT_UI_GRID input::placeholder,
body.theme-dark .NSWAT_UI_GRID input::placeholder,
html[data-theme="dark"] .NSWAT_UI_GRID input::placeholder,
body[data-theme="dark"] .NSWAT_UI_GRID input::placeholder,
html.dark-mode .NSWAT_UI_DataTable input::placeholder,
body.dark-mode .NSWAT_UI_DataTable input::placeholder,
html.theme-dark .NSWAT_UI_DataTable input::placeholder,
body.theme-dark .NSWAT_UI_DataTable input::placeholder,
html[data-theme="dark"] .NSWAT_UI_DataTable input::placeholder,
body[data-theme="dark"] .NSWAT_UI_DataTable input::placeholder,
html.dark-mode form textarea::placeholder,
body.dark-mode form textarea::placeholder,
html.theme-dark form textarea::placeholder,
body.theme-dark form textarea::placeholder,
html[data-theme="dark"] form textarea::placeholder,
body[data-theme="dark"] form textarea::placeholder,
html.dark-mode .NSWAT_UI_Tags textarea::placeholder,
body.dark-mode .NSWAT_UI_Tags textarea::placeholder,
html.theme-dark .NSWAT_UI_Tags textarea::placeholder,
body.theme-dark .NSWAT_UI_Tags textarea::placeholder,
html[data-theme="dark"] .NSWAT_UI_Tags textarea::placeholder,
body[data-theme="dark"] .NSWAT_UI_Tags textarea::placeholder,
html.dark-mode .NSWAT_UI_GRID textarea::placeholder,
body.dark-mode .NSWAT_UI_GRID textarea::placeholder,
html.theme-dark .NSWAT_UI_GRID textarea::placeholder,
body.theme-dark .NSWAT_UI_GRID textarea::placeholder,
html[data-theme="dark"] .NSWAT_UI_GRID textarea::placeholder,
body[data-theme="dark"] .NSWAT_UI_GRID textarea::placeholder,
html.dark-mode .NSWAT_UI_DataTable textarea::placeholder,
body.dark-mode .NSWAT_UI_DataTable textarea::placeholder,
html.theme-dark .NSWAT_UI_DataTable textarea::placeholder,
body.theme-dark .NSWAT_UI_DataTable textarea::placeholder,
html[data-theme="dark"] .NSWAT_UI_DataTable textarea::placeholder,
body[data-theme="dark"] .NSWAT_UI_DataTable textarea::placeholder {
  color: #8694ae;
}
html.dark-mode form input:focus,
body.dark-mode form input:focus,
html.theme-dark form input:focus,
body.theme-dark form input:focus,
html[data-theme="dark"] form input:focus,
body[data-theme="dark"] form input:focus,
html.dark-mode .NSWAT_UI_Tags input:focus,
body.dark-mode .NSWAT_UI_Tags input:focus,
html.theme-dark .NSWAT_UI_Tags input:focus,
body.theme-dark .NSWAT_UI_Tags input:focus,
html[data-theme="dark"] .NSWAT_UI_Tags input:focus,
body[data-theme="dark"] .NSWAT_UI_Tags input:focus,
html.dark-mode .NSWAT_UI_GRID input:focus,
body.dark-mode .NSWAT_UI_GRID input:focus,
html.theme-dark .NSWAT_UI_GRID input:focus,
body.theme-dark .NSWAT_UI_GRID input:focus,
html[data-theme="dark"] .NSWAT_UI_GRID input:focus,
body[data-theme="dark"] .NSWAT_UI_GRID input:focus,
html.dark-mode .NSWAT_UI_DataTable input:focus,
body.dark-mode .NSWAT_UI_DataTable input:focus,
html.theme-dark .NSWAT_UI_DataTable input:focus,
body.theme-dark .NSWAT_UI_DataTable input:focus,
html[data-theme="dark"] .NSWAT_UI_DataTable input:focus,
body[data-theme="dark"] .NSWAT_UI_DataTable input:focus,
html.dark-mode form textarea:focus,
body.dark-mode form textarea:focus,
html.theme-dark form textarea:focus,
body.theme-dark form textarea:focus,
html[data-theme="dark"] form textarea:focus,
body[data-theme="dark"] form textarea:focus,
html.dark-mode .NSWAT_UI_Tags textarea:focus,
body.dark-mode .NSWAT_UI_Tags textarea:focus,
html.theme-dark .NSWAT_UI_Tags textarea:focus,
body.theme-dark .NSWAT_UI_Tags textarea:focus,
html[data-theme="dark"] .NSWAT_UI_Tags textarea:focus,
body[data-theme="dark"] .NSWAT_UI_Tags textarea:focus,
html.dark-mode .NSWAT_UI_GRID textarea:focus,
body.dark-mode .NSWAT_UI_GRID textarea:focus,
html.theme-dark .NSWAT_UI_GRID textarea:focus,
body.theme-dark .NSWAT_UI_GRID textarea:focus,
html[data-theme="dark"] .NSWAT_UI_GRID textarea:focus,
body[data-theme="dark"] .NSWAT_UI_GRID textarea:focus,
html.dark-mode .NSWAT_UI_DataTable textarea:focus,
body.dark-mode .NSWAT_UI_DataTable textarea:focus,
html.theme-dark .NSWAT_UI_DataTable textarea:focus,
body.theme-dark .NSWAT_UI_DataTable textarea:focus,
html[data-theme="dark"] .NSWAT_UI_DataTable textarea:focus,
body[data-theme="dark"] .NSWAT_UI_DataTable textarea:focus,
html.dark-mode form select:focus,
body.dark-mode form select:focus,
html.theme-dark form select:focus,
body.theme-dark form select:focus,
html[data-theme="dark"] form select:focus,
body[data-theme="dark"] form select:focus,
html.dark-mode .NSWAT_UI_Tags select:focus,
body.dark-mode .NSWAT_UI_Tags select:focus,
html.theme-dark .NSWAT_UI_Tags select:focus,
body.theme-dark .NSWAT_UI_Tags select:focus,
html[data-theme="dark"] .NSWAT_UI_Tags select:focus,
body[data-theme="dark"] .NSWAT_UI_Tags select:focus,
html.dark-mode .NSWAT_UI_GRID select:focus,
body.dark-mode .NSWAT_UI_GRID select:focus,
html.theme-dark .NSWAT_UI_GRID select:focus,
body.theme-dark .NSWAT_UI_GRID select:focus,
html[data-theme="dark"] .NSWAT_UI_GRID select:focus,
body[data-theme="dark"] .NSWAT_UI_GRID select:focus,
html.dark-mode .NSWAT_UI_DataTable select:focus,
body.dark-mode .NSWAT_UI_DataTable select:focus,
html.theme-dark .NSWAT_UI_DataTable select:focus,
body.theme-dark .NSWAT_UI_DataTable select:focus,
html[data-theme="dark"] .NSWAT_UI_DataTable select:focus,
body[data-theme="dark"] .NSWAT_UI_DataTable select:focus {
  border-color: #78cdfd !important;
  box-shadow: 0 0 0 3px rgba(120, 205, 253, 0.18);
}
html.dark-mode form > fieldset,
body.dark-mode form > fieldset,
html.theme-dark form > fieldset,
body.theme-dark form > fieldset,
html[data-theme="dark"] form > fieldset,
body[data-theme="dark"] form > fieldset {
  background-color: #18191A !important;
}
html.dark-mode #ui-datepicker-div.ui-datepicker,
body.dark-mode #ui-datepicker-div.ui-datepicker,
html.theme-dark #ui-datepicker-div.ui-datepicker,
body.theme-dark #ui-datepicker-div.ui-datepicker,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content {
  background: #121b2d !important;
  color: #b3bfd3 !important;
  border: 1px solid #2c3c57 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02), 0 16px 40px rgba(0, 0, 0, 0.35);
}
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-header,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-header,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-header,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-header,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-header,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-header,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header {
  background: #2E3135 !important;
  color: #fafafa !important;
  border: 1px solid #2c3c57 !important;
}
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-title,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-title,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-title,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-title,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-title,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-title,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title,
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-title span,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-title span,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-title span,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-title span,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-title span,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-title span,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title span,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title span,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title span,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title span,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title span,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title span {
  color: #fafafa !important;
}
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-title select,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-title select,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-title select,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-title select,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-title select,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-title select,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title select,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title select,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title select,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title select,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title select,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title select,
html.dark-mode #ui-datepicker-div.ui-datepicker select.ui-datepicker-month,
body.dark-mode #ui-datepicker-div.ui-datepicker select.ui-datepicker-month,
html.theme-dark #ui-datepicker-div.ui-datepicker select.ui-datepicker-month,
body.theme-dark #ui-datepicker-div.ui-datepicker select.ui-datepicker-month,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker select.ui-datepicker-month,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker select.ui-datepicker-month,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content select.ui-datepicker-month,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content select.ui-datepicker-month,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content select.ui-datepicker-month,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content select.ui-datepicker-month,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content select.ui-datepicker-month,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content select.ui-datepicker-month,
html.dark-mode #ui-datepicker-div.ui-datepicker select.ui-datepicker-year,
body.dark-mode #ui-datepicker-div.ui-datepicker select.ui-datepicker-year,
html.theme-dark #ui-datepicker-div.ui-datepicker select.ui-datepicker-year,
body.theme-dark #ui-datepicker-div.ui-datepicker select.ui-datepicker-year,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker select.ui-datepicker-year,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker select.ui-datepicker-year,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content select.ui-datepicker-year,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content select.ui-datepicker-year,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content select.ui-datepicker-year,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content select.ui-datepicker-year,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content select.ui-datepicker-year,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content select.ui-datepicker-year {
  background-color: #0f1a2c !important;
  color: #fafafa !important;
  border: 1px solid #2c3c57 !important;
}
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-prev,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-prev,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-prev,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-prev,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-prev,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-prev,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev,
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-next,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-next,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-next,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-next,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-next,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-next,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next {
  border: 1px solid transparent;
}
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev-hover,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev-hover,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev-hover,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev-hover,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev-hover,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev-hover,
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next-hover,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next-hover,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next-hover,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next-hover,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next-hover,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next-hover {
  background: #22314d !important;
  border-color: #415575 !important;
}
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-prev span,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-prev span,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-prev span,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-prev span,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-prev span,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-prev span,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev span,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev span,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev span,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev span,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev span,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev span,
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-next span,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-next span,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-next span,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-next span,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-next span,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-next span,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next span,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next span,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next span,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next span,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next span,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next span {
  filter: brightness(0) invert(1);
}
html.dark-mode #ui-datepicker-div.ui-datepicker th,
body.dark-mode #ui-datepicker-div.ui-datepicker th,
html.theme-dark #ui-datepicker-div.ui-datepicker th,
body.theme-dark #ui-datepicker-div.ui-datepicker th,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker th,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker th,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content th,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content th,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content th,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content th,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content th,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content th {
  color: #b3bfd3 !important;
}
html.dark-mode #ui-datepicker-div.ui-datepicker td span,
body.dark-mode #ui-datepicker-div.ui-datepicker td span,
html.theme-dark #ui-datepicker-div.ui-datepicker td span,
body.theme-dark #ui-datepicker-div.ui-datepicker td span,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker td span,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker td span,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content td span,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content td span,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content td span,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content td span,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content td span,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content td span,
html.dark-mode #ui-datepicker-div.ui-datepicker td a,
body.dark-mode #ui-datepicker-div.ui-datepicker td a,
html.theme-dark #ui-datepicker-div.ui-datepicker td a,
body.theme-dark #ui-datepicker-div.ui-datepicker td a,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker td a,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker td a,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content td a,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content td a,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content td a,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content td a,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content td a,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content td a,
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-state-default,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-state-default,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-state-default,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-state-default,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-state-default,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-state-default,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-state-default,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-state-default,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-state-default,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-state-default,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-state-default,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-state-default,
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-default,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-default,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-default,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-default,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-default,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-default,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-default,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-default,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-default,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-default,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-default,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-default {
  background: #18191A !important;
  color: #b3bfd3 !important;
  border: 1px solid transparent !important;
}
html.dark-mode #ui-datepicker-div.ui-datepicker td a:hover,
body.dark-mode #ui-datepicker-div.ui-datepicker td a:hover,
html.theme-dark #ui-datepicker-div.ui-datepicker td a:hover,
body.theme-dark #ui-datepicker-div.ui-datepicker td a:hover,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker td a:hover,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker td a:hover,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content td a:hover,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content td a:hover,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content td a:hover,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content td a:hover,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content td a:hover,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content td a:hover,
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-state-hover,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-state-hover,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-state-hover,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-state-hover,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-state-hover,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-state-hover,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-state-hover,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-state-hover,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-state-hover,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-state-hover,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-state-hover,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-state-hover,
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-state-focus,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-state-focus,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-state-focus,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-state-focus,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-state-focus,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-state-focus,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-state-focus,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-state-focus,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-state-focus,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-state-focus,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-state-focus,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-state-focus,
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-hover,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-hover,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-hover,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-hover,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-hover,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-hover,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-hover,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-hover,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-hover,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-hover,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-hover,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-hover,
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-focus,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-focus,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-focus,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-focus,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-focus,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-focus,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-focus,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-focus,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-focus,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-focus,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-focus,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-focus {
  background: #22314d !important;
  color: #fafafa !important;
  border: 1px solid #415575 !important;
}
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-current-day .ui-state-active,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-current-day .ui-state-active,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-current-day .ui-state-active,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-current-day .ui-state-active,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-current-day .ui-state-active,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-current-day .ui-state-active,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-current-day .ui-state-active,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-current-day .ui-state-active,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-current-day .ui-state-active,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-current-day .ui-state-active,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-current-day .ui-state-active,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-current-day .ui-state-active,
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-state-active,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-state-active,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-state-active,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-state-active,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-state-active,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-state-active,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-state-active,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-state-active,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-state-active,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-state-active,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-state-active,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-state-active,
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-active,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-active,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-active,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-active,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-active,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-active,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-active,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-active,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-active,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-active,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-active,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-active {
  background: #b3bfd3 !important;
  color: #2E3135 !important;
  border: 1px solid #b3bfd3 !important;
}
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-today .ui-state-highlight,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-today .ui-state-highlight,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-today .ui-state-highlight,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-today .ui-state-highlight,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-today .ui-state-highlight,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-today .ui-state-highlight,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-today .ui-state-highlight,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-today .ui-state-highlight,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-today .ui-state-highlight,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-today .ui-state-highlight,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-today .ui-state-highlight,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-today .ui-state-highlight,
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-state-highlight,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-state-highlight,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-state-highlight,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-state-highlight,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-state-highlight,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-state-highlight,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-state-highlight,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-state-highlight,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-state-highlight,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-state-highlight,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-state-highlight,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-state-highlight,
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-highlight,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-highlight,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-highlight,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-highlight,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-highlight,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-highlight,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-highlight,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-highlight,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-highlight,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-highlight,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-highlight,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-highlight {
  background: rgba(120, 205, 253, 0.2) !important;
  color: #fafafa !important;
  border: 1px solid #78cdfd !important;
}
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-other-month .ui-state-default,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-other-month .ui-state-default,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-other-month .ui-state-default,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-other-month .ui-state-default,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-other-month .ui-state-default,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-other-month .ui-state-default,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-other-month .ui-state-default,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-other-month .ui-state-default,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-other-month .ui-state-default,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-other-month .ui-state-default,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-other-month .ui-state-default,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-other-month .ui-state-default,
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-other-month a,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-other-month a,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-other-month a,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-other-month a,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-other-month a,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-other-month a,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-other-month a,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-other-month a,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-other-month a,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-other-month a,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-other-month a,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-other-month a {
  color: #8694ae !important;
}
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-state-disabled,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-state-disabled,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-state-disabled,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-state-disabled,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-state-disabled,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-state-disabled,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-state-disabled,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-state-disabled,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-state-disabled,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-state-disabled,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-state-disabled,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-state-disabled,
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-disabled,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-disabled,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-disabled,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-disabled,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-disabled,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-disabled,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-disabled,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-disabled,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-disabled,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-disabled,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-disabled,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-widget-content .ui-state-disabled {
  opacity: 0.45;
}
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane {
  background: #121b2d !important;
  border-top: 1px solid #2c3c57 !important;
}
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button,
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-current,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-current,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-current,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-current,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-current,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-current,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-current,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-current,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-current,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-current,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-current,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-current,
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-close,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-close,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-close,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-close,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-close,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-close,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-close,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-close,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-close,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-close,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-close,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-close {
  background: #18243a !important;
  color: #fafafa !important;
  border: 1px solid #415575 !important;
}
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button:hover,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button:hover,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button:hover,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button:hover,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button:hover,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button:hover,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button:hover,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button:hover,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button:hover,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button:hover,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button:hover,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button:hover,
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button:active,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button:active,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button:active,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button:active,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button:active,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button:active,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button:active,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button:active,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button:active,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button:active,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button:active,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button:active,
html.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button:focus,
body.dark-mode #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button:focus,
html.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button:focus,
body.theme-dark #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button:focus,
html[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button:focus,
body[data-theme="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button:focus,
html.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button:focus,
body.dark-mode .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button:focus,
html.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button:focus,
body.theme-dark .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button:focus,
html[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button:focus,
body[data-theme="dark"] .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane button:focus {
  background: #22314d !important;
  border-color: #78cdfd !important;
  color: #fafafa !important;
}
html.dark-mode section.content form fieldset,
body.dark-mode section.content form fieldset,
html.theme-dark section.content form fieldset,
body.theme-dark section.content form fieldset,
html[data-theme="dark"] section.content form fieldset,
body[data-theme="dark"] section.content form fieldset,
html.dark-mode body.account section.content form fieldset,
body.dark-mode body.account section.content form fieldset,
html.theme-dark body.account section.content form fieldset,
body.theme-dark body.account section.content form fieldset,
html[data-theme="dark"] body.account section.content form fieldset,
body[data-theme="dark"] body.account section.content form fieldset,
html.dark-mode section.content form fieldset.section-container,
body.dark-mode section.content form fieldset.section-container,
html.theme-dark section.content form fieldset.section-container,
body.theme-dark section.content form fieldset.section-container,
html[data-theme="dark"] section.content form fieldset.section-container,
body[data-theme="dark"] section.content form fieldset.section-container,
html.dark-mode body.account section.content form fieldset.section-container,
body.dark-mode body.account section.content form fieldset.section-container,
html.theme-dark body.account section.content form fieldset.section-container,
body.theme-dark body.account section.content form fieldset.section-container,
html[data-theme="dark"] body.account section.content form fieldset.section-container,
body[data-theme="dark"] body.account section.content form fieldset.section-container {
  background-color: #18191A !important;
}
html.dark-mode section.content form.survey-response > fieldset,
body.dark-mode section.content form.survey-response > fieldset,
html.theme-dark section.content form.survey-response > fieldset,
body.theme-dark section.content form.survey-response > fieldset,
html[data-theme="dark"] section.content form.survey-response > fieldset,
body[data-theme="dark"] section.content form.survey-response > fieldset,
html.dark-mode body.account section.content form.survey-response > fieldset,
body.dark-mode body.account section.content form.survey-response > fieldset,
html.theme-dark body.account section.content form.survey-response > fieldset,
body.theme-dark body.account section.content form.survey-response > fieldset,
html[data-theme="dark"] body.account section.content form.survey-response > fieldset,
body[data-theme="dark"] body.account section.content form.survey-response > fieldset,
html.dark-mode section.content form.survey-response fieldset.section-container,
body.dark-mode section.content form.survey-response fieldset.section-container,
html.theme-dark section.content form.survey-response fieldset.section-container,
body.theme-dark section.content form.survey-response fieldset.section-container,
html[data-theme="dark"] section.content form.survey-response fieldset.section-container,
body[data-theme="dark"] section.content form.survey-response fieldset.section-container,
html.dark-mode body.account section.content form.survey-response fieldset.section-container,
body.dark-mode body.account section.content form.survey-response fieldset.section-container,
html.theme-dark body.account section.content form.survey-response fieldset.section-container,
body.theme-dark body.account section.content form.survey-response fieldset.section-container,
html[data-theme="dark"] body.account section.content form.survey-response fieldset.section-container,
body[data-theme="dark"] body.account section.content form.survey-response fieldset.section-container {
  background-color: #18191A !important;
}
html.dark-mode section.content form.survey-response div.question,
body.dark-mode section.content form.survey-response div.question,
html.theme-dark section.content form.survey-response div.question,
body.theme-dark section.content form.survey-response div.question,
html[data-theme="dark"] section.content form.survey-response div.question,
body[data-theme="dark"] section.content form.survey-response div.question,
html.dark-mode body.account section.content form.survey-response div.question,
body.dark-mode body.account section.content form.survey-response div.question,
html.theme-dark body.account section.content form.survey-response div.question,
body.theme-dark body.account section.content form.survey-response div.question,
html[data-theme="dark"] body.account section.content form.survey-response div.question,
body[data-theme="dark"] body.account section.content form.survey-response div.question,
html.dark-mode section.content form.survey-response div.question-group,
body.dark-mode section.content form.survey-response div.question-group,
html.theme-dark section.content form.survey-response div.question-group,
body.theme-dark section.content form.survey-response div.question-group,
html[data-theme="dark"] section.content form.survey-response div.question-group,
body[data-theme="dark"] section.content form.survey-response div.question-group,
html.dark-mode body.account section.content form.survey-response div.question-group,
body.dark-mode body.account section.content form.survey-response div.question-group,
html.theme-dark body.account section.content form.survey-response div.question-group,
body.theme-dark body.account section.content form.survey-response div.question-group,
html[data-theme="dark"] body.account section.content form.survey-response div.question-group,
body[data-theme="dark"] body.account section.content form.survey-response div.question-group {
  background: transparent !important;
  background-color: transparent !important;
}
html.dark-mode section.content form.survey-response div.question h3,
body.dark-mode section.content form.survey-response div.question h3,
html.theme-dark section.content form.survey-response div.question h3,
body.theme-dark section.content form.survey-response div.question h3,
html[data-theme="dark"] section.content form.survey-response div.question h3,
body[data-theme="dark"] section.content form.survey-response div.question h3,
html.dark-mode body.account section.content form.survey-response div.question h3,
body.dark-mode body.account section.content form.survey-response div.question h3,
html.theme-dark body.account section.content form.survey-response div.question h3,
body.theme-dark body.account section.content form.survey-response div.question h3,
html[data-theme="dark"] body.account section.content form.survey-response div.question h3,
body[data-theme="dark"] body.account section.content form.survey-response div.question h3,
html.dark-mode section.content form.survey-response div.question-group h3,
body.dark-mode section.content form.survey-response div.question-group h3,
html.theme-dark section.content form.survey-response div.question-group h3,
body.theme-dark section.content form.survey-response div.question-group h3,
html[data-theme="dark"] section.content form.survey-response div.question-group h3,
body[data-theme="dark"] section.content form.survey-response div.question-group h3,
html.dark-mode body.account section.content form.survey-response div.question-group h3,
body.dark-mode body.account section.content form.survey-response div.question-group h3,
html.theme-dark body.account section.content form.survey-response div.question-group h3,
body.theme-dark body.account section.content form.survey-response div.question-group h3,
html[data-theme="dark"] body.account section.content form.survey-response div.question-group h3,
body[data-theme="dark"] body.account section.content form.survey-response div.question-group h3,
html.dark-mode section.content form.survey-response div.question > h3,
body.dark-mode section.content form.survey-response div.question > h3,
html.theme-dark section.content form.survey-response div.question > h3,
body.theme-dark section.content form.survey-response div.question > h3,
html[data-theme="dark"] section.content form.survey-response div.question > h3,
body[data-theme="dark"] section.content form.survey-response div.question > h3,
html.dark-mode body.account section.content form.survey-response div.question > h3,
body.dark-mode body.account section.content form.survey-response div.question > h3,
html.theme-dark body.account section.content form.survey-response div.question > h3,
body.theme-dark body.account section.content form.survey-response div.question > h3,
html[data-theme="dark"] body.account section.content form.survey-response div.question > h3,
body[data-theme="dark"] body.account section.content form.survey-response div.question > h3,
html.dark-mode section.content form.survey-response div.question-group > h3,
body.dark-mode section.content form.survey-response div.question-group > h3,
html.theme-dark section.content form.survey-response div.question-group > h3,
body.theme-dark section.content form.survey-response div.question-group > h3,
html[data-theme="dark"] section.content form.survey-response div.question-group > h3,
body[data-theme="dark"] section.content form.survey-response div.question-group > h3,
html.dark-mode body.account section.content form.survey-response div.question-group > h3,
body.dark-mode body.account section.content form.survey-response div.question-group > h3,
html.theme-dark body.account section.content form.survey-response div.question-group > h3,
body.theme-dark body.account section.content form.survey-response div.question-group > h3,
html[data-theme="dark"] body.account section.content form.survey-response div.question-group > h3,
body[data-theme="dark"] body.account section.content form.survey-response div.question-group > h3,
html.dark-mode section.content form.survey-response div.question h3 span,
body.dark-mode section.content form.survey-response div.question h3 span,
html.theme-dark section.content form.survey-response div.question h3 span,
body.theme-dark section.content form.survey-response div.question h3 span,
html[data-theme="dark"] section.content form.survey-response div.question h3 span,
body[data-theme="dark"] section.content form.survey-response div.question h3 span,
html.dark-mode body.account section.content form.survey-response div.question h3 span,
body.dark-mode body.account section.content form.survey-response div.question h3 span,
html.theme-dark body.account section.content form.survey-response div.question h3 span,
body.theme-dark body.account section.content form.survey-response div.question h3 span,
html[data-theme="dark"] body.account section.content form.survey-response div.question h3 span,
body[data-theme="dark"] body.account section.content form.survey-response div.question h3 span,
html.dark-mode section.content form.survey-response div.question-group h3 span,
body.dark-mode section.content form.survey-response div.question-group h3 span,
html.theme-dark section.content form.survey-response div.question-group h3 span,
body.theme-dark section.content form.survey-response div.question-group h3 span,
html[data-theme="dark"] section.content form.survey-response div.question-group h3 span,
body[data-theme="dark"] section.content form.survey-response div.question-group h3 span,
html.dark-mode body.account section.content form.survey-response div.question-group h3 span,
body.dark-mode body.account section.content form.survey-response div.question-group h3 span,
html.theme-dark body.account section.content form.survey-response div.question-group h3 span,
body.theme-dark body.account section.content form.survey-response div.question-group h3 span,
html[data-theme="dark"] body.account section.content form.survey-response div.question-group h3 span,
body[data-theme="dark"] body.account section.content form.survey-response div.question-group h3 span {
  color: #f9f9fb !important;
}
html.dark-mode section.content form.survey-response > fieldset > div.questions > div.question h3,
body.dark-mode section.content form.survey-response > fieldset > div.questions > div.question h3,
html.theme-dark section.content form.survey-response > fieldset > div.questions > div.question h3,
body.theme-dark section.content form.survey-response > fieldset > div.questions > div.question h3,
html[data-theme="dark"] section.content form.survey-response > fieldset > div.questions > div.question h3,
body[data-theme="dark"] section.content form.survey-response > fieldset > div.questions > div.question h3,
html.dark-mode body.account section.content form.survey-response > fieldset > div.questions > div.question h3,
body.dark-mode body.account section.content form.survey-response > fieldset > div.questions > div.question h3,
html.theme-dark body.account section.content form.survey-response > fieldset > div.questions > div.question h3,
body.theme-dark body.account section.content form.survey-response > fieldset > div.questions > div.question h3,
html[data-theme="dark"] body.account section.content form.survey-response > fieldset > div.questions > div.question h3,
body[data-theme="dark"] body.account section.content form.survey-response > fieldset > div.questions > div.question h3 {
  color: #f9f9fb !important;
}
html.dark-mode section.content form.survey-response h3.required span.required,
body.dark-mode section.content form.survey-response h3.required span.required,
html.theme-dark section.content form.survey-response h3.required span.required,
body.theme-dark section.content form.survey-response h3.required span.required,
html[data-theme="dark"] section.content form.survey-response h3.required span.required,
body[data-theme="dark"] section.content form.survey-response h3.required span.required,
html.dark-mode body.account section.content form.survey-response h3.required span.required,
body.dark-mode body.account section.content form.survey-response h3.required span.required,
html.theme-dark body.account section.content form.survey-response h3.required span.required,
body.theme-dark body.account section.content form.survey-response h3.required span.required,
html[data-theme="dark"] body.account section.content form.survey-response h3.required span.required,
body[data-theme="dark"] body.account section.content form.survey-response h3.required span.required {
  color: #cc241D !important;
}
html.dark-mode input[type=checkbox] + label,
body.dark-mode input[type=checkbox] + label,
html.theme-dark input[type=checkbox] + label,
body.theme-dark input[type=checkbox] + label,
html[data-theme="dark"] input[type=checkbox] + label,
body[data-theme="dark"] input[type=checkbox] + label {
  background: none;
  color: #b3bfd3;
  padding-left: 28px !important;
  position: relative;
}
html.dark-mode input[type=checkbox] + label:before,
body.dark-mode input[type=checkbox] + label:before,
html.theme-dark input[type=checkbox] + label:before,
body.theme-dark input[type=checkbox] + label:before,
html[data-theme="dark"] input[type=checkbox] + label:before,
body[data-theme="dark"] input[type=checkbox] + label:before {
  content: " ";
  position: absolute;
  top: 3px;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #415575;
  background-color: #0f1a2c;
}
html.dark-mode input[type=checkbox]:checked + label:before,
body.dark-mode input[type=checkbox]:checked + label:before,
html.theme-dark input[type=checkbox]:checked + label:before,
body.theme-dark input[type=checkbox]:checked + label:before,
html[data-theme="dark"] input[type=checkbox]:checked + label:before,
body[data-theme="dark"] input[type=checkbox]:checked + label:before {
  background-color: #167E00;
  border-color: #31c961;
}
html.dark-mode input[type=checkbox]:checked + label:after,
body.dark-mode input[type=checkbox]:checked + label:after,
html.theme-dark input[type=checkbox]:checked + label:after,
body.theme-dark input[type=checkbox]:checked + label:after,
html[data-theme="dark"] input[type=checkbox]:checked + label:after,
body[data-theme="dark"] input[type=checkbox]:checked + label:after {
  content: " ";
  position: absolute;
  top: 6px;
  left: 5px;
  width: 5px;
  height: 9px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}
html.dark-mode .msg,
body.dark-mode .msg,
html.theme-dark .msg,
body.theme-dark .msg,
html[data-theme="dark"] .msg,
body[data-theme="dark"] .msg,
html.dark-mode .alertContainer,
body.dark-mode .alertContainer,
html.theme-dark .alertContainer,
body.theme-dark .alertContainer,
html[data-theme="dark"] .alertContainer,
body[data-theme="dark"] .alertContainer,
html.dark-mode .registerEmail,
body.dark-mode .registerEmail,
html.theme-dark .registerEmail,
body.theme-dark .registerEmail,
html[data-theme="dark"] .registerEmail,
body[data-theme="dark"] .registerEmail,
html.dark-mode .NSWAT_Form_Errors,
body.dark-mode .NSWAT_Form_Errors,
html.theme-dark .NSWAT_Form_Errors,
body.theme-dark .NSWAT_Form_Errors,
html[data-theme="dark"] .NSWAT_Form_Errors,
body[data-theme="dark"] .NSWAT_Form_Errors,
html.dark-mode p.webform-success,
body.dark-mode p.webform-success,
html.theme-dark p.webform-success,
body.theme-dark p.webform-success,
html[data-theme="dark"] p.webform-success,
body[data-theme="dark"] p.webform-success {
  background-color: #121b2d;
  border-color: #2c3c57 !important;
}
html.dark-mode .msg.success,
body.dark-mode .msg.success,
html.theme-dark .msg.success,
body.theme-dark .msg.success,
html[data-theme="dark"] .msg.success,
body[data-theme="dark"] .msg.success,
html.dark-mode p.webform-success,
body.dark-mode p.webform-success,
html.theme-dark p.webform-success,
body.theme-dark p.webform-success,
html[data-theme="dark"] p.webform-success,
body[data-theme="dark"] p.webform-success {
  background-color: #143221;
}
html.dark-mode .msg.error,
body.dark-mode .msg.error,
html.theme-dark .msg.error,
body.theme-dark .msg.error,
html[data-theme="dark"] .msg.error,
body[data-theme="dark"] .msg.error,
html.dark-mode .NSWAT_Form_Errors,
body.dark-mode .NSWAT_Form_Errors,
html.theme-dark .NSWAT_Form_Errors,
body.theme-dark .NSWAT_Form_Errors,
html[data-theme="dark"] .NSWAT_Form_Errors,
body[data-theme="dark"] .NSWAT_Form_Errors {
  background-color: #3b1619;
}
html.dark-mode .msg.notice,
body.dark-mode .msg.notice,
html.theme-dark .msg.notice,
body.theme-dark .msg.notice,
html[data-theme="dark"] .msg.notice,
body[data-theme="dark"] .msg.notice,
html.dark-mode .alertContainer,
body.dark-mode .alertContainer,
html.theme-dark .alertContainer,
body.theme-dark .alertContainer,
html[data-theme="dark"] .alertContainer,
body[data-theme="dark"] .alertContainer {
  background-color: #18243a;
}
html.dark-mode table,
body.dark-mode table,
html.theme-dark table,
body.theme-dark table,
html[data-theme="dark"] table,
body[data-theme="dark"] table,
html.dark-mode table.NSWAT_UI_DataTable,
body.dark-mode table.NSWAT_UI_DataTable,
html.theme-dark table.NSWAT_UI_DataTable,
body.theme-dark table.NSWAT_UI_DataTable,
html[data-theme="dark"] table.NSWAT_UI_DataTable,
body[data-theme="dark"] table.NSWAT_UI_DataTable,
html.dark-mode table.listings,
body.dark-mode table.listings,
html.theme-dark table.listings,
body.theme-dark table.listings,
html[data-theme="dark"] table.listings,
body[data-theme="dark"] table.listings,
html.dark-mode table.kpi-table,
body.dark-mode table.kpi-table,
html.theme-dark table.kpi-table,
body.theme-dark table.kpi-table,
html[data-theme="dark"] table.kpi-table,
body[data-theme="dark"] table.kpi-table {
  background-color: transparent;
  color: #b3bfd3;
}
html.dark-mode table th,
body.dark-mode table th,
html.theme-dark table th,
body.theme-dark table th,
html[data-theme="dark"] table th,
body[data-theme="dark"] table th,
html.dark-mode table.NSWAT_UI_DataTable th,
body.dark-mode table.NSWAT_UI_DataTable th,
html.theme-dark table.NSWAT_UI_DataTable th,
body.theme-dark table.NSWAT_UI_DataTable th,
html[data-theme="dark"] table.NSWAT_UI_DataTable th,
body[data-theme="dark"] table.NSWAT_UI_DataTable th,
html.dark-mode table.listings th,
body.dark-mode table.listings th,
html.theme-dark table.listings th,
body.theme-dark table.listings th,
html[data-theme="dark"] table.listings th,
body[data-theme="dark"] table.listings th,
html.dark-mode table.kpi-table th,
body.dark-mode table.kpi-table th,
html.theme-dark table.kpi-table th,
body.theme-dark table.kpi-table th,
html[data-theme="dark"] table.kpi-table th,
body[data-theme="dark"] table.kpi-table th {
  color: #fafafa;
  border-color: #2c3c57 !important;
}
html.dark-mode table td,
body.dark-mode table td,
html.theme-dark table td,
body.theme-dark table td,
html[data-theme="dark"] table td,
body[data-theme="dark"] table td,
html.dark-mode table.NSWAT_UI_DataTable td,
body.dark-mode table.NSWAT_UI_DataTable td,
html.theme-dark table.NSWAT_UI_DataTable td,
body.theme-dark table.NSWAT_UI_DataTable td,
html[data-theme="dark"] table.NSWAT_UI_DataTable td,
body[data-theme="dark"] table.NSWAT_UI_DataTable td,
html.dark-mode table.listings td,
body.dark-mode table.listings td,
html.theme-dark table.listings td,
body.theme-dark table.listings td,
html[data-theme="dark"] table.listings td,
body[data-theme="dark"] table.listings td,
html.dark-mode table.kpi-table td,
body.dark-mode table.kpi-table td,
html.theme-dark table.kpi-table td,
body.theme-dark table.kpi-table td,
html[data-theme="dark"] table.kpi-table td,
body[data-theme="dark"] table.kpi-table td {
  background-color: #18191A;
  color: #b3bfd3;
  border-color: #2c3c57 !important;
}
html.dark-mode table tr:nth-child(even) td,
body.dark-mode table tr:nth-child(even) td,
html.theme-dark table tr:nth-child(even) td,
body.theme-dark table tr:nth-child(even) td,
html[data-theme="dark"] table tr:nth-child(even) td,
body[data-theme="dark"] table tr:nth-child(even) td,
html.dark-mode table.NSWAT_UI_DataTable tr:nth-child(even) td,
body.dark-mode table.NSWAT_UI_DataTable tr:nth-child(even) td,
html.theme-dark table.NSWAT_UI_DataTable tr:nth-child(even) td,
body.theme-dark table.NSWAT_UI_DataTable tr:nth-child(even) td,
html[data-theme="dark"] table.NSWAT_UI_DataTable tr:nth-child(even) td,
body[data-theme="dark"] table.NSWAT_UI_DataTable tr:nth-child(even) td,
html.dark-mode table.listings tr:nth-child(even) td,
body.dark-mode table.listings tr:nth-child(even) td,
html.theme-dark table.listings tr:nth-child(even) td,
body.theme-dark table.listings tr:nth-child(even) td,
html[data-theme="dark"] table.listings tr:nth-child(even) td,
body[data-theme="dark"] table.listings tr:nth-child(even) td,
html.dark-mode table.kpi-table tr:nth-child(even) td,
body.dark-mode table.kpi-table tr:nth-child(even) td,
html.theme-dark table.kpi-table tr:nth-child(even) td,
body.theme-dark table.kpi-table tr:nth-child(even) td,
html[data-theme="dark"] table.kpi-table tr:nth-child(even) td,
body[data-theme="dark"] table.kpi-table tr:nth-child(even) td {
  background-color: #202225;
}
html.dark-mode table.kpi-table thead tr th,
body.dark-mode table.kpi-table thead tr th,
html.theme-dark table.kpi-table thead tr th,
body.theme-dark table.kpi-table thead tr th,
html[data-theme="dark"] table.kpi-table thead tr th,
body[data-theme="dark"] table.kpi-table thead tr th {
  background-color: #2E3135 !important;
}
html.dark-mode table.NSWAT_UI_DataTable tbody tr td,
body.dark-mode table.NSWAT_UI_DataTable tbody tr td,
html.theme-dark table.NSWAT_UI_DataTable tbody tr td,
body.theme-dark table.NSWAT_UI_DataTable tbody tr td,
html[data-theme="dark"] table.NSWAT_UI_DataTable tbody tr td,
body[data-theme="dark"] table.NSWAT_UI_DataTable tbody tr td,
html.dark-mode table.kpi-table tbody tr td,
body.dark-mode table.kpi-table tbody tr td,
html.theme-dark table.kpi-table tbody tr td,
body.theme-dark table.kpi-table tbody tr td,
html[data-theme="dark"] table.kpi-table tbody tr td,
body[data-theme="dark"] table.kpi-table tbody tr td,
html.dark-mode table.NSWAT_UI_DataTable tbody tr th,
body.dark-mode table.NSWAT_UI_DataTable tbody tr th,
html.theme-dark table.NSWAT_UI_DataTable tbody tr th,
body.theme-dark table.NSWAT_UI_DataTable tbody tr th,
html[data-theme="dark"] table.NSWAT_UI_DataTable tbody tr th,
body[data-theme="dark"] table.NSWAT_UI_DataTable tbody tr th,
html.dark-mode table.kpi-table tbody tr th,
body.dark-mode table.kpi-table tbody tr th,
html.theme-dark table.kpi-table tbody tr th,
body.theme-dark table.kpi-table tbody tr th,
html[data-theme="dark"] table.kpi-table tbody tr th,
body[data-theme="dark"] table.kpi-table tbody tr th {
  background-color: #18191A !important;
}
html.dark-mode table.NSWAT_UI_DataTable tbody tr:nth-child(even) td,
body.dark-mode table.NSWAT_UI_DataTable tbody tr:nth-child(even) td,
html.theme-dark table.NSWAT_UI_DataTable tbody tr:nth-child(even) td,
body.theme-dark table.NSWAT_UI_DataTable tbody tr:nth-child(even) td,
html[data-theme="dark"] table.NSWAT_UI_DataTable tbody tr:nth-child(even) td,
body[data-theme="dark"] table.NSWAT_UI_DataTable tbody tr:nth-child(even) td,
html.dark-mode table.kpi-table tbody tr:nth-child(even) td,
body.dark-mode table.kpi-table tbody tr:nth-child(even) td,
html.theme-dark table.kpi-table tbody tr:nth-child(even) td,
body.theme-dark table.kpi-table tbody tr:nth-child(even) td,
html[data-theme="dark"] table.kpi-table tbody tr:nth-child(even) td,
body[data-theme="dark"] table.kpi-table tbody tr:nth-child(even) td,
html.dark-mode table.NSWAT_UI_DataTable tbody tr:nth-child(even) th,
body.dark-mode table.NSWAT_UI_DataTable tbody tr:nth-child(even) th,
html.theme-dark table.NSWAT_UI_DataTable tbody tr:nth-child(even) th,
body.theme-dark table.NSWAT_UI_DataTable tbody tr:nth-child(even) th,
html[data-theme="dark"] table.NSWAT_UI_DataTable tbody tr:nth-child(even) th,
body[data-theme="dark"] table.NSWAT_UI_DataTable tbody tr:nth-child(even) th,
html.dark-mode table.kpi-table tbody tr:nth-child(even) th,
body.dark-mode table.kpi-table tbody tr:nth-child(even) th,
html.theme-dark table.kpi-table tbody tr:nth-child(even) th,
body.theme-dark table.kpi-table tbody tr:nth-child(even) th,
html[data-theme="dark"] table.kpi-table tbody tr:nth-child(even) th,
body[data-theme="dark"] table.kpi-table tbody tr:nth-child(even) th {
  background-color: #202225 !important;
}
html.dark-mode .NSWAT_UI_DataTable thead a:link,
body.dark-mode .NSWAT_UI_DataTable thead a:link,
html.theme-dark .NSWAT_UI_DataTable thead a:link,
body.theme-dark .NSWAT_UI_DataTable thead a:link,
html[data-theme="dark"] .NSWAT_UI_DataTable thead a:link,
body[data-theme="dark"] .NSWAT_UI_DataTable thead a:link,
html.dark-mode .NSWAT_UI_DataTables thead a:link,
body.dark-mode .NSWAT_UI_DataTables thead a:link,
html.theme-dark .NSWAT_UI_DataTables thead a:link,
body.theme-dark .NSWAT_UI_DataTables thead a:link,
html[data-theme="dark"] .NSWAT_UI_DataTables thead a:link,
body[data-theme="dark"] .NSWAT_UI_DataTables thead a:link,
html.dark-mode .NSWAT_UI_DataTable thead a:visited,
body.dark-mode .NSWAT_UI_DataTable thead a:visited,
html.theme-dark .NSWAT_UI_DataTable thead a:visited,
body.theme-dark .NSWAT_UI_DataTable thead a:visited,
html[data-theme="dark"] .NSWAT_UI_DataTable thead a:visited,
body[data-theme="dark"] .NSWAT_UI_DataTable thead a:visited,
html.dark-mode .NSWAT_UI_DataTables thead a:visited,
body.dark-mode .NSWAT_UI_DataTables thead a:visited,
html.theme-dark .NSWAT_UI_DataTables thead a:visited,
body.theme-dark .NSWAT_UI_DataTables thead a:visited,
html[data-theme="dark"] .NSWAT_UI_DataTables thead a:visited,
body[data-theme="dark"] .NSWAT_UI_DataTables thead a:visited {
  color: #fafafa !important;
}
html.dark-mode .NSWAT_UI_DataTable thead a:hover,
body.dark-mode .NSWAT_UI_DataTable thead a:hover,
html.theme-dark .NSWAT_UI_DataTable thead a:hover,
body.theme-dark .NSWAT_UI_DataTable thead a:hover,
html[data-theme="dark"] .NSWAT_UI_DataTable thead a:hover,
body[data-theme="dark"] .NSWAT_UI_DataTable thead a:hover,
html.dark-mode .NSWAT_UI_DataTables thead a:hover,
body.dark-mode .NSWAT_UI_DataTables thead a:hover,
html.theme-dark .NSWAT_UI_DataTables thead a:hover,
body.theme-dark .NSWAT_UI_DataTables thead a:hover,
html[data-theme="dark"] .NSWAT_UI_DataTables thead a:hover,
body[data-theme="dark"] .NSWAT_UI_DataTables thead a:hover,
html.dark-mode .NSWAT_UI_DataTable thead a:active,
body.dark-mode .NSWAT_UI_DataTable thead a:active,
html.theme-dark .NSWAT_UI_DataTable thead a:active,
body.theme-dark .NSWAT_UI_DataTable thead a:active,
html[data-theme="dark"] .NSWAT_UI_DataTable thead a:active,
body[data-theme="dark"] .NSWAT_UI_DataTable thead a:active,
html.dark-mode .NSWAT_UI_DataTables thead a:active,
body.dark-mode .NSWAT_UI_DataTables thead a:active,
html.theme-dark .NSWAT_UI_DataTables thead a:active,
body.theme-dark .NSWAT_UI_DataTables thead a:active,
html[data-theme="dark"] .NSWAT_UI_DataTables thead a:active,
body[data-theme="dark"] .NSWAT_UI_DataTables thead a:active {
  color: #e7e7e7 !important;
}
html.dark-mode .NSWAT_UI_DataTable a:link,
body.dark-mode .NSWAT_UI_DataTable a:link,
html.theme-dark .NSWAT_UI_DataTable a:link,
body.theme-dark .NSWAT_UI_DataTable a:link,
html[data-theme="dark"] .NSWAT_UI_DataTable a:link,
body[data-theme="dark"] .NSWAT_UI_DataTable a:link,
html.dark-mode .NSWAT_UI_DataTables a:link,
body.dark-mode .NSWAT_UI_DataTables a:link,
html.theme-dark .NSWAT_UI_DataTables a:link,
body.theme-dark .NSWAT_UI_DataTables a:link,
html[data-theme="dark"] .NSWAT_UI_DataTables a:link,
body[data-theme="dark"] .NSWAT_UI_DataTables a:link,
html.dark-mode .NSWAT_UI_DataTable a:visited,
body.dark-mode .NSWAT_UI_DataTable a:visited,
html.theme-dark .NSWAT_UI_DataTable a:visited,
body.theme-dark .NSWAT_UI_DataTable a:visited,
html[data-theme="dark"] .NSWAT_UI_DataTable a:visited,
body[data-theme="dark"] .NSWAT_UI_DataTable a:visited,
html.dark-mode .NSWAT_UI_DataTables a:visited,
body.dark-mode .NSWAT_UI_DataTables a:visited,
html.theme-dark .NSWAT_UI_DataTables a:visited,
body.theme-dark .NSWAT_UI_DataTables a:visited,
html[data-theme="dark"] .NSWAT_UI_DataTables a:visited,
body[data-theme="dark"] .NSWAT_UI_DataTables a:visited {
  color: #78cdfd !important;
}
html.dark-mode .NSWAT_UI_DataTable a:hover,
body.dark-mode .NSWAT_UI_DataTable a:hover,
html.theme-dark .NSWAT_UI_DataTable a:hover,
body.theme-dark .NSWAT_UI_DataTable a:hover,
html[data-theme="dark"] .NSWAT_UI_DataTable a:hover,
body[data-theme="dark"] .NSWAT_UI_DataTable a:hover,
html.dark-mode .NSWAT_UI_DataTables a:hover,
body.dark-mode .NSWAT_UI_DataTables a:hover,
html.theme-dark .NSWAT_UI_DataTables a:hover,
body.theme-dark .NSWAT_UI_DataTables a:hover,
html[data-theme="dark"] .NSWAT_UI_DataTables a:hover,
body[data-theme="dark"] .NSWAT_UI_DataTables a:hover,
html.dark-mode .NSWAT_UI_DataTable a:active,
body.dark-mode .NSWAT_UI_DataTable a:active,
html.theme-dark .NSWAT_UI_DataTable a:active,
body.theme-dark .NSWAT_UI_DataTable a:active,
html[data-theme="dark"] .NSWAT_UI_DataTable a:active,
body[data-theme="dark"] .NSWAT_UI_DataTable a:active,
html.dark-mode .NSWAT_UI_DataTables a:active,
body.dark-mode .NSWAT_UI_DataTables a:active,
html.theme-dark .NSWAT_UI_DataTables a:active,
body.theme-dark .NSWAT_UI_DataTables a:active,
html[data-theme="dark"] .NSWAT_UI_DataTables a:active,
body[data-theme="dark"] .NSWAT_UI_DataTables a:active {
  color: #6dc03b !important;
}
html.dark-mode div.calls-to-action.recent-activity table thead tr th,
body.dark-mode div.calls-to-action.recent-activity table thead tr th,
html.theme-dark div.calls-to-action.recent-activity table thead tr th,
body.theme-dark div.calls-to-action.recent-activity table thead tr th,
html[data-theme="dark"] div.calls-to-action.recent-activity table thead tr th,
body[data-theme="dark"] div.calls-to-action.recent-activity table thead tr th {
  background-color: #2E3135 !important;
  color: #fafafa !important;
  border-color: #2c3c57 !important;
}
html.dark-mode div.calls-to-action.recent-activity table tbody tr td,
body.dark-mode div.calls-to-action.recent-activity table tbody tr td,
html.theme-dark div.calls-to-action.recent-activity table tbody tr td,
body.theme-dark div.calls-to-action.recent-activity table tbody tr td,
html[data-theme="dark"] div.calls-to-action.recent-activity table tbody tr td,
body[data-theme="dark"] div.calls-to-action.recent-activity table tbody tr td {
  background-color: #18191A !important;
  color: #b3bfd3 !important;
  border-color: #2c3c57 !important;
}
html.dark-mode div.calls-to-action.recent-activity table tbody tr:nth-child(even) td,
body.dark-mode div.calls-to-action.recent-activity table tbody tr:nth-child(even) td,
html.theme-dark div.calls-to-action.recent-activity table tbody tr:nth-child(even) td,
body.theme-dark div.calls-to-action.recent-activity table tbody tr:nth-child(even) td,
html[data-theme="dark"] div.calls-to-action.recent-activity table tbody tr:nth-child(even) td,
body[data-theme="dark"] div.calls-to-action.recent-activity table tbody tr:nth-child(even) td {
  background-color: #202225 !important;
}
html.dark-mode aside.sidebar,
body.dark-mode aside.sidebar,
html.theme-dark aside.sidebar,
body.theme-dark aside.sidebar,
html[data-theme="dark"] aside.sidebar,
body[data-theme="dark"] aside.sidebar,
html.dark-mode aside.filters,
body.dark-mode aside.filters,
html.theme-dark aside.filters,
body.theme-dark aside.filters,
html[data-theme="dark"] aside.filters,
body[data-theme="dark"] aside.filters,
html.dark-mode .profile-sidebar,
body.dark-mode .profile-sidebar,
html.theme-dark .profile-sidebar,
body.theme-dark .profile-sidebar,
html[data-theme="dark"] .profile-sidebar,
body[data-theme="dark"] .profile-sidebar,
html.dark-mode nav.sidebar,
body.dark-mode nav.sidebar,
html.theme-dark nav.sidebar,
body.theme-dark nav.sidebar,
html[data-theme="dark"] nav.sidebar,
body[data-theme="dark"] nav.sidebar,
html.dark-mode nav.profile,
body.dark-mode nav.profile,
html.theme-dark nav.profile,
body.theme-dark nav.profile,
html[data-theme="dark"] nav.profile,
body[data-theme="dark"] nav.profile {
  border-color: #2c3c57 !important;
}
html.dark-mode aside.sidebar ul li a:link,
body.dark-mode aside.sidebar ul li a:link,
html.theme-dark aside.sidebar ul li a:link,
body.theme-dark aside.sidebar ul li a:link,
html[data-theme="dark"] aside.sidebar ul li a:link,
body[data-theme="dark"] aside.sidebar ul li a:link,
html.dark-mode aside.filters ul li a:link,
body.dark-mode aside.filters ul li a:link,
html.theme-dark aside.filters ul li a:link,
body.theme-dark aside.filters ul li a:link,
html[data-theme="dark"] aside.filters ul li a:link,
body[data-theme="dark"] aside.filters ul li a:link,
html.dark-mode .profile-sidebar ul li a:link,
body.dark-mode .profile-sidebar ul li a:link,
html.theme-dark .profile-sidebar ul li a:link,
body.theme-dark .profile-sidebar ul li a:link,
html[data-theme="dark"] .profile-sidebar ul li a:link,
body[data-theme="dark"] .profile-sidebar ul li a:link,
html.dark-mode nav.sidebar ul li a:link,
body.dark-mode nav.sidebar ul li a:link,
html.theme-dark nav.sidebar ul li a:link,
body.theme-dark nav.sidebar ul li a:link,
html[data-theme="dark"] nav.sidebar ul li a:link,
body[data-theme="dark"] nav.sidebar ul li a:link,
html.dark-mode nav.profile ul li a:link,
body.dark-mode nav.profile ul li a:link,
html.theme-dark nav.profile ul li a:link,
body.theme-dark nav.profile ul li a:link,
html[data-theme="dark"] nav.profile ul li a:link,
body[data-theme="dark"] nav.profile ul li a:link,
html.dark-mode aside.sidebar ul li a:visited,
body.dark-mode aside.sidebar ul li a:visited,
html.theme-dark aside.sidebar ul li a:visited,
body.theme-dark aside.sidebar ul li a:visited,
html[data-theme="dark"] aside.sidebar ul li a:visited,
body[data-theme="dark"] aside.sidebar ul li a:visited,
html.dark-mode aside.filters ul li a:visited,
body.dark-mode aside.filters ul li a:visited,
html.theme-dark aside.filters ul li a:visited,
body.theme-dark aside.filters ul li a:visited,
html[data-theme="dark"] aside.filters ul li a:visited,
body[data-theme="dark"] aside.filters ul li a:visited,
html.dark-mode .profile-sidebar ul li a:visited,
body.dark-mode .profile-sidebar ul li a:visited,
html.theme-dark .profile-sidebar ul li a:visited,
body.theme-dark .profile-sidebar ul li a:visited,
html[data-theme="dark"] .profile-sidebar ul li a:visited,
body[data-theme="dark"] .profile-sidebar ul li a:visited,
html.dark-mode nav.sidebar ul li a:visited,
body.dark-mode nav.sidebar ul li a:visited,
html.theme-dark nav.sidebar ul li a:visited,
body.theme-dark nav.sidebar ul li a:visited,
html[data-theme="dark"] nav.sidebar ul li a:visited,
body[data-theme="dark"] nav.sidebar ul li a:visited,
html.dark-mode nav.profile ul li a:visited,
body.dark-mode nav.profile ul li a:visited,
html.theme-dark nav.profile ul li a:visited,
body.theme-dark nav.profile ul li a:visited,
html[data-theme="dark"] nav.profile ul li a:visited,
body[data-theme="dark"] nav.profile ul li a:visited {
  color: #b3bfd3 !important;
}
html.dark-mode aside.sidebar ul li a:hover,
body.dark-mode aside.sidebar ul li a:hover,
html.theme-dark aside.sidebar ul li a:hover,
body.theme-dark aside.sidebar ul li a:hover,
html[data-theme="dark"] aside.sidebar ul li a:hover,
body[data-theme="dark"] aside.sidebar ul li a:hover,
html.dark-mode aside.filters ul li a:hover,
body.dark-mode aside.filters ul li a:hover,
html.theme-dark aside.filters ul li a:hover,
body.theme-dark aside.filters ul li a:hover,
html[data-theme="dark"] aside.filters ul li a:hover,
body[data-theme="dark"] aside.filters ul li a:hover,
html.dark-mode .profile-sidebar ul li a:hover,
body.dark-mode .profile-sidebar ul li a:hover,
html.theme-dark .profile-sidebar ul li a:hover,
body.theme-dark .profile-sidebar ul li a:hover,
html[data-theme="dark"] .profile-sidebar ul li a:hover,
body[data-theme="dark"] .profile-sidebar ul li a:hover,
html.dark-mode nav.sidebar ul li a:hover,
body.dark-mode nav.sidebar ul li a:hover,
html.theme-dark nav.sidebar ul li a:hover,
body.theme-dark nav.sidebar ul li a:hover,
html[data-theme="dark"] nav.sidebar ul li a:hover,
body[data-theme="dark"] nav.sidebar ul li a:hover,
html.dark-mode nav.profile ul li a:hover,
body.dark-mode nav.profile ul li a:hover,
html.theme-dark nav.profile ul li a:hover,
body.theme-dark nav.profile ul li a:hover,
html[data-theme="dark"] nav.profile ul li a:hover,
body[data-theme="dark"] nav.profile ul li a:hover,
html.dark-mode aside.sidebar ul li a:active,
body.dark-mode aside.sidebar ul li a:active,
html.theme-dark aside.sidebar ul li a:active,
body.theme-dark aside.sidebar ul li a:active,
html[data-theme="dark"] aside.sidebar ul li a:active,
body[data-theme="dark"] aside.sidebar ul li a:active,
html.dark-mode aside.filters ul li a:active,
body.dark-mode aside.filters ul li a:active,
html.theme-dark aside.filters ul li a:active,
body.theme-dark aside.filters ul li a:active,
html[data-theme="dark"] aside.filters ul li a:active,
body[data-theme="dark"] aside.filters ul li a:active,
html.dark-mode .profile-sidebar ul li a:active,
body.dark-mode .profile-sidebar ul li a:active,
html.theme-dark .profile-sidebar ul li a:active,
body.theme-dark .profile-sidebar ul li a:active,
html[data-theme="dark"] .profile-sidebar ul li a:active,
body[data-theme="dark"] .profile-sidebar ul li a:active,
html.dark-mode nav.sidebar ul li a:active,
body.dark-mode nav.sidebar ul li a:active,
html.theme-dark nav.sidebar ul li a:active,
body.theme-dark nav.sidebar ul li a:active,
html[data-theme="dark"] nav.sidebar ul li a:active,
body[data-theme="dark"] nav.sidebar ul li a:active,
html.dark-mode nav.profile ul li a:active,
body.dark-mode nav.profile ul li a:active,
html.theme-dark nav.profile ul li a:active,
body.theme-dark nav.profile ul li a:active,
html[data-theme="dark"] nav.profile ul li a:active,
body[data-theme="dark"] nav.profile ul li a:active,
html.dark-mode aside.sidebar ul li a.active,
body.dark-mode aside.sidebar ul li a.active,
html.theme-dark aside.sidebar ul li a.active,
body.theme-dark aside.sidebar ul li a.active,
html[data-theme="dark"] aside.sidebar ul li a.active,
body[data-theme="dark"] aside.sidebar ul li a.active,
html.dark-mode aside.filters ul li a.active,
body.dark-mode aside.filters ul li a.active,
html.theme-dark aside.filters ul li a.active,
body.theme-dark aside.filters ul li a.active,
html[data-theme="dark"] aside.filters ul li a.active,
body[data-theme="dark"] aside.filters ul li a.active,
html.dark-mode .profile-sidebar ul li a.active,
body.dark-mode .profile-sidebar ul li a.active,
html.theme-dark .profile-sidebar ul li a.active,
body.theme-dark .profile-sidebar ul li a.active,
html[data-theme="dark"] .profile-sidebar ul li a.active,
body[data-theme="dark"] .profile-sidebar ul li a.active,
html.dark-mode nav.sidebar ul li a.active,
body.dark-mode nav.sidebar ul li a.active,
html.theme-dark nav.sidebar ul li a.active,
body.theme-dark nav.sidebar ul li a.active,
html[data-theme="dark"] nav.sidebar ul li a.active,
body[data-theme="dark"] nav.sidebar ul li a.active,
html.dark-mode nav.profile ul li a.active,
body.dark-mode nav.profile ul li a.active,
html.theme-dark nav.profile ul li a.active,
body.theme-dark nav.profile ul li a.active,
html[data-theme="dark"] nav.profile ul li a.active,
body[data-theme="dark"] nav.profile ul li a.active {
  color: #8fdcff !important;
}
html.dark-mode section.filters-results aside.filters,
body.dark-mode section.filters-results aside.filters,
html.theme-dark section.filters-results aside.filters,
body.theme-dark section.filters-results aside.filters,
html[data-theme="dark"] section.filters-results aside.filters,
body[data-theme="dark"] section.filters-results aside.filters {
  border-right-color: #2c3c57;
}
html.dark-mode section.filters-results aside.filters span.label,
body.dark-mode section.filters-results aside.filters span.label,
html.theme-dark section.filters-results aside.filters span.label,
body.theme-dark section.filters-results aside.filters span.label,
html[data-theme="dark"] section.filters-results aside.filters span.label,
body[data-theme="dark"] section.filters-results aside.filters span.label,
html.dark-mode section.filters-results aside.filters div.filter p > strong,
body.dark-mode section.filters-results aside.filters div.filter p > strong,
html.theme-dark section.filters-results aside.filters div.filter p > strong,
body.theme-dark section.filters-results aside.filters div.filter p > strong,
html[data-theme="dark"] section.filters-results aside.filters div.filter p > strong,
body[data-theme="dark"] section.filters-results aside.filters div.filter p > strong {
  color: #77e5aa;
}
html.dark-mode section.filters-results aside.filters div.filter,
body.dark-mode section.filters-results aside.filters div.filter,
html.theme-dark section.filters-results aside.filters div.filter,
body.theme-dark section.filters-results aside.filters div.filter,
html[data-theme="dark"] section.filters-results aside.filters div.filter,
body[data-theme="dark"] section.filters-results aside.filters div.filter {
  border-bottom-color: #2c3c57;
}
html.dark-mode section.filters-results aside.filters div.filter h2,
body.dark-mode section.filters-results aside.filters div.filter h2,
html.theme-dark section.filters-results aside.filters div.filter h2,
body.theme-dark section.filters-results aside.filters div.filter h2,
html[data-theme="dark"] section.filters-results aside.filters div.filter h2,
body[data-theme="dark"] section.filters-results aside.filters div.filter h2,
html.dark-mode section.filters-results aside.filters div.filter a.show-all:link,
body.dark-mode section.filters-results aside.filters div.filter a.show-all:link,
html.theme-dark section.filters-results aside.filters div.filter a.show-all:link,
body.theme-dark section.filters-results aside.filters div.filter a.show-all:link,
html[data-theme="dark"] section.filters-results aside.filters div.filter a.show-all:link,
body[data-theme="dark"] section.filters-results aside.filters div.filter a.show-all:link,
html.dark-mode section.filters-results aside.filters div.filter a.show-all:visited,
body.dark-mode section.filters-results aside.filters div.filter a.show-all:visited,
html.theme-dark section.filters-results aside.filters div.filter a.show-all:visited,
body.theme-dark section.filters-results aside.filters div.filter a.show-all:visited,
html[data-theme="dark"] section.filters-results aside.filters div.filter a.show-all:visited,
body[data-theme="dark"] section.filters-results aside.filters div.filter a.show-all:visited {
  color: #fafafa !important;
}
html.dark-mode section.filters-results section.results ul.listings > li,
body.dark-mode section.filters-results section.results ul.listings > li,
html.theme-dark section.filters-results section.results ul.listings > li,
body.theme-dark section.filters-results section.results ul.listings > li,
html[data-theme="dark"] section.filters-results section.results ul.listings > li,
body[data-theme="dark"] section.filters-results section.results ul.listings > li {
  background-color: #121b2d;
}
html.dark-mode section.filters-results section.results ul.listings > li:hover,
body.dark-mode section.filters-results section.results ul.listings > li:hover,
html.theme-dark section.filters-results section.results ul.listings > li:hover,
body.theme-dark section.filters-results section.results ul.listings > li:hover,
html[data-theme="dark"] section.filters-results section.results ul.listings > li:hover,
body[data-theme="dark"] section.filters-results section.results ul.listings > li:hover {
  border-color: #415575 !important;
  background-color: #18243a;
}
html.dark-mode ul.view-options li.list,
body.dark-mode ul.view-options li.list,
html.theme-dark ul.view-options li.list,
body.theme-dark ul.view-options li.list,
html[data-theme="dark"] ul.view-options li.list,
body[data-theme="dark"] ul.view-options li.list,
html.dark-mode ul.view-options li.grid,
body.dark-mode ul.view-options li.grid,
html.theme-dark ul.view-options li.grid,
body.theme-dark ul.view-options li.grid,
html[data-theme="dark"] ul.view-options li.grid,
body[data-theme="dark"] ul.view-options li.grid {
  background-color: #18243a;
}
html.dark-mode .tabs,
body.dark-mode .tabs,
html.theme-dark .tabs,
body.theme-dark .tabs,
html[data-theme="dark"] .tabs,
body[data-theme="dark"] .tabs,
html.dark-mode ul.tabs,
body.dark-mode ul.tabs,
html.theme-dark ul.tabs,
body.theme-dark ul.tabs,
html[data-theme="dark"] ul.tabs,
body[data-theme="dark"] ul.tabs {
  background-color: #121b2d;
  border-color: #2c3c57 !important;
}
html.dark-mode .tabs li,
body.dark-mode .tabs li,
html.theme-dark .tabs li,
body.theme-dark .tabs li,
html[data-theme="dark"] .tabs li,
body[data-theme="dark"] .tabs li,
html.dark-mode ul.tabs li,
body.dark-mode ul.tabs li,
html.theme-dark ul.tabs li,
body.theme-dark ul.tabs li,
html[data-theme="dark"] ul.tabs li,
body[data-theme="dark"] ul.tabs li,
html.dark-mode .tabs a:link,
body.dark-mode .tabs a:link,
html.theme-dark .tabs a:link,
body.theme-dark .tabs a:link,
html[data-theme="dark"] .tabs a:link,
body[data-theme="dark"] .tabs a:link,
html.dark-mode ul.tabs a:link,
body.dark-mode ul.tabs a:link,
html.theme-dark ul.tabs a:link,
body.theme-dark ul.tabs a:link,
html[data-theme="dark"] ul.tabs a:link,
body[data-theme="dark"] ul.tabs a:link,
html.dark-mode .tabs a:visited,
body.dark-mode .tabs a:visited,
html.theme-dark .tabs a:visited,
body.theme-dark .tabs a:visited,
html[data-theme="dark"] .tabs a:visited,
body[data-theme="dark"] .tabs a:visited,
html.dark-mode ul.tabs a:visited,
body.dark-mode ul.tabs a:visited,
html.theme-dark ul.tabs a:visited,
body.theme-dark ul.tabs a:visited,
html[data-theme="dark"] ul.tabs a:visited,
body[data-theme="dark"] ul.tabs a:visited {
  color: #b3bfd3;
}
html.dark-mode .tabs .active,
body.dark-mode .tabs .active,
html.theme-dark .tabs .active,
body.theme-dark .tabs .active,
html[data-theme="dark"] .tabs .active,
body[data-theme="dark"] .tabs .active,
html.dark-mode ul.tabs .active,
body.dark-mode ul.tabs .active,
html.theme-dark ul.tabs .active,
body.theme-dark ul.tabs .active,
html[data-theme="dark"] ul.tabs .active,
body[data-theme="dark"] ul.tabs .active,
html.dark-mode .tabs .active a:link,
body.dark-mode .tabs .active a:link,
html.theme-dark .tabs .active a:link,
body.theme-dark .tabs .active a:link,
html[data-theme="dark"] .tabs .active a:link,
body[data-theme="dark"] .tabs .active a:link,
html.dark-mode ul.tabs .active a:link,
body.dark-mode ul.tabs .active a:link,
html.theme-dark ul.tabs .active a:link,
body.theme-dark ul.tabs .active a:link,
html[data-theme="dark"] ul.tabs .active a:link,
body[data-theme="dark"] ul.tabs .active a:link,
html.dark-mode .tabs .active a:visited,
body.dark-mode .tabs .active a:visited,
html.theme-dark .tabs .active a:visited,
body.theme-dark .tabs .active a:visited,
html[data-theme="dark"] .tabs .active a:visited,
body[data-theme="dark"] .tabs .active a:visited,
html.dark-mode ul.tabs .active a:visited,
body.dark-mode ul.tabs .active a:visited,
html.theme-dark ul.tabs .active a:visited,
body.theme-dark ul.tabs .active a:visited,
html[data-theme="dark"] ul.tabs .active a:visited,
body[data-theme="dark"] ul.tabs .active a:visited {
  color: #fafafa;
  background-color: #22314d;
}
html.dark-mode section.subscriptions .tabs,
body.dark-mode section.subscriptions .tabs,
html.theme-dark section.subscriptions .tabs,
body.theme-dark section.subscriptions .tabs,
html[data-theme="dark"] section.subscriptions .tabs,
body[data-theme="dark"] section.subscriptions .tabs,
html.dark-mode section.subscriptions ul.tabs,
body.dark-mode section.subscriptions ul.tabs,
html.theme-dark section.subscriptions ul.tabs,
body.theme-dark section.subscriptions ul.tabs,
html[data-theme="dark"] section.subscriptions ul.tabs,
body[data-theme="dark"] section.subscriptions ul.tabs {
  background-color: transparent !important;
}
html.dark-mode div.calls-to-action > ul > li,
body.dark-mode div.calls-to-action > ul > li,
html.theme-dark div.calls-to-action > ul > li,
body.theme-dark div.calls-to-action > ul > li,
html[data-theme="dark"] div.calls-to-action > ul > li,
body[data-theme="dark"] div.calls-to-action > ul > li {
  background-color: #2E3135;
  box-shadow: none !important;
  border: 1px solid #167E00;
}
html.dark-mode div.survey-meta,
body.dark-mode div.survey-meta,
html.theme-dark div.survey-meta,
body.theme-dark div.survey-meta,
html[data-theme="dark"] div.survey-meta,
body[data-theme="dark"] div.survey-meta {
  background-color: #2E3135;
}
html.dark-mode div.survey-meta h2,
body.dark-mode div.survey-meta h2,
html.theme-dark div.survey-meta h2,
body.theme-dark div.survey-meta h2,
html[data-theme="dark"] div.survey-meta h2,
body[data-theme="dark"] div.survey-meta h2,
html.dark-mode div.survey-public-url,
body.dark-mode div.survey-public-url,
html.theme-dark div.survey-public-url,
body.theme-dark div.survey-public-url,
html[data-theme="dark"] div.survey-public-url,
body[data-theme="dark"] div.survey-public-url,
html.dark-mode div.survey-public-url *,
body.dark-mode div.survey-public-url *,
html.theme-dark div.survey-public-url *,
body.theme-dark div.survey-public-url *,
html[data-theme="dark"] div.survey-public-url *,
body[data-theme="dark"] div.survey-public-url * {
  background-color: transparent !important;
  background: transparent !important;
}
html.dark-mode div.survey-public-url,
body.dark-mode div.survey-public-url,
html.theme-dark div.survey-public-url,
body.theme-dark div.survey-public-url,
html[data-theme="dark"] div.survey-public-url,
body[data-theme="dark"] div.survey-public-url,
html.dark-mode div.survey-public-url *,
body.dark-mode div.survey-public-url *,
html.theme-dark div.survey-public-url *,
body.theme-dark div.survey-public-url *,
html[data-theme="dark"] div.survey-public-url *,
body[data-theme="dark"] div.survey-public-url * {
  color: #fafafa !important;
}
html.dark-mode div.survey-public-url a.click-copy:not(.copied) img.copy,
body.dark-mode div.survey-public-url a.click-copy:not(.copied) img.copy,
html.theme-dark div.survey-public-url a.click-copy:not(.copied) img.copy,
body.theme-dark div.survey-public-url a.click-copy:not(.copied) img.copy,
html[data-theme="dark"] div.survey-public-url a.click-copy:not(.copied) img.copy,
body[data-theme="dark"] div.survey-public-url a.click-copy:not(.copied) img.copy {
  content: url(../img/icons/copy-white.svg);
}
html.dark-mode div.survey-public-url a.click-copy.copied img.copy,
body.dark-mode div.survey-public-url a.click-copy.copied img.copy,
html.theme-dark div.survey-public-url a.click-copy.copied img.copy,
body.theme-dark div.survey-public-url a.click-copy.copied img.copy,
html[data-theme="dark"] div.survey-public-url a.click-copy.copied img.copy,
body[data-theme="dark"] div.survey-public-url a.click-copy.copied img.copy {
  content: url(../img/icons/copied-white.svg);
}
html.dark-mode div.survey-public-url input,
body.dark-mode div.survey-public-url input,
html.theme-dark div.survey-public-url input,
body.theme-dark div.survey-public-url input,
html[data-theme="dark"] div.survey-public-url input,
body[data-theme="dark"] div.survey-public-url input,
html.dark-mode div.survey-public-url textarea,
body.dark-mode div.survey-public-url textarea,
html.theme-dark div.survey-public-url textarea,
body.theme-dark div.survey-public-url textarea,
html[data-theme="dark"] div.survey-public-url textarea,
body[data-theme="dark"] div.survey-public-url textarea {
  color: #fafafa !important;
}
html.dark-mode div.calls-to-action > ul > li,
body.dark-mode div.calls-to-action > ul > li,
html.theme-dark div.calls-to-action > ul > li,
body.theme-dark div.calls-to-action > ul > li,
html[data-theme="dark"] div.calls-to-action > ul > li,
body[data-theme="dark"] div.calls-to-action > ul > li,
html.dark-mode div.calls-to-action > ul > li h3,
body.dark-mode div.calls-to-action > ul > li h3,
html.theme-dark div.calls-to-action > ul > li h3,
body.theme-dark div.calls-to-action > ul > li h3,
html[data-theme="dark"] div.calls-to-action > ul > li h3,
body[data-theme="dark"] div.calls-to-action > ul > li h3,
html.dark-mode div.calls-to-action > ul > li p,
body.dark-mode div.calls-to-action > ul > li p,
html.theme-dark div.calls-to-action > ul > li p,
body.theme-dark div.calls-to-action > ul > li p,
html[data-theme="dark"] div.calls-to-action > ul > li p,
body[data-theme="dark"] div.calls-to-action > ul > li p {
  color: #fafafa;
}
html.dark-mode div.calls-to-action > ul > li > a:link h3,
body.dark-mode div.calls-to-action > ul > li > a:link h3,
html.theme-dark div.calls-to-action > ul > li > a:link h3,
body.theme-dark div.calls-to-action > ul > li > a:link h3,
html[data-theme="dark"] div.calls-to-action > ul > li > a:link h3,
body[data-theme="dark"] div.calls-to-action > ul > li > a:link h3,
html.dark-mode div.calls-to-action > ul > li > a:visited h3,
body.dark-mode div.calls-to-action > ul > li > a:visited h3,
html.theme-dark div.calls-to-action > ul > li > a:visited h3,
body.theme-dark div.calls-to-action > ul > li > a:visited h3,
html[data-theme="dark"] div.calls-to-action > ul > li > a:visited h3,
body[data-theme="dark"] div.calls-to-action > ul > li > a:visited h3,
html.dark-mode div.calls-to-action > ul > li > a:link p,
body.dark-mode div.calls-to-action > ul > li > a:link p,
html.theme-dark div.calls-to-action > ul > li > a:link p,
body.theme-dark div.calls-to-action > ul > li > a:link p,
html[data-theme="dark"] div.calls-to-action > ul > li > a:link p,
body[data-theme="dark"] div.calls-to-action > ul > li > a:link p,
html.dark-mode div.calls-to-action > ul > li > a:visited p,
body.dark-mode div.calls-to-action > ul > li > a:visited p,
html.theme-dark div.calls-to-action > ul > li > a:visited p,
body.theme-dark div.calls-to-action > ul > li > a:visited p,
html[data-theme="dark"] div.calls-to-action > ul > li > a:visited p,
body[data-theme="dark"] div.calls-to-action > ul > li > a:visited p {
  color: #fafafa;
}
html.dark-mode div.calls-to-action > ul > li > a:hover h3,
body.dark-mode div.calls-to-action > ul > li > a:hover h3,
html.theme-dark div.calls-to-action > ul > li > a:hover h3,
body.theme-dark div.calls-to-action > ul > li > a:hover h3,
html[data-theme="dark"] div.calls-to-action > ul > li > a:hover h3,
body[data-theme="dark"] div.calls-to-action > ul > li > a:hover h3,
html.dark-mode div.calls-to-action > ul > li > a:active h3,
body.dark-mode div.calls-to-action > ul > li > a:active h3,
html.theme-dark div.calls-to-action > ul > li > a:active h3,
body.theme-dark div.calls-to-action > ul > li > a:active h3,
html[data-theme="dark"] div.calls-to-action > ul > li > a:active h3,
body[data-theme="dark"] div.calls-to-action > ul > li > a:active h3,
html.dark-mode div.calls-to-action > ul > li > a:hover p,
body.dark-mode div.calls-to-action > ul > li > a:hover p,
html.theme-dark div.calls-to-action > ul > li > a:hover p,
body.theme-dark div.calls-to-action > ul > li > a:hover p,
html[data-theme="dark"] div.calls-to-action > ul > li > a:hover p,
body[data-theme="dark"] div.calls-to-action > ul > li > a:hover p,
html.dark-mode div.calls-to-action > ul > li > a:active p,
body.dark-mode div.calls-to-action > ul > li > a:active p,
html.theme-dark div.calls-to-action > ul > li > a:active p,
body.theme-dark div.calls-to-action > ul > li > a:active p,
html[data-theme="dark"] div.calls-to-action > ul > li > a:active p,
body[data-theme="dark"] div.calls-to-action > ul > li > a:active p {
  color: #fafafa;
}
html.dark-mode div.calls-to-action a:link,
body.dark-mode div.calls-to-action a:link,
html.theme-dark div.calls-to-action a:link,
body.theme-dark div.calls-to-action a:link,
html[data-theme="dark"] div.calls-to-action a:link,
body[data-theme="dark"] div.calls-to-action a:link,
html.dark-mode div.calls-to-action a:visited,
body.dark-mode div.calls-to-action a:visited,
html.theme-dark div.calls-to-action a:visited,
body.theme-dark div.calls-to-action a:visited,
html[data-theme="dark"] div.calls-to-action a:visited,
body[data-theme="dark"] div.calls-to-action a:visited,
html.dark-mode div.calls-to-action a:hover,
body.dark-mode div.calls-to-action a:hover,
html.theme-dark div.calls-to-action a:hover,
body.theme-dark div.calls-to-action a:hover,
html[data-theme="dark"] div.calls-to-action a:hover,
body[data-theme="dark"] div.calls-to-action a:hover,
html.dark-mode div.calls-to-action a:active,
body.dark-mode div.calls-to-action a:active,
html.theme-dark div.calls-to-action a:active,
body.theme-dark div.calls-to-action a:active,
html[data-theme="dark"] div.calls-to-action a:active,
body[data-theme="dark"] div.calls-to-action a:active {
  color: #e7e7e7 !important;
}
html.dark-mode form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.formula div.formula-layout,
body.dark-mode form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.formula div.formula-layout,
html.theme-dark form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.formula div.formula-layout,
body.theme-dark form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.formula div.formula-layout,
html[data-theme="dark"] form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.formula div.formula-layout,
body[data-theme="dark"] form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.formula div.formula-layout {
  background-color: #111112;
}
html.dark-mode form.builder div.section.subsection,
body.dark-mode form.builder div.section.subsection,
html.theme-dark form.builder div.section.subsection,
body.theme-dark form.builder div.section.subsection,
html[data-theme="dark"] form.builder div.section.subsection,
body[data-theme="dark"] form.builder div.section.subsection {
  background-color: #18191a;
}
html.dark-mode table tbody tr td div.short-text,
body.dark-mode table tbody tr td div.short-text,
html.theme-dark table tbody tr td div.short-text,
body.theme-dark table tbody tr td div.short-text,
html[data-theme="dark"] table tbody tr td div.short-text,
body[data-theme="dark"] table tbody tr td div.short-text {
  background: transparent url(../img/icons/question-types/short-text-white.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
html.dark-mode table tbody tr td div.long-text,
body.dark-mode table tbody tr td div.long-text,
html.theme-dark table tbody tr td div.long-text,
body.theme-dark table tbody tr td div.long-text,
html[data-theme="dark"] table tbody tr td div.long-text,
body[data-theme="dark"] table tbody tr td div.long-text {
  background: transparent url(../img/icons/question-types/long-text-white.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
html.dark-mode table tbody tr td div.yes-no,
body.dark-mode table tbody tr td div.yes-no,
html.theme-dark table tbody tr td div.yes-no,
body.theme-dark table tbody tr td div.yes-no,
html[data-theme="dark"] table tbody tr td div.yes-no,
body[data-theme="dark"] table tbody tr td div.yes-no {
  background: transparent url(../img/icons/question-types/yes-no-white.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
html.dark-mode table tbody tr td div.checkbox-list,
body.dark-mode table tbody tr td div.checkbox-list,
html.theme-dark table tbody tr td div.checkbox-list,
body.theme-dark table tbody tr td div.checkbox-list,
html[data-theme="dark"] table tbody tr td div.checkbox-list,
body[data-theme="dark"] table tbody tr td div.checkbox-list {
  background: transparent url(../img/icons/question-types/checkbox-list-white.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
html.dark-mode table tbody tr td div.select-list,
body.dark-mode table tbody tr td div.select-list,
html.theme-dark table tbody tr td div.select-list,
body.theme-dark table tbody tr td div.select-list,
html[data-theme="dark"] table tbody tr td div.select-list,
body[data-theme="dark"] table tbody tr td div.select-list {
  background: transparent url(../img/icons/question-types/select-list-white.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
html.dark-mode table tbody tr td div.units,
body.dark-mode table tbody tr td div.units,
html.theme-dark table tbody tr td div.units,
body.theme-dark table tbody tr td div.units,
html[data-theme="dark"] table tbody tr td div.units,
body[data-theme="dark"] table tbody tr td div.units {
  background: transparent url(../img/icons/question-types/units-white.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
html.dark-mode table tbody tr td div.projects-list,
body.dark-mode table tbody tr td div.projects-list,
html.theme-dark table tbody tr td div.projects-list,
body.theme-dark table tbody tr td div.projects-list,
html[data-theme="dark"] table tbody tr td div.projects-list,
body[data-theme="dark"] table tbody tr td div.projects-list {
  background: transparent url(../img/icons/question-types/projects-list-white.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
html.dark-mode table tbody tr td div.setting-list,
body.dark-mode table tbody tr td div.setting-list,
html.theme-dark table tbody tr td div.setting-list,
body.theme-dark table tbody tr td div.setting-list,
html[data-theme="dark"] table tbody tr td div.setting-list,
body[data-theme="dark"] table tbody tr td div.setting-list {
  background: transparent url(../img/icons/question-types/settings-list-white.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
html.dark-mode table tbody tr td div.custom-list,
body.dark-mode table tbody tr td div.custom-list,
html.theme-dark table tbody tr td div.custom-list,
body.theme-dark table tbody tr td div.custom-list,
html[data-theme="dark"] table tbody tr td div.custom-list,
body[data-theme="dark"] table tbody tr td div.custom-list {
  background: transparent url(../img/icons/question-types/custom-list-white.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
html.dark-mode table tbody tr td div.question-group,
body.dark-mode table tbody tr td div.question-group,
html.theme-dark table tbody tr td div.question-group,
body.theme-dark table tbody tr td div.question-group,
html[data-theme="dark"] table tbody tr td div.question-group,
body[data-theme="dark"] table tbody tr td div.question-group {
  background: transparent url(../img/icons/question-types/question-group-white.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
html.dark-mode table tbody tr td div.file-upload,
body.dark-mode table tbody tr td div.file-upload,
html.theme-dark table tbody tr td div.file-upload,
body.theme-dark table tbody tr td div.file-upload,
html[data-theme="dark"] table tbody tr td div.file-upload,
body[data-theme="dark"] table tbody tr td div.file-upload {
  background: transparent url(../img/icons/question-types/file-upload-white.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
html.dark-mode table tbody tr td div.date,
body.dark-mode table tbody tr td div.date,
html.theme-dark table tbody tr td div.date,
body.theme-dark table tbody tr td div.date,
html[data-theme="dark"] table tbody tr td div.date,
body[data-theme="dark"] table tbody tr td div.date {
  background: transparent url(../img/icons/question-types/date-white.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
html.dark-mode .form-template-preview .template-preview-question,
body.dark-mode .form-template-preview .template-preview-question,
html.theme-dark .form-template-preview .template-preview-question,
body.theme-dark .form-template-preview .template-preview-question,
html[data-theme="dark"] .form-template-preview .template-preview-question,
body[data-theme="dark"] .form-template-preview .template-preview-question {
  background-color: #0b1220;
}
html.dark-mode .form-template-preview .template-preview-question-type img,
body.dark-mode .form-template-preview .template-preview-question-type img,
html.theme-dark .form-template-preview .template-preview-question-type img,
body.theme-dark .form-template-preview .template-preview-question-type img,
html[data-theme="dark"] .form-template-preview .template-preview-question-type img,
body[data-theme="dark"] .form-template-preview .template-preview-question-type img {
  filter: brightness(0) invert(1);
}
html.dark-mode canvas,
body.dark-mode canvas,
html.theme-dark canvas,
body.theme-dark canvas,
html[data-theme="dark"] canvas,
body[data-theme="dark"] canvas,
html.dark-mode iframe,
body.dark-mode iframe,
html.theme-dark iframe,
body.theme-dark iframe,
html[data-theme="dark"] iframe,
body[data-theme="dark"] iframe,
html.dark-mode .panel-iframe,
body.dark-mode .panel-iframe,
html.theme-dark .panel-iframe,
body.theme-dark .panel-iframe,
html[data-theme="dark"] .panel-iframe,
body[data-theme="dark"] .panel-iframe {
  background-color: #121b2d;
}
html.dark-mode section.content aside.account,
body.dark-mode section.content aside.account,
html.theme-dark section.content aside.account,
body.theme-dark section.content aside.account,
html[data-theme="dark"] section.content aside.account,
body[data-theme="dark"] section.content aside.account,
html.dark-mode body.account section.content aside.account,
body.dark-mode body.account section.content aside.account,
html.theme-dark body.account section.content aside.account,
body.theme-dark body.account section.content aside.account,
html[data-theme="dark"] body.account section.content aside.account,
body[data-theme="dark"] body.account section.content aside.account {
  background-color: #2E3135;
}
html.dark-mode section.content aside.account ul li:not(.active).home a,
body.dark-mode section.content aside.account ul li:not(.active).home a,
html.theme-dark section.content aside.account ul li:not(.active).home a,
body.theme-dark section.content aside.account ul li:not(.active).home a,
html[data-theme="dark"] section.content aside.account ul li:not(.active).home a,
body[data-theme="dark"] section.content aside.account ul li:not(.active).home a,
html.dark-mode body.account section.content aside.account ul li:not(.active).home a,
body.dark-mode body.account section.content aside.account ul li:not(.active).home a,
html.theme-dark body.account section.content aside.account ul li:not(.active).home a,
body.theme-dark body.account section.content aside.account ul li:not(.active).home a,
html[data-theme="dark"] body.account section.content aside.account ul li:not(.active).home a,
body[data-theme="dark"] body.account section.content aside.account ul li:not(.active).home a {
  background-image: url(../img/icons/home-color.svg);
}
html.dark-mode section.content aside.account ul li:not(.active).notifications a,
body.dark-mode section.content aside.account ul li:not(.active).notifications a,
html.theme-dark section.content aside.account ul li:not(.active).notifications a,
body.theme-dark section.content aside.account ul li:not(.active).notifications a,
html[data-theme="dark"] section.content aside.account ul li:not(.active).notifications a,
body[data-theme="dark"] section.content aside.account ul li:not(.active).notifications a,
html.dark-mode body.account section.content aside.account ul li:not(.active).notifications a,
body.dark-mode body.account section.content aside.account ul li:not(.active).notifications a,
html.theme-dark body.account section.content aside.account ul li:not(.active).notifications a,
body.theme-dark body.account section.content aside.account ul li:not(.active).notifications a,
html[data-theme="dark"] body.account section.content aside.account ul li:not(.active).notifications a,
body[data-theme="dark"] body.account section.content aside.account ul li:not(.active).notifications a {
  background-image: url(../img/icons/form-responses-blue.svg);
}
html.dark-mode section.content aside.account ul li:not(.active).dashboards a,
body.dark-mode section.content aside.account ul li:not(.active).dashboards a,
html.theme-dark section.content aside.account ul li:not(.active).dashboards a,
body.theme-dark section.content aside.account ul li:not(.active).dashboards a,
html[data-theme="dark"] section.content aside.account ul li:not(.active).dashboards a,
body[data-theme="dark"] section.content aside.account ul li:not(.active).dashboards a,
html.dark-mode body.account section.content aside.account ul li:not(.active).dashboards a,
body.dark-mode body.account section.content aside.account ul li:not(.active).dashboards a,
html.theme-dark body.account section.content aside.account ul li:not(.active).dashboards a,
body.theme-dark body.account section.content aside.account ul li:not(.active).dashboards a,
html[data-theme="dark"] body.account section.content aside.account ul li:not(.active).dashboards a,
body[data-theme="dark"] body.account section.content aside.account ul li:not(.active).dashboards a {
  background-image: url(../img/icons/dashboard-color.svg);
}
html.dark-mode section.content aside.account ul li:not(.active).forms a,
body.dark-mode section.content aside.account ul li:not(.active).forms a,
html.theme-dark section.content aside.account ul li:not(.active).forms a,
body.theme-dark section.content aside.account ul li:not(.active).forms a,
html[data-theme="dark"] section.content aside.account ul li:not(.active).forms a,
body[data-theme="dark"] section.content aside.account ul li:not(.active).forms a,
html.dark-mode body.account section.content aside.account ul li:not(.active).forms a,
body.dark-mode body.account section.content aside.account ul li:not(.active).forms a,
html.theme-dark body.account section.content aside.account ul li:not(.active).forms a,
body.theme-dark body.account section.content aside.account ul li:not(.active).forms a,
html[data-theme="dark"] body.account section.content aside.account ul li:not(.active).forms a,
body[data-theme="dark"] body.account section.content aside.account ul li:not(.active).forms a {
  background-image: url(../img/icons/forms-color.svg);
}
html.dark-mode section.content aside.account ul li:not(.active).surveys a,
body.dark-mode section.content aside.account ul li:not(.active).surveys a,
html.theme-dark section.content aside.account ul li:not(.active).surveys a,
body.theme-dark section.content aside.account ul li:not(.active).surveys a,
html[data-theme="dark"] section.content aside.account ul li:not(.active).surveys a,
body[data-theme="dark"] section.content aside.account ul li:not(.active).surveys a,
html.dark-mode body.account section.content aside.account ul li:not(.active).surveys a,
body.dark-mode body.account section.content aside.account ul li:not(.active).surveys a,
html.theme-dark body.account section.content aside.account ul li:not(.active).surveys a,
body.theme-dark body.account section.content aside.account ul li:not(.active).surveys a,
html[data-theme="dark"] body.account section.content aside.account ul li:not(.active).surveys a,
body[data-theme="dark"] body.account section.content aside.account ul li:not(.active).surveys a,
html.dark-mode section.content aside.account ul li:not(.active).survey-requests a,
body.dark-mode section.content aside.account ul li:not(.active).survey-requests a,
html.theme-dark section.content aside.account ul li:not(.active).survey-requests a,
body.theme-dark section.content aside.account ul li:not(.active).survey-requests a,
html[data-theme="dark"] section.content aside.account ul li:not(.active).survey-requests a,
body[data-theme="dark"] section.content aside.account ul li:not(.active).survey-requests a,
html.dark-mode body.account section.content aside.account ul li:not(.active).survey-requests a,
body.dark-mode body.account section.content aside.account ul li:not(.active).survey-requests a,
html.theme-dark body.account section.content aside.account ul li:not(.active).survey-requests a,
body.theme-dark body.account section.content aside.account ul li:not(.active).survey-requests a,
html[data-theme="dark"] body.account section.content aside.account ul li:not(.active).survey-requests a,
body[data-theme="dark"] body.account section.content aside.account ul li:not(.active).survey-requests a {
  background-image: url(../img/icons/surveys-color.svg);
}
html.dark-mode section.content aside.account ul li:not(.active).reports a,
body.dark-mode section.content aside.account ul li:not(.active).reports a,
html.theme-dark section.content aside.account ul li:not(.active).reports a,
body.theme-dark section.content aside.account ul li:not(.active).reports a,
html[data-theme="dark"] section.content aside.account ul li:not(.active).reports a,
body[data-theme="dark"] section.content aside.account ul li:not(.active).reports a,
html.dark-mode body.account section.content aside.account ul li:not(.active).reports a,
body.dark-mode body.account section.content aside.account ul li:not(.active).reports a,
html.theme-dark body.account section.content aside.account ul li:not(.active).reports a,
body.theme-dark body.account section.content aside.account ul li:not(.active).reports a,
html[data-theme="dark"] body.account section.content aside.account ul li:not(.active).reports a,
body[data-theme="dark"] body.account section.content aside.account ul li:not(.active).reports a {
  background-image: url(../img/icons/reporting-color.svg);
}
html.dark-mode section.content aside.account ul li:not(.active).contacts a,
body.dark-mode section.content aside.account ul li:not(.active).contacts a,
html.theme-dark section.content aside.account ul li:not(.active).contacts a,
body.theme-dark section.content aside.account ul li:not(.active).contacts a,
html[data-theme="dark"] section.content aside.account ul li:not(.active).contacts a,
body[data-theme="dark"] section.content aside.account ul li:not(.active).contacts a,
html.dark-mode body.account section.content aside.account ul li:not(.active).contacts a,
body.dark-mode body.account section.content aside.account ul li:not(.active).contacts a,
html.theme-dark body.account section.content aside.account ul li:not(.active).contacts a,
body.theme-dark body.account section.content aside.account ul li:not(.active).contacts a,
html[data-theme="dark"] body.account section.content aside.account ul li:not(.active).contacts a,
body[data-theme="dark"] body.account section.content aside.account ul li:not(.active).contacts a {
  background-image: url(../img/icons/contacts-color.svg);
}
html.dark-mode section.content aside.account ul li:not(.active).approvals a,
body.dark-mode section.content aside.account ul li:not(.active).approvals a,
html.theme-dark section.content aside.account ul li:not(.active).approvals a,
body.theme-dark section.content aside.account ul li:not(.active).approvals a,
html[data-theme="dark"] section.content aside.account ul li:not(.active).approvals a,
body[data-theme="dark"] section.content aside.account ul li:not(.active).approvals a,
html.dark-mode body.account section.content aside.account ul li:not(.active).approvals a,
body.dark-mode body.account section.content aside.account ul li:not(.active).approvals a,
html.theme-dark body.account section.content aside.account ul li:not(.active).approvals a,
body.theme-dark body.account section.content aside.account ul li:not(.active).approvals a,
html[data-theme="dark"] body.account section.content aside.account ul li:not(.active).approvals a,
body[data-theme="dark"] body.account section.content aside.account ul li:not(.active).approvals a,
html.dark-mode section.content aside.account ul li:not(.active).approval-systems a,
body.dark-mode section.content aside.account ul li:not(.active).approval-systems a,
html.theme-dark section.content aside.account ul li:not(.active).approval-systems a,
body.theme-dark section.content aside.account ul li:not(.active).approval-systems a,
html[data-theme="dark"] section.content aside.account ul li:not(.active).approval-systems a,
body[data-theme="dark"] section.content aside.account ul li:not(.active).approval-systems a,
html.dark-mode body.account section.content aside.account ul li:not(.active).approval-systems a,
body.dark-mode body.account section.content aside.account ul li:not(.active).approval-systems a,
html.theme-dark body.account section.content aside.account ul li:not(.active).approval-systems a,
body.theme-dark body.account section.content aside.account ul li:not(.active).approval-systems a,
html[data-theme="dark"] body.account section.content aside.account ul li:not(.active).approval-systems a,
body[data-theme="dark"] body.account section.content aside.account ul li:not(.active).approval-systems a {
  background-image: url(../img/icons/approve-color.svg);
}
html.dark-mode section.content aside.account ul li:not(.active).questions a,
body.dark-mode section.content aside.account ul li:not(.active).questions a,
html.theme-dark section.content aside.account ul li:not(.active).questions a,
body.theme-dark section.content aside.account ul li:not(.active).questions a,
html[data-theme="dark"] section.content aside.account ul li:not(.active).questions a,
body[data-theme="dark"] section.content aside.account ul li:not(.active).questions a,
html.dark-mode body.account section.content aside.account ul li:not(.active).questions a,
body.dark-mode body.account section.content aside.account ul li:not(.active).questions a,
html.theme-dark body.account section.content aside.account ul li:not(.active).questions a,
body.theme-dark body.account section.content aside.account ul li:not(.active).questions a,
html[data-theme="dark"] body.account section.content aside.account ul li:not(.active).questions a,
body[data-theme="dark"] body.account section.content aside.account ul li:not(.active).questions a {
  background-image: url(../img/icons/questions-color.svg);
}
html.dark-mode section.content aside.account ul li:not(.active).projects a,
body.dark-mode section.content aside.account ul li:not(.active).projects a,
html.theme-dark section.content aside.account ul li:not(.active).projects a,
body.theme-dark section.content aside.account ul li:not(.active).projects a,
html[data-theme="dark"] section.content aside.account ul li:not(.active).projects a,
body[data-theme="dark"] section.content aside.account ul li:not(.active).projects a,
html.dark-mode body.account section.content aside.account ul li:not(.active).projects a,
body.dark-mode body.account section.content aside.account ul li:not(.active).projects a,
html.theme-dark body.account section.content aside.account ul li:not(.active).projects a,
body.theme-dark body.account section.content aside.account ul li:not(.active).projects a,
html[data-theme="dark"] body.account section.content aside.account ul li:not(.active).projects a,
body[data-theme="dark"] body.account section.content aside.account ul li:not(.active).projects a {
  background-image: url(../img/icons/projects-color.svg);
}
html.dark-mode section.content aside.account ul li:not(.active).evaluater a,
body.dark-mode section.content aside.account ul li:not(.active).evaluater a,
html.theme-dark section.content aside.account ul li:not(.active).evaluater a,
body.theme-dark section.content aside.account ul li:not(.active).evaluater a,
html[data-theme="dark"] section.content aside.account ul li:not(.active).evaluater a,
body[data-theme="dark"] section.content aside.account ul li:not(.active).evaluater a,
html.dark-mode body.account section.content aside.account ul li:not(.active).evaluater a,
body.dark-mode body.account section.content aside.account ul li:not(.active).evaluater a,
html.theme-dark body.account section.content aside.account ul li:not(.active).evaluater a,
body.theme-dark body.account section.content aside.account ul li:not(.active).evaluater a,
html[data-theme="dark"] body.account section.content aside.account ul li:not(.active).evaluater a,
body[data-theme="dark"] body.account section.content aside.account ul li:not(.active).evaluater a {
  background-image: url(../img/icons/evaluater-color.svg);
}
html.dark-mode section.content aside.account ul li:not(.active).account a,
body.dark-mode section.content aside.account ul li:not(.active).account a,
html.theme-dark section.content aside.account ul li:not(.active).account a,
body.theme-dark section.content aside.account ul li:not(.active).account a,
html[data-theme="dark"] section.content aside.account ul li:not(.active).account a,
body[data-theme="dark"] section.content aside.account ul li:not(.active).account a,
html.dark-mode body.account section.content aside.account ul li:not(.active).account a,
body.dark-mode body.account section.content aside.account ul li:not(.active).account a,
html.theme-dark body.account section.content aside.account ul li:not(.active).account a,
body.theme-dark body.account section.content aside.account ul li:not(.active).account a,
html[data-theme="dark"] body.account section.content aside.account ul li:not(.active).account a,
body[data-theme="dark"] body.account section.content aside.account ul li:not(.active).account a,
html.dark-mode section.content aside.account ul li:not(.active).admin a,
body.dark-mode section.content aside.account ul li:not(.active).admin a,
html.theme-dark section.content aside.account ul li:not(.active).admin a,
body.theme-dark section.content aside.account ul li:not(.active).admin a,
html[data-theme="dark"] section.content aside.account ul li:not(.active).admin a,
body[data-theme="dark"] section.content aside.account ul li:not(.active).admin a,
html.dark-mode body.account section.content aside.account ul li:not(.active).admin a,
body.dark-mode body.account section.content aside.account ul li:not(.active).admin a,
html.theme-dark body.account section.content aside.account ul li:not(.active).admin a,
body.theme-dark body.account section.content aside.account ul li:not(.active).admin a,
html[data-theme="dark"] body.account section.content aside.account ul li:not(.active).admin a,
body[data-theme="dark"] body.account section.content aside.account ul li:not(.active).admin a {
  background-image: url(../img/icons/account-billing-color.svg);
}
html.dark-mode section.content aside.account ul li:not(.active).overview a,
body.dark-mode section.content aside.account ul li:not(.active).overview a,
html.theme-dark section.content aside.account ul li:not(.active).overview a,
body.theme-dark section.content aside.account ul li:not(.active).overview a,
html[data-theme="dark"] section.content aside.account ul li:not(.active).overview a,
body[data-theme="dark"] section.content aside.account ul li:not(.active).overview a,
html.dark-mode body.account section.content aside.account ul li:not(.active).overview a,
body.dark-mode body.account section.content aside.account ul li:not(.active).overview a,
html.theme-dark body.account section.content aside.account ul li:not(.active).overview a,
body.theme-dark body.account section.content aside.account ul li:not(.active).overview a,
html[data-theme="dark"] body.account section.content aside.account ul li:not(.active).overview a,
body[data-theme="dark"] body.account section.content aside.account ul li:not(.active).overview a {
  background-image: url(../img/icons/overview-color.svg);
}
html.dark-mode section.content aside.account ul li:not(.active).users a,
body.dark-mode section.content aside.account ul li:not(.active).users a,
html.theme-dark section.content aside.account ul li:not(.active).users a,
body.theme-dark section.content aside.account ul li:not(.active).users a,
html[data-theme="dark"] section.content aside.account ul li:not(.active).users a,
body[data-theme="dark"] section.content aside.account ul li:not(.active).users a,
html.dark-mode body.account section.content aside.account ul li:not(.active).users a,
body.dark-mode body.account section.content aside.account ul li:not(.active).users a,
html.theme-dark body.account section.content aside.account ul li:not(.active).users a,
body.theme-dark body.account section.content aside.account ul li:not(.active).users a,
html[data-theme="dark"] body.account section.content aside.account ul li:not(.active).users a,
body[data-theme="dark"] body.account section.content aside.account ul li:not(.active).users a {
  background-image: url(../img/icons/users-color.svg);
}
html.dark-mode section.content aside.account ul li:not(.active).subscriptions a,
body.dark-mode section.content aside.account ul li:not(.active).subscriptions a,
html.theme-dark section.content aside.account ul li:not(.active).subscriptions a,
body.theme-dark section.content aside.account ul li:not(.active).subscriptions a,
html[data-theme="dark"] section.content aside.account ul li:not(.active).subscriptions a,
body[data-theme="dark"] section.content aside.account ul li:not(.active).subscriptions a,
html.dark-mode body.account section.content aside.account ul li:not(.active).subscriptions a,
body.dark-mode body.account section.content aside.account ul li:not(.active).subscriptions a,
html.theme-dark body.account section.content aside.account ul li:not(.active).subscriptions a,
body.theme-dark body.account section.content aside.account ul li:not(.active).subscriptions a,
html[data-theme="dark"] body.account section.content aside.account ul li:not(.active).subscriptions a,
body[data-theme="dark"] body.account section.content aside.account ul li:not(.active).subscriptions a {
  background-image: url(../img/icons/subscriptions-color.svg);
}
html.dark-mode section.content aside.account ul li:not(.active).payment-methods a,
body.dark-mode section.content aside.account ul li:not(.active).payment-methods a,
html.theme-dark section.content aside.account ul li:not(.active).payment-methods a,
body.theme-dark section.content aside.account ul li:not(.active).payment-methods a,
html[data-theme="dark"] section.content aside.account ul li:not(.active).payment-methods a,
body[data-theme="dark"] section.content aside.account ul li:not(.active).payment-methods a,
html.dark-mode body.account section.content aside.account ul li:not(.active).payment-methods a,
body.dark-mode body.account section.content aside.account ul li:not(.active).payment-methods a,
html.theme-dark body.account section.content aside.account ul li:not(.active).payment-methods a,
body.theme-dark body.account section.content aside.account ul li:not(.active).payment-methods a,
html[data-theme="dark"] body.account section.content aside.account ul li:not(.active).payment-methods a,
body[data-theme="dark"] body.account section.content aside.account ul li:not(.active).payment-methods a {
  background-image: url(../img/icons/payment-methods-color.svg);
}
html.dark-mode section.content aside.account ul li:not(.active).support a,
body.dark-mode section.content aside.account ul li:not(.active).support a,
html.theme-dark section.content aside.account ul li:not(.active).support a,
body.theme-dark section.content aside.account ul li:not(.active).support a,
html[data-theme="dark"] section.content aside.account ul li:not(.active).support a,
body[data-theme="dark"] section.content aside.account ul li:not(.active).support a,
html.dark-mode body.account section.content aside.account ul li:not(.active).support a,
body.dark-mode body.account section.content aside.account ul li:not(.active).support a,
html.theme-dark body.account section.content aside.account ul li:not(.active).support a,
body.theme-dark body.account section.content aside.account ul li:not(.active).support a,
html[data-theme="dark"] body.account section.content aside.account ul li:not(.active).support a,
body[data-theme="dark"] body.account section.content aside.account ul li:not(.active).support a {
  background-image: url(../img/icons/knowledge-base-blue.svg);
}
html.dark-mode section.content aside.account nav ul li > a:link,
body.dark-mode section.content aside.account nav ul li > a:link,
html.theme-dark section.content aside.account nav ul li > a:link,
body.theme-dark section.content aside.account nav ul li > a:link,
html[data-theme="dark"] section.content aside.account nav ul li > a:link,
body[data-theme="dark"] section.content aside.account nav ul li > a:link,
html.dark-mode body.account section.content aside.account nav ul li > a:link,
body.dark-mode body.account section.content aside.account nav ul li > a:link,
html.theme-dark body.account section.content aside.account nav ul li > a:link,
body.theme-dark body.account section.content aside.account nav ul li > a:link,
html[data-theme="dark"] body.account section.content aside.account nav ul li > a:link,
body[data-theme="dark"] body.account section.content aside.account nav ul li > a:link,
html.dark-mode section.content aside.account nav ul li > a:visited,
body.dark-mode section.content aside.account nav ul li > a:visited,
html.theme-dark section.content aside.account nav ul li > a:visited,
body.theme-dark section.content aside.account nav ul li > a:visited,
html[data-theme="dark"] section.content aside.account nav ul li > a:visited,
body[data-theme="dark"] section.content aside.account nav ul li > a:visited,
html.dark-mode body.account section.content aside.account nav ul li > a:visited,
body.dark-mode body.account section.content aside.account nav ul li > a:visited,
html.theme-dark body.account section.content aside.account nav ul li > a:visited,
body.theme-dark body.account section.content aside.account nav ul li > a:visited,
html[data-theme="dark"] body.account section.content aside.account nav ul li > a:visited,
body[data-theme="dark"] body.account section.content aside.account nav ul li > a:visited {
  color: #fff !important;
}
html.dark-mode section.content aside.account nav ul li > a:hover,
body.dark-mode section.content aside.account nav ul li > a:hover,
html.theme-dark section.content aside.account nav ul li > a:hover,
body.theme-dark section.content aside.account nav ul li > a:hover,
html[data-theme="dark"] section.content aside.account nav ul li > a:hover,
body[data-theme="dark"] section.content aside.account nav ul li > a:hover,
html.dark-mode body.account section.content aside.account nav ul li > a:hover,
body.dark-mode body.account section.content aside.account nav ul li > a:hover,
html.theme-dark body.account section.content aside.account nav ul li > a:hover,
body.theme-dark body.account section.content aside.account nav ul li > a:hover,
html[data-theme="dark"] body.account section.content aside.account nav ul li > a:hover,
body[data-theme="dark"] body.account section.content aside.account nav ul li > a:hover,
html.dark-mode section.content aside.account nav ul li > a:active,
body.dark-mode section.content aside.account nav ul li > a:active,
html.theme-dark section.content aside.account nav ul li > a:active,
body.theme-dark section.content aside.account nav ul li > a:active,
html[data-theme="dark"] section.content aside.account nav ul li > a:active,
body[data-theme="dark"] section.content aside.account nav ul li > a:active,
html.dark-mode body.account section.content aside.account nav ul li > a:active,
body.dark-mode body.account section.content aside.account nav ul li > a:active,
html.theme-dark body.account section.content aside.account nav ul li > a:active,
body.theme-dark body.account section.content aside.account nav ul li > a:active,
html[data-theme="dark"] body.account section.content aside.account nav ul li > a:active,
body[data-theme="dark"] body.account section.content aside.account nav ul li > a:active {
  color: #d1d6db !important;
}
html.dark-mode section.content aside.account a.sidebar-toggle:not(.collapse):link,
body.dark-mode section.content aside.account a.sidebar-toggle:not(.collapse):link,
html.theme-dark section.content aside.account a.sidebar-toggle:not(.collapse):link,
body.theme-dark section.content aside.account a.sidebar-toggle:not(.collapse):link,
html[data-theme="dark"] section.content aside.account a.sidebar-toggle:not(.collapse):link,
body[data-theme="dark"] section.content aside.account a.sidebar-toggle:not(.collapse):link,
html.dark-mode body.account section.content aside.account a.sidebar-toggle:not(.collapse):link,
body.dark-mode body.account section.content aside.account a.sidebar-toggle:not(.collapse):link,
html.theme-dark body.account section.content aside.account a.sidebar-toggle:not(.collapse):link,
body.theme-dark body.account section.content aside.account a.sidebar-toggle:not(.collapse):link,
html[data-theme="dark"] body.account section.content aside.account a.sidebar-toggle:not(.collapse):link,
body[data-theme="dark"] body.account section.content aside.account a.sidebar-toggle:not(.collapse):link,
html.dark-mode section.content aside.account a.sidebar-toggle:not(.collapse):visited,
body.dark-mode section.content aside.account a.sidebar-toggle:not(.collapse):visited,
html.theme-dark section.content aside.account a.sidebar-toggle:not(.collapse):visited,
body.theme-dark section.content aside.account a.sidebar-toggle:not(.collapse):visited,
html[data-theme="dark"] section.content aside.account a.sidebar-toggle:not(.collapse):visited,
body[data-theme="dark"] section.content aside.account a.sidebar-toggle:not(.collapse):visited,
html.dark-mode body.account section.content aside.account a.sidebar-toggle:not(.collapse):visited,
body.dark-mode body.account section.content aside.account a.sidebar-toggle:not(.collapse):visited,
html.theme-dark body.account section.content aside.account a.sidebar-toggle:not(.collapse):visited,
body.theme-dark body.account section.content aside.account a.sidebar-toggle:not(.collapse):visited,
html[data-theme="dark"] body.account section.content aside.account a.sidebar-toggle:not(.collapse):visited,
body[data-theme="dark"] body.account section.content aside.account a.sidebar-toggle:not(.collapse):visited {
  background-image: url(../img/icons/sidebar-collapse-white.svg);
}
html.dark-mode section.content aside.account a.sidebar-toggle:not(.collapse):hover,
body.dark-mode section.content aside.account a.sidebar-toggle:not(.collapse):hover,
html.theme-dark section.content aside.account a.sidebar-toggle:not(.collapse):hover,
body.theme-dark section.content aside.account a.sidebar-toggle:not(.collapse):hover,
html[data-theme="dark"] section.content aside.account a.sidebar-toggle:not(.collapse):hover,
body[data-theme="dark"] section.content aside.account a.sidebar-toggle:not(.collapse):hover,
html.dark-mode body.account section.content aside.account a.sidebar-toggle:not(.collapse):hover,
body.dark-mode body.account section.content aside.account a.sidebar-toggle:not(.collapse):hover,
html.theme-dark body.account section.content aside.account a.sidebar-toggle:not(.collapse):hover,
body.theme-dark body.account section.content aside.account a.sidebar-toggle:not(.collapse):hover,
html[data-theme="dark"] body.account section.content aside.account a.sidebar-toggle:not(.collapse):hover,
body[data-theme="dark"] body.account section.content aside.account a.sidebar-toggle:not(.collapse):hover,
html.dark-mode section.content aside.account a.sidebar-toggle:not(.collapse):active,
body.dark-mode section.content aside.account a.sidebar-toggle:not(.collapse):active,
html.theme-dark section.content aside.account a.sidebar-toggle:not(.collapse):active,
body.theme-dark section.content aside.account a.sidebar-toggle:not(.collapse):active,
html[data-theme="dark"] section.content aside.account a.sidebar-toggle:not(.collapse):active,
body[data-theme="dark"] section.content aside.account a.sidebar-toggle:not(.collapse):active,
html.dark-mode body.account section.content aside.account a.sidebar-toggle:not(.collapse):active,
body.dark-mode body.account section.content aside.account a.sidebar-toggle:not(.collapse):active,
html.theme-dark body.account section.content aside.account a.sidebar-toggle:not(.collapse):active,
body.theme-dark body.account section.content aside.account a.sidebar-toggle:not(.collapse):active,
html[data-theme="dark"] body.account section.content aside.account a.sidebar-toggle:not(.collapse):active,
body[data-theme="dark"] body.account section.content aside.account a.sidebar-toggle:not(.collapse):active {
  background-image: url(../img/icons/sidebar-collapse-light.svg);
}
html.dark-mode section.content aside.account a.sidebar-toggle.collapse:link,
body.dark-mode section.content aside.account a.sidebar-toggle.collapse:link,
html.theme-dark section.content aside.account a.sidebar-toggle.collapse:link,
body.theme-dark section.content aside.account a.sidebar-toggle.collapse:link,
html[data-theme="dark"] section.content aside.account a.sidebar-toggle.collapse:link,
body[data-theme="dark"] section.content aside.account a.sidebar-toggle.collapse:link,
html.dark-mode body.account section.content aside.account a.sidebar-toggle.collapse:link,
body.dark-mode body.account section.content aside.account a.sidebar-toggle.collapse:link,
html.theme-dark body.account section.content aside.account a.sidebar-toggle.collapse:link,
body.theme-dark body.account section.content aside.account a.sidebar-toggle.collapse:link,
html[data-theme="dark"] body.account section.content aside.account a.sidebar-toggle.collapse:link,
body[data-theme="dark"] body.account section.content aside.account a.sidebar-toggle.collapse:link,
html.dark-mode section.content aside.account a.sidebar-toggle.collapse:visited,
body.dark-mode section.content aside.account a.sidebar-toggle.collapse:visited,
html.theme-dark section.content aside.account a.sidebar-toggle.collapse:visited,
body.theme-dark section.content aside.account a.sidebar-toggle.collapse:visited,
html[data-theme="dark"] section.content aside.account a.sidebar-toggle.collapse:visited,
body[data-theme="dark"] section.content aside.account a.sidebar-toggle.collapse:visited,
html.dark-mode body.account section.content aside.account a.sidebar-toggle.collapse:visited,
body.dark-mode body.account section.content aside.account a.sidebar-toggle.collapse:visited,
html.theme-dark body.account section.content aside.account a.sidebar-toggle.collapse:visited,
body.theme-dark body.account section.content aside.account a.sidebar-toggle.collapse:visited,
html[data-theme="dark"] body.account section.content aside.account a.sidebar-toggle.collapse:visited,
body[data-theme="dark"] body.account section.content aside.account a.sidebar-toggle.collapse:visited {
  background-image: url(../img/icons/sidebar-expand-white.svg);
}
html.dark-mode section.content aside.account a.sidebar-toggle.collapse:hover,
body.dark-mode section.content aside.account a.sidebar-toggle.collapse:hover,
html.theme-dark section.content aside.account a.sidebar-toggle.collapse:hover,
body.theme-dark section.content aside.account a.sidebar-toggle.collapse:hover,
html[data-theme="dark"] section.content aside.account a.sidebar-toggle.collapse:hover,
body[data-theme="dark"] section.content aside.account a.sidebar-toggle.collapse:hover,
html.dark-mode body.account section.content aside.account a.sidebar-toggle.collapse:hover,
body.dark-mode body.account section.content aside.account a.sidebar-toggle.collapse:hover,
html.theme-dark body.account section.content aside.account a.sidebar-toggle.collapse:hover,
body.theme-dark body.account section.content aside.account a.sidebar-toggle.collapse:hover,
html[data-theme="dark"] body.account section.content aside.account a.sidebar-toggle.collapse:hover,
body[data-theme="dark"] body.account section.content aside.account a.sidebar-toggle.collapse:hover,
html.dark-mode section.content aside.account a.sidebar-toggle.collapse:active,
body.dark-mode section.content aside.account a.sidebar-toggle.collapse:active,
html.theme-dark section.content aside.account a.sidebar-toggle.collapse:active,
body.theme-dark section.content aside.account a.sidebar-toggle.collapse:active,
html[data-theme="dark"] section.content aside.account a.sidebar-toggle.collapse:active,
body[data-theme="dark"] section.content aside.account a.sidebar-toggle.collapse:active,
html.dark-mode body.account section.content aside.account a.sidebar-toggle.collapse:active,
body.dark-mode body.account section.content aside.account a.sidebar-toggle.collapse:active,
html.theme-dark body.account section.content aside.account a.sidebar-toggle.collapse:active,
body.theme-dark body.account section.content aside.account a.sidebar-toggle.collapse:active,
html[data-theme="dark"] body.account section.content aside.account a.sidebar-toggle.collapse:active,
body[data-theme="dark"] body.account section.content aside.account a.sidebar-toggle.collapse:active {
  background-image: url(../img/icons/sidebar-expand-light.svg);
}
html.dark-mode section.content aside.account nav ul.buttons li a:link,
body.dark-mode section.content aside.account nav ul.buttons li a:link,
html.theme-dark section.content aside.account nav ul.buttons li a:link,
body.theme-dark section.content aside.account nav ul.buttons li a:link,
html[data-theme="dark"] section.content aside.account nav ul.buttons li a:link,
body[data-theme="dark"] section.content aside.account nav ul.buttons li a:link,
html.dark-mode body.account section.content aside.account nav ul.buttons li a:link,
body.dark-mode body.account section.content aside.account nav ul.buttons li a:link,
html.theme-dark body.account section.content aside.account nav ul.buttons li a:link,
body.theme-dark body.account section.content aside.account nav ul.buttons li a:link,
html[data-theme="dark"] body.account section.content aside.account nav ul.buttons li a:link,
body[data-theme="dark"] body.account section.content aside.account nav ul.buttons li a:link,
html.dark-mode section.content aside.account nav ul.buttons li a:visited,
body.dark-mode section.content aside.account nav ul.buttons li a:visited,
html.theme-dark section.content aside.account nav ul.buttons li a:visited,
body.theme-dark section.content aside.account nav ul.buttons li a:visited,
html[data-theme="dark"] section.content aside.account nav ul.buttons li a:visited,
body[data-theme="dark"] section.content aside.account nav ul.buttons li a:visited,
html.dark-mode body.account section.content aside.account nav ul.buttons li a:visited,
body.dark-mode body.account section.content aside.account nav ul.buttons li a:visited,
html.theme-dark body.account section.content aside.account nav ul.buttons li a:visited,
body.theme-dark body.account section.content aside.account nav ul.buttons li a:visited,
html[data-theme="dark"] body.account section.content aside.account nav ul.buttons li a:visited,
body[data-theme="dark"] body.account section.content aside.account nav ul.buttons li a:visited {
  background-color: #111112 !important;
}
html.dark-mode section.content aside.account nav ul.buttons li a:hover,
body.dark-mode section.content aside.account nav ul.buttons li a:hover,
html.theme-dark section.content aside.account nav ul.buttons li a:hover,
body.theme-dark section.content aside.account nav ul.buttons li a:hover,
html[data-theme="dark"] section.content aside.account nav ul.buttons li a:hover,
body[data-theme="dark"] section.content aside.account nav ul.buttons li a:hover,
html.dark-mode body.account section.content aside.account nav ul.buttons li a:hover,
body.dark-mode body.account section.content aside.account nav ul.buttons li a:hover,
html.theme-dark body.account section.content aside.account nav ul.buttons li a:hover,
body.theme-dark body.account section.content aside.account nav ul.buttons li a:hover,
html[data-theme="dark"] body.account section.content aside.account nav ul.buttons li a:hover,
body[data-theme="dark"] body.account section.content aside.account nav ul.buttons li a:hover,
html.dark-mode section.content aside.account nav ul.buttons li a:active,
body.dark-mode section.content aside.account nav ul.buttons li a:active,
html.theme-dark section.content aside.account nav ul.buttons li a:active,
body.theme-dark section.content aside.account nav ul.buttons li a:active,
html[data-theme="dark"] section.content aside.account nav ul.buttons li a:active,
body[data-theme="dark"] section.content aside.account nav ul.buttons li a:active,
html.dark-mode body.account section.content aside.account nav ul.buttons li a:active,
body.dark-mode body.account section.content aside.account nav ul.buttons li a:active,
html.theme-dark body.account section.content aside.account nav ul.buttons li a:active,
body.theme-dark body.account section.content aside.account nav ul.buttons li a:active,
html[data-theme="dark"] body.account section.content aside.account nav ul.buttons li a:active,
body[data-theme="dark"] body.account section.content aside.account nav ul.buttons li a:active {
  background-color: #18191A !important;
}
html.dark-mode section.content aside.account li.open,
body.dark-mode section.content aside.account li.open,
html.theme-dark section.content aside.account li.open,
body.theme-dark section.content aside.account li.open,
html[data-theme="dark"] section.content aside.account li.open,
body[data-theme="dark"] section.content aside.account li.open,
html.dark-mode body.account section.content aside.account li.open,
body.dark-mode body.account section.content aside.account li.open,
html.theme-dark body.account section.content aside.account li.open,
body.theme-dark body.account section.content aside.account li.open,
html[data-theme="dark"] body.account section.content aside.account li.open,
body[data-theme="dark"] body.account section.content aside.account li.open {
  background-color: #25282C;
}
html.dark-mode section.content aside.account li.open > ul > li:not(.active):hover,
body.dark-mode section.content aside.account li.open > ul > li:not(.active):hover,
html.theme-dark section.content aside.account li.open > ul > li:not(.active):hover,
body.theme-dark section.content aside.account li.open > ul > li:not(.active):hover,
html[data-theme="dark"] section.content aside.account li.open > ul > li:not(.active):hover,
body[data-theme="dark"] section.content aside.account li.open > ul > li:not(.active):hover,
html.dark-mode body.account section.content aside.account li.open > ul > li:not(.active):hover,
body.dark-mode body.account section.content aside.account li.open > ul > li:not(.active):hover,
html.theme-dark body.account section.content aside.account li.open > ul > li:not(.active):hover,
body.theme-dark body.account section.content aside.account li.open > ul > li:not(.active):hover,
html[data-theme="dark"] body.account section.content aside.account li.open > ul > li:not(.active):hover,
body[data-theme="dark"] body.account section.content aside.account li.open > ul > li:not(.active):hover {
  background-color: #1D1F22;
}
html.dark-mode section.content aside.account ul li.active,
body.dark-mode section.content aside.account ul li.active,
html.theme-dark section.content aside.account ul li.active,
body.theme-dark section.content aside.account ul li.active,
html[data-theme="dark"] section.content aside.account ul li.active,
body[data-theme="dark"] section.content aside.account ul li.active,
html.dark-mode body.account section.content aside.account ul li.active,
body.dark-mode body.account section.content aside.account ul li.active,
html.theme-dark body.account section.content aside.account ul li.active,
body.theme-dark body.account section.content aside.account ul li.active,
html[data-theme="dark"] body.account section.content aside.account ul li.active,
body[data-theme="dark"] body.account section.content aside.account ul li.active {
  background-color: #b3bfd3;
  background-image: none;
}
html.dark-mode section.content aside.account ul li.active.home > a,
body.dark-mode section.content aside.account ul li.active.home > a,
html.theme-dark section.content aside.account ul li.active.home > a,
body.theme-dark section.content aside.account ul li.active.home > a,
html[data-theme="dark"] section.content aside.account ul li.active.home > a,
body[data-theme="dark"] section.content aside.account ul li.active.home > a,
html.dark-mode body.account section.content aside.account ul li.active.home > a,
body.dark-mode body.account section.content aside.account ul li.active.home > a,
html.theme-dark body.account section.content aside.account ul li.active.home > a,
body.theme-dark body.account section.content aside.account ul li.active.home > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.home > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.home > a {
  background-image: url(../img/icons/home-color.svg);
}
html.dark-mode section.content aside.account ul li.active.requests > a,
body.dark-mode section.content aside.account ul li.active.requests > a,
html.theme-dark section.content aside.account ul li.active.requests > a,
body.theme-dark section.content aside.account ul li.active.requests > a,
html[data-theme="dark"] section.content aside.account ul li.active.requests > a,
body[data-theme="dark"] section.content aside.account ul li.active.requests > a,
html.dark-mode body.account section.content aside.account ul li.active.requests > a,
body.dark-mode body.account section.content aside.account ul li.active.requests > a,
html.theme-dark body.account section.content aside.account ul li.active.requests > a,
body.theme-dark body.account section.content aside.account ul li.active.requests > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.requests > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.requests > a {
  background-image: url(../img/icons/requests-blue.svg);
}
html.dark-mode section.content aside.account ul li.active.notifications > a,
body.dark-mode section.content aside.account ul li.active.notifications > a,
html.theme-dark section.content aside.account ul li.active.notifications > a,
body.theme-dark section.content aside.account ul li.active.notifications > a,
html[data-theme="dark"] section.content aside.account ul li.active.notifications > a,
body[data-theme="dark"] section.content aside.account ul li.active.notifications > a,
html.dark-mode body.account section.content aside.account ul li.active.notifications > a,
body.dark-mode body.account section.content aside.account ul li.active.notifications > a,
html.theme-dark body.account section.content aside.account ul li.active.notifications > a,
body.theme-dark body.account section.content aside.account ul li.active.notifications > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.notifications > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.notifications > a {
  background-image: url(../img/icons/form-responses-blue.svg);
}
html.dark-mode section.content aside.account ul li.active.dashboards > a,
body.dark-mode section.content aside.account ul li.active.dashboards > a,
html.theme-dark section.content aside.account ul li.active.dashboards > a,
body.theme-dark section.content aside.account ul li.active.dashboards > a,
html[data-theme="dark"] section.content aside.account ul li.active.dashboards > a,
body[data-theme="dark"] section.content aside.account ul li.active.dashboards > a,
html.dark-mode body.account section.content aside.account ul li.active.dashboards > a,
body.dark-mode body.account section.content aside.account ul li.active.dashboards > a,
html.theme-dark body.account section.content aside.account ul li.active.dashboards > a,
body.theme-dark body.account section.content aside.account ul li.active.dashboards > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.dashboards > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.dashboards > a {
  background-image: url(../img/icons/dashboard-color.svg);
}
html.dark-mode section.content aside.account ul li.active.forms > a,
body.dark-mode section.content aside.account ul li.active.forms > a,
html.theme-dark section.content aside.account ul li.active.forms > a,
body.theme-dark section.content aside.account ul li.active.forms > a,
html[data-theme="dark"] section.content aside.account ul li.active.forms > a,
body[data-theme="dark"] section.content aside.account ul li.active.forms > a,
html.dark-mode body.account section.content aside.account ul li.active.forms > a,
body.dark-mode body.account section.content aside.account ul li.active.forms > a,
html.theme-dark body.account section.content aside.account ul li.active.forms > a,
body.theme-dark body.account section.content aside.account ul li.active.forms > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.forms > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.forms > a {
  background-image: url(../img/icons/forms-color.svg);
}
html.dark-mode section.content aside.account ul li.active.surveys > a,
body.dark-mode section.content aside.account ul li.active.surveys > a,
html.theme-dark section.content aside.account ul li.active.surveys > a,
body.theme-dark section.content aside.account ul li.active.surveys > a,
html[data-theme="dark"] section.content aside.account ul li.active.surveys > a,
body[data-theme="dark"] section.content aside.account ul li.active.surveys > a,
html.dark-mode body.account section.content aside.account ul li.active.surveys > a,
body.dark-mode body.account section.content aside.account ul li.active.surveys > a,
html.theme-dark body.account section.content aside.account ul li.active.surveys > a,
body.theme-dark body.account section.content aside.account ul li.active.surveys > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.surveys > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.surveys > a,
html.dark-mode section.content aside.account ul li.active.survey-requests > a,
body.dark-mode section.content aside.account ul li.active.survey-requests > a,
html.theme-dark section.content aside.account ul li.active.survey-requests > a,
body.theme-dark section.content aside.account ul li.active.survey-requests > a,
html[data-theme="dark"] section.content aside.account ul li.active.survey-requests > a,
body[data-theme="dark"] section.content aside.account ul li.active.survey-requests > a,
html.dark-mode body.account section.content aside.account ul li.active.survey-requests > a,
body.dark-mode body.account section.content aside.account ul li.active.survey-requests > a,
html.theme-dark body.account section.content aside.account ul li.active.survey-requests > a,
body.theme-dark body.account section.content aside.account ul li.active.survey-requests > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.survey-requests > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.survey-requests > a {
  background-image: url(../img/icons/surveys-color.svg);
}
html.dark-mode section.content aside.account ul li.active.reports > a,
body.dark-mode section.content aside.account ul li.active.reports > a,
html.theme-dark section.content aside.account ul li.active.reports > a,
body.theme-dark section.content aside.account ul li.active.reports > a,
html[data-theme="dark"] section.content aside.account ul li.active.reports > a,
body[data-theme="dark"] section.content aside.account ul li.active.reports > a,
html.dark-mode body.account section.content aside.account ul li.active.reports > a,
body.dark-mode body.account section.content aside.account ul li.active.reports > a,
html.theme-dark body.account section.content aside.account ul li.active.reports > a,
body.theme-dark body.account section.content aside.account ul li.active.reports > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.reports > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.reports > a,
html.dark-mode section.content aside.account ul li.active.reporting > a,
body.dark-mode section.content aside.account ul li.active.reporting > a,
html.theme-dark section.content aside.account ul li.active.reporting > a,
body.theme-dark section.content aside.account ul li.active.reporting > a,
html[data-theme="dark"] section.content aside.account ul li.active.reporting > a,
body[data-theme="dark"] section.content aside.account ul li.active.reporting > a,
html.dark-mode body.account section.content aside.account ul li.active.reporting > a,
body.dark-mode body.account section.content aside.account ul li.active.reporting > a,
html.theme-dark body.account section.content aside.account ul li.active.reporting > a,
body.theme-dark body.account section.content aside.account ul li.active.reporting > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.reporting > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.reporting > a {
  background-image: url(../img/icons/reporting-color.svg);
}
html.dark-mode section.content aside.account ul li.active.contacts > a,
body.dark-mode section.content aside.account ul li.active.contacts > a,
html.theme-dark section.content aside.account ul li.active.contacts > a,
body.theme-dark section.content aside.account ul li.active.contacts > a,
html[data-theme="dark"] section.content aside.account ul li.active.contacts > a,
body[data-theme="dark"] section.content aside.account ul li.active.contacts > a,
html.dark-mode body.account section.content aside.account ul li.active.contacts > a,
body.dark-mode body.account section.content aside.account ul li.active.contacts > a,
html.theme-dark body.account section.content aside.account ul li.active.contacts > a,
body.theme-dark body.account section.content aside.account ul li.active.contacts > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.contacts > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.contacts > a {
  background-image: url(../img/icons/contacts-color.svg);
}
html.dark-mode section.content aside.account ul li.active.approvals > a,
body.dark-mode section.content aside.account ul li.active.approvals > a,
html.theme-dark section.content aside.account ul li.active.approvals > a,
body.theme-dark section.content aside.account ul li.active.approvals > a,
html[data-theme="dark"] section.content aside.account ul li.active.approvals > a,
body[data-theme="dark"] section.content aside.account ul li.active.approvals > a,
html.dark-mode body.account section.content aside.account ul li.active.approvals > a,
body.dark-mode body.account section.content aside.account ul li.active.approvals > a,
html.theme-dark body.account section.content aside.account ul li.active.approvals > a,
body.theme-dark body.account section.content aside.account ul li.active.approvals > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.approvals > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.approvals > a,
html.dark-mode section.content aside.account ul li.active.approval-systems > a,
body.dark-mode section.content aside.account ul li.active.approval-systems > a,
html.theme-dark section.content aside.account ul li.active.approval-systems > a,
body.theme-dark section.content aside.account ul li.active.approval-systems > a,
html[data-theme="dark"] section.content aside.account ul li.active.approval-systems > a,
body[data-theme="dark"] section.content aside.account ul li.active.approval-systems > a,
html.dark-mode body.account section.content aside.account ul li.active.approval-systems > a,
body.dark-mode body.account section.content aside.account ul li.active.approval-systems > a,
html.theme-dark body.account section.content aside.account ul li.active.approval-systems > a,
body.theme-dark body.account section.content aside.account ul li.active.approval-systems > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.approval-systems > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.approval-systems > a {
  background-image: url(../img/icons/approve-color.svg);
}
html.dark-mode section.content aside.account ul li.active.questions > a,
body.dark-mode section.content aside.account ul li.active.questions > a,
html.theme-dark section.content aside.account ul li.active.questions > a,
body.theme-dark section.content aside.account ul li.active.questions > a,
html[data-theme="dark"] section.content aside.account ul li.active.questions > a,
body[data-theme="dark"] section.content aside.account ul li.active.questions > a,
html.dark-mode body.account section.content aside.account ul li.active.questions > a,
body.dark-mode body.account section.content aside.account ul li.active.questions > a,
html.theme-dark body.account section.content aside.account ul li.active.questions > a,
body.theme-dark body.account section.content aside.account ul li.active.questions > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.questions > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.questions > a {
  background-image: url(../img/icons/questions-color.svg);
}
html.dark-mode section.content aside.account ul li.active.projects > a,
body.dark-mode section.content aside.account ul li.active.projects > a,
html.theme-dark section.content aside.account ul li.active.projects > a,
body.theme-dark section.content aside.account ul li.active.projects > a,
html[data-theme="dark"] section.content aside.account ul li.active.projects > a,
body[data-theme="dark"] section.content aside.account ul li.active.projects > a,
html.dark-mode body.account section.content aside.account ul li.active.projects > a,
body.dark-mode body.account section.content aside.account ul li.active.projects > a,
html.theme-dark body.account section.content aside.account ul li.active.projects > a,
body.theme-dark body.account section.content aside.account ul li.active.projects > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.projects > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.projects > a {
  background-image: url(../img/icons/projects-color.svg);
}
html.dark-mode section.content aside.account ul li.active.evaluater > a,
body.dark-mode section.content aside.account ul li.active.evaluater > a,
html.theme-dark section.content aside.account ul li.active.evaluater > a,
body.theme-dark section.content aside.account ul li.active.evaluater > a,
html[data-theme="dark"] section.content aside.account ul li.active.evaluater > a,
body[data-theme="dark"] section.content aside.account ul li.active.evaluater > a,
html.dark-mode body.account section.content aside.account ul li.active.evaluater > a,
body.dark-mode body.account section.content aside.account ul li.active.evaluater > a,
html.theme-dark body.account section.content aside.account ul li.active.evaluater > a,
body.theme-dark body.account section.content aside.account ul li.active.evaluater > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.evaluater > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.evaluater > a {
  background-image: url(../img/icons/evaluater-color.svg);
}
html.dark-mode section.content aside.account ul li.active.account > a,
body.dark-mode section.content aside.account ul li.active.account > a,
html.theme-dark section.content aside.account ul li.active.account > a,
body.theme-dark section.content aside.account ul li.active.account > a,
html[data-theme="dark"] section.content aside.account ul li.active.account > a,
body[data-theme="dark"] section.content aside.account ul li.active.account > a,
html.dark-mode body.account section.content aside.account ul li.active.account > a,
body.dark-mode body.account section.content aside.account ul li.active.account > a,
html.theme-dark body.account section.content aside.account ul li.active.account > a,
body.theme-dark body.account section.content aside.account ul li.active.account > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.account > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.account > a,
html.dark-mode section.content aside.account ul li.active.admin > a,
body.dark-mode section.content aside.account ul li.active.admin > a,
html.theme-dark section.content aside.account ul li.active.admin > a,
body.theme-dark section.content aside.account ul li.active.admin > a,
html[data-theme="dark"] section.content aside.account ul li.active.admin > a,
body[data-theme="dark"] section.content aside.account ul li.active.admin > a,
html.dark-mode body.account section.content aside.account ul li.active.admin > a,
body.dark-mode body.account section.content aside.account ul li.active.admin > a,
html.theme-dark body.account section.content aside.account ul li.active.admin > a,
body.theme-dark body.account section.content aside.account ul li.active.admin > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.admin > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.admin > a {
  background-image: url(../img/icons/account-billing-color.svg);
}
html.dark-mode section.content aside.account ul li.active.overview > a,
body.dark-mode section.content aside.account ul li.active.overview > a,
html.theme-dark section.content aside.account ul li.active.overview > a,
body.theme-dark section.content aside.account ul li.active.overview > a,
html[data-theme="dark"] section.content aside.account ul li.active.overview > a,
body[data-theme="dark"] section.content aside.account ul li.active.overview > a,
html.dark-mode body.account section.content aside.account ul li.active.overview > a,
body.dark-mode body.account section.content aside.account ul li.active.overview > a,
html.theme-dark body.account section.content aside.account ul li.active.overview > a,
body.theme-dark body.account section.content aside.account ul li.active.overview > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.overview > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.overview > a {
  background-image: url(../img/icons/overview-color.svg);
}
html.dark-mode section.content aside.account ul li.active.users > a,
body.dark-mode section.content aside.account ul li.active.users > a,
html.theme-dark section.content aside.account ul li.active.users > a,
body.theme-dark section.content aside.account ul li.active.users > a,
html[data-theme="dark"] section.content aside.account ul li.active.users > a,
body[data-theme="dark"] section.content aside.account ul li.active.users > a,
html.dark-mode body.account section.content aside.account ul li.active.users > a,
body.dark-mode body.account section.content aside.account ul li.active.users > a,
html.theme-dark body.account section.content aside.account ul li.active.users > a,
body.theme-dark body.account section.content aside.account ul li.active.users > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.users > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.users > a,
html.dark-mode section.content aside.account ul li.active.invite > a,
body.dark-mode section.content aside.account ul li.active.invite > a,
html.theme-dark section.content aside.account ul li.active.invite > a,
body.theme-dark section.content aside.account ul li.active.invite > a,
html[data-theme="dark"] section.content aside.account ul li.active.invite > a,
body[data-theme="dark"] section.content aside.account ul li.active.invite > a,
html.dark-mode body.account section.content aside.account ul li.active.invite > a,
body.dark-mode body.account section.content aside.account ul li.active.invite > a,
html.theme-dark body.account section.content aside.account ul li.active.invite > a,
body.theme-dark body.account section.content aside.account ul li.active.invite > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.invite > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.invite > a {
  background-image: url(../img/icons/users-color.svg);
}
html.dark-mode section.content aside.account ul li.active.subscriptions > a,
body.dark-mode section.content aside.account ul li.active.subscriptions > a,
html.theme-dark section.content aside.account ul li.active.subscriptions > a,
body.theme-dark section.content aside.account ul li.active.subscriptions > a,
html[data-theme="dark"] section.content aside.account ul li.active.subscriptions > a,
body[data-theme="dark"] section.content aside.account ul li.active.subscriptions > a,
html.dark-mode body.account section.content aside.account ul li.active.subscriptions > a,
body.dark-mode body.account section.content aside.account ul li.active.subscriptions > a,
html.theme-dark body.account section.content aside.account ul li.active.subscriptions > a,
body.theme-dark body.account section.content aside.account ul li.active.subscriptions > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.subscriptions > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.subscriptions > a,
html.dark-mode section.content aside.account ul li.active.plan > a,
body.dark-mode section.content aside.account ul li.active.plan > a,
html.theme-dark section.content aside.account ul li.active.plan > a,
body.theme-dark section.content aside.account ul li.active.plan > a,
html[data-theme="dark"] section.content aside.account ul li.active.plan > a,
body[data-theme="dark"] section.content aside.account ul li.active.plan > a,
html.dark-mode body.account section.content aside.account ul li.active.plan > a,
body.dark-mode body.account section.content aside.account ul li.active.plan > a,
html.theme-dark body.account section.content aside.account ul li.active.plan > a,
body.theme-dark body.account section.content aside.account ul li.active.plan > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.plan > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.plan > a,
html.dark-mode section.content aside.account ul li.active.upgrade > a,
body.dark-mode section.content aside.account ul li.active.upgrade > a,
html.theme-dark section.content aside.account ul li.active.upgrade > a,
body.theme-dark section.content aside.account ul li.active.upgrade > a,
html[data-theme="dark"] section.content aside.account ul li.active.upgrade > a,
body[data-theme="dark"] section.content aside.account ul li.active.upgrade > a,
html.dark-mode body.account section.content aside.account ul li.active.upgrade > a,
body.dark-mode body.account section.content aside.account ul li.active.upgrade > a,
html.theme-dark body.account section.content aside.account ul li.active.upgrade > a,
body.theme-dark body.account section.content aside.account ul li.active.upgrade > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.upgrade > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.upgrade > a {
  background-image: url(../img/icons/subscriptions-color.svg);
}
html.dark-mode section.content aside.account ul li.active.payment-methods > a,
body.dark-mode section.content aside.account ul li.active.payment-methods > a,
html.theme-dark section.content aside.account ul li.active.payment-methods > a,
body.theme-dark section.content aside.account ul li.active.payment-methods > a,
html[data-theme="dark"] section.content aside.account ul li.active.payment-methods > a,
body[data-theme="dark"] section.content aside.account ul li.active.payment-methods > a,
html.dark-mode body.account section.content aside.account ul li.active.payment-methods > a,
body.dark-mode body.account section.content aside.account ul li.active.payment-methods > a,
html.theme-dark body.account section.content aside.account ul li.active.payment-methods > a,
body.theme-dark body.account section.content aside.account ul li.active.payment-methods > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.payment-methods > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.payment-methods > a,
html.dark-mode section.content aside.account ul li.active.billing > a,
body.dark-mode section.content aside.account ul li.active.billing > a,
html.theme-dark section.content aside.account ul li.active.billing > a,
body.theme-dark section.content aside.account ul li.active.billing > a,
html[data-theme="dark"] section.content aside.account ul li.active.billing > a,
body[data-theme="dark"] section.content aside.account ul li.active.billing > a,
html.dark-mode body.account section.content aside.account ul li.active.billing > a,
body.dark-mode body.account section.content aside.account ul li.active.billing > a,
html.theme-dark body.account section.content aside.account ul li.active.billing > a,
body.theme-dark body.account section.content aside.account ul li.active.billing > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.billing > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.billing > a {
  background-image: url(../img/icons/payment-methods-color.svg);
}
html.dark-mode section.content aside.account ul li.active.support > a,
body.dark-mode section.content aside.account ul li.active.support > a,
html.theme-dark section.content aside.account ul li.active.support > a,
body.theme-dark section.content aside.account ul li.active.support > a,
html[data-theme="dark"] section.content aside.account ul li.active.support > a,
body[data-theme="dark"] section.content aside.account ul li.active.support > a,
html.dark-mode body.account section.content aside.account ul li.active.support > a,
body.dark-mode body.account section.content aside.account ul li.active.support > a,
html.theme-dark body.account section.content aside.account ul li.active.support > a,
body.theme-dark body.account section.content aside.account ul li.active.support > a,
html[data-theme="dark"] body.account section.content aside.account ul li.active.support > a,
body[data-theme="dark"] body.account section.content aside.account ul li.active.support > a {
  background-image: url(../img/icons/knowledge-base-blue.svg);
}
html.dark-mode section.content aside.account ul li.active.open,
body.dark-mode section.content aside.account ul li.active.open,
html.theme-dark section.content aside.account ul li.active.open,
body.theme-dark section.content aside.account ul li.active.open,
html[data-theme="dark"] section.content aside.account ul li.active.open,
body[data-theme="dark"] section.content aside.account ul li.active.open,
html.dark-mode body.account section.content aside.account ul li.active.open,
body.dark-mode body.account section.content aside.account ul li.active.open,
html.theme-dark body.account section.content aside.account ul li.active.open,
body.theme-dark body.account section.content aside.account ul li.active.open,
html[data-theme="dark"] body.account section.content aside.account ul li.active.open,
body[data-theme="dark"] body.account section.content aside.account ul li.active.open,
html.dark-mode section.content aside.account ul li.active.closed,
body.dark-mode section.content aside.account ul li.active.closed,
html.theme-dark section.content aside.account ul li.active.closed,
body.theme-dark section.content aside.account ul li.active.closed,
html[data-theme="dark"] section.content aside.account ul li.active.closed,
body[data-theme="dark"] section.content aside.account ul li.active.closed,
html.dark-mode body.account section.content aside.account ul li.active.closed,
body.dark-mode body.account section.content aside.account ul li.active.closed,
html.theme-dark body.account section.content aside.account ul li.active.closed,
body.theme-dark body.account section.content aside.account ul li.active.closed,
html[data-theme="dark"] body.account section.content aside.account ul li.active.closed,
body[data-theme="dark"] body.account section.content aside.account ul li.active.closed {
  background-image: none;
}
html.dark-mode section.content aside.account ul li.active > a:link,
body.dark-mode section.content aside.account ul li.active > a:link,
html.theme-dark section.content aside.account ul li.active > a:link,
body.theme-dark section.content aside.account ul li.active > a:link,
html[data-theme="dark"] section.content aside.account ul li.active > a:link,
body[data-theme="dark"] section.content aside.account ul li.active > a:link,
html.dark-mode body.account section.content aside.account ul li.active > a:link,
body.dark-mode body.account section.content aside.account ul li.active > a:link,
html.theme-dark body.account section.content aside.account ul li.active > a:link,
body.theme-dark body.account section.content aside.account ul li.active > a:link,
html[data-theme="dark"] body.account section.content aside.account ul li.active > a:link,
body[data-theme="dark"] body.account section.content aside.account ul li.active > a:link,
html.dark-mode section.content aside.account ul li.active > a:visited,
body.dark-mode section.content aside.account ul li.active > a:visited,
html.theme-dark section.content aside.account ul li.active > a:visited,
body.theme-dark section.content aside.account ul li.active > a:visited,
html[data-theme="dark"] section.content aside.account ul li.active > a:visited,
body[data-theme="dark"] section.content aside.account ul li.active > a:visited,
html.dark-mode body.account section.content aside.account ul li.active > a:visited,
body.dark-mode body.account section.content aside.account ul li.active > a:visited,
html.theme-dark body.account section.content aside.account ul li.active > a:visited,
body.theme-dark body.account section.content aside.account ul li.active > a:visited,
html[data-theme="dark"] body.account section.content aside.account ul li.active > a:visited,
body[data-theme="dark"] body.account section.content aside.account ul li.active > a:visited {
  color: #2E3135 !important;
}
html.dark-mode section.content aside.account ul li.active > a:hover,
body.dark-mode section.content aside.account ul li.active > a:hover,
html.theme-dark section.content aside.account ul li.active > a:hover,
body.theme-dark section.content aside.account ul li.active > a:hover,
html[data-theme="dark"] section.content aside.account ul li.active > a:hover,
body[data-theme="dark"] section.content aside.account ul li.active > a:hover,
html.dark-mode body.account section.content aside.account ul li.active > a:hover,
body.dark-mode body.account section.content aside.account ul li.active > a:hover,
html.theme-dark body.account section.content aside.account ul li.active > a:hover,
body.theme-dark body.account section.content aside.account ul li.active > a:hover,
html[data-theme="dark"] body.account section.content aside.account ul li.active > a:hover,
body[data-theme="dark"] body.account section.content aside.account ul li.active > a:hover,
html.dark-mode section.content aside.account ul li.active > a:active,
body.dark-mode section.content aside.account ul li.active > a:active,
html.theme-dark section.content aside.account ul li.active > a:active,
body.theme-dark section.content aside.account ul li.active > a:active,
html[data-theme="dark"] section.content aside.account ul li.active > a:active,
body[data-theme="dark"] section.content aside.account ul li.active > a:active,
html.dark-mode body.account section.content aside.account ul li.active > a:active,
body.dark-mode body.account section.content aside.account ul li.active > a:active,
html.theme-dark body.account section.content aside.account ul li.active > a:active,
body.theme-dark body.account section.content aside.account ul li.active > a:active,
html[data-theme="dark"] body.account section.content aside.account ul li.active > a:active,
body[data-theme="dark"] body.account section.content aside.account ul li.active > a:active {
  background-color: #b3bfd3;
  color: #2E3135 !important;
}
html.dark-mode section.content aside.account a.showMenu,
body.dark-mode section.content aside.account a.showMenu,
html.theme-dark section.content aside.account a.showMenu,
body.theme-dark section.content aside.account a.showMenu,
html[data-theme="dark"] section.content aside.account a.showMenu,
body[data-theme="dark"] section.content aside.account a.showMenu,
html.dark-mode body.account section.content aside.account a.showMenu,
body.dark-mode body.account section.content aside.account a.showMenu,
html.theme-dark body.account section.content aside.account a.showMenu,
body.theme-dark body.account section.content aside.account a.showMenu,
html[data-theme="dark"] body.account section.content aside.account a.showMenu,
body[data-theme="dark"] body.account section.content aside.account a.showMenu {
  background-color: #121b2d;
}
html.dark-mode section.body aside.help,
body.dark-mode section.body aside.help,
html.theme-dark section.body aside.help,
body.theme-dark section.body aside.help,
html[data-theme="dark"] section.body aside.help,
body[data-theme="dark"] section.body aside.help,
html.dark-mode section.content section.body aside.help,
body.dark-mode section.content section.body aside.help,
html.theme-dark section.content section.body aside.help,
body.theme-dark section.content section.body aside.help,
html[data-theme="dark"] section.content section.body aside.help,
body[data-theme="dark"] section.content section.body aside.help {
  background-color: #18191A;
  border-color: #2E3135 !important;
  color: #b3bfd3;
}
html.dark-mode section.body aside.help p,
body.dark-mode section.body aside.help p,
html.theme-dark section.body aside.help p,
body.theme-dark section.body aside.help p,
html[data-theme="dark"] section.body aside.help p,
body[data-theme="dark"] section.body aside.help p,
html.dark-mode section.content section.body aside.help p,
body.dark-mode section.content section.body aside.help p,
html.theme-dark section.content section.body aside.help p,
body.theme-dark section.content section.body aside.help p,
html[data-theme="dark"] section.content section.body aside.help p,
body[data-theme="dark"] section.content section.body aside.help p {
  color: #b3bfd3;
}
html.dark-mode section.body aside.help .help-description,
body.dark-mode section.body aside.help .help-description,
html.theme-dark section.body aside.help .help-description,
body.theme-dark section.body aside.help .help-description,
html[data-theme="dark"] section.body aside.help .help-description,
body[data-theme="dark"] section.body aside.help .help-description,
html.dark-mode section.content section.body aside.help .help-description,
body.dark-mode section.content section.body aside.help .help-description,
html.theme-dark section.content section.body aside.help .help-description,
body.theme-dark section.content section.body aside.help .help-description,
html[data-theme="dark"] section.content section.body aside.help .help-description,
body[data-theme="dark"] section.content section.body aside.help .help-description {
  background-color: #111112;
  border-color: #2E3135 !important;
}
html.dark-mode div.NSWAT-Filter-Form,
body.dark-mode div.NSWAT-Filter-Form,
html.theme-dark div.NSWAT-Filter-Form,
body.theme-dark div.NSWAT-Filter-Form,
html[data-theme="dark"] div.NSWAT-Filter-Form,
body[data-theme="dark"] div.NSWAT-Filter-Form,
html.dark-mode div.NSWAT-Filter-Form form,
body.dark-mode div.NSWAT-Filter-Form form,
html.theme-dark div.NSWAT-Filter-Form form,
body.theme-dark div.NSWAT-Filter-Form form,
html[data-theme="dark"] div.NSWAT-Filter-Form form,
body[data-theme="dark"] div.NSWAT-Filter-Form form,
html.dark-mode div.NSWAT-Filter-Form form fieldset > div,
body.dark-mode div.NSWAT-Filter-Form form fieldset > div,
html.theme-dark div.NSWAT-Filter-Form form fieldset > div,
body.theme-dark div.NSWAT-Filter-Form form fieldset > div,
html[data-theme="dark"] div.NSWAT-Filter-Form form fieldset > div,
body[data-theme="dark"] div.NSWAT-Filter-Form form fieldset > div,
html.dark-mode div.NSWAT-Filter-Form div,
body.dark-mode div.NSWAT-Filter-Form div,
html.theme-dark div.NSWAT-Filter-Form div,
body.theme-dark div.NSWAT-Filter-Form div,
html[data-theme="dark"] div.NSWAT-Filter-Form div,
body[data-theme="dark"] div.NSWAT-Filter-Form div {
  background-color: #18191A !important;
}
html.dark-mode div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:link,
body.dark-mode div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:link,
html.theme-dark div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:link,
body.theme-dark div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:link,
html[data-theme="dark"] div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:link,
body[data-theme="dark"] div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:link,
html.dark-mode div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:visited,
body.dark-mode div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:visited,
html.theme-dark div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:visited,
body.theme-dark div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:visited,
html[data-theme="dark"] div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:visited,
body[data-theme="dark"] div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:visited {
  color: #78cdfd !important;
}
html.dark-mode div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:hover,
body.dark-mode div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:hover,
html.theme-dark div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:hover,
body.theme-dark div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:hover,
html[data-theme="dark"] div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:hover,
body[data-theme="dark"] div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:hover,
html.dark-mode div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:active,
body.dark-mode div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:active,
html.theme-dark div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:active,
body.theme-dark div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:active,
html[data-theme="dark"] div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:active,
body[data-theme="dark"] div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK:active {
  color: #6dc03b !important;
}
html.dark-mode div.NSWAT-Filter-Form form fieldset,
body.dark-mode div.NSWAT-Filter-Form form fieldset,
html.theme-dark div.NSWAT-Filter-Form form fieldset,
body.theme-dark div.NSWAT-Filter-Form form fieldset,
html[data-theme="dark"] div.NSWAT-Filter-Form form fieldset,
body[data-theme="dark"] div.NSWAT-Filter-Form form fieldset {
  background-color: transparent !important;
}
html.dark-mode div.NSWAT_UI_DataTable-wrapper,
body.dark-mode div.NSWAT_UI_DataTable-wrapper,
html.theme-dark div.NSWAT_UI_DataTable-wrapper,
body.theme-dark div.NSWAT_UI_DataTable-wrapper,
html[data-theme="dark"] div.NSWAT_UI_DataTable-wrapper,
body[data-theme="dark"] div.NSWAT_UI_DataTable-wrapper {
  background-color: transparent !important;
}
html.dark-mode #importForm > .formContainer > fieldset > label,
body.dark-mode #importForm > .formContainer > fieldset > label,
html.theme-dark #importForm > .formContainer > fieldset > label,
body.theme-dark #importForm > .formContainer > fieldset > label,
html[data-theme="dark"] #importForm > .formContainer > fieldset > label,
body[data-theme="dark"] #importForm > .formContainer > fieldset > label {
  color: #2E3135;
}
html.dark-mode ul.question-list li fieldset ul.tabs li.delete a:link,
body.dark-mode ul.question-list li fieldset ul.tabs li.delete a:link,
html.theme-dark ul.question-list li fieldset ul.tabs li.delete a:link,
body.theme-dark ul.question-list li fieldset ul.tabs li.delete a:link,
html[data-theme="dark"] ul.question-list li fieldset ul.tabs li.delete a:link,
body[data-theme="dark"] ul.question-list li fieldset ul.tabs li.delete a:link,
html.dark-mode ul.question-list li fieldset ul.tabs li.delete a:visited,
body.dark-mode ul.question-list li fieldset ul.tabs li.delete a:visited,
html.theme-dark ul.question-list li fieldset ul.tabs li.delete a:visited,
body.theme-dark ul.question-list li fieldset ul.tabs li.delete a:visited,
html[data-theme="dark"] ul.question-list li fieldset ul.tabs li.delete a:visited,
body[data-theme="dark"] ul.question-list li fieldset ul.tabs li.delete a:visited {
  color: #ff9999 !important;
}
html.dark-mode ul.question-list li fieldset ul.tabs li.delete a:hover,
body.dark-mode ul.question-list li fieldset ul.tabs li.delete a:hover,
html.theme-dark ul.question-list li fieldset ul.tabs li.delete a:hover,
body.theme-dark ul.question-list li fieldset ul.tabs li.delete a:hover,
html[data-theme="dark"] ul.question-list li fieldset ul.tabs li.delete a:hover,
body[data-theme="dark"] ul.question-list li fieldset ul.tabs li.delete a:hover,
html.dark-mode ul.question-list li fieldset ul.tabs li.delete a:active,
body.dark-mode ul.question-list li fieldset ul.tabs li.delete a:active,
html.theme-dark ul.question-list li fieldset ul.tabs li.delete a:active,
body.theme-dark ul.question-list li fieldset ul.tabs li.delete a:active,
html[data-theme="dark"] ul.question-list li fieldset ul.tabs li.delete a:active,
body[data-theme="dark"] ul.question-list li fieldset ul.tabs li.delete a:active {
  color: #ffdddd !important;
}
html.dark-mode div.paging-container ul.paging li:not(.active):not(.next):not(.prev):not(.first):not(.last) a:link,
body.dark-mode div.paging-container ul.paging li:not(.active):not(.next):not(.prev):not(.first):not(.last) a:link,
html.theme-dark div.paging-container ul.paging li:not(.active):not(.next):not(.prev):not(.first):not(.last) a:link,
body.theme-dark div.paging-container ul.paging li:not(.active):not(.next):not(.prev):not(.first):not(.last) a:link,
html[data-theme="dark"] div.paging-container ul.paging li:not(.active):not(.next):not(.prev):not(.first):not(.last) a:link,
body[data-theme="dark"] div.paging-container ul.paging li:not(.active):not(.next):not(.prev):not(.first):not(.last) a:link,
html.dark-mode div.paging-container ul.paging li:not(.active):not(.next):not(.prev):not(.first):not(.last) a:visited,
body.dark-mode div.paging-container ul.paging li:not(.active):not(.next):not(.prev):not(.first):not(.last) a:visited,
html.theme-dark div.paging-container ul.paging li:not(.active):not(.next):not(.prev):not(.first):not(.last) a:visited,
body.theme-dark div.paging-container ul.paging li:not(.active):not(.next):not(.prev):not(.first):not(.last) a:visited,
html[data-theme="dark"] div.paging-container ul.paging li:not(.active):not(.next):not(.prev):not(.first):not(.last) a:visited,
body[data-theme="dark"] div.paging-container ul.paging li:not(.active):not(.next):not(.prev):not(.first):not(.last) a:visited {
  color: #fafafa !important;
}
html.dark-mode body.support div.toc section,
body.dark-mode body.support div.toc section,
html.theme-dark body.support div.toc section,
body.theme-dark body.support div.toc section,
html[data-theme="dark"] body.support div.toc section,
body[data-theme="dark"] body.support div.toc section,
html.dark-mode div.survey-toc-sidebar,
body.dark-mode div.survey-toc-sidebar,
html.theme-dark div.survey-toc-sidebar,
body.theme-dark div.survey-toc-sidebar,
html[data-theme="dark"] div.survey-toc-sidebar,
body[data-theme="dark"] div.survey-toc-sidebar {
  background-color: #18191A !important;
  border-color: #53575a !important;
}
html.dark-mode div.survey-toc-sidebar h3,
body.dark-mode div.survey-toc-sidebar h3,
html.theme-dark div.survey-toc-sidebar h3,
body.theme-dark div.survey-toc-sidebar h3,
html[data-theme="dark"] div.survey-toc-sidebar h3,
body[data-theme="dark"] div.survey-toc-sidebar h3,
html.dark-mode div.survey-toc-sidebar ul li a:link,
body.dark-mode div.survey-toc-sidebar ul li a:link,
html.theme-dark div.survey-toc-sidebar ul li a:link,
body.theme-dark div.survey-toc-sidebar ul li a:link,
html[data-theme="dark"] div.survey-toc-sidebar ul li a:link,
body[data-theme="dark"] div.survey-toc-sidebar ul li a:link,
html.dark-mode div.survey-toc-sidebar ul li a:visited,
body.dark-mode div.survey-toc-sidebar ul li a:visited,
html.theme-dark div.survey-toc-sidebar ul li a:visited,
body.theme-dark div.survey-toc-sidebar ul li a:visited,
html[data-theme="dark"] div.survey-toc-sidebar ul li a:visited,
body[data-theme="dark"] div.survey-toc-sidebar ul li a:visited {
  color: #fafafa !important;
}
html.dark-mode #sections .section-drag-handle img,
body.dark-mode #sections .section-drag-handle img,
html.theme-dark #sections .section-drag-handle img,
body.theme-dark #sections .section-drag-handle img,
html[data-theme="dark"] #sections .section-drag-handle img,
body[data-theme="dark"] #sections .section-drag-handle img {
  content: url(../img/icons/draggable-white.svg);
}
html.dark-mode div.support-container aside,
body.dark-mode div.support-container aside,
html.theme-dark div.support-container aside,
body.theme-dark div.support-container aside,
html[data-theme="dark"] div.support-container aside,
body[data-theme="dark"] div.support-container aside {
  background-color: #18191a !important;
}
html.dark-mode section.support h1,
body.dark-mode section.support h1,
html.theme-dark section.support h1,
body.theme-dark section.support h1,
html[data-theme="dark"] section.support h1,
body[data-theme="dark"] section.support h1,
html.dark-mode section.support h2,
body.dark-mode section.support h2,
html.theme-dark section.support h2,
body.theme-dark section.support h2,
html[data-theme="dark"] section.support h2,
body[data-theme="dark"] section.support h2,
html.dark-mode section.support h3,
body.dark-mode section.support h3,
html.theme-dark section.support h3,
body.theme-dark section.support h3,
html[data-theme="dark"] section.support h3,
body[data-theme="dark"] section.support h3,
html.dark-mode section.support li,
body.dark-mode section.support li,
html.theme-dark section.support li,
body.theme-dark section.support li,
html[data-theme="dark"] section.support li,
body[data-theme="dark"] section.support li,
html.dark-mode section.support p,
body.dark-mode section.support p,
html.theme-dark section.support p,
body.theme-dark section.support p,
html[data-theme="dark"] section.support p,
body[data-theme="dark"] section.support p {
  color: #fafafa !important;
}
html.dark-mode div.evaluater-plans > div.plan,
body.dark-mode div.evaluater-plans > div.plan,
html.theme-dark div.evaluater-plans > div.plan,
body.theme-dark div.evaluater-plans > div.plan,
html[data-theme="dark"] div.evaluater-plans > div.plan,
body[data-theme="dark"] div.evaluater-plans > div.plan {
  color-scheme: light;
}
html.dark-mode div.evaluater-plans > div.plan .plan-wrapper,
body.dark-mode div.evaluater-plans > div.plan .plan-wrapper,
html.theme-dark div.evaluater-plans > div.plan .plan-wrapper,
body.theme-dark div.evaluater-plans > div.plan .plan-wrapper,
html[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper,
body[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper {
  background-color: #fff !important;
}
html.dark-mode div.evaluater-plans > div.plan .plan-wrapper h3,
body.dark-mode div.evaluater-plans > div.plan .plan-wrapper h3,
html.theme-dark div.evaluater-plans > div.plan .plan-wrapper h3,
body.theme-dark div.evaluater-plans > div.plan .plan-wrapper h3,
html[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper h3,
body[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper h3,
html.dark-mode div.evaluater-plans > div.plan .plan-wrapper p,
body.dark-mode div.evaluater-plans > div.plan .plan-wrapper p,
html.theme-dark div.evaluater-plans > div.plan .plan-wrapper p,
body.theme-dark div.evaluater-plans > div.plan .plan-wrapper p,
html[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper p,
body[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper p,
html.dark-mode div.evaluater-plans > div.plan .plan-wrapper li,
body.dark-mode div.evaluater-plans > div.plan .plan-wrapper li,
html.theme-dark div.evaluater-plans > div.plan .plan-wrapper li,
body.theme-dark div.evaluater-plans > div.plan .plan-wrapper li,
html[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper li,
body[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper li,
html.dark-mode div.evaluater-plans > div.plan .plan-wrapper span,
body.dark-mode div.evaluater-plans > div.plan .plan-wrapper span,
html.theme-dark div.evaluater-plans > div.plan .plan-wrapper span,
body.theme-dark div.evaluater-plans > div.plan .plan-wrapper span,
html[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper span,
body[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper span,
html.dark-mode div.evaluater-plans > div.plan .plan-wrapper label,
body.dark-mode div.evaluater-plans > div.plan .plan-wrapper label,
html.theme-dark div.evaluater-plans > div.plan .plan-wrapper label,
body.theme-dark div.evaluater-plans > div.plan .plan-wrapper label,
html[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper label,
body[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper label {
  color: #5c5c5c !important;
}
html.dark-mode div.evaluater-plans > div.plan .plan-wrapper label,
body.dark-mode div.evaluater-plans > div.plan .plan-wrapper label,
html.theme-dark div.evaluater-plans > div.plan .plan-wrapper label,
body.theme-dark div.evaluater-plans > div.plan .plan-wrapper label,
html[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper label,
body[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper label {
  background-color: transparent !important;
}
html.dark-mode div.evaluater-plans > div.plan .plan-wrapper div.price,
body.dark-mode div.evaluater-plans > div.plan .plan-wrapper div.price,
html.theme-dark div.evaluater-plans > div.plan .plan-wrapper div.price,
body.theme-dark div.evaluater-plans > div.plan .plan-wrapper div.price,
html[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper div.price,
body[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper div.price {
  color: #167E00 !important;
}
html.dark-mode div.evaluater-plans > div.plan .plan-wrapper ul li strong,
body.dark-mode div.evaluater-plans > div.plan .plan-wrapper ul li strong,
html.theme-dark div.evaluater-plans > div.plan .plan-wrapper ul li strong,
body.theme-dark div.evaluater-plans > div.plan .plan-wrapper ul li strong,
html[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper ul li strong,
body[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper ul li strong,
html.dark-mode div.evaluater-plans > div.plan .plan-wrapper div.reporting-checkbox label.active,
body.dark-mode div.evaluater-plans > div.plan .plan-wrapper div.reporting-checkbox label.active,
html.theme-dark div.evaluater-plans > div.plan .plan-wrapper div.reporting-checkbox label.active,
body.theme-dark div.evaluater-plans > div.plan .plan-wrapper div.reporting-checkbox label.active,
html[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper div.reporting-checkbox label.active,
body[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper div.reporting-checkbox label.active,
html.dark-mode div.evaluater-plans > div.plan .plan-wrapper div.price-subtitle span.with-reporting.active,
body.dark-mode div.evaluater-plans > div.plan .plan-wrapper div.price-subtitle span.with-reporting.active,
html.theme-dark div.evaluater-plans > div.plan .plan-wrapper div.price-subtitle span.with-reporting.active,
body.theme-dark div.evaluater-plans > div.plan .plan-wrapper div.price-subtitle span.with-reporting.active,
html[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper div.price-subtitle span.with-reporting.active,
body[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper div.price-subtitle span.with-reporting.active {
  color: #0078B4 !important;
}
html.dark-mode div.evaluater-plans > div.plan .plan-wrapper p em,
body.dark-mode div.evaluater-plans > div.plan .plan-wrapper p em,
html.theme-dark div.evaluater-plans > div.plan .plan-wrapper p em,
body.theme-dark div.evaluater-plans > div.plan .plan-wrapper p em,
html[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper p em,
body[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper p em,
html.dark-mode div.evaluater-plans > div.plan .plan-wrapper div.price-subtitle span,
body.dark-mode div.evaluater-plans > div.plan .plan-wrapper div.price-subtitle span,
html.theme-dark div.evaluater-plans > div.plan .plan-wrapper div.price-subtitle span,
body.theme-dark div.evaluater-plans > div.plan .plan-wrapper div.price-subtitle span,
html[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper div.price-subtitle span,
body[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper div.price-subtitle span,
html.dark-mode div.evaluater-plans > div.plan .plan-wrapper p.per-user-fee,
body.dark-mode div.evaluater-plans > div.plan .plan-wrapper p.per-user-fee,
html.theme-dark div.evaluater-plans > div.plan .plan-wrapper p.per-user-fee,
body.theme-dark div.evaluater-plans > div.plan .plan-wrapper p.per-user-fee,
html[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper p.per-user-fee,
body[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper p.per-user-fee {
  color: #aaa !important;
}
html.dark-mode div.evaluater-plans > div.plan .plan-wrapper span.annual-discount,
body.dark-mode div.evaluater-plans > div.plan .plan-wrapper span.annual-discount,
html.theme-dark div.evaluater-plans > div.plan .plan-wrapper span.annual-discount,
body.theme-dark div.evaluater-plans > div.plan .plan-wrapper span.annual-discount,
html[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper span.annual-discount,
body[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper span.annual-discount {
  color: #fff !important;
}
html.dark-mode div.evaluater-plans > div.plan .plan-wrapper p em a:link,
body.dark-mode div.evaluater-plans > div.plan .plan-wrapper p em a:link,
html.theme-dark div.evaluater-plans > div.plan .plan-wrapper p em a:link,
body.theme-dark div.evaluater-plans > div.plan .plan-wrapper p em a:link,
html[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper p em a:link,
body[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper p em a:link,
html.dark-mode div.evaluater-plans > div.plan .plan-wrapper p em a:visited,
body.dark-mode div.evaluater-plans > div.plan .plan-wrapper p em a:visited,
html.theme-dark div.evaluater-plans > div.plan .plan-wrapper p em a:visited,
body.theme-dark div.evaluater-plans > div.plan .plan-wrapper p em a:visited,
html[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper p em a:visited,
body[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper p em a:visited,
html.dark-mode div.evaluater-plans > div.plan .plan-wrapper p.full-features a:link,
body.dark-mode div.evaluater-plans > div.plan .plan-wrapper p.full-features a:link,
html.theme-dark div.evaluater-plans > div.plan .plan-wrapper p.full-features a:link,
body.theme-dark div.evaluater-plans > div.plan .plan-wrapper p.full-features a:link,
html[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper p.full-features a:link,
body[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper p.full-features a:link,
html.dark-mode div.evaluater-plans > div.plan .plan-wrapper p.full-features a:visited,
body.dark-mode div.evaluater-plans > div.plan .plan-wrapper p.full-features a:visited,
html.theme-dark div.evaluater-plans > div.plan .plan-wrapper p.full-features a:visited,
body.theme-dark div.evaluater-plans > div.plan .plan-wrapper p.full-features a:visited,
html[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper p.full-features a:visited,
body[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper p.full-features a:visited {
  color: #31c961 !important;
}
html.dark-mode div.evaluater-plans > div.plan .plan-wrapper p.full-features a:hover,
body.dark-mode div.evaluater-plans > div.plan .plan-wrapper p.full-features a:hover,
html.theme-dark div.evaluater-plans > div.plan .plan-wrapper p.full-features a:hover,
body.theme-dark div.evaluater-plans > div.plan .plan-wrapper p.full-features a:hover,
html[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper p.full-features a:hover,
body[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper p.full-features a:hover,
html.dark-mode div.evaluater-plans > div.plan .plan-wrapper p.full-features a:active,
body.dark-mode div.evaluater-plans > div.plan .plan-wrapper p.full-features a:active,
html.theme-dark div.evaluater-plans > div.plan .plan-wrapper p.full-features a:active,
body.theme-dark div.evaluater-plans > div.plan .plan-wrapper p.full-features a:active,
html[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper p.full-features a:active,
body[data-theme="dark"] div.evaluater-plans > div.plan .plan-wrapper p.full-features a:active {
  color: #174f73 !important;
}
html.dark-mode div.evaluater-plans > div.plan div.billing-cycle label,
body.dark-mode div.evaluater-plans > div.plan div.billing-cycle label,
html.theme-dark div.evaluater-plans > div.plan div.billing-cycle label,
body.theme-dark div.evaluater-plans > div.plan div.billing-cycle label,
html[data-theme="dark"] div.evaluater-plans > div.plan div.billing-cycle label,
body[data-theme="dark"] div.evaluater-plans > div.plan div.billing-cycle label {
  background-color: transparent !important;
}
html.dark-mode div.evaluater-plans > div.plan div.billing-cycle label a,
body.dark-mode div.evaluater-plans > div.plan div.billing-cycle label a,
html.theme-dark div.evaluater-plans > div.plan div.billing-cycle label a,
body.theme-dark div.evaluater-plans > div.plan div.billing-cycle label a,
html[data-theme="dark"] div.evaluater-plans > div.plan div.billing-cycle label a,
body[data-theme="dark"] div.evaluater-plans > div.plan div.billing-cycle label a {
  background-color: transparent !important;
}
html.dark-mode div.survey-request-response div.question-value.group h2,
body.dark-mode div.survey-request-response div.question-value.group h2,
html.theme-dark div.survey-request-response div.question-value.group h2,
body.theme-dark div.survey-request-response div.question-value.group h2,
html[data-theme="dark"] div.survey-request-response div.question-value.group h2,
body[data-theme="dark"] div.survey-request-response div.question-value.group h2 {
  padding: 10px;
  background-color: #2E3135 !important;
  border-bottom: 1px solid #aeaeae;
}
html.dark-mode div.survey-request-response div.question-value div.question-wrapper span,
body.dark-mode div.survey-request-response div.question-value div.question-wrapper span,
html.theme-dark div.survey-request-response div.question-value div.question-wrapper span,
body.theme-dark div.survey-request-response div.question-value div.question-wrapper span,
html[data-theme="dark"] div.survey-request-response div.question-value div.question-wrapper span,
body[data-theme="dark"] div.survey-request-response div.question-value div.question-wrapper span {
  background-color: #111112 !important;
  color: #fafafa !important;
}
html.dark-mode div.survey-request-response div.question-value div.question-wrapper label,
body.dark-mode div.survey-request-response div.question-value div.question-wrapper label,
html.theme-dark div.survey-request-response div.question-value div.question-wrapper label,
body.theme-dark div.survey-request-response div.question-value div.question-wrapper label,
html[data-theme="dark"] div.survey-request-response div.question-value div.question-wrapper label,
body[data-theme="dark"] div.survey-request-response div.question-value div.question-wrapper label {
  color: #e7e7e7 !important;
}
html.dark-mode td.ApprovalStatus span.status,
body.dark-mode td.ApprovalStatus span.status,
html.theme-dark td.ApprovalStatus span.status,
body.theme-dark td.ApprovalStatus span.status,
html[data-theme="dark"] td.ApprovalStatus span.status,
body[data-theme="dark"] td.ApprovalStatus span.status {
  color: #fff !important;
}
html.dark-mode .approval-tag,
body.dark-mode .approval-tag,
html.theme-dark .approval-tag,
body.theme-dark .approval-tag,
html[data-theme="dark"] .approval-tag,
body[data-theme="dark"] .approval-tag,
html.dark-mode .annual-discount,
body.dark-mode .annual-discount,
html.theme-dark .annual-discount,
body.theme-dark .annual-discount,
html[data-theme="dark"] .annual-discount,
body[data-theme="dark"] .annual-discount {
  color: #fff !important;
}
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container aside,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container aside,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container aside,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container aside,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container aside,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container aside {
  background-color: #18191A;
  border-right-color: #2c3c57;
}
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container aside > a.add:link,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container aside > a.add:link,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container aside > a.add:link,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container aside > a.add:link,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container aside > a.add:link,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container aside > a.add:link,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container aside > a.hide-nav:link,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container aside > a.hide-nav:link,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container aside > a.hide-nav:link,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container aside > a.hide-nav:link,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container aside > a.hide-nav:link,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container aside > a.hide-nav:link,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > a:link,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > a:link,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > a:link,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > a:link,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > a:link,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > a:link,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > ul > li > a:link,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > ul > li > a:link,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > ul > li > a:link,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > ul > li > a:link,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > ul > li > a:link,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > ul > li > a:link,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container aside > a.add:visited,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container aside > a.add:visited,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container aside > a.add:visited,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container aside > a.add:visited,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container aside > a.add:visited,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container aside > a.add:visited,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container aside > a.hide-nav:visited,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container aside > a.hide-nav:visited,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container aside > a.hide-nav:visited,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container aside > a.hide-nav:visited,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container aside > a.hide-nav:visited,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container aside > a.hide-nav:visited,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > a:visited,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > a:visited,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > a:visited,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > a:visited,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > a:visited,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > a:visited,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > ul > li > a:visited,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > ul > li > a:visited,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > ul > li > a:visited,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > ul > li > a:visited,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > ul > li > a:visited,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > ul > li > a:visited {
  color: #78cdfd !important;
}
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container aside.mini:hover,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container aside.mini:hover,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container aside.mini:hover,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container aside.mini:hover,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container aside.mini:hover,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container aside.mini:hover {
  background-color: #22314d;
}
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container ul.panels > li.panel,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container ul.panels > li.panel,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container ul.panels > li.panel,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container ul.panels > li.panel,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container ul.panels > li.panel,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container ul.panels > li.panel {
  background-color: #2E3135 !important;
  border: 1px solid #167E00 !important;
  box-shadow: none !important;
}
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container ul.panels > li,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container ul.panels > li,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container ul.panels > li,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container ul.panels > li,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container ul.panels > li,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container ul.panels > li,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container ul.panels.sorting > li.panel,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container ul.panels.sorting > li.panel,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container ul.panels.sorting > li.panel,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container ul.panels.sorting > li.panel,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container ul.panels.sorting > li.panel,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container ul.panels.sorting > li.panel,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container ul.panels.sorting > li,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container ul.panels.sorting > li,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container ul.panels.sorting > li,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container ul.panels.sorting > li,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container ul.panels.sorting > li,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container ul.panels.sorting > li,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container ul.panels > li.panel.ai,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container ul.panels > li.panel.ai,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container ul.panels > li.panel.ai,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container ul.panels > li.panel.ai,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container ul.panels > li.panel.ai,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container ul.panels > li.panel.ai {
  box-shadow: none !important;
}
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard {
  background-color: #111112 !important;
}
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover.horizontal a,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover.horizontal a,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover.horizontal a,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover.horizontal a,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover.horizontal a,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover.horizontal a {
  background: transparent url(../img/icons/horizontal-grey.svg) no-repeat 50% 0;
  padding-top: 20px;
  background-size: 16px 16px;
}
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:link,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:link,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:link,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:link,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:link,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:link,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:visited,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:visited,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:visited,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:visited,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:visited,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:visited,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:hover,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:hover,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:hover,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:hover,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:hover,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:hover,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:active,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:active,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:active,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:active,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:active,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:active {
  color: #fafafa !important;
}
html.dark-mode body.panel-content,
body.dark-mode body.panel-content,
html.theme-dark body.panel-content,
body.theme-dark body.panel-content,
html[data-theme="dark"] body.panel-content,
body[data-theme="dark"] body.panel-content,
html.dark-mode body.panel-content div.panel-content,
body.dark-mode body.panel-content div.panel-content,
html.theme-dark body.panel-content div.panel-content,
body.theme-dark body.panel-content div.panel-content,
html[data-theme="dark"] body.panel-content div.panel-content,
body[data-theme="dark"] body.panel-content div.panel-content {
  background-color: #2E3135 !important;
}
html.dark-mode .dialog,
body.dark-mode .dialog,
html.theme-dark .dialog,
body.theme-dark .dialog,
html[data-theme="dark"] .dialog,
body[data-theme="dark"] .dialog {
  background-color: #18191A !important;
  border: 6px solid rgba(98, 98, 98, 0.7) !important;
}
html.dark-mode .dialog div.buttons,
body.dark-mode .dialog div.buttons,
html.theme-dark .dialog div.buttons,
body.theme-dark .dialog div.buttons,
html[data-theme="dark"] .dialog div.buttons,
body[data-theme="dark"] .dialog div.buttons {
  background-color: #111112 !important;
}
html.dark-mode ul.esg-report-standards li a:link,
body.dark-mode ul.esg-report-standards li a:link,
html.theme-dark ul.esg-report-standards li a:link,
body.theme-dark ul.esg-report-standards li a:link,
html[data-theme="dark"] ul.esg-report-standards li a:link,
body[data-theme="dark"] ul.esg-report-standards li a:link,
html.dark-mode ul.esg-report-standards li a:visited,
body.dark-mode ul.esg-report-standards li a:visited,
html.theme-dark ul.esg-report-standards li a:visited,
body.theme-dark ul.esg-report-standards li a:visited,
html[data-theme="dark"] ul.esg-report-standards li a:visited,
body[data-theme="dark"] ul.esg-report-standards li a:visited {
  background-color: #2E3135;
  border-color: #31c961;
}
html.dark-mode ul.esg-report-standards li a h3,
body.dark-mode ul.esg-report-standards li a h3,
html.theme-dark ul.esg-report-standards li a h3,
body.theme-dark ul.esg-report-standards li a h3,
html[data-theme="dark"] ul.esg-report-standards li a h3,
body[data-theme="dark"] ul.esg-report-standards li a h3,
html.dark-mode ul.esg-report-standards li a div.meta,
body.dark-mode ul.esg-report-standards li a div.meta,
html.theme-dark ul.esg-report-standards li a div.meta,
body.theme-dark ul.esg-report-standards li a div.meta,
html[data-theme="dark"] ul.esg-report-standards li a div.meta,
body[data-theme="dark"] ul.esg-report-standards li a div.meta,
html.dark-mode ul.esg-report-standards li a div.meta *,
body.dark-mode ul.esg-report-standards li a div.meta *,
html.theme-dark ul.esg-report-standards li a div.meta *,
body.theme-dark ul.esg-report-standards li a div.meta *,
html[data-theme="dark"] ul.esg-report-standards li a div.meta *,
body[data-theme="dark"] ul.esg-report-standards li a div.meta * {
  color: #fff;
}
html.dark-mode body.panel-content div.panel-content.record table.kpi-table,
body.dark-mode body.panel-content div.panel-content.record table.kpi-table,
html.theme-dark body.panel-content div.panel-content.record table.kpi-table,
body.theme-dark body.panel-content div.panel-content.record table.kpi-table,
html[data-theme="dark"] body.panel-content div.panel-content.record table.kpi-table,
body[data-theme="dark"] body.panel-content div.panel-content.record table.kpi-table,
html.dark-mode body.panel-content div.panel-content.record-panels table.kpi-table,
body.dark-mode body.panel-content div.panel-content.record-panels table.kpi-table,
html.theme-dark body.panel-content div.panel-content.record-panels table.kpi-table,
body.theme-dark body.panel-content div.panel-content.record-panels table.kpi-table,
html[data-theme="dark"] body.panel-content div.panel-content.record-panels table.kpi-table,
body[data-theme="dark"] body.panel-content div.panel-content.record-panels table.kpi-table,
html.dark-mode body.panel-content div.record-panels table.kpi-table,
body.dark-mode body.panel-content div.record-panels table.kpi-table,
html.theme-dark body.panel-content div.record-panels table.kpi-table,
body.theme-dark body.panel-content div.record-panels table.kpi-table,
html[data-theme="dark"] body.panel-content div.record-panels table.kpi-table,
body[data-theme="dark"] body.panel-content div.record-panels table.kpi-table {
  border-color: #2c3c57 !important;
}
html.dark-mode body.panel-content div.panel-content.record table.kpi-table thead tr th,
body.dark-mode body.panel-content div.panel-content.record table.kpi-table thead tr th,
html.theme-dark body.panel-content div.panel-content.record table.kpi-table thead tr th,
body.theme-dark body.panel-content div.panel-content.record table.kpi-table thead tr th,
html[data-theme="dark"] body.panel-content div.panel-content.record table.kpi-table thead tr th,
body[data-theme="dark"] body.panel-content div.panel-content.record table.kpi-table thead tr th,
html.dark-mode body.panel-content div.panel-content.record-panels table.kpi-table thead tr th,
body.dark-mode body.panel-content div.panel-content.record-panels table.kpi-table thead tr th,
html.theme-dark body.panel-content div.panel-content.record-panels table.kpi-table thead tr th,
body.theme-dark body.panel-content div.panel-content.record-panels table.kpi-table thead tr th,
html[data-theme="dark"] body.panel-content div.panel-content.record-panels table.kpi-table thead tr th,
body[data-theme="dark"] body.panel-content div.panel-content.record-panels table.kpi-table thead tr th,
html.dark-mode body.panel-content div.record-panels table.kpi-table thead tr th,
body.dark-mode body.panel-content div.record-panels table.kpi-table thead tr th,
html.theme-dark body.panel-content div.record-panels table.kpi-table thead tr th,
body.theme-dark body.panel-content div.record-panels table.kpi-table thead tr th,
html[data-theme="dark"] body.panel-content div.record-panels table.kpi-table thead tr th,
body[data-theme="dark"] body.panel-content div.record-panels table.kpi-table thead tr th {
  background-color: #2E3135 !important;
  color: #fafafa !important;
  border-color: #2c3c57 !important;
}
html.dark-mode body.panel-content div.panel-content.record table.kpi-table tbody tr td,
body.dark-mode body.panel-content div.panel-content.record table.kpi-table tbody tr td,
html.theme-dark body.panel-content div.panel-content.record table.kpi-table tbody tr td,
body.theme-dark body.panel-content div.panel-content.record table.kpi-table tbody tr td,
html[data-theme="dark"] body.panel-content div.panel-content.record table.kpi-table tbody tr td,
body[data-theme="dark"] body.panel-content div.panel-content.record table.kpi-table tbody tr td,
html.dark-mode body.panel-content div.panel-content.record-panels table.kpi-table tbody tr td,
body.dark-mode body.panel-content div.panel-content.record-panels table.kpi-table tbody tr td,
html.theme-dark body.panel-content div.panel-content.record-panels table.kpi-table tbody tr td,
body.theme-dark body.panel-content div.panel-content.record-panels table.kpi-table tbody tr td,
html[data-theme="dark"] body.panel-content div.panel-content.record-panels table.kpi-table tbody tr td,
body[data-theme="dark"] body.panel-content div.panel-content.record-panels table.kpi-table tbody tr td,
html.dark-mode body.panel-content div.record-panels table.kpi-table tbody tr td,
body.dark-mode body.panel-content div.record-panels table.kpi-table tbody tr td,
html.theme-dark body.panel-content div.record-panels table.kpi-table tbody tr td,
body.theme-dark body.panel-content div.record-panels table.kpi-table tbody tr td,
html[data-theme="dark"] body.panel-content div.record-panels table.kpi-table tbody tr td,
body[data-theme="dark"] body.panel-content div.record-panels table.kpi-table tbody tr td {
  background-color: #18191A !important;
  color: #b3bfd3 !important;
  border-color: #2c3c57 !important;
}
html.dark-mode body.panel-content div.panel-content.record table.kpi-table tbody tr:nth-child(even) td,
body.dark-mode body.panel-content div.panel-content.record table.kpi-table tbody tr:nth-child(even) td,
html.theme-dark body.panel-content div.panel-content.record table.kpi-table tbody tr:nth-child(even) td,
body.theme-dark body.panel-content div.panel-content.record table.kpi-table tbody tr:nth-child(even) td,
html[data-theme="dark"] body.panel-content div.panel-content.record table.kpi-table tbody tr:nth-child(even) td,
body[data-theme="dark"] body.panel-content div.panel-content.record table.kpi-table tbody tr:nth-child(even) td,
html.dark-mode body.panel-content div.panel-content.record-panels table.kpi-table tbody tr:nth-child(even) td,
body.dark-mode body.panel-content div.panel-content.record-panels table.kpi-table tbody tr:nth-child(even) td,
html.theme-dark body.panel-content div.panel-content.record-panels table.kpi-table tbody tr:nth-child(even) td,
body.theme-dark body.panel-content div.panel-content.record-panels table.kpi-table tbody tr:nth-child(even) td,
html[data-theme="dark"] body.panel-content div.panel-content.record-panels table.kpi-table tbody tr:nth-child(even) td,
body[data-theme="dark"] body.panel-content div.panel-content.record-panels table.kpi-table tbody tr:nth-child(even) td,
html.dark-mode body.panel-content div.record-panels table.kpi-table tbody tr:nth-child(even) td,
body.dark-mode body.panel-content div.record-panels table.kpi-table tbody tr:nth-child(even) td,
html.theme-dark body.panel-content div.record-panels table.kpi-table tbody tr:nth-child(even) td,
body.theme-dark body.panel-content div.record-panels table.kpi-table tbody tr:nth-child(even) td,
html[data-theme="dark"] body.panel-content div.record-panels table.kpi-table tbody tr:nth-child(even) td,
body[data-theme="dark"] body.panel-content div.record-panels table.kpi-table tbody tr:nth-child(even) td {
  background-color: #202225 !important;
}
html.dark-mode div.form-dashboard span.loading,
body.dark-mode div.form-dashboard span.loading,
html.theme-dark div.form-dashboard span.loading,
body.theme-dark div.form-dashboard span.loading,
html[data-theme="dark"] div.form-dashboard span.loading,
body[data-theme="dark"] div.form-dashboard span.loading {
  background: transparent url(../img/loading-dark.gif) no-repeat 100% 0 !important;
  background-size: 20px 20px !important;
}
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.download-panel-image,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.download-panel-image,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.download-panel-image,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.download-panel-image,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.download-panel-image,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.download-panel-image,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.download-panel-image,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.download-panel-image,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.download-panel-image,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.download-panel-image,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.download-panel-image,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.download-panel-image,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.download-panel-image:hover,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.download-panel-image:hover,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.download-panel-image:hover,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.download-panel-image:hover,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.download-panel-image:hover,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.download-panel-image:hover,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.download-panel-image:hover,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.download-panel-image:hover,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.download-panel-image:hover,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.download-panel-image:hover,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.download-panel-image:hover,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.download-panel-image:hover,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.download-panel-image.downloaded,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.download-panel-image.downloaded,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.download-panel-image.downloaded,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.download-panel-image.downloaded,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.download-panel-image.downloaded,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.download-panel-image.downloaded,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.download-panel-image.downloaded,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.download-panel-image.downloaded,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.download-panel-image.downloaded,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.download-panel-image.downloaded,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.download-panel-image.downloaded,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.download-panel-image.downloaded {
  background-image: url(../img/icons/download-white.svg);
}
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.info,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.info,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.info,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.info,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.info,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.info,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.info,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.info,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.info,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.info,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.info,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.info,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.info:hover,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.info:hover,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.info:hover,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.info:hover,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.info:hover,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.info:hover,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.info:hover,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.info:hover,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.info:hover,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.info:hover,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.info:hover,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.info:hover {
  background-image: url(../img/icons/info-white.svg);
}
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.source,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.source,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.source,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.source,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.source,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.source,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.source,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.source,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.source,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.source,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.source,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.source,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.source:hover,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.source:hover,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.source:hover,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.source:hover,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.source:hover,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.source:hover,
html.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.source:hover,
body.dark-mode section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.source:hover,
html.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.source:hover,
body.theme-dark section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.source:hover,
html[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.source:hover,
body[data-theme="dark"] section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.source:hover {
  background-image: url(../img/icons/data-source-white.svg);
}
html.dark-mode .document-editor .tiptap,
body.dark-mode .document-editor .tiptap,
html.theme-dark .document-editor .tiptap,
body.theme-dark .document-editor .tiptap,
html[data-theme="dark"] .document-editor .tiptap,
body[data-theme="dark"] .document-editor .tiptap {
  --document-editor-lock-colour: #fff;
  --document-editor-lock-icon: url(../img/editor/lock-white.svg);
}
html.dark-mode .document-heading-menu-panel,
body.dark-mode .document-heading-menu-panel,
html.theme-dark .document-heading-menu-panel,
body.theme-dark .document-heading-menu-panel,
html[data-theme="dark"] .document-heading-menu-panel,
body[data-theme="dark"] .document-heading-menu-panel {
  background: #2F3135 !important;
  border-color: #2c3c57;
}
html.dark-mode .document-heading-menu-panel .document-heading-menu-option,
body.dark-mode .document-heading-menu-panel .document-heading-menu-option,
html.theme-dark .document-heading-menu-panel .document-heading-menu-option,
body.theme-dark .document-heading-menu-panel .document-heading-menu-option,
html[data-theme="dark"] .document-heading-menu-panel .document-heading-menu-option,
body[data-theme="dark"] .document-heading-menu-panel .document-heading-menu-option,
html.dark-mode .document-heading-menu-panel .document-heading-menu-option span,
body.dark-mode .document-heading-menu-panel .document-heading-menu-option span,
html.theme-dark .document-heading-menu-panel .document-heading-menu-option span,
body.theme-dark .document-heading-menu-panel .document-heading-menu-option span,
html[data-theme="dark"] .document-heading-menu-panel .document-heading-menu-option span,
body[data-theme="dark"] .document-heading-menu-panel .document-heading-menu-option span {
  background: transparent;
  color: #fff;
}
html.dark-mode .document-heading-menu-panel .document-heading-menu-option:hover,
body.dark-mode .document-heading-menu-panel .document-heading-menu-option:hover,
html.theme-dark .document-heading-menu-panel .document-heading-menu-option:hover,
body.theme-dark .document-heading-menu-panel .document-heading-menu-option:hover,
html[data-theme="dark"] .document-heading-menu-panel .document-heading-menu-option:hover,
body[data-theme="dark"] .document-heading-menu-panel .document-heading-menu-option:hover,
html.dark-mode .document-heading-menu-panel .document-heading-menu-option:focus,
body.dark-mode .document-heading-menu-panel .document-heading-menu-option:focus,
html.theme-dark .document-heading-menu-panel .document-heading-menu-option:focus,
body.theme-dark .document-heading-menu-panel .document-heading-menu-option:focus,
html[data-theme="dark"] .document-heading-menu-panel .document-heading-menu-option:focus,
body[data-theme="dark"] .document-heading-menu-panel .document-heading-menu-option:focus,
html.dark-mode .document-heading-menu-panel .document-heading-menu-option.is-active,
body.dark-mode .document-heading-menu-panel .document-heading-menu-option.is-active,
html.theme-dark .document-heading-menu-panel .document-heading-menu-option.is-active,
body.theme-dark .document-heading-menu-panel .document-heading-menu-option.is-active,
html[data-theme="dark"] .document-heading-menu-panel .document-heading-menu-option.is-active,
body[data-theme="dark"] .document-heading-menu-panel .document-heading-menu-option.is-active {
  background: #404248;
}
html.dark-mode .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:link,
body.dark-mode .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:link,
html.theme-dark .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:link,
body.theme-dark .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:link,
html[data-theme="dark"] .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:link,
body[data-theme="dark"] .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:link,
html.dark-mode .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:visited,
body.dark-mode .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:visited,
html.theme-dark .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:visited,
body.theme-dark .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:visited,
html[data-theme="dark"] .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:visited,
body[data-theme="dark"] .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:visited,
html.dark-mode .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:hover,
body.dark-mode .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:hover,
html.theme-dark .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:hover,
body.theme-dark .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:hover,
html[data-theme="dark"] .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:hover,
body[data-theme="dark"] .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:hover,
html.dark-mode .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:active,
body.dark-mode .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:active,
html.theme-dark .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:active,
body.theme-dark .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:active,
html[data-theme="dark"] .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:active,
body[data-theme="dark"] .document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:active {
  background: #2F3135;
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) nav.account ul li.theme-toggle .theme-toggle-icon-dark {
  display: none;
  background-color: transparent !important;
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) nav.account ul li.theme-toggle .theme-toggle-icon-light {
  display: inline-block;
}
html.dark-mode nav.account ul li.theme-toggle .theme-toggle-icon-dark,
html.theme-dark nav.account ul li.theme-toggle .theme-toggle-icon-dark,
html[data-theme="dark"] nav.account ul li.theme-toggle .theme-toggle-icon-dark {
  display: inline-block;
}
html.dark-mode nav.account ul li.theme-toggle .theme-toggle-icon-light,
html.theme-dark nav.account ul li.theme-toggle .theme-toggle-icon-light,
html[data-theme="dark"] nav.account ul li.theme-toggle .theme-toggle-icon-light {
  display: none;
  background-color: transparent !important;
}
html.dark-mode form.builder div.section div.section-questions ul.question-list li.question.required fieldset.question,
html.theme-dark form.builder div.section div.section-questions ul.question-list li.question.required fieldset.question,
html[data-theme="dark"] form.builder div.section div.section-questions ul.question-list li.question.required fieldset.question {
  background: transparent url(../img/icons/required-white.svg) no-repeat 100% 0;
  background-size: 15px 15px;
}
html.dark-mode form.builder div.section div.section-questions ul.question-list li.question.summary fieldset.question,
html.theme-dark form.builder div.section div.section-questions ul.question-list li.question.summary fieldset.question,
html[data-theme="dark"] form.builder div.section div.section-questions ul.question-list li.question.summary fieldset.question {
  background: transparent url(../img/icons/summary-white.svg) no-repeat 100% 0;
  background-size: 15px 15px;
}
html.dark-mode form.builder div.section div.section-questions ul.question-list li.question.summary.required fieldset.question,
html.theme-dark form.builder div.section div.section-questions ul.question-list li.question.summary.required fieldset.question,
html[data-theme="dark"] form.builder div.section div.section-questions ul.question-list li.question.summary.required fieldset.question {
  background: transparent url(../img/icons/required-summary-white.svg) no-repeat 100% 0;
  background-size: 30px 15px;
}
.shade {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 20000;
  display: none;
}
.shade.invis {
  background-color: rgba(0, 0, 0, 0.0001);
}
body.login {
  min-height: 100vh;
  background: #f5f8fa;
}
body.login header.notsticky {
  position: fixed;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 88px;
  min-height: 88px;
  padding: 0 4%;
  border: 0;
  border-bottom: 1px solid #dbe4e8;
  background: #fff;
  box-shadow: 0 8px 28px rgba(23, 79, 115, 0.08);
  box-sizing: border-box;
}
body.login header.notsticky a.registration-logo {
  display: inline-block;
  width: auto;
  line-height: 0;
}
body.login header.notsticky a.registration-logo img {
  display: block;
  width: auto;
  height: 48px;
  max-width: 260px;
}
body.login section.content {
  min-height: 100vh;
  background: #f5f8fa;
}
body.login section.content section.body {
  background: #f5f8fa !important;
}
body.login section.content section.body,
body.login section.content section.body.fixed {
  padding: 250px 0 150px 0 !important;
}
@media (max-width: 600px) {
  body.login section.content section.body {
    padding: 200px 0 150px 0;
  }
}
@media (max-width: 400px) {
  body.login section.content section.body {
    padding: 120px 0 150px 0;
  }
}
body.login section.content section.body .msg {
  z-index: 100;
  position: relative;
  max-width: 420px;
  width: 90%;
  margin: 20px auto;
}
body.login section.content section.body form {
  position: relative;
  z-index: 100;
  background-color: #fff;
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 600px) {
  body.login section.content section.body form {
    width: 350px !important;
  }
}
body.login section.content section.body form img.login-logo {
  margin: 30px auto 30px auto;
  width: 250px;
  display: block;
}
@media (max-width: 600px) {
  body.login section.content section.body form img.login-logo {
    width: 200px;
  }
}
body.login section.content section.body form fieldset {
  width: auto;
  padding: 0;
  border-top: none;
  background-color: transparent;
}
body.login section.content section.body form fieldset > div {
  margin: 10px 0!important;
}
body.login section.content section.body form fieldset div.error {
  border: 1px solid #cc241D !important;
  background-color: #cc241D !important;
}
body.login section.content section.body form fieldset .buttons {
  margin-top: -30px;
}
body.login section.content section.body form fieldset .buttons .forgot-link {
  float: left;
}
body.login section.content section.body .login-wrapper {
  position: relative;
  z-index: 100;
  background-color: #fff;
  max-width: 100%;
  width: 650px  !important;
  margin: 0 auto;
  border: 1px solid #aeaeae;
  border-radius: 8px;
  box-shadow: inset 0px 0px 10px #5c5c5c;
  padding: 20px;
}
@media (max-width: 600px) {
  body.login section.content section.body .login-wrapper {
    width: 350px !important;
  }
}
body.login section.content section.body .login-wrapper img {
  margin: 30px auto 30px auto;
  width: 250px;
  display: block;
}
@media (max-width: 600px) {
  body.login section.content section.body .login-wrapper img {
    width: 200px;
  }
}
body.login section.content section.body .login-wrapper h2,
body.login section.content section.body .login-wrapper h3,
body.login section.content section.body .login-wrapper p {
  text-align: center;
}
body.login section.content section.body .login-wrapper form {
  position: relative;
  z-index: 100;
  background-color: transparent;
  max-width: 100%;
  width: 100%!important;
  border: none;
  border-radius: none;
  box-shadow: none;
}
body.login section.content section.body .login-wrapper form fieldset {
  padding: 0;
}
body.login section.content section.body .login-wrapper form fieldset > div {
  margin: 0 0.5% !important;
}
body.login section.content section.body .login-wrapper ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
body.login section.content section.body .login-wrapper ul li {
  margin: 0;
  padding: 0;
  text-align: center;
}
body.login section.content section.body.login {
  min-height: 100vh;
  padding: 128px 0 90px !important;
  box-sizing: border-box;
}
body.login .login-register-container {
  display: block;
  width: 600px;
  max-width: 92%;
  margin: 30px auto 0;
  overflow: hidden;
  border: 1px solid #dbe4e8;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 18px 55px rgba(23, 79, 115, 0.1);
  box-sizing: border-box;
}
body.login .login-register-sidebar {
  background: linear-gradient(145deg, #174f73, #15813f);
  display: block;
  width: 100%;
  height: 30px;
}
body.login .login-register-content {
  flex: 1 1 auto;
  min-width: 0;
  padding: 20px;
  background: #fff;
  box-sizing: border-box;
}
body.login .login-register-content .msg {
  width: 100%;
  max-width: 760px;
  margin: 0 auto 22px;
}
body.login .login-register-content form {
  width: 100% !important;
  max-width: 760px;
  margin: 0 auto;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
body.login .login-register-content form fieldset {
  padding: 0;
  border: 0;
}
body.login .login-register-content form fieldset .buttons {
  margin-top: 20px;
}
body.login .login-register-content form h2 {
  margin: 0 0 28px;
  color: #174f73;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.2;
  text-align: left;
}
@media (max-width: 1000px) {
  body.login .login-register-container {
    display: block;
    max-width: 760px;
    min-height: 0;
    margin-top: 15px;
  }
  body.login .login-register-sidebar {
    display: none;
  }
  body.login .login-register-content {
    width: 100%;
    padding: 40px;
  }
}
@media (max-width: 650px) {
  body.login header.notsticky {
    height: 76px;
    min-height: 76px;
    padding: 0 6%;
  }
  body.login header.notsticky a.registration-logo img {
    height: 40px;
    max-width: 220px;
  }
  body.login section.content section.body.login {
    padding: 96px 0 50px !important;
  }
  body.login .login-register-container {
    max-width: 94%;
    border-radius: 16px;
  }
  body.login .login-register-content {
    padding: 30px 22px;
  }
  body.login .login-register-content form h2 {
    font-size: 27px;
  }
}
.banner.account {
  position: relative;
  min-height: 300px;
}
.banner.account .account-title {
  position: relative;
  float: left;
  padding-top: 220px;
  margin-left: 20px;
  z-index: 110;
  width: calc(50% - 10px);
}
.banner.account .account-title h2,
.banner.account .account-title h3 {
  text-align: left;
  margin: 0;
  padding: 0 10px 0 0;
  color: #fff;
  clear: both;
}
.banner.account .account-title h2 span:nth-child(1) {
  float: left;
}
.banner.account .account-title h2 span:nth-child(2) {
  float: left;
  width: auto;
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 5px;
  border-radius: 4px;
  margin: 7px 0 0 10px;
  background-color: #0078B4;
  text-transform: uppercase;
  text-shadow: 0 0 2px #000;
}
.banner.account .account-link {
  position: relative;
  z-index: 110;
  text-align: right;
  float: right;
  margin-right: 20px;
  padding-top: 220px;
  width: calc(40% - 10px);
}
.banner.account .account-link p {
  margin: 0;
  padding: 0;
}
.banner.account .account-link p a.button {
  clip-path: none;
  cursor: pointer;
  padding: 10px 40px;
  border-radius: 10px;
}
.banner.account .account-link p a.button::before {
  display: none;
}
.banner.account .account-link p a:hover,
.banner.account .account-link p a:active {
  border-bottom: none;
}
@media (max-width: 800px) {
  .banner.account .account-title,
  .banner.account .account-link {
    float: none;
    text-align: left;
    width: 90%;
    margin: 10px 5%;
    padding: 0;
  }
  .banner.account .account-title {
    padding-top: 120px;
  }
}
a:link,
a:visited {
  color: #0078B4;
}
a:link.button,
a:visited.button {
  border-radius: 4px;
  color: #fff !important;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  background-color: #0078B4;
  clip-path: none;
}
a:link.button.green,
a:visited.button.green {
  background-color: #31c961;
}
a:link.button.red,
a:visited.button.red {
  background-color: #cc241D;
}
a:link.button.add,
a:visited.button.add,
a:link.button.edit,
a:visited.button.edit,
a:link.button.back,
a:visited.button.back {
  background-color: #31c961;
}
a:link.button.delete,
a:visited.button.delete {
  background-color: #cc241D;
}
a:link.button:before,
a:visited.button:before {
  display: none;
}
a:hover.button.green,
a:active.button.green {
  background-color: #167E00;
}
a:hover.button.red,
a:active.button.red {
  background-color: #990000;
}
input[type=submit].green,
input[type=button].green {
  background-color: #167E00;
}
div.qq-upload-button div,
input[type=button],
input[type=submit],
.submit {
  border-radius: 4px;
  color: #fff;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  background-color: #0078B4;
}
div.qq-upload-button div.edit,
input[type=button].edit,
input[type=submit].edit,
.submit.edit {
  background-color: #31c961;
}
div.qq-upload-button div.delete,
input[type=button].delete,
input[type=submit].delete,
.submit.delete {
  background-color: #cc241D;
}
div.qq-upload-button div {
  background-color: #31c961;
  width: auto;
  max-width: 120px;
  margin-top: 5px;
  font-size: 15px;
  white-space: nowrap;
}
div.buttons {
  text-align: right;
  width: 100%;
}
div.buttons.center {
  text-align: center !important;
  margin-top: 50px;
}
div.buttons a.large-view-button {
  padding: 10px 40px;
  text-align: center;
  border-radius: 10px;
  font-weight: 700;
  font-size: 20px;
  text-decoration: none;
  text-transform: uppercase;
}
div.buttons a.large-view-button:link,
div.buttons a.large-view-button:visited {
  border: 2px solid #167E00;
  color: #167E00 !important;
  background-color: #fff;
}
div.buttons a.large-view-button:hover,
div.buttons a.large-view-button:active {
  background-color: #167E00;
  color: #fff !important;
  text-decoration: none!important;
}
input[type=password],
input[type=text],
input[type=number],
select,
textarea {
  border: 1px solid #e7e7e7 !important;
  padding: 12px 8px !important;
  width: 100%;
}
input[type=password]:hover,
input[type=text]:hover,
input[type=number]:hover,
select:hover,
textarea:hover,
input[type=password]:active,
input[type=text]:active,
input[type=number]:active,
select:active,
textarea:active {
  border: 1px solid #aeaeae !important;
}
select {
  padding: 12px 28px 12px 8px !important;
}
section.content {
  clear: both;
  position: relative;
  *zoom: 1;
  display: table;
  width: 100%;
  background-color: #fff;
}
section.content:before,
section.content:after {
  content: " ";
  display: table;
}
section.content:after {
  clear: both;
}
section.content .builder-toc {
  display: none;
  float: right;
  border-left: 2px solid #31c961;
  background-color: #fafafa;
  padding: 10px;
  min-width: 250px;
  max-width: 500px;
}
section.content .builder-toc p {
  margin: 0;
  padding: 0;
}
section.content .builder-toc p span {
  display: block;
}
section.content .builder-toc p span > em {
  font-size: 14px;
  margin: 0;
  padding: 0;
  display: inline;
}
section.content .builder-toc.fixed {
  position: fixed;
  right: 10px;
}
section.content .builder-toc ul {
  margin: 20px 0 0 0;
  padding: 0;
  list-style-type: none;
}
section.content .builder-toc ul li {
  margin: 0;
  padding: 0 0 10px 0;
}
section.content .mini-msg {
  padding: 0;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
}
section.content .mini-msg.success p {
  background-color: #167E00;
}
section.content .mini-msg.warning p {
  background-color: #AAAA00;
}
section.content .mini-msg.error p {
  background-color: #990000;
}
section.content .mini-msg p {
  opacity: 1;
  z-index: 10000;
  color: #fff;
  padding: 20px;
  margin: 0;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
section.content .mini-msg p img {
  width: 50px;
  height: 50px;
  display: none;
  margin: 0 auto;
}
section.content .msg {
  border: 1px solid #aaa;
  border-radius: 10px;
  margin-bottom: 20px;
  *zoom: 1;
  padding: 0;
  display: flex;
  clear: both;
  background-color: #fafafa;
}
section.content .msg:before,
section.content .msg:after {
  content: " ";
  display: table;
}
section.content .msg:after {
  clear: both;
}
section.content .msg h2 {
  font-size: 20px;
  font-weight: 900;
  background-color: transparent;
}
section.content .msg p {
  font-size: 16px;
}
section.content .msg h2,
section.content .msg p {
  color: #5c5c5c;
  margin: 0;
  padding: 0;
}
section.content .msg ul {
  margin: 0;
  padding: 0 0 0 0;
  list-style-type: none;
}
section.content .msg span.icon {
  float: left;
  min-height: 50px;
  width: 72px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 10px;
}
section.content .msg div.content {
  float: right;
  width: calc(100% - 80px);
  vertical-align: middle;
  margin: 0;
  padding: 10px;
}
section.content .msg div.content.messageonly p {
  margin: 15px 10px;
  font-weight: 700;
}
section.content .msg div.content.titleonly h2 {
  margin: 15px 10px;
}
section.content .msg.notice span.info,
section.content .msg.notice span.icon {
  background: #aeaeae url(../img/icons/intengine-icon-white-blue.svg) no-repeat 50% 50%;
  background-size: 50%;
}
section.content .msg.success span.icon {
  background: #174f73 url(../img/icons/intengine-icon-white-green.svg) no-repeat 50% 50%;
  background-size: 50%;
}
section.content .msg.error span.icon {
  background: #cc241D url(../img/icons/msg-error.svg) no-repeat 50% 50%;
  background-size: 50%;
}
section.content .msg.warning span.icon {
  background: #AAAA00 url(../img/icons/intengine-icon-white-green.svg) no-repeat 50% 50%;
  background-size: 50%;
}
section.content .infoText {
  display: none;
  float: right;
  border-top: 3px solid #aeaeae;
  border-bottom: 1px solid #aeaeae;
  border-right: 1px solid #aeaeae;
  border-left: 1px solid #aeaeae;
  background-color: #fafafa;
  width: 100%;
  max-width: 200px;
  color: #5c5c5c;
  margin-top: 10px;
  padding: 20px 20px 40px 20px;
  background: transparent url(../img/icons/help.svg) no-repeat calc(100% - 20px) calc(100% - 20px);
  background-size: 40px;
}
@media (max-width: 900px) {
  section.content .infoText {
    width: 100%;
    max-width: 100%;
    margin: 0;
    float: none;
  }
}
section.content form {
  width: 100%;
  max-width: 1200px;
  margin-bottom: 40px;
  *zoom: 1;
}
section.content form:before,
section.content form:after {
  content: " ";
  display: table;
}
section.content form:after {
  clear: both;
}
section.content form#question textarea#label,
section.content form#question textarea#description {
  height: 90px;
  line-height: 1.5;
}
section.content form #categoryIdContainer .checkboxList {
  overflow: auto;
  max-height: 400px;
  margin: 0 0 30px 0;
}
section.content form.filterForm {
  position: relative;
}
section.content form.filterForm > fieldset {
  float: left;
  width: calc(100% - 150px);
  position: relative;
  z-index: 100;
}
section.content form.filterForm div.buttons {
  position: absolute;
  right: 20px;
  bottom: 10px;
  z-index: 10;
}
section.content form.filterForm fieldset > div {
  float: left;
  width: 265px;
  margin: 8px 5px 0 5px;
}
section.content form.filterForm fieldset > div:first-child {
  margin: 8px 5px 0 5px;
}
section.content form.filterForm fieldset > div:last-child {
  margin: 8px 0 0 5px;
}
section.content form.filterForm fieldset > div > label {
  max-height: 25px!important;
  overflow: hidden;
}
@media (max-width: 800px) {
  section.content form.filterForm fieldset > div {
    width: 48%;
    margin: 8px 5px 0 5px;
  }
  section.content form.filterForm fieldset > div:first-child,
  section.content form.filterForm fieldset > div:last-child {
    margin: 8px 10px 0 10px;
  }
}
@media (max-width: 600px) {
  section.content form.filterForm fieldset > div {
    width: 98%;
    margin: 8px 1%;
  }
}
section.content form.filterForm fieldset > div div {
  margin: 0 !important;
  width: 100% !important;
}
section.content form.filterForm .checkboxList div {
  margin: 5px 0;
}
section.content form.filterForm .buttons {
  margin: 0;
}
section.content form.filterForm .buttons input[type=submit] {
  padding: 8px 12px;
  font-size: 15px;
}
section.content form.filterForm .buttons,
section.content form.filterForm .buttons .cancelLink {
  font-size: 14px;
}
@media (max-width: 900px) {
  section.content form {
    width: 100%;
    max-width: 100%;
    margin: 0;
    float: none;
  }
}
section.content form .cancelLink {
  color: #31c961;
}
section.content form.plainFieldset {
  margin: 0;
  padding: 0;
}
section.content form.plainFieldset fieldset {
  display: none;
}
section.content form.plainFieldset div.buttons {
  text-align: left;
  margin: 0 0 50px 100px;
  padding: 0;
}
section.content form fieldset {
  max-width: 100% !important;
  margin: 10px 0;
  padding: 10px;
  background-color: #fafafa;
  border-top: 1px solid #167E00;
}
section.content form fieldset legend {
  margin: 0 0 0 0;
  padding: 0 4px;
  color: #174f73;
}
section.content form fieldset.collapsible legend {
  cursor: pointer;
  margin: 0 0 0 -10px;
  padding: 0 4px 0 18px;
  background: transparent url(../img/icons/triangle-down.svg) 0 50% no-repeat;
  background-size: 14px;
}
section.content form fieldset.closed > * {
  display: none;
}
section.content form fieldset.closed > legend {
  display: block !important;
}
section.content form fieldset.closed legend {
  background: transparent url(../img/icons/triangle-right.svg) 0 50% no-repeat;
  background-size: 14px;
}
section.content form fieldset > div,
section.content form fieldset > div.options > div,
section.content form fieldset > div.options > div > div {
  margin: 10px 0.5% !important;
  width: 99%;
}
section.content form fieldset > div.half,
section.content form fieldset > div.options > div.half,
section.content form fieldset > div.options > div > div.half {
  float: left;
  width: calc(98% / 2);
  margin: 0 0.5% !important;
}
section.content form fieldset > div.third,
section.content form fieldset > div.options > div.third,
section.content form fieldset > div.options > div > div.third,
section.content form fieldset > div.one-third,
section.content form fieldset > div.options > div.one-third,
section.content form fieldset > div.options > div > div.one-third {
  float: left;
  width: calc(97% / 3);
  margin: 0 0.5% !important;
}
section.content form fieldset > div.two-third,
section.content form fieldset > div.options > div.two-third,
section.content form fieldset > div.options > div > div.two-third {
  float: left;
  width: calc(97% / 1.5);
  margin: 0 1% !important;
}
section.content form fieldset > div.quarter,
section.content form fieldset > div.options > div.quarter,
section.content form fieldset > div.options > div > div.quarter {
  width: 23%;
  float: left;
}
section.content form fieldset > div.NSWAT_UI_HTMLEditor div,
section.content form fieldset > div.options > div.NSWAT_UI_HTMLEditor div,
section.content form fieldset > div.options > div > div.NSWAT_UI_HTMLEditor div {
  width: 100%;
  margin: 0;
}
section.content form fieldset > div .checkboxList,
section.content form fieldset > div.options > div .checkboxList,
section.content form fieldset > div.options > div > div .checkboxList {
  max-height: 500px;
  overflow: auto;
}
section.content form fieldset > div .checkboxList > div.NSWAT_UI_Checkbox,
section.content form fieldset > div.options > div .checkboxList > div.NSWAT_UI_Checkbox,
section.content form fieldset > div.options > div > div .checkboxList > div.NSWAT_UI_Checkbox {
  margin: 0 0 10px 0;
}
section.content form fieldset > div.CheckboxList > label,
section.content form fieldset > div.options > div.CheckboxList > label,
section.content form fieldset > div.options > div > div.CheckboxList > label {
  margin-bottom: 5px;
}
section.content form fieldset > div label,
section.content form fieldset > div.options > div label,
section.content form fieldset > div.options > div > div label {
  color: #53575a;
}
section.content form fieldset > div label.required,
section.content form fieldset > div.options > div label.required,
section.content form fieldset > div.options > div > div label.required {
  color: #5c5c5c;
  font-weight: 700;
}
section.content form fieldset > div label.required:after,
section.content form fieldset > div.options > div label.required:after,
section.content form fieldset > div.options > div > div label.required:after {
  content: "*";
  color: #cc241D;
}
section.content #productTypeIdContainer {
  display: none;
}
section.content #sustainableDevelopmentGoalsContainer {
  clear: both;
}
section.content #attributesContainer > .checkboxList {
  *zoom: 1;
}
section.content #attributesContainer > .checkboxList:before,
section.content #attributesContainer > .checkboxList:after {
  content: " ";
  display: table;
}
section.content #attributesContainer > .checkboxList:after {
  clear: both;
}
section.content #attributesContainer > .checkboxList > div {
  display: none;
}
section.content #attributesContainer > .checkboxList > span {
  float: left;
  width: 49%;
  margin-right: 1%;
}
section.content #attributesContainer > .checkboxList > span .NSWAT_UI_Checkbox {
  margin: 0;
}
section.content #attributesContainer .NSWAT_UI_Checkbox {
  position: relative;
}
section.content #attributesContainer .NSWAT_UI_Checkbox .tooltiptext {
  visibility: visible;
  opacity: 1;
  visibility: hidden;
  max-width: 100%;
  background-color: #555;
  color: #fff;
  text-align: left;
  padding: 12px;
  border-radius: 6px;
  margin-bottom: 0;
  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 80%;
  left: 25px;
  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 1s;
}
section.content #attributesContainer .NSWAT_UI_Checkbox .tooltiptext p,
section.content #attributesContainer .NSWAT_UI_Checkbox .tooltiptext li {
  margin: 2px;
  padding: 2px;
  color: #fff;
}
section.content #attributesContainer .NSWAT_UI_Checkbox .tooltiptext ul,
section.content #attributesContainer .NSWAT_UI_Checkbox .tooltiptext ol {
  margin: 2px 20px;
  padding: 2px 20px;
}
section.content #attributesContainer .NSWAT_UI_Checkbox .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
section.content #attributesContainer .NSWAT_UI_Checkbox label:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
section.content div.createCampaignWrapper ul.createCampaign {
  *zoom: 1;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
section.content div.createCampaignWrapper ul.createCampaign:before,
section.content div.createCampaignWrapper ul.createCampaign:after {
  content: " ";
  display: table;
}
section.content div.createCampaignWrapper ul.createCampaign:after {
  clear: both;
}
section.content div.createCampaignWrapper ul.createCampaign li {
  float: left;
  width: 100%;
  margin: 0 0 0 0;
  padding: 40px 25px;
  background-color: #fafafa;
  text-align: center;
}
section.content div.createCampaignWrapper ul.createCampaign li:last-child {
  margin: 0;
}
section.content div.createCampaignWrapper ul.createCampaign li:hover {
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(88, 173, 221, 0.5);
}
section.content div.createCampaignWrapper ul.createCampaign li h2 {
  font-size: 14px;
  text-transform: uppercase;
  padding: 0 20px;
}
section.content div.createCampaignWrapper ul.createCampaign li h3 {
  font-size: 15px;
  font-family: "Source Sans Pro", sans-serif;
}
section.content div.createCampaignWrapper ul.otherAdvertising {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
section.content div.createCampaignWrapper ul.otherAdvertising li {
  margin: 5px 0;
  padding: 25px 15px 20px 30px;
  background-color: #fafafa;
}
section.content div.createCampaignWrapper ul.otherAdvertising li h2 {
  font-size: 14px;
  font-weight: 900;
  font-family: Lato, sans-serif;
  text-transform: uppercase;
  margin: 4px 0;
  padding: 0;
}
section.content div.createCampaignWrapper ul.otherAdvertising li p {
  margin: 4px 0;
  padding: 0;
}
section.content div.createCampaignWrapper ul.otherAdvertising li p.pricing {
  float: right;
  font-size: 14px;
  margin: 0 15px 0 0;
}
section.content .ads h1.form {
  display: inline;
}
section.content .ads p.inline {
  display: inline;
  margin: 0 10px;
}
section.content .ads #advertCategoryAd .buttons {
  clear: both;
  width: 700px;
}
section.content .ads #advertCategoryAd div {
  margin: 0 0 20px 0;
}
section.content .ads #advertCategoryAd .thumbnail {
  float: left;
  width: 200px;
  margin: 0 40px 0 0;
  padding: 0;
}
section.content .ads #advertCategoryAd .fields {
  float: left;
  width: 450px;
  margin: 0 0 0 20px;
  padding: 0;
}
section.content .ads #advertCategoryAd #imageContainer {
  *zoom: 1;
  float: left;
  border: 3px dashed #e7e7e7;
  width: 200px;
  margin: 0;
  color: #e7e7e7;
}
section.content .ads #advertCategoryAd #imageContainer:before,
section.content .ads #advertCategoryAd #imageContainer:after {
  content: " ";
  display: table;
}
section.content .ads #advertCategoryAd #imageContainer:after {
  clear: both;
}
section.content .ads #advertCategoryAd #imageContainer #image_Wrapper {
  margin: 0;
  padding: 0;
}
section.content .ads #advertCategoryAd #imageContainer .album-photos {
  margin: 0 auto!important;
  text-align: center;
}
section.content .ads #advertCategoryAd #imageContainer .qq-uploader {
  margin: 0;
}
section.content .ads #advertCategoryAd #imageContainer .qq-upload-button {
  background: transparent url(../img/upload.png) no-repeat 50% 30% !important;
  background-size: 20px;
  display: block;
  margin: 0 !important;
  padding: 60px 20px 20px 20px !important;
  text-align: center;
  color: #000;
  width: auto !important;
}
section.content .ads #advertCategoryAd #imageContainer .qq-upload-button input {
  height: 100%;
}
section.content .ads #advertCategoryAd #imageContainer .qq-upload-button div {
  font-size: 13px;
}
section.content .ads #advertCategoryAd #imageContainer .photo {
  border: 1px solid #e7e7e7;
  margin: 5px;
}
section.content .ads #advertCategoryAd #imageContainer .photo .photoHeader {
  padding: 3px;
  border-bottom: none;
  height: 0 !important;
  margin: 0 !important;
}
section.content .ads #advertCategoryAd #imageContainer .photo .inputs {
  border-top: none;
}
section.content .ads #advertCategoryAd #startDateContainer {
  width: 220px;
  float: left;
  margin: 0 10px 0 0;
}
section.content .ads #advertCategoryAd #durationContainer {
  width: 220px;
  float: left;
  margin: 0;
}
section.content .adSubtotal {
  width: 100%;
  max-width: 700px;
}
section.content .adSubtotal thead tr th {
  background-color: #31c961;
  color: #fff;
  font-weight: normal;
  padding: 10px 20px;
  text-align: left;
  font-size: 15px;
}
section.content .adSubtotal tbody tr td {
  padding: 10px 20px;
  border-bottom: 1px solid #e7e7e7;
  font-size: 15px;
}
section.content div.terms ul {
  margin: 0;
  padding: 10px 0 0 20px;
}
section.content div.terms ul li {
  margin: 0;
  padding: 0 0 2px 0 ;
}
section.content h2.total {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
section.content p.total {
  color: #31c961;
  font-size: 32px;
  margin: 0;
  padding: 0;
}
section.content p.destination {
  margin: 0;
  padding: 0 0 10px 0;
  font-weight: bold;
}
section.content #homePageContainer {
  padding: 0;
}
section.content #homePageContainer .checkboxList {
  padding: 0;
}
section.content .adInfo {
  float: left;
  width: 460px;
  margin: 15px 0 35px 0;
}
section.content .adInfo div {
  clear: both;
  margin-bottom: 20px;
}
section.content .adInfo div label {
  float: left;
  width: 90px;
  color: #aeaeae;
}
section.content .adInfo div span {
  font-size: 13px;
  color: #aeaeae;
  display: block;
  margin-left: 90px;
}
section.content .adThumbnail {
  float: left;
  width: 200px;
  margin: 15px 40px 35px 0;
}
section.content .adThumbnail img {
  width: 200px;
  padding: 1px;
  border: 1px solid #e7e7e7;
}
section.content .adThumbnail img:hover {
  border: 1px solid #e7e7e7;
}
section.content .adThumbnail a {
  padding-top: 10px;
  text-align: center;
  display: block;
}
section.content .adPricing {
  clear: both;
  width: 700px;
  display: block;
}
section.content .adPricing p.goBack {
  display: block;
  clear: both;
}
section.content #listingTypeIdsContainer.CheckboxList .checkboxList {
  *zoom: 1;
}
section.content #listingTypeIdsContainer.CheckboxList .checkboxList:before,
section.content #listingTypeIdsContainer.CheckboxList .checkboxList:after {
  content: " ";
  display: table;
}
section.content #listingTypeIdsContainer.CheckboxList .checkboxList:after {
  clear: both;
}
section.content #listingTypeIdsContainer.CheckboxList .checkboxList .NSWAT_UI_Checkbox {
  float: left;
  width: 49%;
}
section.content #environmentalAttributesContainer,
section.content #socialAttributesContainer,
section.content #industry-attributes > div.CheckboxList {
  float: left;
  width: 48%;
}
section.content form#categories .buttons {
  float: right;
  position: relative;
  z-index: 1000;
}
section.content div.deleteListing {
  clear: both;
  width: 50%;
  font-weight: 300;
  color: #5c5c5c;
  min-width: 300px;
  background-color: #fafafa;
  border: 4px solid #aeaeae;
  margin: 80px auto 20px auto;
  padding: 6px 20px;
  text-align: center;
}
section.content div.deleteListing a:link,
section.content div.deleteListing a:visited {
  color: #174f73;
  font-weight: 400;
}
section.content div.plan-summary {
  text-align: right;
  margin-bottom: 0;
}
section.content div.plans div.plan {
  margin-top: 50px;
}
section.content div.plans div.plan.leader {
  margin-top: 0;
}
section.content div.plans.sidebar {
  float: right;
  margin: 40px 0 0 40px;
  width: 55%;
  max-width: 600px;
}
section.content div.plans.sidebar div.plan {
  margin: 0;
  width: 100%;
}
section.content div.plans.sidebar div.plan p.button {
  display: none;
}
section.content div.plans.sidebar div.plan .reporting-checkbox {
  display: none;
}
section.content form.subscribeForm.hide-fieldset {
  max-width: 800px;
  float: none;
  width: 100%;
}
section.content form.subscribeForm.hide-fieldset div.buttons {
  text-align: center;
}
section.content div.plans.sidebar.clear {
  float: none;
  clear: both;
  max-width: 800px;
  width: 100%;
  margin: 40px 0 0 0;
}
@media (max-width: 1200px) {
  section.content form.subscribeForm,
  section.content div.plans.sidebar {
    float: none;
    clear: both;
    width: 96% !important;
    max-width: 800px;
  }
  section.content div.plans.sidebar {
    margin: 0;
    float: none;
    clear: both;
  }
  section.content div.plans.sidebar div.plan {
    margin: 40px 0 0 0;
  }
}
section.content form.subscribeForm {
  float: left;
  width: 40%;
  margin: 40px 0 0 0;
}
section.content form.subscribeForm fieldset {
  max-width: 100%;
}
section.content form.subscribeForm fieldset span.helpText {
  color: #5c5c5c;
}
section.content .NSWAT_UI_DataTable_NumRows {
  display: none;
}
section.content div.radio,
section.content div.plans {
  margin: 40px auto 0 auto;
}
section.content form.actionForm {
  width: 100%;
  max-width: 100%;
}
section.content form.actionForm fieldset {
  border-top: none;
  margin-top: 0;
  background-color: transparent;
  margin: 0 !important;
  padding: 0!important;
}
section.content form.actionForm fieldset div {
  *zoom: 1;
  margin: 0;
}
section.content form.actionForm fieldset div:before,
section.content form.actionForm fieldset div:after {
  content: " ";
  display: table;
}
section.content form.actionForm fieldset div:after {
  clear: both;
}
section.content form.actionForm fieldset div.actionForm {
  margin: 0 !important;
  padding: 0!important;
}
section.content form.actionForm fieldset div label {
  float: left;
  width: auto;
  margin-top: 10px;
  margin-right: 5px;
}
section.content form.actionForm fieldset div select {
  float: left;
  width: 400px;
  margin-right: 10px;
}
section.content form.actionForm fieldset div input[type=submit] {
  float: left;
  margin-top: 3px;
}
section.content table.DataTable {
  width: 100%;
  min-width: 350px;
}
section.content table.DataTable thead tr.NSWAT_filter {
  display: none;
}
section.content table.DataTable thead tr th {
  text-align: left;
  margin: 0;
  padding: 8px 10px;
  font-weight: 400;
}
section.content table.DataTable thead tr th.sorted img {
  max-width: 18px;
  margin-left: 5px;
  margin-top: -5px;
}
section.content table.DataTable thead tr th a:link,
section.content table.DataTable thead tr th a:visited {
  color: #fff;
  text-decoration: none;
}
section.content table.DataTable thead tr th.NSWAT_action {
  width: calc(30px * 1);
  white-space: nowrap;
  *zoom: 1;
}
section.content table.DataTable thead tr th.NSWAT_action:before,
section.content table.DataTable thead tr th.NSWAT_action:after {
  content: " ";
  display: table;
}
section.content table.DataTable thead tr th.NSWAT_action:after {
  clear: both;
}
section.content table.DataTable thead tr th.NSWAT_action.size-1 {
  width: calc(calc(30px + 10px) * 1) !important;
}
section.content table.DataTable thead tr th.NSWAT_action.size-2 {
  width: calc(calc(30px + 14px) * 2) !important;
}
section.content table.DataTable thead tr th.NSWAT_action.size-3 {
  width: calc(calc(30px + 10px) * 3) !important;
}
section.content table.DataTable tbody tr:nth-child(odd) td {
  background-color: #fdfdfd;
}
section.content table.DataTable tbody tr:nth-child(even) td {
  background-color: #f5f5f5;
}
section.content table.DataTable tbody tr:hover td {
  background-color: #e0fbe9;
}
section.content table.DataTable tbody tr.result td {
  background-color: #FFFFAA;
  font-size: 15px;
  font-style: italic;
}
section.content table.DataTable tbody tr.result td:first-child {
  padding-left: 40px;
}
section.content table.DataTable tbody tr td {
  border-bottom: 1px solid #e7e7e7;
  margin: 0;
  padding: 8px 10px;
}
section.content table.DataTable tbody tr td span.status {
  background-color: #0078B4;
  border-radius: 4px;
  padding: 4px 8px;
  color: #fff;
}
section.content table.DataTable tbody tr td span.status.submitted {
  background-color: #31c961;
}
section.content table.DataTable tbody tr td span.status.draft,
section.content table.DataTable tbody tr td span.status.draftinprogress {
  background-color: #AAAA00;
}
section.content table.DataTable tbody tr td span.status.approved {
  background-color: #167E00;
}
section.content table.DataTable tbody tr td .bar {
  font-size: 16px;
  background-color: #fafafa;
  border: 1px solid #aeaeae;
  position: relative;
  max-width: 200px;
  *zoom: 1;
}
section.content table.DataTable tbody tr td .bar:before,
section.content table.DataTable tbody tr td .bar:after {
  content: " ";
  display: table;
}
section.content table.DataTable tbody tr td .bar:after {
  clear: both;
}
section.content table.DataTable tbody tr td .bar:hover {
  border: 1px solid #5c5c5c;
  background-color: #e7e7e7;
}
section.content table.DataTable tbody tr td .bar div {
  padding: 2px 0;
  display: block;
  float: left;
}
section.content table.DataTable tbody tr td .bar div.bg {
  background-color: transparent;
  color: #5c5c5c;
  z-index: 10;
  width: 100%;
}
section.content table.DataTable tbody tr td .bar div.fg {
  background-color: #0078B4;
  color: #fff;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
section.content table.DataTable tbody tr td.chk {
  width: 1%;
  white-space: nowrap;
}
section.content table.DataTable tbody tr td.SurveyName,
section.content table.DataTable tbody tr td.name {
  white-space: nowrap;
}
section.content table.DataTable tbody tr td.action {
  width: calc(30px * 1);
  white-space: nowrap;
  display: table-cell;
  *zoom: 1;
}
section.content table.DataTable tbody tr td.action:before,
section.content table.DataTable tbody tr td.action:after {
  content: " ";
  display: table;
}
section.content table.DataTable tbody tr td.action:after {
  clear: both;
}
section.content table.DataTable tbody tr td.action.size-1 {
  min-width: calc(calc(30px + 10px) * 1);
  width: calc(calc(30px + 10px) * 1) !important;
  display: table-cell !important;
}
section.content table.DataTable tbody tr td.action.size-2 {
  min-width: calc(calc(30px + 14px) * 2);
  width: calc(calc(30px + 14px) * 2) !important;
  display: table-cell !important;
}
section.content table.DataTable tbody tr td.action.size-3 {
  min-width: calc(calc(30px + 10px) * 3);
  width: calc(calc(30px + 10px) * 3) !important;
  display: table-cell !important;
}
section.content table.DataTable tbody tr td.action a:link,
section.content table.DataTable tbody tr td.action a:visited,
section.content table.DataTable tbody tr td.action a:link.open-actions,
section.content table.DataTable tbody tr td.action a:visited.open-actions {
  cursor: pointer;
  float: left;
  clear: none;
  width: 30px;
  padding: 4px 10px;
  margin: 2px;
  border-radius: 4px;
  border: 1px solid #aeaeae;
  background-color: #fff !important;
  text-indent: -9999em;
  overflow: hidden;
  color: #5c5c5c;
  font-weight: 400;
  box-shadow: none;
  clip-path: none;
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
}
section.content table.DataTable tbody tr td.action a:link.open-actions,
section.content table.DataTable tbody tr td.action a:visited.open-actions {
  transition: none;
  color: #fff;
  background-color: transparent;
  background-image: url(../img/icons/more-icon-grey.svg);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: 50% 50%;
}
section.content table.DataTable tbody tr td.action a:hover,
section.content table.DataTable tbody tr td.action a:active,
section.content table.DataTable tbody tr td.action a:hover.open-actions,
section.content table.DataTable tbody tr td.action a:active.open-actions {
  border: 1px solid #aeaeae !important;
  background-color: #e7e7e7 !important;
  color: #fff !important;
}
section.content table.DataTable tbody tr td.action .table-actions {
  float: left;
  clear: none;
  width: 30px;
  margin: 0;
  font-size: 15px;
}
section.content table.DataTable tbody tr td.action .table-actions .table-action-shade {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0);
}
section.content table.DataTable tbody tr td.action .table-actions ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
section.content table.DataTable tbody tr td.action .table-actions ul li {
  margin: 0;
  padding: 0;
}
section.content table.DataTable tbody tr td.action .table-actions > ul > li {
  *zoom: 1;
  border-radius: 4px;
  position: relative;
}
section.content table.DataTable tbody tr td.action .table-actions > ul > li:before,
section.content table.DataTable tbody tr td.action .table-actions > ul > li:after {
  content: " ";
  display: table;
}
section.content table.DataTable tbody tr td.action .table-actions > ul > li:after {
  clear: both;
}
section.content table.DataTable tbody tr td.action .table-actions > ul > li ul {
  display: none;
}
section.content table.DataTable tbody tr td.action .table-actions > ul > li.expand > ul {
  width: calc(30px * 5);
  padding: 4px;
  background-color: #fff;
  display: block;
  position: absolute;
  right: -1px;
  margin-top: 2em;
  z-index: 10000;
  border: 1px solid #aeaeae;
  max-height: 250px;
  overflow-x: scroll;
}
section.content table.DataTable tbody tr td.action .table-actions > ul > li.expand > ul li {
  display: block;
  border-bottom: none;
}
section.content table.DataTable tbody tr td.action .table-actions > ul > li.expand > ul li a:link.button,
section.content table.DataTable tbody tr td.action .table-actions > ul > li.expand > ul li a:visited.button {
  text-indent: 0;
  padding: 6px 0 6px 4px !important;
  width: calc(100% - 4px) !important;
  align-items: center;
  display: flex !important;
  border: none !important;
  border-radius: 0 !important;
  color: #53575a !important;
  background-position: 4px 50% !important;
}
section.content table.DataTable tbody tr td.action .table-actions > ul > li.expand > ul li a:hover.button,
section.content table.DataTable tbody tr td.action .table-actions > ul > li.expand > ul li a:active.button {
  border: none !important;
  background-color: #e7e7e7 !important;
  color: #5c5c5c !important;
}
section.content form#goals fieldset.targets .CheckboxList {
  margin: 0;
  clear: both;
  padding: 0;
}
section.content form#goals fieldset.targets .CheckboxList label {
  font-weight: bold;
}
section.content form#goals fieldset.targets .CheckboxList .checkboxList {
  margin: 0 20px;
  padding: 10px 0 30px 0;
  *zoom: 1;
}
section.content form#goals fieldset.targets .CheckboxList .checkboxList:before,
section.content form#goals fieldset.targets .CheckboxList .checkboxList:after {
  content: " ";
  display: table;
}
section.content form#goals fieldset.targets .CheckboxList .checkboxList:after {
  clear: both;
}
section.content form#goals fieldset.targets .CheckboxList .checkboxList label {
  font-weight: normal;
  height: auto !important;
  min-height: 16px !important;
  background-position: 0 10%;
}
section.content form#goals fieldset.field_goals .NSWAT_UI_Checkbox {
  display: block;
  float: left;
}
section.content form#goals fieldset.field_goals label[for="sustainableDevelopmentGoals"] {
  display: none;
}
section.content form#goals fieldset.field_goals div#sustainableDevelopmentGoalsContainer {
  width: 100%;
  margin: 0 0 20px 0;
}
section.content form#goals fieldset.field_goals div#sustainableDevelopmentGoalsContainer input[type="checkbox"] {
  display: none;
}
section.content form#goals fieldset.field_goals div#sustainableDevelopmentGoalsContainer input[type="checkbox"] ~ label {
  width: 150px;
  height: 150px;
  padding: 0;
  text-indent: -9999em;
  float: left;
  margin: 3px;
  background-size: cover;
  overflow: hidden;
  cursor: pointer;
  opacity: 0.3;
}
section.content form#goals fieldset.field_goals div#sustainableDevelopmentGoalsContainer input[type="checkbox"]:checked ~ label {
  opacity: 1;
}
section.content form#goals fieldset.field_goals div#sustainableDevelopmentGoalsContainer .checkboxList > div {
  width: auto;
  margin: 0;
}
section.content form#goals fieldset.field_editors .NSWAT_UI_HTMLEditor,
section.content form#goals fieldset.field_editors .Textarea {
  display: none;
}
section.content form#goals fieldset.field_editors .NSWAT_UI_HTMLEditor.active,
section.content form#goals fieldset.field_editors .Textarea.active {
  display: block;
}
section.content aside.account {
  z-index: 9999;
  display: table-cell;
  transition: all ease-in-out 100ms;
  margin: 0;
  border-radius: 0;
  height: 100%;
  padding: 0 0 30px 0;
  width: 290px;
  position: relative;
  background-color: #e1e5e9;
}
section.content aside.account a.sidebar-toggle:link,
section.content aside.account a.sidebar-toggle:visited {
  color: #fff;
  text-decoration: none;
  overflow: hidden;
  display: block;
  position: absolute;
  transition: none;
  top: 30px;
  right: 15px;
  left: auto;
  width: 20px;
  height: 20px;
  padding-left: 26px;
  background: transparent url(../img/icons/sidebar-collapse-green.svg) no-repeat 0 50%;
  background-size: 16px 16px;
}
section.content aside.account a.sidebar-toggle:link.collapse,
section.content aside.account a.sidebar-toggle:visited.collapse {
  right: 0;
  left: 40px;
  background: transparent url(../img/icons/sidebar-expand-green.svg) no-repeat 0 50%;
  background-size: 16px 16px;
}
section.content aside.account li {
  padding-left: 30px;
}
section.content aside.account li.open {
  background-color: #d1d6db;
}
section.content aside.account a.sidebar-toggle:hover,
section.content aside.account a.sidebar-toggle:active {
  background: transparent url(../img/icons/sidebar-collapse-blue.svg) no-repeat 0 50%;
  background-size: 16px 16px;
}
section.content aside.account a.sidebar-toggle:hover.collapse,
section.content aside.account a.sidebar-toggle:active.collapse {
  background: transparent url(../img/icons/sidebar-expand-blue.svg) no-repeat 0 50%;
  background-size: 16px 16px;
}
section.content aside.account.collapse {
  width: 84px !important;
  max-width: 84px !important;
  overflow: hidden;
  padding: 0 0 10px 0;
}
section.content aside.account.collapse nav ul {
  margin-top: 20px;
}
section.content aside.account.collapse nav ul li.notifications {
  position: relative;
}
section.content aside.account.collapse nav ul li.notifications span.badge {
  position: absolute;
  top: 2px;
  right: 10px;
}
section.content aside.account.collapse nav ul li {
  padding: 10px 0 10px 10px !important;
  margin-bottom: 10px;
}
section.content aside.account.collapse nav ul li a:link,
section.content aside.account.collapse nav ul li a:visited {
  display: block;
  clear: both;
  font-size: 10px;
  padding: 32px 4px 0 4px;
  text-align: center;
  background-position: 50% calc(50% - 6px);
}
section.content aside.account.collapse nav ul li ul li {
  padding-left: 0 !important;
}
section.content aside.account.collapse nav ul li.active > a:link,
section.content aside.account.collapse nav ul li.active > a:visited {
  padding: 32px 4px 0!important;
  background-position: 50% calc(50% - 6px) !important;
}
section.content aside.account a.showMenu {
  display: none;
}
section.content aside.account.fixed {
  position: fixed;
  top: 80px;
}
section.content aside.account.bottom {
  position: relative;
}
section.content aside.account.bottom nav {
  position: absolute;
  bottom: 50px;
  width: 90%;
  right: 0;
}
section.content aside.account nav > ul {
  margin-top: 80px !important;
}
section.content aside.account ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
section.content aside.account ul li {
  margin: 0;
  padding: 5px 0;
  background-repeat: no-repeat;
}
section.content aside.account ul li span.badge {
  color: #fff;
  background-color: #cc241D;
  border-radius: 25%;
  padding: 2px 6px;
  margin: 0 0 0 10px;
  font-size: 14px;
}
section.content aside.account ul li a:link,
section.content aside.account ul li a:visited {
  color: #34424c;
  display: block;
  font-weight: normal;
  font-size: 16px;
  padding: 10px 30px 10px 30px;
  text-decoration: none;
  transition: none;
}
section.content aside.account ul li a:hover,
section.content aside.account ul li a:active {
  text-decoration: none;
  color: #0078B4;
}
section.content aside.account ul li.resources > a,
section.content aside.account ul li.account > a,
section.content aside.account ul li.hub > a {
  position: relative;
}
section.content aside.account ul li.resources > a:before,
section.content aside.account ul li.account > a:before,
section.content aside.account ul li.hub > a:before {
  position: absolute;
  top: 50%;
  left: 8px;
  width: 6px;
  height: 6px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  content: "";
  transform: translateY(-50%) rotate(-45deg);
  transform-origin: 50% 50%;
}
section.content aside.account ul li.resources.open > a:before,
section.content aside.account ul li.account.open > a:before,
section.content aside.account ul li.hub.open > a:before {
  transform: translateY(-65%) rotate(45deg);
}
section.content aside.account ul li ul li {
  padding: 0 0 0 0 !important;
  margin-left: 4px !important;
}
section.content aside.account ul li ul li:not(.active):hover {
  background-color: #c3c9ce;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
section.content aside.account ul li ul li a:link,
section.content aside.account ul li ul li a:visited {
  padding: 10px 30px 10px calc(30px + 30px);
}
section.content aside.account ul li.active {
  padding: 0 0 0 0 !important;
  margin-left: 10px !important;
  font-weight: 700;
  background-color: #fff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
section.content aside.account ul li.active > a:link,
section.content aside.account ul li.active > a:visited {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  padding-left: 50px !important;
  color: #34424c;
}
section.content aside.account ul li.active > a:hover,
section.content aside.account ul li.active > a:active {
  background-color: #fff;
}
section.content aside.account ul li.home a {
  background-image: url(../img/icons/home-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.home.active a {
  background-image: url(../img/icons/home-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.survey-requests a {
  background-image: url(../img/icons/surveys-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.survey-requests.active a {
  background-image: url(../img/icons/surveys-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.evaluater a {
  background-image: url(../img/icons/evaluater-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.evaluater.active a {
  background-image: url(../img/icons/evaluater-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.account a,
section.content aside.account ul li.admin a {
  background-image: url(../img/icons/account-billing-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.sustainability-directory a,
section.content aside.account ul li.profile a {
  background-image: url(../img/icons/profile-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.password a {
  background-image: url(../img/icons/password-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.sustainability-directory.active a,
section.content aside.account ul li.profile.active a {
  background-image: url(../img/icons/profile-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.support a {
  background-image: url(../img/icons/knowledge-base-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.support.active a {
  background-image: url(../img/icons/knowledge-base-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.dashboards a {
  background-image: url(../img/icons/dashboard-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.dashboards.active a {
  background-image: url(../img/icons/dashboard-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.connections a {
  background-image: url(../img/icons/connect-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.connections.active a {
  background-image: url(../img/icons/connect-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.contacts a {
  background-image: url(../img/icons/contacts-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.contacts.active a {
  background-image: url(../img/icons/contacts-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.surveys a {
  background-image: url(../img/icons/surveys-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.surveys.active a {
  background-image: url(../img/icons/surveys-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.forms a {
  background-image: url(../img/icons/forms-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.forms.active a {
  background-image: url(../img/icons/forms-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.combinedscores a {
  background-image: url(../img/icons/combined-scoring-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.approvals a {
  background-image: url(../img/icons/approve-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.approvals.active a {
  background-image: url(../img/icons/approve-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.approval-systems a {
  background-image: url(../img/icons/approve-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.approval-systems.active a {
  background-image: url(../img/icons/approve-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.reports a {
  background-image: url(../img/icons/reporting-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.reports.active a {
  background-image: url(../img/icons/reporting-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.resources > a {
  background-image: url(../img/icons/resources-color.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.questions a {
  background-image: url(../img/icons/questions-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.questions.active a {
  background-image: url(../img/icons/questions-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.projects a {
  background-image: url(../img/icons/projects-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.projects.active a {
  background-image: url(../img/icons/projects-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.settings a {
  background-image: url(../img/icons/settings-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.settings.active a {
  background-image: url(../img/icons/settings-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.overview a {
  background-image: url(../img/icons/overview-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.overview.active a {
  background-image: url(../img/icons/overview-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.users a {
  background-image: url(../img/icons/users-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.users.active a {
  background-image: url(../img/icons/users-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.subscriptions a {
  background-image: url(../img/icons/subscriptions-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.subscriptions.active a {
  background-image: url(../img/icons/subscriptions-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.payment-methods a {
  background-image: url(../img/icons/payment-methods-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.payment-methods.active a {
  background-image: url(../img/icons/payment-methods-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.formstemplates a {
  background-image: url(../img/icons/template-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.formstemplates.active a {
  background-image: url(../img/icons/template-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.eva-profile a {
  background-image: url(../img/EvA.png);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.eva-profile.active a {
  background-image: url(../img/EvA.png);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.articles a {
  background-image: url(../img/icons/articles-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.articles.active a {
  background-image: url(../img/icons/articles-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.notifications a {
  background-image: url(../img/icons/form-responses-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.notifications.active a {
  background-image: url(../img/icons/form-responses-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.fields a {
  background-image: url(../img/icons/custom-field-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.fields.active a {
  background-image: url(../img/icons/custom-field-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.listings a {
  background-image: url(../img/icons/profile-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.listings.active a {
  background-image: url(../img/icons/profile-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.data-management a {
  background-image: url(../img/icons/data-management-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.categories a {
  background-image: url(../img/icons/categories-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.categories.active a {
  background-image: url(../img/icons/categories-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.certifications a {
  background-image: url(../img/icons/certifications-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.certifications.active a {
  background-image: url(../img/icons/certifications-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.description a {
  background-image: url(../img/icons/description-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.description.active a {
  background-image: url(../img/icons/description-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.info a {
  background-image: url(../img/icons/overview-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.info.active a {
  background-image: url(../img/icons/overview-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.sustainable-development-goals a {
  background-image: url(../img/icons/sdgs-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.sustainable-development-goals.active a {
  background-image: url(../img/icons/sdgs-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.locations a {
  background-image: url(../img/icons/locations-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.locations.active a {
  background-image: url(../img/icons/locations-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.listing-messages a {
  background-image: url(../img/icons/messages-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.listing-messages.active a {
  background-image: url(../img/icons/messages-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.reviews a {
  background-image: url(../img/icons/reviews-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.reviews.active a {
  background-image: url(../img/icons/reviews-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.badge a {
  background-image: url(../img/icons/badge-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.badge.active a {
  background-image: url(../img/icons/badge-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.widget a {
  background-image: url(../img/icons/widget-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.widget.active a {
  background-image: url(../img/icons/widget-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.listing-attributes a {
  background-image: url(../img/icons/listing-attributes-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.listing-attributes.active a {
  background-image: url(../img/icons/listing-attributes-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.search-directory a {
  background-image: url(../img/icons/search-directory-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.search-directory.active a {
  background-image: url(../img/icons/search-directory-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.certification-programs a {
  background-image: url(../img/icons/certification-programs-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.certification-programs.active a {
  background-image: url(../img/icons/certification-programs-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.photos a {
  background-image: url(../img/icons/photos-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.photos.active a {
  background-image: url(../img/icons/photos-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.products a {
  background-image: url(../img/icons/products-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.products.active a {
  background-image: url(../img/icons/products-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.listing-contacts a {
  background-image: url(../img/icons/contacts-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.listing-contacts.active a {
  background-image: url(../img/icons/contacts-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.services a {
  background-image: url(../img/icons/services-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.services.active a {
  background-image: url(../img/icons/services-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.documentation a {
  background-image: url(../img/icons/documentation-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.documentation.active a {
  background-image: url(../img/icons/documentation-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.support-article a {
  background-image: url(../img/icons/articles-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.support-article.active a {
  background-image: url(../img/icons/articles-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 60px;
}
section.content aside.account ul > li > ul > li.active > a:link,
section.content aside.account ul > li > ul > li.active > a:visited {
  background-position: 25px 50%;
}
section.content aside.account ul.buttons {
  list-style-type: none;
  margin-top: 60px !important;
}
section.content aside.account ul.buttons li a:link,
section.content aside.account ul.buttons li a:visited {
  background-color: #d1d6db;
  border-radius: 4px;
  width: 80%;
  margin: 0 15% 0 5%;
  font-size: 14px;
}
section.content aside.account ul.buttons li a:hover,
section.content aside.account ul.buttons li a:active {
  background-color: #c3c9ce;
}
section.content aside.account ul.buttons li.website a:link,
section.content aside.account ul.buttons li.website a:visited {
  background-image: url(../img/icons/website-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 10px 50%;
  padding-left: 40px;
}
section.content aside.account.collapse ul.buttons li.website a:link,
section.content aside.account.collapse ul.buttons li.website a:visited {
  background-image: url(../img/icons/website-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 50% 10px;
  padding-left: 0px;
}
section.content aside.account nav > ul > li > ul > li.active > a:link,
section.content aside.account nav > ul > li > ul > li.active > a:visited {
  padding-left: 50px !important;
}
section.content aside.account nav > ul > li > ul > li.analytics > a {
  font-weight: 900;
  font-size: 12px;
  text-transform: uppercase;
}
section.content aside.account nav > ul > li > ul > li.analytics > ul {
  font-weight: 400;
  max-height: 360px;
  overflow: scroll;
}
section.content aside.account nav > ul > li > ul > li.analytics > a:link,
section.content aside.account nav > ul > li > ul > li.analytics > a:visited {
  cursor: default;
}
section.content aside.account nav > ul > li > ul > li.analytics > a:hover,
section.content aside.account nav > ul > li > ul > li.analytics > a:active {
  background-color: transparent;
  cursor: default;
  color: #0078B4;
}
section.content aside.account nav > ul > li > ul > li > ul {
  margin: 0 0 0 16px;
}
section.content section.body {
  display: table-cell;
  padding: 50px;
  vertical-align: top;
  background-color: #eef0f1;
  width: calc(100% - 290px - 110px);
}
section.content section.body div.help-description {
  clear: both;
}
section.content section.body aside.help {
  background-color: #fdfdfd;
  border-bottom: 1px solid #c5c5c5;
  color: #34424c;
  margin: 0 0 10px 0;
  padding: 20px 10px;
}
section.content section.body aside.help img.icon {
  float: right;
  width: 50px;
  height: 50px;
}
section.content section.body aside.help p {
  padding: 0;
  margin: 0;
}
section.content section.body.fixed {
  margin: 50px 50px 50px 350px;
  padding-left: 340px !important;
}
section.content section.body a.showMenu {
  display: none;
}
@media (max-width: 800px) {
  section.content section.body {
    margin: 25px;
    width: calc(100% - 290px - 50px);
  }
}
section.content section.body h1 {
  background-color: #eef1f4;
  padding: 16px;
  margin: -50px -50px 50px -50px !important;
  border-bottom: 1px solid #ccc;
  color: #34424c;
  font-weight: 400;
  font-size: 20px;
  text-transform: uppercase;
}
section.content section.body h1 em {
  font-size: 14px;
  line-height: 1;
}
section.content section.body legend {
  font-weight: 900;
  font-size: 1.1em;
}
section.content section.body .pledge-badge-wrapper {
  max-width: 900px;
}
@media (max-width: 890px) {
  section.content {
    display: block;
    position: relative;
  }
  section.content aside.account {
    position: absolute;
    left: -486px;
    top: 0;
    display: table;
    float: left;
  }
  section.content aside.account a.showMenu {
    display: block;
    width: 30px;
    height: 30px;
    background-color: #167E00;
    float: right;
    margin-right: -30px;
    margin-top: 80px;
    text-indent: -999em;
    background-image: url(../img/icons/arrow-right-open-white.svg);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  section.content aside.account a.showMenu.open {
    background-image: url(../img/icons/arrow-left-open-white.svg);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  section.content aside.account.open {
    left: 0;
  }
  section.content section.body {
    margin: 0;
    width: 100%;
    display: block;
    float: none;
  }
}
section.content.sidebarcollapsed aside.account {
  width: auto !important;
}
section.content.sidebarcollapsed aside.account ul li {
  overflow: hidden;
}
section.content.sidebarcollapsed aside.account ul li h2 {
  margin: 0;
}
section.content.sidebarcollapsed aside.account ul li h2 a:link,
section.content.sidebarcollapsed aside.account ul li h2 a:visited {
  padding: 10px 22px !important;
}
section.content.sidebarcollapsed aside.account ul li a:link,
section.content.sidebarcollapsed aside.account ul li a:visited {
  text-indent: -999em;
  background-image: none !important;
}
section.content.sidebarcollapsed aside.account ul li ul {
  display: none !important;
}
section.content.sidebarcollapsed aside.account .dashboard ul {
  display: block !important;
}
section.content.sidebarcollapsed section.body {
  width: calc(100% - 100px - 100px);
}
section.content.sidebarcollapsed section.body.fixed {
  margin: 50px 50px 50px 150px;
}
@media (max-width: 800px) {
  section.content.sidebarcollapsed section.body {
    margin: 25px;
    width: calc(100% - 100px - 50px);
  }
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) section.content aside.account {
  border-right: 1px solid #cccccc;
  background-image: linear-gradient(to bottom, #e1e5e9 0%, #e1e5e9 70%, #f4f5f6 100%);
  box-sizing: border-box;
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) section.content aside.account nav > ul > li.account > ul > li:not(.active):hover {
  background-color: #c3c9ce;
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) section.content aside.account ul li.home a {
  background-image: url(../img/icons/home-color.svg);
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) section.content aside.account ul li.notifications a {
  background-image: url(../img/icons/form-responses-blue.svg);
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) section.content aside.account ul li.dashboards a {
  background-image: url(../img/icons/dashboard-color.svg);
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) section.content aside.account ul li.forms a {
  background-image: url(../img/icons/forms-color.svg);
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) section.content aside.account ul li.surveys a,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) section.content aside.account ul li.survey-requests a {
  background-image: url(../img/icons/surveys-color.svg);
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) section.content aside.account ul li.reports a {
  background-image: url(../img/icons/reporting-color.svg);
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) section.content aside.account ul li.contacts a {
  background-image: url(../img/icons/contacts-color.svg);
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) section.content aside.account ul li.approvals a,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) section.content aside.account ul li.approval-systems a {
  background-image: url(../img/icons/approve-color.svg);
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) section.content aside.account ul li.questions a {
  background-image: url(../img/icons/questions-color.svg);
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) section.content aside.account ul li.projects a {
  background-image: url(../img/icons/projects-color.svg);
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) section.content aside.account ul li.evaluater a {
  background-image: url(../img/icons/evaluater-color.svg);
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) section.content aside.account ul li.account a,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) section.content aside.account ul li.admin a {
  background-image: url(../img/icons/account-billing-color.svg);
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) section.content aside.account ul li.overview a {
  background-image: url(../img/icons/overview-color.svg);
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) section.content aside.account ul li.users a {
  background-image: url(../img/icons/users-color.svg);
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) section.content aside.account ul li.subscriptions a {
  background-image: url(../img/icons/subscriptions-color.svg);
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) section.content aside.account ul li.payment-methods a {
  background-image: url(../img/icons/payment-methods-color.svg);
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) section.content aside.account ul li.eva-profile a {
  background-image: url(../img/EvA.png);
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) section.content aside.account ul li.support a {
  background-image: url(../img/icons/knowledge-base-blue.svg);
}
body.account section.content.home section.body > h1,
body.account section.content.requests section.body > h1,
body.account section.content.responses section.body > h1,
body.account section.content.records section.body > h1,
body.account section.content.submissions section.body > h1,
body.account section.content.forms-view section.body > h1,
body.account section.content.dashboards section.body > h1,
body.account section.content.forms section.body > h1,
body.account section.content.surveys section.body > h1,
body.account section.content.combinedscores section.body > h1,
body.account section.content.reporting section.body > h1,
body.account section.content.reports section.body > h1,
body.account section.content.documents section.body > h1,
body.account section.content.contacts section.body > h1,
body.account section.content.approvals section.body > h1,
body.account section.content.questions section.body > h1,
body.account section.content.projects section.body > h1,
body.account section.content.overview section.body > h1,
body.account section.content.users section.body > h1,
body.account section.content.invite section.body > h1,
body.account section.content.subscriptions section.body > h1,
body.account section.content.plan section.body > h1,
body.account section.content.upgrade section.body > h1,
body.account section.content.billing section.body > h1,
body.account section.content.payment-methods section.body > h1,
body.account section.content.support section.body > h1 {
  background-image: none;
  padding-left: 52px;
  position: relative;
}
body.account section.content.home section.body > h1::before,
body.account section.content.requests section.body > h1::before,
body.account section.content.responses section.body > h1::before,
body.account section.content.records section.body > h1::before,
body.account section.content.submissions section.body > h1::before,
body.account section.content.forms-view section.body > h1::before,
body.account section.content.dashboards section.body > h1::before,
body.account section.content.forms section.body > h1::before,
body.account section.content.surveys section.body > h1::before,
body.account section.content.combinedscores section.body > h1::before,
body.account section.content.reporting section.body > h1::before,
body.account section.content.reports section.body > h1::before,
body.account section.content.documents section.body > h1::before,
body.account section.content.contacts section.body > h1::before,
body.account section.content.approvals section.body > h1::before,
body.account section.content.questions section.body > h1::before,
body.account section.content.projects section.body > h1::before,
body.account section.content.overview section.body > h1::before,
body.account section.content.users section.body > h1::before,
body.account section.content.invite section.body > h1::before,
body.account section.content.subscriptions section.body > h1::before,
body.account section.content.plan section.body > h1::before,
body.account section.content.upgrade section.body > h1::before,
body.account section.content.billing section.body > h1::before,
body.account section.content.payment-methods section.body > h1::before,
body.account section.content.support section.body > h1::before {
  background-color: var(--heading-icon-colour);
  content: "";
  height: 24px;
  left: 16px;
  mask-image: var(--heading-icon);
  mask-mode: alpha;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  -webkit-mask-image: var(--heading-icon);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
body.account section.content.home section.body > h1 {
  --heading-icon: url(../img/icons/home.svg);
  --heading-icon-colour: #167db3;
}
body.account section.content.requests section.body > h1 {
  --heading-icon: url(../img/icons/form-request.svg);
  --heading-icon-colour: #0078b4;
}
body.account section.content.responses section.body > h1,
body.account section.content.records section.body > h1 {
  --heading-icon: url(../img/icons/form-responses.svg);
  --heading-icon-colour: #0078b4;
}
body.account section.content.submissions section.body > h1 {
  --heading-icon: url(../img/icons/form-submission.svg);
  --heading-icon-colour: #0078b4;
}
body.account section.content.dashboards section.body > h1 {
  --heading-icon: url(../img/icons/dashboard.svg);
  --heading-icon-colour: #167db3;
}
body.account section.content.forms section.body > h1 {
  --heading-icon: url(../img/icons/forms.svg);
  --heading-icon-colour: #167db3;
}
body.account section.content.forms-view section.body > h1 {
  --heading-icon: url(../img/icons/forms.svg);
  --heading-icon-colour: #167db3;
}
body.account section.content.forms section.body > h1.templates-heading {
  --heading-icon: url(../img/icons/template.svg);
  --heading-icon-colour: #167eb5;
}
body.account section.content.forms section.body > h1.views-heading {
  --heading-icon: url(../img/icons/view.svg);
  --heading-icon-colour: #0078b4;
}
body.account section.content.surveys section.body > h1 {
  --heading-icon: url(../img/icons/surveys.svg);
  --heading-icon-colour: #167db3;
}
body.account section.content.combinedscores section.body > h1 {
  --heading-icon: url(../img/icons/combined-scoring.svg);
  --heading-icon-colour: #0078b4;
}
body.account section.content.reporting section.body > h1,
body.account section.content.reports section.body > h1,
body.account section.content.documents section.body > h1 {
  --heading-icon: url(../img/icons/reporting.svg);
  --heading-icon-colour: #0f7db2;
}
body.account section.content.contacts section.body > h1 {
  --heading-icon: url(../img/icons/contacts.svg);
  --heading-icon-colour: #0f7db2;
}
body.account section.content.approvals section.body > h1 {
  --heading-icon: url(../img/icons/approve.svg);
  --heading-icon-colour: #167eb5;
}
body.account section.content.questions section.body > h1 {
  --heading-icon: url(../img/icons/questions.svg);
  --heading-icon-colour: #167eb5;
}
body.account section.content.projects section.body > h1 {
  --heading-icon: url(../img/icons/projects.svg);
  --heading-icon-colour: #167eb5;
}
body.account section.content.overview section.body > h1 {
  --heading-icon: url(../img/icons/overview.svg);
  --heading-icon-colour: #167eb5;
}
body.account section.content.users section.body > h1,
body.account section.content.invite section.body > h1 {
  --heading-icon: url(../img/icons/users.svg);
  --heading-icon-colour: #167eb5;
}
body.account section.content.subscriptions section.body > h1,
body.account section.content.plan section.body > h1,
body.account section.content.upgrade section.body > h1 {
  --heading-icon: url(../img/icons/subscriptions.svg);
  --heading-icon-colour: #167eb5;
}
body.account section.content.billing section.body > h1,
body.account section.content.payment-methods section.body > h1 {
  --heading-icon: url(../img/icons/payment-methods.svg);
  --heading-icon-colour: #167eb5;
}
body.account section.content.support section.body > h1 {
  --heading-icon: url(../img/icons/support.svg);
  --heading-icon-colour: #167eb5;
}
body.account section.content.eva-profile section.body > h1 {
  background-image: url(../img/EvA.png);
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) div.survey-meta {
  border: 1px solid #c5c5c5;
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) input.button.add,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) button.add,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) a.button.add,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) input.button.add-to-account,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) button.add-to-account,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) a.button.add-to-account,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) input.button.add-to-existing-form,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) button.add-to-existing-form,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) a.button.add-to-existing-form,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) input.button.insert,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) button.insert,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) a.button.insert,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) input.button.back,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) button.back,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) a.button.back {
  background-color: #148443 !important;
}
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) input.button.add:hover,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) button.add:hover,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) a.button.add:hover,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) input.button.add-to-account:hover,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) button.add-to-account:hover,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) a.button.add-to-account:hover,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) input.button.add-to-existing-form:hover,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) button.add-to-existing-form:hover,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) a.button.add-to-existing-form:hover,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) input.button.insert:hover,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) button.insert:hover,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) a.button.insert:hover,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) input.button.back:hover,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) button.back:hover,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) a.button.back:hover,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) input.button.add:active,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) button.add:active,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) a.button.add:active,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) input.button.add-to-account:active,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) button.add-to-account:active,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) a.button.add-to-account:active,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) input.button.add-to-existing-form:active,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) button.add-to-existing-form:active,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) a.button.add-to-existing-form:active,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) input.button.insert:active,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) button.insert:active,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) a.button.insert:active,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) input.button.back:active,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) button.back:active,
html:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) body.account:not(.dark-mode):not(.theme-dark):not([data-theme="dark"]) a.button.back:active {
  background-color: #11783c !important;
}
#certContainer,
#catContainer {
  position: relative;
}
#certContainer input[type=text],
#catContainer input[type=text] {
  background-color: #31c961;
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  padding: 10px 20px !important;
  margin: 10px 0 0 0;
  width: 130px;
}
ul.pickerSelections {
  list-style-type: none;
  margin: 0;
  padding: 0;
  *zoom: 1;
}
ul.pickerSelections:before,
ul.pickerSelections:after {
  content: " ";
  display: table;
}
ul.pickerSelections:after {
  clear: both;
}
ul.pickerSelections > li {
  font-weight: 700;
  text-transform: uppercase;
  float: left;
  border: 1px solid #e7e7e7;
  padding: 10px;
  background-color: #fafafa;
}
@media (min-width: 2500px) {
  ul.pickerSelections > li {
    width: 22%;
    max-width: 450px;
    margin: 2%;
  }
  ul.pickerSelections > li:nth-child(4n) {
    clear: none;
    margin: 2% 0 0 2%;
  }
  ul.pickerSelections > li:nth-child(5n + 1) {
    clear: both;
    margin: 2% 2% 0 0;
  }
}
@media (min-width: 1500px) and (max-width: 2500px) {
  ul.pickerSelections > li {
    width: 28%;
    max-width: auto;
    font-size: 15px;
    margin: 2%;
  }
  ul.pickerSelections > li:nth-child(3n) {
    clear: none;
    margin: 2% 0 0 4%;
  }
  ul.pickerSelections > li:nth-child(3n + 1) {
    clear: both;
    margin: 2% 4% 0 0;
  }
}
@media (min-width: 800px) and (max-width: 1500px) {
  ul.pickerSelections > li {
    width: 49%;
    max-width: auto;
    font-size: 14px;
    margin: 2%;
  }
  ul.pickerSelections > li:nth-child(even) {
    clear: none;
    margin: 2% 0 0 1%;
  }
  ul.pickerSelections > li:nth-child(odd) {
    clear: both;
    margin: 2% 1% 0 0;
  }
}
@media (max-width: 800px) {
  ul.pickerSelections > li {
    width: 100%;
    max-width: auto;
    font-size: 14px;
    margin: 2%;
    clear: both;
  }
}
ul.pickerSelections > li ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  clear: both;
}
ul.pickerSelections > li ul li {
  *zoom: 1;
  font-weight: 400;
  background-color: #0078B4;
  border-radius: 4px;
  color: #fff;
  padding: 4px 10px;
  margin: 10px 0;
  display: block;
  text-transform: capitalize;
}
ul.pickerSelections > li ul li:before,
ul.pickerSelections > li ul li:after {
  content: " ";
  display: table;
}
ul.pickerSelections > li ul li:after {
  clear: both;
}
ul.pickerSelections > li ul li span.close {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  float: right;
  cursor: pointer;
  margin-left: 5px;
  margin-top: 2px;
  background-color: #fff;
  background: transparent url(../img/icon-clear.svg) no-repeat 50% 50%;
}
.picker {
  position: absolute;
  z-index: 1001;
  top: 50px;
  min-width: 510px;
}
.picker .level {
  max-width: 350px;
  float: left;
  margin: 10px 0 0 0;
}
.picker .level > strong {
  display: none;
}
.picker .level ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 500px;
  overflow: scroll;
  background-color: #fafafa;
  border: 1px solid #e7e7e7;
  box-shadow: 2px 2px 4px #aeaeae;
}
.picker .level ul li {
  margin: 56x 0;
  padding: 10px 4px;
  list-style-type: none;
  *zoom: 1;
}
@media (max-width: 1000px) {
  .picker .level ul li {
    font-size: 15px;
  }
}
@media (max-width: 800px) {
  .picker .level ul li {
    font-size: 14px;
  }
}
.picker .level ul li.picked {
  background-color: #5c5c5c;
  color: #fff;
}
.picker .level ul li:before,
.picker .level ul li:after {
  content: " ";
  display: table;
}
.picker .level ul li:after {
  clear: both;
}
.picker .level ul li span {
  cursor: pointer;
}
.picker .level ul li span:nth-child(1) {
  float: left;
  width: calc(100% - 30px);
}
.picker .level ul li span:nth-child(2) {
  float: right;
  width: 20px;
}
.certificationUI {
  width: 600px;
  max-width: 100%;
  margin: 0;
  overflow-y: auto;
}
.certificationUI > label {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 1px;
  padding: 8px 0;
  color: rgba(155, 155, 155, 0.7);
}
.certificationUI .checkboxList {
  margin: 0;
  padding: 0;
}
.certificationUI .checkboxList .NSWAT_UI_Checkbox {
  display: block;
  margin: 0 0 15px 0;
}
.certificationUI .checkboxList .NSWAT_UI_Checkbox .certificationCategoryIds {
  display: none;
}
.certificationUI.certificationUICategory > label {
  display: inline-block;
  cursor: pointer;
}
.certificationUI.certificationUICategory > label:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 10px;
}
.certificationUI.certificationUICategory .checkboxList {
  max-height: 500px;
  overflow-y: scroll !important;
}
.certificationUI.certificationUICategory.categoryOpen > label {
  margin-bottom: 0;
}
.certificationUI.certificationUICategory.categoryOpen > label:before {
  background: transparent url(../img/down-arrow-black.png) no-repeat;
  background-size: contain;
}
.certificationUI.certificationUICategory.categoryOpen .checkboxList {
  display: block;
}
.certificationUI.certificationUICategory.categoryClosed > label {
  margin-bottom: 0;
}
.certificationUI.certificationUICategory.categoryClosed > label:before {
  background: transparent url(../img/right-arrow-black.png) no-repeat;
  background-size: contain;
}
.certificationUI.certificationUICategory.categoryClosed .checkboxList {
  display: none;
}
.certificationUI input[type="checkbox"] {
  display: none;
}
.certificationUI input[type="checkbox"] ~ label {
  transition: color 0.5s;
  color: #aeaeae;
  cursor: pointer;
}
.certificationUI input[type="checkbox"]:checked ~ label {
  color: #0078B4;
  font-weight: bold;
}
.message-container {
  *zoom: 1;
  padding: 10px 20px;
}
.message-container:before,
.message-container:after {
  content: " ";
  display: table;
}
.message-container:after {
  clear: both;
}
.message-container.verification {
  background-color: #0078B4;
  border: 1px solid #174f73;
  margin-bottom: 20px;
}
.message-container.verification p.message {
  float: left;
  color: #fff;
  padding: 20px 10px;
}
.message-container.verification p.button {
  float: right;
  margin: 0;
  padding: 5px;
}
.notice {
  background-color: #fafafa;
  margin: 0 10px 0 0;
  padding: 0 0 10px 0;
  border-radius: 4px;
}
.notice h2 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #185475;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  margin: 0;
  padding: 25px 20px;
}
.notice h2.action {
  background: #174f73 url(../img/icons/alert.svg) no-repeat 98% 50%;
}
.notice ul.alerts {
  margin: 10px 25px;
  padding: 0;
}
.notice ul.alerts li {
  margin: 0 0 20px 0;
  list-style-type: none;
  font-weight: bold;
  padding: 0 0 0 31px;
  width: auto;
  display: block;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 0 25%;
  background-color: transparent;
}
.notice ul.alerts li p {
  color: #174f73;
  font-weight: normal;
  margin: 5px 0;
  padding: 0;
}
.notice ul.alerts li a:link,
.notice ul.alerts li a:visited {
  margin: 0 20px 0 0;
}
.notice ul.alerts li.location {
  background-image: url(../img/icons/pin.svg);
}
.notice ul.alerts li.product {
  background-image: url(../img/icons/product.svg);
}
.notice ul.alerts li.contact {
  background-image: url(../img/icons/contact.svg);
}
.notice ul.alerts li.category {
  background-image: url(../img/icons/category.svg);
}
.notice ul.alerts li.certification {
  background-image: url(../img/icons/certification.svg);
}
.notice ul.alerts li.social-environmental {
  background-image: url(../img/icons/social-environmental.svg);
}
.notice ul.alerts li.sdgs {
  background-image: url(../img/icons/sdgs.svg);
}
.notice form {
  *zoom: 1;
  padding: 0 10px 20px 0;
}
.notice form:before,
.notice form:after {
  content: " ";
  display: table;
}
.notice form:after {
  clear: both;
}
.notice form div {
  margin: 0;
}
.notice form div iframe,
.notice form div textarea {
  width: 100%;
}
.notice form p {
  margin: 10px 25px;
}
.notice form ul.requirements {
  margin: 10px 10px 10px 20px;
  padding: 0;
}
.notice form ul.requirements li {
  margin: 0;
  padding: 0 0 10px 25px;
  list-style-type: none;
}
.notice form ul.requirements li.checked {
  background: transparent url(../img/icons/checked.svg) no-repeat 0 0;
  background-size: 20px;
}
.notice form ul.requirements li textarea {
  margin: 10px 0 0 0;
  max-height: 150px;
}
.callsToAction {
  position: relative;
  margin: 40px 0 0 0;
}
.callsToAction > div {
  *zoom: 1;
  width: calc(50% - 10px);
  padding: 0;
  margin: 0 0 20px 0;
  background-color: #fafafa;
  border-radius: 4px;
}
.callsToAction > div:before,
.callsToAction > div:after {
  content: " ";
  display: table;
}
.callsToAction > div:after {
  clear: both;
}
.callsToAction > div.plans h2 {
  background: #174f73 url(../img/icons/exposure.svg) no-repeat 96% 50%;
  background-size: 80px;
}
.callsToAction > div.advertising h2 {
  background: #174f73 url(../img/icons/channels.svg) no-repeat 96% 50%;
  background-size: 80px;
}
.callsToAction > div:nth-child(odd) {
  float: left;
  clear: both;
}
.callsToAction > div:nth-child(even) {
  float: right;
}
.callsToAction > div h2 {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin: 0;
  background-color: #174f73;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 25px 20px;
}
.callsToAction > div .content {
  padding: 20px;
}
.callsToAction > div .content a.button {
  float: right;
}
@media (max-width: 850px) {
  .callsToAction > div {
    width: 100%;
    clear: both;
    float: none;
  }
}
.articles-disclaimer,
.listing-list {
  border: 3px solid #aeaeae;
  padding: 10px;
  background-color: #fafafa;
}
.articles-disclaimer ul,
.listing-list ul {
  margin: 0;
  padding: 20px 0 0 0;
}
.articles-disclaimer ul li,
.listing-list ul li {
  list-style-type: none;
  margin: 0;
  padding: 0 0 5px 0;
}
form#invite {
  margin-bottom: 0;
}
form#invite div.formContainer fieldset {
  margin: 10px 0;
  padding: 0;
}
form#invite div.formContainer fieldset div {
  margin: 0;
  width: 100%;
}
form#mn,
form#invite {
  z-index: 1001;
  clear: both;
  position: relative;
  max-width: 100%;
}
form#mn .filter-tag-list,
form#invite .filter-tag-list {
  *zoom: 1;
  padding: 0 10px 10px 20px;
  margin: 0;
  background-color: #fafafa;
}
form#mn .filter-tag-list:before,
form#invite .filter-tag-list:before,
form#mn .filter-tag-list:after,
form#invite .filter-tag-list:after {
  content: " ";
  display: table;
}
form#mn .filter-tag-list:after,
form#invite .filter-tag-list:after {
  clear: both;
}
form#mn .filter-tag-list ul,
form#invite .filter-tag-list ul {
  *zoom: 1;
}
form#mn .filter-tag-list ul:before,
form#invite .filter-tag-list ul:before,
form#mn .filter-tag-list ul:after,
form#invite .filter-tag-list ul:after {
  content: " ";
  display: table;
}
form#mn .filter-tag-list ul:after,
form#invite .filter-tag-list ul:after {
  clear: both;
}
form#mn fieldset,
form#invite fieldset {
  border-radius: 0;
  overflow: visible;
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
}
form#mn fieldset #kContainer,
form#invite fieldset #kContainer,
form#mn fieldset #lContainer,
form#invite fieldset #lContainer {
  border-bottom: none;
}
form#mn fieldset #kContainer.active,
form#invite fieldset #kContainer.active,
form#mn fieldset #lContainer.active,
form#invite fieldset #lContainer.active {
  border-bottom: none;
}
form#mn fieldset #kContainer,
form#invite fieldset #kContainer {
  border-right: none;
  width: 30%;
  margin: 0;
}
form#mn fieldset #lContainer,
form#invite fieldset #lContainer {
  background: none;
  padding: 0 10px;
  width: 30%;
  margin: 0;
}
form#mn fieldset #igContainer,
form#invite fieldset #igContainer {
  margin: 1px 1% 10px 2px;
  width: 99%;
  clear: both;
  padding: 10px 0 20px 0;
}
form#mn fieldset #nContainer,
form#invite fieldset #nContainer {
  height: 40px;
}
form#mn fieldset #nContainer input[type=text],
form#invite fieldset #nContainer input[type=text] {
  height: 41px;
}
form#mn fieldset input[type=submit],
form#invite fieldset input[type=submit] {
  background-color: #0078B4;
  border-radius: 4px;
  border: none;
  color: #fff;
  background-image: none;
  height: 50px;
  padding: 5px;
  margin: 10px 0 0 0;
  text-indent: 0;
  width: 100px;
  text-transform: uppercase;
  font-size: 14px;
  float: left;
}
form#mn fieldset.table-header,
form#invite fieldset.table-header {
  *zoom: 1;
  border: none;
  background-color: transparent;
  width: 100%;
  max-width: 100%;
  position: relative;
  padding: 20px 0 0 0;
  margin: 4px 0 20px 0;
}
form#mn fieldset.table-header:before,
form#invite fieldset.table-header:before,
form#mn fieldset.table-header:after,
form#invite fieldset.table-header:after {
  content: " ";
  display: table;
}
form#mn fieldset.table-header:after,
form#invite fieldset.table-header:after {
  clear: both;
}
form#mn fieldset.table-header div,
form#invite fieldset.table-header div {
  margin: 0;
  width: 100%;
}
form#mn fieldset.table-header div.options,
form#invite fieldset.table-header div.options {
  float: left;
  width: 48%;
  text-align: right;
}
form#mn fieldset.table-header div.options a:link,
form#invite fieldset.table-header div.options a:link,
form#mn fieldset.table-header div.options a:visited,
form#invite fieldset.table-header div.options a:visited {
  transition: none;
}
form#mn fieldset.table-header div.options a:link img,
form#invite fieldset.table-header div.options a:link img,
form#mn fieldset.table-header div.options a:visited img,
form#invite fieldset.table-header div.options a:visited img {
  width: 25px;
  height: 18px;
  margin-right: 4px;
}
form#mn fieldset.table-header div.options a:link.save-search,
form#invite fieldset.table-header div.options a:link.save-search,
form#mn fieldset.table-header div.options a:visited.save-search,
form#invite fieldset.table-header div.options a:visited.save-search {
  margin-right: 10px;
}
form#mn fieldset.table-header div.options div.SELECT,
form#invite fieldset.table-header div.options div.SELECT {
  max-width: 400px;
  min-width: 300px;
  width: 100%;
  float: right;
  margin-bottom: 0;
}
form#mn fieldset.table-header div.results-line,
form#invite fieldset.table-header div.results-line {
  width: calc(100% - 450px);
  float: left;
  font-size: 20px;
  padding: 0;
  margin: 30px 0 0 0 !important;
}
form#mn fieldset.table-header div.results-line strong,
form#invite fieldset.table-header div.results-line strong {
  font-weight: 900;
  color: #174f73;
}
form#mn fieldset.table-header div.icons,
form#invite fieldset.table-header div.icons {
  background-color: transparent;
  width: 400px;
  float: right;
  margin: 0 !important;
}
form#mn fieldset.table-header div.icons div#savedSearchContainer,
form#invite fieldset.table-header div.icons div#savedSearchContainer {
  width: calc(100% - 86px);
  float: left;
}
form#mn fieldset.table-header div.icons a:link,
form#invite fieldset.table-header div.icons a:link,
form#mn fieldset.table-header div.icons a:visited,
form#invite fieldset.table-header div.icons a:visited {
  transition: none;
}
form#mn fieldset.table-header div.icons a.save-search,
form#invite fieldset.table-header div.icons a.save-search {
  padding-left: 25px;
  text-indent: -999em;
  text-decoration: none;
  background: transparent url(../img/icons/save-search.svg) no-repeat 0 50%;
  background-size: 25px;
  padding-top: 70px;
  float: left;
  margin-left: 10px;
}
form#mn fieldset.table-header div.icons a.save-search:hover,
form#invite fieldset.table-header div.icons a.save-search:hover,
form#mn fieldset.table-header div.icons a.save-search:active,
form#invite fieldset.table-header div.icons a.save-search:active {
  background: transparent url(../img/icons/save-search-green.svg) no-repeat 0 50%;
  background-size: 25px;
}
form#mn fieldset.table-header div.icons a.customize,
form#invite fieldset.table-header div.icons a.customize {
  padding-left: 25px;
  text-indent: -999em;
  text-decoration: none;
  background: transparent url(../img/icons/columns.svg) no-repeat 0 50%;
  background-size: 25px;
  padding-top: 70px;
  float: left;
  margin-left: 10px;
}
form#mn fieldset.table-header div.icons a.customize:hover,
form#invite fieldset.table-header div.icons a.customize:hover,
form#mn fieldset.table-header div.icons a.customize:active,
form#invite fieldset.table-header div.icons a.customize:active {
  background: transparent url(../img/icons/columns-green.svg) no-repeat 0 50%;
  background-size: 25px;
}
form#mn fieldset.table-header div.actions,
form#invite fieldset.table-header div.actions {
  width: 50%;
  float: left;
}
form#mn fieldset.table-header div.actions div,
form#invite fieldset.table-header div.actions div {
  margin-bottom: 0;
  max-width: 400px;
  min-width: 300px;
  width: 100%;
}
@media (max-width: 1000px) {
  form#mn fieldset.table-header div.options,
  form#invite fieldset.table-header div.options {
    width: 100%;
    float: none;
    clear: both;
    position: static;
    text-align: left;
  }
  form#mn fieldset.table-header div.options div.SELECT,
  form#invite fieldset.table-header div.options div.SELECT {
    float: left;
    margin-bottom: 10px;
  }
}
form#mn fieldset.table-footer,
form#invite fieldset.table-footer {
  *zoom: 1;
  border-top: none;
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  margin: 20px 0 0 0;
  padding: 0;
}
form#mn fieldset.table-footer:before,
form#invite fieldset.table-footer:before,
form#mn fieldset.table-footer:after,
form#invite fieldset.table-footer:after {
  content: " ";
  display: table;
}
form#mn fieldset.table-footer:after,
form#invite fieldset.table-footer:after {
  clear: both;
}
form#mn fieldset.table-footer #npContainer,
form#invite fieldset.table-footer #npContainer {
  float: left;
  width: 300px;
  margin: 0;
  padding: 0;
}
form#mn fieldset.table-footer div.paging-container,
form#invite fieldset.table-footer div.paging-container {
  float: right;
  width: auto;
  clear: none;
  padding: 22px 0 0 0;
}
form#mn aside.filters,
form#invite aside.filters {
  clear: both;
  margin: 0 0.5%;
}
form#mn aside.filters span.label,
form#invite aside.filters span.label {
  padding-left: 16px;
  cursor: pointer;
  background: transparent url(../img/right-arrow-black.png) no-repeat 0% 50%;
  background-size: 12px;
}
form#mn aside.filters span.label.open,
form#invite aside.filters span.label.open {
  background: transparent url(../img/down-arrow-black.png) no-repeat 0% 50%;
  background-size: 12px;
}
form#mn aside.filters .filter-wrapper,
form#invite aside.filters .filter-wrapper {
  *zoom: 1;
  margin: 0;
}
form#mn aside.filters .filter-wrapper:before,
form#invite aside.filters .filter-wrapper:before,
form#mn aside.filters .filter-wrapper:after,
form#invite aside.filters .filter-wrapper:after {
  content: " ";
  display: table;
}
form#mn aside.filters .filter-wrapper:after,
form#invite aside.filters .filter-wrapper:after {
  clear: both;
}
form#mn aside.filters .filter-wrapper .filter,
form#invite aside.filters .filter-wrapper .filter {
  float: left;
  width: 240px;
  margin: 0 10px 10px 0;
  background-color: #fff;
  position: relative;
  padding: 4px;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
}
form#mn aside.filters .filter-wrapper .filter:hover,
form#invite aside.filters .filter-wrapper .filter:hover {
  border: 1px solid #aeaeae;
}
form#mn aside.filters .filter-wrapper .filter.filter-ig,
form#invite aside.filters .filter-wrapper .filter.filter-ig {
  border: none !important;
  background-color: transparent;
}
form#mn aside.filters .filter-wrapper .filter.filter-ig label,
form#invite aside.filters .filter-wrapper .filter.filter-ig label {
  color: #aeaeae;
}
form#mn aside.filters .filter-wrapper .filter select,
form#invite aside.filters .filter-wrapper .filter select,
form#mn aside.filters .filter-wrapper .filter input[type=text],
form#invite aside.filters .filter-wrapper .filter input[type=text] {
  border: none !important;
  -webkit-appearance: none;
  appearance: none;
  font-size: 14px;
}
form#mn aside.filters .filter-wrapper .filter #nContainer,
form#invite aside.filters .filter-wrapper .filter #nContainer,
form#mn aside.filters .filter-wrapper .filter #nContainer.active,
form#invite aside.filters .filter-wrapper .filter #nContainer.active {
  border-bottom: none;
}
form#mn aside.filters .filter-wrapper .filter div.SELECT,
form#invite aside.filters .filter-wrapper .filter div.SELECT {
  position: relative;
}
form#mn aside.filters .filter-wrapper .filter div.SELECT label,
form#invite aside.filters .filter-wrapper .filter div.SELECT label {
  position: absolute;
  left: 3px;
  top: 15px;
  font-size: 14px;
  font-weight: normal;
  color: #aeaeae;
}
form#mn aside.filters .filter-wrapper .filter div.SELECT select,
form#invite aside.filters .filter-wrapper .filter div.SELECT select {
  background: url(../img/down-arrow-black.png) no-repeat 100% 50%;
  background-size: 14px;
}
form#mn aside.filters .filter-wrapper .filter h2,
form#invite aside.filters .filter-wrapper .filter h2,
form#mn aside.filters .filter-wrapper .filter input::placeholder,
form#invite aside.filters .filter-wrapper .filter input::placeholder {
  color: #aeaeae;
}
form#mn aside.filters .filter-wrapper .filter a.toggle,
form#invite aside.filters .filter-wrapper .filter a.toggle {
  display: none;
}
form#mn aside.filters .filter-wrapper .filter h2,
form#invite aside.filters .filter-wrapper .filter h2,
form#mn aside.filters .filter-wrapper .filter label,
form#invite aside.filters .filter-wrapper .filter label,
form#mn aside.filters .filter-wrapper .filter input::placeholder,
form#invite aside.filters .filter-wrapper .filter input::placeholder {
  font-size: 14px;
  font-weight: normal;
}
form#mn aside.filters .filter-wrapper .filter a.toggler,
form#invite aside.filters .filter-wrapper .filter a.toggler {
  float: right;
  transition: 200ms all ease-in-out;
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
  width: 100%;
  height: 50px;
}
form#mn aside.filters .filter-wrapper .filter a.toggler img,
form#invite aside.filters .filter-wrapper .filter a.toggler img {
  padding-top: 18px;
  width: 14px;
  height: 14px;
  padding-right: 5px;
  box-sizing: content-box;
}
form#mn aside.filters .filter-wrapper .filter .filter-list,
form#invite aside.filters .filter-wrapper .filter .filter-list {
  background-color: #fff;
  display: none;
  padding: 4px;
  height: auto;
  max-height: 250px;
  overflow-y: scroll;
}
form#mn aside.filters .filter-wrapper .filter .filter-list.open,
form#invite aside.filters .filter-wrapper .filter .filter-list.open {
  display: block;
  position: absolute;
  border: 1px solid #dedede;
  width: 240px;
  left: -1px;
  top: 52px;
  box-shadow: 2px 2px 4px #ccc;
}
form#mn aside.filters .filter-wrapper .filter .filter-list.open p,
form#invite aside.filters .filter-wrapper .filter .filter-list.open p {
  display: none;
}
form#mn aside.filters .filter-wrapper .filter .filter-list ul,
form#invite aside.filters .filter-wrapper .filter .filter-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
form#mn aside.filters .filter-wrapper .filter .filter-list ul li,
form#invite aside.filters .filter-wrapper .filter .filter-list ul li {
  padding: 0 0 0 4px;
}
form#mn aside.filters .filter-wrapper .filter .filter-list ul li .NSWAT_UI_Checkbox,
form#invite aside.filters .filter-wrapper .filter .filter-list ul li .NSWAT_UI_Checkbox {
  margin: 0;
  width: 100%;
}
form#mn aside.filters .filter-wrapper .filter .filter-list ul li .NSWAT_UI_Checkbox label,
form#invite aside.filters .filter-wrapper .filter .filter-list ul li .NSWAT_UI_Checkbox label {
  padding: 3px 0 10px 20px!important;
}
form#mn div.filter-tag-list ul,
form#invite div.filter-tag-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
form#mn div.filter-tag-list ul li,
form#invite div.filter-tag-list ul li {
  margin: 0 4px 4px 0;
  padding: 4px 8px;
  float: left;
  border-radius: 3px;
  color: #fff;
  min-width: 200px;
}
form#mn div.filter-tag-list ul li span,
form#invite div.filter-tag-list ul li span {
  font-size: 11px;
  text-transform: uppercase;
  float: left;
}
form#mn div.filter-tag-list ul li div,
form#invite div.filter-tag-list ul li div {
  clear: both;
}
form#mn div.filter-tag-list ul li.category,
form#invite div.filter-tag-list ul li.category {
  border: 1px solid #167E00;
  background-color: #31c961;
}
form#mn div.filter-tag-list ul li.certification,
form#invite div.filter-tag-list ul li.certification {
  border: 1px solid #174f73;
  background-color: #0078B4;
}
form#mn div.filter-tag-list ul li.socialattribute,
form#invite div.filter-tag-list ul li.socialattribute {
  border: 1px solid #a57c14;
  background-color: #fdba12;
}
form#mn div.filter-tag-list ul li.environmentalattribute,
form#invite div.filter-tag-list ul li.environmentalattribute {
  border: 1px solid #9a8b05;
  background-color: #e4d449;
}
form#mn div.filter-tag-list ul li.sdg,
form#invite div.filter-tag-list ul li.sdg {
  border: 1px solid #7a2a0f;
  background-color: #f15822;
}
form#mn div.filter-tag-list ul li.list,
form#invite div.filter-tag-list ul li.list {
  border: 1px solid #01939a;
  background-color: #3cc9d0;
}
form#mn div.filter-tag-list ul li.status,
form#invite div.filter-tag-list ul li.status {
  border: 1px solid #386eb6;
  background-color: #7d95b5;
}
form#mn div.filter-tag-list ul li.type,
form#invite div.filter-tag-list ul li.type {
  border: 1px solid #7852a1;
  background-color: #c9ade7;
}
form#mn div.filter-tag-list ul li.project,
form#invite div.filter-tag-list ul li.project {
  border: 1px solid #5f4641;
  background-color: #8b7a76;
}
form#mn div.filter-tag-list ul li a:link,
form#invite div.filter-tag-list ul li a:link,
form#mn div.filter-tag-list ul li a:visited,
form#invite div.filter-tag-list ul li a:visited {
  color: #fff;
  text-decoration: none;
  margin: 0 0 0 4px;
  font-size: 10px;
  float: right;
}
form#mn div.filter-tag-list ul li a:hover,
form#invite div.filter-tag-list ul li a:hover,
form#mn div.filter-tag-list ul li a:active,
form#invite div.filter-tag-list ul li a:active {
  text-decoration: underline;
}
form#mn p.save-search,
form#invite p.save-search {
  float: right;
}
form#mn p.save-search a:link img,
form#invite p.save-search a:link img,
form#mn p.save-search a:visited img,
form#invite p.save-search a:visited img {
  width: 24px;
  height: 24px;
  margin-right: 5px;
}
p.results-line {
  clear: both;
  float: left;
  width: 50%;
}
table.NSWAT_UI_DataTable,
table.listings,
table.kpi-table {
  border-collapse: separate !important;
  width: 100%;
  border-spacing: 0;
  margin-bottom: 20px;
}
table.NSWAT_UI_DataTable thead tr th,
table.listings thead tr th,
table.kpi-table thead tr th {
  color: #fff;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  padding: 12px 12px;
  background-color: #0078B4;
}
table.NSWAT_UI_DataTable thead tr th a:link,
table.listings thead tr th a:link,
table.kpi-table thead tr th a:link,
table.NSWAT_UI_DataTable thead tr th a:visited,
table.listings thead tr th a:visited,
table.kpi-table thead tr th a:visited {
  color: #fff !important;
  text-decoration: none;
}
table.NSWAT_UI_DataTable thead tr th a:link.asc,
table.listings thead tr th a:link.asc,
table.kpi-table thead tr th a:link.asc,
table.NSWAT_UI_DataTable thead tr th a:visited.asc,
table.listings thead tr th a:visited.asc,
table.kpi-table thead tr th a:visited.asc {
  background: transparent url(../img/down-arrow-white.png) no-repeat 100% 5px;
  background-size: 14px;
  padding-right: 18px;
}
table.NSWAT_UI_DataTable thead tr th a:link.desc,
table.listings thead tr th a:link.desc,
table.kpi-table thead tr th a:link.desc,
table.NSWAT_UI_DataTable thead tr th a:visited.desc,
table.listings thead tr th a:visited.desc,
table.kpi-table thead tr th a:visited.desc {
  background: transparent url(../img/up-arrow-white.png) no-repeat 100% 5px;
  background-size: 14px;
  padding-right: 18px;
}
table.NSWAT_UI_DataTable thead tr th a:hover,
table.listings thead tr th a:hover,
table.kpi-table thead tr th a:hover,
table.NSWAT_UI_DataTable thead tr th a:active,
table.listings thead tr th a:active,
table.kpi-table thead tr th a:active {
  color: #fafafa !important;
}
table.NSWAT_UI_DataTable tbody tr,
table.listings tbody tr,
table.kpi-table tbody tr {
  border-bottom: 1px solid;
}
table.NSWAT_UI_DataTable tbody tr th,
table.listings tbody tr th,
table.kpi-table tbody tr th {
  color: #fff;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  padding: 12px 12px;
  background-color: #0078B4;
  width: 20%;
  max-width: 200px;
}
table.NSWAT_UI_DataTable tbody tr td,
table.listings tbody tr td,
table.kpi-table tbody tr td {
  background-color: #fff;
  padding: 8px 12px;
  margin: 0;
}
table.NSWAT_UI_DataTable tbody tr td span.additional-names,
table.listings tbody tr td span.additional-names,
table.kpi-table tbody tr td span.additional-names {
  display: block;
  margin-top: 4px;
  margin-left: 14px;
  font-size: 0.9em;
  color: #5c5c5c;
}
table.NSWAT_UI_DataTable tbody tr td a:link,
table.listings tbody tr td a:link,
table.kpi-table tbody tr td a:link,
table.NSWAT_UI_DataTable tbody tr td a:visited,
table.listings tbody tr td a:visited,
table.kpi-table tbody tr td a:visited {
  color: #0078B4;
}
table.NSWAT_UI_DataTable tbody tr td a:link.button,
table.listings tbody tr td a:link.button,
table.kpi-table tbody tr td a:link.button,
table.NSWAT_UI_DataTable tbody tr td a:visited.button,
table.listings tbody tr td a:visited.button,
table.kpi-table tbody tr td a:visited.button {
  font-size: 14px;
  color: #fff;
  margin: 2px;
  padding: 5px 10px;
}
table.NSWAT_UI_DataTable tbody tr td a:link.archived,
table.listings tbody tr td a:link.archived,
table.kpi-table tbody tr td a:link.archived,
table.NSWAT_UI_DataTable tbody tr td a:visited.archived,
table.listings tbody tr td a:visited.archived,
table.kpi-table tbody tr td a:visited.archived {
  background: transparent url(../img/icons/archive-grey.svg) no-repeat 0 50%;
  background-size: 20px;
  padding-left: 28px;
}
table.NSWAT_UI_DataTable tbody tr td a:link.resend,
table.listings tbody tr td a:link.resend,
table.kpi-table tbody tr td a:link.resend,
table.NSWAT_UI_DataTable tbody tr td a:visited.resend,
table.listings tbody tr td a:visited.resend,
table.kpi-table tbody tr td a:visited.resend {
  background-color: #cc241D;
}
table.NSWAT_UI_DataTable tbody tr td a:link.view,
table.listings tbody tr td a:link.view,
table.kpi-table tbody tr td a:link.view,
table.NSWAT_UI_DataTable tbody tr td a:visited.view,
table.listings tbody tr td a:visited.view,
table.kpi-table tbody tr td a:visited.view {
  background-color: #31c961;
}
table.NSWAT_UI_DataTable tbody tr td a:link.accept,
table.listings tbody tr td a:link.accept,
table.kpi-table tbody tr td a:link.accept,
table.NSWAT_UI_DataTable tbody tr td a:visited.accept,
table.listings tbody tr td a:visited.accept,
table.kpi-table tbody tr td a:visited.accept {
  background-color: #0078B4;
}
table.NSWAT_UI_DataTable tbody tr td span.archived,
table.listings tbody tr td span.archived,
table.kpi-table tbody tr td span.archived {
  background: transparent url(../img/icons/archive-grey.svg) no-repeat 0 50%;
  background-size: 20px;
  padding-left: 28px;
  display: block;
}
table.NSWAT_UI_DataTable tbody tr td a:hover,
table.listings tbody tr td a:hover,
table.kpi-table tbody tr td a:hover,
table.NSWAT_UI_DataTable tbody tr td a:active,
table.listings tbody tr td a:active,
table.kpi-table tbody tr td a:active {
  color: #185475;
}
table.NSWAT_UI_DataTable tbody tr td a:hover.button,
table.listings tbody tr td a:hover.button,
table.kpi-table tbody tr td a:hover.button,
table.NSWAT_UI_DataTable tbody tr td a:active.button,
table.listings tbody tr td a:active.button,
table.kpi-table tbody tr td a:active.button {
  color: #fff;
}
table.NSWAT_UI_DataTable tbody tr td a:hover.resend,
table.listings tbody tr td a:hover.resend,
table.kpi-table tbody tr td a:hover.resend,
table.NSWAT_UI_DataTable tbody tr td a:active.resend,
table.listings tbody tr td a:active.resend,
table.kpi-table tbody tr td a:active.resend {
  background-color: #990000;
}
table.NSWAT_UI_DataTable tbody tr td a:hover.view,
table.listings tbody tr td a:hover.view,
table.kpi-table tbody tr td a:hover.view,
table.NSWAT_UI_DataTable tbody tr td a:active.view,
table.listings tbody tr td a:active.view,
table.kpi-table tbody tr td a:active.view {
  background-color: #167E00;
}
table.NSWAT_UI_DataTable tbody tr td a:hover.accept,
table.listings tbody tr td a:hover.accept,
table.kpi-table tbody tr td a:hover.accept,
table.NSWAT_UI_DataTable tbody tr td a:active.accept,
table.listings tbody tr td a:active.accept,
table.kpi-table tbody tr td a:active.accept {
  background-color: #174f73;
}
table.NSWAT_UI_DataTable tbody tr td.ID,
table.listings tbody tr td.ID,
table.kpi-table tbody tr td.ID {
  width: 150px;
}
table.NSWAT_UI_DataTable tbody tr td div.archived,
table.listings tbody tr td div.archived,
table.kpi-table tbody tr td div.archived {
  background: transparent url(../img/icons/archive-grey.svg) no-repeat 0 50%;
  background-size: 20px;
  padding-left: 28px;
}
table.NSWAT_UI_DataTable tbody tr td.email,
table.listings tbody tr td.email,
table.kpi-table tbody tr td.email,
table.NSWAT_UI_DataTable tbody tr td.website,
table.listings tbody tr td.website,
table.kpi-table tbody tr td.website {
  white-space: nowrap;
}
table.NSWAT_UI_DataTable tbody tr:nth-child(odd),
table.listings tbody tr:nth-child(odd),
table.kpi-table tbody tr:nth-child(odd) {
  background-color: #fdfdfd;
}
table.NSWAT_UI_DataTable tbody tr:nth-child(even),
table.listings tbody tr:nth-child(even),
table.kpi-table tbody tr:nth-child(even) {
  background-color: #f5f5f5;
}
table.NSWAT_UI_DataTable tbody tr:hover,
table.listings tbody tr:hover,
table.kpi-table tbody tr:hover {
  background-color: #e0fbe9;
}
.dialog {
  display: none;
  transition: none;
  max-width: 450px;
  min-width: 300px;
  width: 90%;
  position: fixed;
  top: 20px;
  border-radius: 10px;
  z-index: 10002;
  left: calc(50% - 450px / 2);
  border: 1px solid #aeaeae;
  background-color: #fafafa;
  box-shadow: 0 0 6px #e7e7e7;
  padding: 20px;
}
.dialog h2 {
  color: #174f73;
  margin: 0;
  padding: 0;
  font-size: 15px;
  text-transform: uppercase;
}
.dialog .dialog-content form {
  margin: 0 0 10px 0;
}
.dialog .dialog-content form fieldset {
  padding: 0;
  margin: 0;
}
.dialog .dialog-content form fieldset div {
  width: 100%;
  margin: 10px 0 0 0;
}
.dialog .content-wrapper {
  display: block;
  width: 100%;
  margin: 10px 0;
  transition: none;
  overflow: scroll;
}
.dialog .content-wrapper section.dialog-content {
  margin: 10px 0;
}
.dialog .content-wrapper .question-preview {
  margin: 20px 4px;
  padding: 10px;
  border: 1px solid #5c5c5c;
}
.dialog .content-wrapper div.search form fieldset {
  width: 100% !important;
  max-width: 100% !important;
  *zoom: 1;
}
.dialog .content-wrapper div.search form fieldset:before,
.dialog .content-wrapper div.search form fieldset:after {
  content: " ";
  display: table;
}
.dialog .content-wrapper div.search form fieldset:after {
  clear: both;
}
.dialog .content-wrapper div.search form fieldset > div {
  float: left;
  width: 24%;
}
.dialog .content-wrapper div.search form fieldset > div.nolabel select {
  margin-top: 22px;
}
.dialog .content-wrapper div.search form input.retrieve {
  margin: 0 0.5%;
}
.dialog .content-wrapper .table-wrapper {
  max-height: calc(100% - 180px);
  overflow: scroll;
}
.dialog .content-wrapper p.noresults {
  margin: 10px;
}
.dialog .content-wrapper table.question-bank {
  float: left;
  width: calc(100% - 20px);
}
.dialog .content-wrapper table {
  border-collapse: collapse;
  width: 100%;
  margin: 5px 0 0 0;
}
.dialog .content-wrapper table thead tr {
  background-color: #174f73;
}
.dialog .content-wrapper table thead tr th {
  color: #fff;
  padding: 4px;
  text-align: left;
}
.dialog .content-wrapper table thead tr th.question-label {
  width: calc(100% - 80px);
}
.dialog .content-wrapper table thead tr th.question-add {
  width: 80px;
}
.dialog .content-wrapper table tbody tr td {
  padding: 6px 4px;
  vertical-align: top;
}
.dialog .content-wrapper table tbody tr td.GRI,
.dialog .content-wrapper table tbody tr td.UNGC,
.dialog .content-wrapper table tbody tr td.EIB,
.dialog .content-wrapper table tbody tr td.ESRS,
.dialog .content-wrapper table tbody tr td.IFRS,
.dialog .content-wrapper table tbody tr td.SDG,
.dialog .content-wrapper table tbody tr td.TNFD,
.dialog .content-wrapper table tbody tr td.TCFD {
  background-repeat: no-repeat;
  background-position: 10px 10px;
  padding-left: 60px !important;
}
.dialog .content-wrapper table tbody tr td.GRI {
  background-image: url(../img/logos/GRI.png);
  background-size: 40px 40px;
}
.dialog .content-wrapper table tbody tr td.UNGC {
  background-image: url(../img/logos/UNGC.png);
  background-size: 40px 40px;
}
.dialog .content-wrapper table tbody tr td.EIB {
  background-image: url(../img/logos/EIB.png);
  background-size: 40px 40px;
}
.dialog .content-wrapper table tbody tr td.ESRS {
  background-image: url(../img/logos/ESRS.png);
  background-size: 40px 40px;
}
.dialog .content-wrapper table tbody tr td.IFRS {
  background-image: url(../img/logos/IFRS.png);
  background-size: 40px 40px;
}
.dialog .content-wrapper table tbody tr td.SDG {
  background-image: url(../img/logos/SDG.png);
  background-size: 40px 40px;
}
.dialog .content-wrapper table tbody tr td.TNFD {
  background-image: url(../img/logos/TNFD.png);
  background-size: 40px 40px;
}
.dialog .content-wrapper table tbody tr td.TCFD {
  background-image: url(../img/logos/TCFD.png);
  background-size: 40px 40px;
}
.dialog .content-wrapper table tbody tr td span {
  display: block;
  min-height: 40px;
}
.dialog .content-wrapper table tbody tr td a:link,
.dialog .content-wrapper table tbody tr td a:visited {
  width: 30px;
  border-radius: 4px !important;
  border: 1px solid #aeaeae !important;
  background-color: #fff !important;
  color: #5c5c5c !important;
}
.dialog .content-wrapper table tbody tr td a:hover,
.dialog .content-wrapper table tbody tr td a:active {
  border: 1px solid #aeaeae !important;
  background-color: #e7e7e7 !important;
  color: #fff !important;
}
.dialog .content-wrapper table tbody tr td label ul {
  margin: 0;
  padding: 0 0 5px 10px;
}
.dialog .content-wrapper table tbody tr td label ul li {
  margin: 0;
  padding: 0 0 3px 0;
}
.dialog .content-wrapper table tbody tr:nth-child(even) {
  background-color: #e7e7e7;
}
.dialog .content-wrapper .noresults {
  display: none;
}
.dialog .buttons {
  text-align: center;
  padding: 10px;
  *zoom: 1;
}
.dialog .buttons:before,
.dialog .buttons:after {
  content: " ";
  display: table;
}
.dialog .buttons:after {
  clear: both;
}
.dialog .buttons input[type=submit] {
  height: 40px;
  float: left;
}
.dialog .buttons input[type=submit]:hover {
  background-color: #174f73;
}
.dialog .buttons .addPreviewQuestion,
.dialog .buttons .addSelectedQuestions {
  float: right;
  height: 40px;
  background-color: #31c961;
  color: #fff;
  margin: 0;
  border-radius: 4px;
  padding: 10px 20px;
  text-decoration: none;
}
.dialog .buttons .addPreviewQuestion:hover,
.dialog .buttons .addSelectedQuestions:hover,
.dialog .buttons .addPreviewQuestion:active,
.dialog .buttons .addSelectedQuestions:active {
  background-color: #167E00;
}
.dialog .buttons .addPreviewQuestion.addPreviewQuestion,
.dialog .buttons .addSelectedQuestions.addPreviewQuestion {
  float: none;
}
.dialog .buttons .delete,
.dialog .buttons .delete-request,
.dialog .buttons .delete-response {
  float: right;
  height: 40px;
  color: #fff;
  width: 100px;
  line-height: 1.15;
  margin: 0;
  border-radius: 4px;
  padding: 10px 20px 10px 28px !important;
  text-decoration: none;
  background: #cc241D url(../img/icons/delete-white.svg) 4px 50% no-repeat !important;
  background-size: 20px 20px !important;
}
.dialog .buttons .delete:hover,
.dialog .buttons .delete-request:hover,
.dialog .buttons .delete-response:hover,
.dialog .buttons .delete:active,
.dialog .buttons .delete-request:active,
.dialog .buttons .delete-response:active {
  background-color: #990000;
}
.dialog.questions .buttons {
  margin-top: 50px;
}
body.account {
  color: #34424c;
}
body.account header {
  background-color: #fff;
  padding: 20px;
  position: fixed;
  height: auto;
  min-height: 103px;
  border-bottom: 1px solid #aeaeae;
}
body.account header .trial-notice {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  width: 90%;
  max-width: 500px;
  min-height: 32px;
  margin: 10px auto;
  padding: 6px 12px;
  border: 2px solid #d5c6aa;
  background: #f4ead7;
  color: #5f4b32;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  box-sizing: border-box;
  transform: translateX(-50%);
}
body.account header.fixed {
  position: fixed;
  opacity: 0.85;
}
body.account header .logo {
  float: left;
  position: relative;
  width: auto !important;
  min-width: auto !important;
}
body.account header .logo img {
  width: 200px;
  height: auto;
  padding: 0;
}
body.account header .logo img.account-logo-dark {
  display: none;
}
body.account header .account-title {
  float: left;
  z-index: 110;
  margin-left: 20px;
  width: calc(100% - 200px - 75px);
}
@media (max-width: 700px) {
  body.account header .account-title {
    width: calc(100% - 40px - 75px);
  }
}
body.account header .account-title h2 {
  text-align: left;
  margin: 0;
  padding: 0;
  color: #34424c;
  clear: both;
  font-size: 30px;
  width: auto;
  text-wrap: nowrap;
  overflow: hidden;
}
@media (max-width: 700px) {
  body.account header .account-title h2 {
    font-size: 24px;
  }
}
@media (max-width: 500px) {
  body.account header .account-title h2 {
    font-size: 22px;
  }
}
@media (max-width: 400px) {
  body.account header .account-title h2 {
    font-size: 20px;
  }
}
body.account header .account-title .tags {
  clear: both;
  *zoom: 1;
  width: 100%;
}
body.account header .account-title .tags:before,
body.account header .account-title .tags:after {
  content: " ";
  display: table;
}
body.account header .account-title .tags:after {
  clear: both;
}
body.account header .account-title .tags span {
  width: auto;
  float: left;
  border-radius: 4px;
  padding: 3px 8px;
  margin: 0 10px 0 0;
}
body.account header .account-title .tags span:nth-child(2) {
  padding: 0;
  background-color: #167E00;
}
body.account header .account-title .tags span:nth-child(2):hover {
  background-color: #0078B4;
}
body.account header .account-title .tags span:nth-child(1) {
  background-color: #0078B4;
}
body.account header .account-title .tags span,
body.account header .account-title .tags span a:link,
body.account header .account-title .tags span a:visited {
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  font-size: 11px;
}
body.account header .account-title .tags span.external,
body.account header .account-title .tags span a:link.external,
body.account header .account-title .tags span a:visited.external {
  padding: 3px 20px 3px 8px;
  display: block;
  background: transparent url(../img/icons/new-window-white.svg) no-repeat calc(100% - 6px) 50%;
  background-size: 10px;
}
@media (max-width: 450px) {
  body.account header .account-title .tags span,
  body.account header .account-title .tags span a:link,
  body.account header .account-title .tags span a:visited {
    font-size: 10px;
  }
}
body.account header nav.account {
  width: 90px;
  float: left;
  margin: 0;
  top: 40px;
}
@media (max-width: 950px) {
  body.account header nav.account {
    right: 10px !important;
  }
}
body.account section.content {
  margin-top: 103px;
}
body.account section.content section.body.profile {
  width: calc(100% - 300px - 100px);
}
body.account section.content section.body.profile section.profile {
  width: 100%;
  margin: 0;
  padding: 0;
  border-right: none;
}
ul.list-listings {
  margin: 0;
  padding: 0;
}
ul.list-listings li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.list-listings li a:link,
ul.list-listings li a:visited {
  margin: 0 0 0 10px;
  text-decoration: none;
  background-color: #cc241D;
  color: #fff;
  padding: 4px;
  width: 14px;
  height: 14px;
  font-size: 14px;
  font-weight: 300;
  border-radius: 6px;
}
body.account form.hidepayment #paymentMethodIdContainer {
  display: none;
}
.invite-form-intro {
  width: 100%;
}
form#batch #filename_Wrapper,
form#batch .qq-uploader,
form#batch .qq-upload-button {
  margin: 0;
  padding: 0;
}
form#batch .qq-upload-button > div {
  margin: 0;
}
form#batch .qq-upload-button div {
  max-width: 150px !important;
  margin-top: 0;
}
form#batch #inviteFileContainer {
  width: 250px;
}
.invite-share-links {
  float: right;
  max-width: calc(40% - 10px);
  width: 450px;
  padding: 10px 20px;
  margin: 0 0 10px 10px;
  background-color: #fafafa;
  border-top: 6px solid #aeaeae;
  border-right: 1px solid #aeaeae;
  border-left: 1px solid #aeaeae;
  border-bottom: 1px solid #aeaeae;
}
.invite-share-links p {
  margin: 0;
  padding: 0;
  text-align: center;
}
.invite-share-links p.buttons {
  margin: 20px 0 0 0;
}
.invite-share-links p.buttons a:link,
.invite-share-links p.buttons a:visited {
  font-size: 16px;
  margin: 0 4px;
}
form.build-survey#report div.question-wrapper div.summary {
  display: none;
}
form.build-survey fieldset {
  width: 100%;
  max-width: 100%;
}
form.build-survey fieldset.section {
  background-color: #fafafa;
  padding: 20px;
  position: relative;
  margin-bottom: 20px;
}
form.build-survey fieldset.section.sorting {
  border: 2px dashed #aeaeae;
  background: transparent url(../img/icons/draggable.svg) 4px 4px no-repeat;
  background-size: 20px 20px;
  cursor: grab;
}
form.build-survey fieldset.section textarea {
  max-height: 200px;
}
form.build-survey fieldset.section img.toggle {
  width: 16px;
  height: 16px;
  float: left;
  cursor: pointer;
}
form.build-survey fieldset.section .options .col {
  float: left;
  width: 50%;
}
form.build-survey fieldset.section .sectionDescriptionContainer > label {
  float: left;
  clear: none;
  cursor: pointer;
}
form.build-survey fieldset.section .questionsContainer {
  clear: both;
  display: block;
}
form.build-survey fieldset.section .questionsContainer > label {
  float: left;
  clear: none;
  cursor: pointer;
}
form.build-survey fieldset.section ul.questions {
  margin: 0;
  padding: 0;
}
form.build-survey fieldset.section ul.questions li {
  list-style-type: none;
  margin: 0;
  padding: 10px 10px;
  clear: both;
  display: block;
  position: relative;
  *zoom: 1;
}
form.build-survey fieldset.section ul.questions li.sorting {
  border: 2px dashed #aeaeae;
  background: transparent url(../img/icons/draggable.svg) 4px 4px no-repeat;
  background-size: 12px 12px;
  padding: 16px 10px;
  cursor: grab;
}
form.build-survey fieldset.section ul.questions li:before,
form.build-survey fieldset.section ul.questions li:after {
  content: " ";
  display: table;
}
form.build-survey fieldset.section ul.questions li:after {
  clear: both;
}
form.build-survey fieldset.section ul.questions li > label {
  display: block;
  font-weight: 700;
  margin-bottom: 4px;
}
form.build-survey fieldset.section ul.questions li > label span {
  font-weight: 400;
  font-style: italic;
  font-size: 14px;
}
form.build-survey fieldset.section ul.questions li > label ul {
  margin: 0;
  padding: 0 0 4px 20px;
  list-style-type: bullet;
}
form.build-survey fieldset.section ul.questions li > label ul li {
  padding: 0 0 6px 0;
  background-color: transparent !important;
  font-weight: 400;
}
form.build-survey fieldset.section ul.questions li .chk-options {
  float: left;
  max-width: 200px;
  width: 30%;
}
form.build-survey fieldset.section ul.questions li .chk-options .NSWAT_UI_Checkbox {
  padding: 8px 4px;
}
form.build-survey fieldset.section ul.questions li .chk-options .NSWAT_UI_Checkbox.formula.active {
  background-color: #174f73;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
form.build-survey fieldset.section ul.questions li .chk-options .NSWAT_UI_Checkbox.formula.active label {
  color: #fff;
}
form.build-survey fieldset.section ul.questions li > .NSWAT_UI_Checkbox {
  display: block;
}
form.build-survey fieldset.section ul.questions li:nth-child(odd) {
  background-color: #fff;
}
form.build-survey fieldset.section ul.questions li:nth-child(even) {
  background-color: #f3f3f3;
}
form.build-survey fieldset.section ul.questions li .optional {
  clear: both;
}
form.build-survey fieldset.section ul.questions li div.options {
  *zoom: 1;
  padding: 0 0 0 20px;
  margin: 0;
}
form.build-survey fieldset.section ul.questions li div.options:before,
form.build-survey fieldset.section ul.questions li div.options:after {
  content: " ";
  display: table;
}
form.build-survey fieldset.section ul.questions li div.options:after {
  clear: both;
}
form.build-survey fieldset.section ul.questions li div.options div.NSWAT_UI_Checkbox {
  float: left;
  width: 30%;
  margin-bottom: 0!important;
}
form.build-survey fieldset.section a.delete {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #cc241D;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  padding: 2px;
  line-height: 0.8;
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  font-weight: 900;
}
form.build-survey a.add.section,
form.build-survey a.add.question {
  background: transparent url(../img/icons/add.svg) no-repeat 0 50%;
  background-size: 15px 15px;
  display: block;
  width: 140px;
  margin: 0 auto;
}
form.build-survey a.add.section:link,
form.build-survey a.add.question:link,
form.build-survey a.add.section:visited,
form.build-survey a.add.question:visited {
  text-align: center;
  display: block;
  clear: both;
  color: #31c961;
}
form.build-survey a.add.section:hover,
form.build-survey a.add.question:hover,
form.build-survey a.add.section:active,
form.build-survey a.add.question:active {
  color: #167E00;
}
.ui-state-highlight {
  display: block;
  height: auto;
  min-height: 20px;
  border-style: dotted;
}
.ui-datepicker-title select {
  font-size: 0.8em !important;
}
ul.questions .ui-state-highlight {
  min-height: 20px !important;
}
div.sections .ui-state-highlight {
  min-height: 200px;
}
a.sort-sections,
a.sort-questions {
  float: left;
  background: transparent url(../img/icons/reorder.svg) no-repeat 0 50%;
  background-size: 15px 15px;
  padding-left: 20px;
  text-decoration: none;
}
a.sort-sections:hover,
a.sort-questions:hover,
a.sort-sections:active,
a.sort-questions:active {
  text-decoration: none;
}
a.save-sort-sections,
a.save-sort-questions {
  float: left;
  width: 70px;
  background: transparent url(../img/icons/check.svg) no-repeat 0 50%;
  background-size: 15px 15px;
  padding-left: 20px;
  text-decoration: none;
}
a.save-sort-sections:hover,
a.save-sort-questions:hover,
a.save-sort-sections:active,
a.save-sort-questions:active {
  text-decoration: none;
}
a.cancel-sort-sections,
a.cancel-sort-questions {
  float: left;
  width: 70px;
  background: transparent url(../img/icons/cancel.svg) no-repeat 0 50%;
  background-size: 15px 15px;
  padding-left: 20px;
  text-decoration: none;
}
a.cancel-sort-sections:hover,
a.cancel-sort-questions:hover,
a.cancel-sort-sections:active,
a.cancel-sort-questions:active {
  text-decoration: none;
}
form.report-generator {
  border-bottom: 1px solid #aeaeae;
  background-color: #fafafa;
  padding-bottom: 10px;
  max-width: 1200px;
  width: 98%;
  padding: 10px;
}
form.report-generator a.template-toggle {
  color: #31c961;
  padding-left: 14px;
  margin-left: 10px;
  background-repeat: no-repeat;
  background-position: 0% 50%;
}
form.report-generator a.template-toggle.expanded {
  background-image: url(../img/icons/arrow-down-solid-blue.svg);
  background-size: 10px 10px;
}
form.report-generator a.template-toggle.collapsed {
  background-image: url(../img/icons/arrow-right-solid-blue.svg);
  background-size: 10px 10px;
}
form.report-generator fieldset {
  display: block;
}
form.report-generator fieldset.hidden {
  display: none;
}
form.report-generator fieldset > div.column {
  float: left;
  width: 48%;
  margin: 0 1%;
}
form.report-generator fieldset > div.column.dual > div {
  float: left;
  width: 48%;
}
form.report-generator fieldset > div.column.dual > div:nth-child(odd) {
  margin-right: 2%;
}
form.report-generator fieldset > div.column.dual > div:nth-child(even) {
  margin-left: 2%;
}
form.report-generator fieldset > div.column.break {
  clear: both;
}
form.report-generator fieldset > div.full {
  float: none;
  width: 98%;
  margin: 0 1%;
  clear: both;
}
form.report-generator div.buttons input {
  margin: 0 2%;
}
form.report-generator fieldset,
form.report-generator div.buttons {
  max-width: 98%;
  width: 98%;
}
p.requested-info {
  clear: both;
  max-width: 1200px;
  width: 100%;
  margin: 2px 0;
  font-size: 15px;
  text-transform: capitalize;
  color: #5c5c5c !important;
}
p.requested-info strong {
  font-weight: 400;
  color: #31c961;
}
div.respond-survey-filter {
  width: 350px;
  top: 120px;
  position: fixed;
  right: calc(0px - calc(350px - 10px));
  z-index: 10000;
}
div.respond-survey-filter.open {
  right: 0;
}
div.respond-survey-filter a.toggle-filter {
  position: absolute;
  left: -5.9em;
  top: 6em;
  width: 140px;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  transform: rotate(-90deg);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #fff;
  display: block;
  text-decoration: none;
  padding: 3px 8px;
  background: #0078B4 url(../img/icons/filter-white.svg) no-repeat 10px 50%;
  background-size: 15px 15px;
}
div.respond-survey-filter a.toggle-filter:hover,
div.respond-survey-filter a.toggle-filter:active {
  background-color: #174f73;
}
div.respond-survey-filter h2 {
  font-size: 16px;
}
div.respond-survey-filter .buttons input {
  font-size: 16px;
  padding: 5px 10px;
}
div.respond-survey-filter .filter-wrapper {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #fafafa;
  border: 1px solid #aeaeae;
  padding: 10px;
}
div.respond-survey-filter .filter-wrapper form fieldset {
  max-height: calc(100% - 120px);
  overflow: scroll;
  padding-right: 30px;
}
div.respond-survey-filter .filter-wrapper form fieldset div {
  margin-bottom: 5px;
}
div.respond-survey-filter .filter-wrapper form fieldset > div > label {
  font-weight: 600;
}
div.respond-survey-filter .filter-wrapper form fieldset div.NSWAT_UI_Checkbox > label {
  font-weight: 400;
}
.form-response {
  float: left;
  width: 70% !important;
}
.form-response form {
  clear: none !important;
}
div.form-sidebar {
  float: right;
  width: 28%;
  margin-top: 10px;
  border-top: 1px solid #167E00;
}
div.survey-toc-sidebar {
  background-color: #fafafa;
  padding: 10px;
  position: relative;
}
div.survey-toc-sidebar h3 {
  font-weight: bold;
  margin: 0;
  padding: 0 0 6px 0;
  font-size: 16px;
  text-transform: uppercase;
  float: left;
}
div.survey-toc-sidebar ul.survey-toc li a:link,
div.survey-toc-sidebar ul.survey-toc li a:visited {
  color: #0078B4;
  text-decoration: underline;
}
div.survey-toc-sidebar ul.survey-toc li a:hover,
div.survey-toc-sidebar ul.survey-toc li a:active {
  color: #31c961;
  font-weight: 700;
}
div.survey-toc-sidebar ul.toc-options {
  float: right;
  clear: none;
}
div.survey-toc-sidebar ul.toc-options li {
  margin: 0 !important;
  padding: 0 !important;
  float: left;
}
div.survey-toc-sidebar ul.toc-options li.status {
  position: absolute;
  left: 0;
  top: -30px;
  font-weight: 400;
  font-size: 14px;
  border-radius: 4px;
  color: #fff;
  display: block;
  clear: both;
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
  padding: 4px !important;
}
div.survey-toc-sidebar ul.toc-options li.status.success {
  background-color: #167E00;
}
div.survey-toc-sidebar ul.toc-options li.status.error {
  background-color: #990000;
}
div.survey-toc-sidebar ul.toc-options li.status.warning {
  background-color: #ffdd33;
}
div.survey-toc-sidebar ul.toc-options li a:link,
div.survey-toc-sidebar ul.toc-options li a:visited {
  display: block;
  transition: none;
  padding: 0 0 0 20px;
  color: #0078B4;
}
div.survey-toc-sidebar ul.toc-options li a:link.add,
div.survey-toc-sidebar ul.toc-options li a:visited.add {
  background: transparent url(../img/icons/add-blue.svg) no-repeat 0 50%;
  background-size: 16px;
  margin: 0 7px 0 0;
  border-right: 1px solid #31c961;
  padding: 0 7px 0 20px;
}
div.survey-toc-sidebar ul.toc-options li a:link.reorder,
div.survey-toc-sidebar ul.toc-options li a:visited.reorder {
  background: transparent url(../img/icons/draggable-blue.svg) no-repeat 0 50%;
  background-size: 16px;
}
div.survey-toc-sidebar ul.toc-options li a:link.save,
div.survey-toc-sidebar ul.toc-options li a:visited.save {
  background: transparent url(../img/icons/save.svg) no-repeat 0 50%;
  background-size: 16px;
  margin-right: 6px;
}
div.survey-toc-sidebar ul.toc-options li a:link.cancel,
div.survey-toc-sidebar ul.toc-options li a:visited.cancel {
  background: transparent url(../img/icons/cancel.svg) no-repeat 0 50%;
  background-size: 16px;
}
div.survey-toc-sidebar ul.toc-options li a:hover.add,
div.survey-toc-sidebar ul.toc-options li a:active.add {
  background: transparent url(../img/icons/add-green.svg) no-repeat 0 50%;
  background-size: 16px;
}
div.survey-toc-sidebar ul.toc-options li a:hover.reorder,
div.survey-toc-sidebar ul.toc-options li a:active.reorder {
  background: transparent url(../img/icons/draggable-green.svg) no-repeat 0 50%;
  background-size: 16px;
}
div.survey-toc-sidebar ul {
  clear: both;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div.survey-toc-sidebar ul li {
  margin: 0;
  padding: 10px 8px 10px 8px;
}
div.survey-toc-sidebar ul li.ui-sortable-handle {
  background: transparent url(../img/icons/draggable.svg) no-repeat 4px 50%;
  background-size: 16px;
  padding: 10px 8px 10px 25px !important;
  cursor: move;
}
div.survey-toc-sidebar ul li.active {
  background-color: #31c961;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 15px 8px;
}
div.survey-toc-sidebar ul li.active.ui-sortable-handle {
  background: #31c961 url(../img/icons/draggable-white.svg) no-repeat 4px 50%;
  background-size: 16px;
}
div.survey-toc-sidebar ul li.active a:link,
div.survey-toc-sidebar ul li.active a:visited {
  color: #fff;
  text-decoration: none;
}
div.survey-toc-sidebar ul li a:link,
div.survey-toc-sidebar ul li a:visited {
  color: #5c5c5c;
  text-decoration: none;
}
ul.survey-prev-next {
  clear: both;
  max-width: 1200px;
  width: 100%;
  margin: 0;
  padding: 20px 10px;
  list-style-type: none;
  border-top: 1px solid #aeaeae;
  *zoom: 1;
}
ul.survey-prev-next.top {
  display: none;
}
ul.survey-prev-next.bottom {
  margin-bottom: 20px;
}
ul.survey-prev-next li,
ul.survey-prev-next li a:link,
ul.survey-prev-next li a:visited {
  color: #0078B4;
}
ul.survey-prev-next:before,
ul.survey-prev-next:after {
  content: " ";
  display: table;
}
ul.survey-prev-next:after {
  clear: both;
}
ul.survey-prev-next li {
  margin: 0;
  padding: 0;
  float: left;
}
ul.survey-prev-next li.prev {
  text-align: left;
  width: 50%;
}
ul.survey-prev-next li.prev input[type=submit] {
  display: block;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
ul.survey-prev-next li.prev a:link,
ul.survey-prev-next li.prev a:visited {
  clear: both;
  display: block;
  margin-left: 20px;
}
ul.survey-prev-next li.prev a:link.previous,
ul.survey-prev-next li.prev a:visited.previous {
  font-weight: 900;
  clear: both;
  padding-left: 20px;
  background-image: url(../img/icons/arrow-left-solid-white.svg);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: 16px 16px;
}
ul.survey-prev-next li.next {
  text-align: right;
  width: 50%;
}
ul.survey-prev-next li.next input[type=submit] {
  text-align: right;
  float: right;
  display: block;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
ul.survey-prev-next li.next a:link,
ul.survey-prev-next li.next a:visited {
  clear: both;
  display: block;
  margin-right: 20px;
}
ul.survey-prev-next li.next a:link.next,
ul.survey-prev-next li.next a:visited.next {
  font-weight: 900;
  clear: both;
  background-image: url(../img/icons/arrow-right-solid-white.svg);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 16px 16px;
  padding-right: 20px;
}
ul.survey-prev-next li.prev input[type=submit],
ul.survey-prev-next li.next input[type=submit] {
  padding: 0;
}
ul.survey-prev-next li.prev input[type=submit].previous,
ul.survey-prev-next li.next input[type=submit].previous,
ul.survey-prev-next li.prev input[type=submit].next,
ul.survey-prev-next li.next input[type=submit].next {
  font-weight: 900;
}
ul.survey-prev-next li.toc {
  text-align: center;
  width: 26%;
}
ul.survey-prev-next li.toc a:link,
ul.survey-prev-next li.toc a:visited {
  color: #0078B4;
  text-decoration: none;
}
ul.survey-prev-next li.toc a:link img,
ul.survey-prev-next li.toc a:visited img {
  width: 20px;
  height: 20px;
}
ul.survey-prev-next li.toc input[type=submit] img {
  width: 16px;
  height: 16px;
}
ul.survey-prev-next li ul.survey-toc {
  z-index: 10000;
  margin: 10px 0 0 0;
  padding: 10px 20px 10px 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 100%;
  max-width: calc(20% - 30px);
  max-height: 360px;
  overflow: scroll;
  position: absolute;
  background-color: #fff;
  list-style-type: none;
  border: 1px solid #31c961;
}
ul.survey-prev-next li ul.survey-toc li {
  margin: 0;
  padding: 0 0 10px 0;
  display: block;
  float: none;
  text-align: left;
  width: 100%;
  /* padding: 10px; */
}
ul.survey-prev-next li ul.survey-toc li a:hover,
ul.survey-prev-next li ul.survey-toc li a:active {
  color: #31c961;
  text-decoration: underline;
}
ul.survey-prev-next li ul.survey-toc li input[type=submit] {
  width: auto !important;
  background-color: transparent;
  border: none;
  font-size: 16px;
  color: #0078B4;
  box-shadow: none;
}
ul.survey-prev-next li ul.survey-toc li input[type=submit]:hover {
  color: #31c961;
}
ul.survey-prev-next li ul.survey-toc li.active a:link,
ul.survey-prev-next li ul.survey-toc li.active a:visited {
  font-weight: 900;
  color: #31c961;
}
form.survey-response {
  clear: both;
  max-width: 1200px;
  width: 100%;
}
form.survey-response h3.required span.required {
  color: #cc241D !important;
}
form.survey-response fieldset {
  max-width: 100%;
  padding: 0 !important;
  border-top: none !important;
  background-color: transparent !important;
}
form.survey-response fieldset legend {
  display: none;
}
form.survey-response fieldset h2 {
  font-size: 28px;
  font-weight: 400;
  margin: 0 0 0 0;
}
form.survey-response fieldset div.questions {
  margin: 0 0 20px 0 !important;
  width: 100%;
}
form.survey-response fieldset div.questions .question-value label {
  min-height: 42px;
}
form.survey-response fieldset div.questions .question-value label.required:after {
  content: "" !important;
}
form.survey-response fieldset div.questions .date-month-year .date-response-selects {
  *zoom: 1;
}
form.survey-response fieldset div.questions .date-month-year .date-response-selects:before,
form.survey-response fieldset div.questions .date-month-year .date-response-selects:after {
  content: " ";
  display: table;
}
form.survey-response fieldset div.questions .date-month-year .date-response-selects:after {
  clear: both;
}
form.survey-response fieldset div.questions .date-month-year .date-response-selects .date-response-month,
form.survey-response fieldset div.questions .date-month-year .date-response-selects .date-response-year {
  clear: none;
  width: 49%;
}
form.survey-response fieldset div.questions .date-month-year .date-response-selects .date-response-month select,
form.survey-response fieldset div.questions .date-month-year .date-response-selects .date-response-year select {
  float: none;
  width: 100%;
}
form.survey-response fieldset div.questions .date-month-year .date-response-selects .date-response-month {
  float: left;
}
form.survey-response fieldset div.questions .date-month-year .date-response-selects .date-response-year {
  float: right;
}
form.survey-response fieldset div.questions div.question-group {
  border-top: 1px solid #167E00;
  background-color: #fafafa;
  padding: 20px 20px 30px 20px;
  margin: 20px 0;
  position: relative;
  transition: none;
  width: 100%;
}
form.survey-response fieldset div.questions div.question-group h3 {
  width: calc(100% - 100px);
}
form.survey-response fieldset div.questions div.question-group.open .question-content,
form.survey-response fieldset div.questions div.question-group.open .question-buttons {
  display: block;
}
form.survey-response fieldset div.questions div.question-group.error {
  background-color: #ffdddd;
  border: 1px solid #cc241D;
}
form.survey-response fieldset div.questions div.question-group.closed {
  clip-path: none;
}
form.survey-response fieldset div.questions div.question-group.closed div.corner {
  margin: 0;
  display: none;
}
form.survey-response fieldset div.questions div.question-group.closed.completed {
  background-color: #167E00;
}
form.survey-response fieldset div.questions div.question-group.closed.completed h3 {
  color: #fff;
}
form.survey-response fieldset div.questions div.question-group.closed.completed h3 span {
  color: #fff;
}
form.survey-response fieldset div.questions div.question-group.closed.completed .NSWAT_UI_Checkbox {
  display: none;
}
form.survey-response fieldset div.questions div.question-group.closed .question-content,
form.survey-response fieldset div.questions div.question-group.closed .question-buttons {
  display: none;
}
form.survey-response fieldset div.questions div.question-group .question-content .question.closed .question-content {
  display: block;
}
form.survey-response fieldset div.questions div.question-group div.question {
  border-radius: 0;
  padding: 0;
  margin: 0;
}
form.survey-response fieldset div.questions div.question-group div.question .checkboxList {
  *zoom: 1;
}
form.survey-response fieldset div.questions div.question-group div.question .checkboxList:before,
form.survey-response fieldset div.questions div.question-group div.question .checkboxList:after {
  content: " ";
  display: table;
}
form.survey-response fieldset div.questions div.question-group div.question .checkboxList:after {
  clear: both;
}
form.survey-response fieldset div.questions div.question-group div.question .checkboxList .NSWAT_UI_Checkbox label {
  color: #0078B4;
  font-weight: 700;
}
form.survey-response fieldset div.questions div.question-group div.question.completed .question-content .question-value:not(.CheckboxList) label,
form.survey-response fieldset div.questions div.question-group div.question.completed .question-content .question-value .checkboxList > div > label {
  background-image: url(../img/icons/checkmark-green.svg) !important;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0 20px 0 0;
}
form.survey-response fieldset div.questions div.question-group div.question.completed .question-content .question-value.NSWAT_UI_Checkbox {
  margin-bottom: 20px;
}
form.survey-response fieldset div.questions div.question-group div.question.completed .question-content .question-value.NSWAT_UI_Checkbox span.helpText {
  text-align: left;
  float: left;
  margin-left: 30px;
}
form.survey-response fieldset div.questions div.question-group div.question .question-content .question-filter-debug em.question-filter-debug-rule {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
}
form.survey-response fieldset div.questions div.question-group div.question .question-content .question-value {
  clear: both;
  display: block;
}
form.survey-response fieldset div.questions div.question-group div.question .question-content .question-value label {
  float: left;
  width: 28%;
  margin-top: 0;
  font-weight: 400;
  text-align: right;
}
form.survey-response fieldset div.questions div.question-group div.question .question-content .question-value input[type=text],
form.survey-response fieldset div.questions div.question-group div.question .question-content .question-value select {
  width: 70%;
  float: right;
}
form.survey-response fieldset div.questions div.question-group div.question .question-content .question-value span.helpText {
  float: right;
  width: 70%;
  text-align: right;
  color: #aeaeae;
  font-size: 15px;
}
form.survey-response fieldset div.questions div.question-group div.question .question-content .question-value span.helpText strong {
  font-weight: 400;
  color: #5c5c5c;
}
form.survey-response fieldset div.questions div.question-group div.question .question-content .question-value.NSWAT_UI_Checkbox {
  width: 100%;
}
form.survey-response fieldset div.questions div.question-group div.question .question-content .question-value.NSWAT_UI_Checkbox label {
  color: #5c5c5c;
}
form.survey-response fieldset div.questions div.question-group div.question .question-content .question-standard-label {
  float: left;
  width: 70%;
  margin-left: 30%;
}
form.survey-response fieldset div.questions a.toggle-bookmark {
  float: right;
  width: 30px;
  height: 45px;
  display: block;
  text-indent: -999em;
  margin-top: -30px !important;
  transition: none;
}
form.survey-response fieldset div.questions a.toggle-bookmark.unmarked {
  background-image: url(../img/icons/bookmark-outline-blue.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 30px 45px;
}
form.survey-response fieldset div.questions a.toggle-bookmark.marked {
  background-image: url(../img/icons/bookmark-solid-blue.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 30px 45px;
}
form.survey-response fieldset div.questions a.toggle-question {
  float: left;
  transition: none;
  width: 24px;
  height: 24px;
  display: block;
  text-indent: -999em;
  margin-right: 4px;
}
form.survey-response fieldset div.questions a.toggle-question.open {
  background-image: url(../img/icons/arrow-down-solid-blue.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
form.survey-response fieldset div.questions a.toggle-question.closed {
  background-image: url(../img/icons/arrow-right-solid-blue.svg);
  background-size: 24px 24px;
}
form.survey-response fieldset div.questions .question-group.closed a.toggle-question.closed {
  background-image: url(../img/icons/arrow-right-solid-white.svg);
}
form.survey-response fieldset div.questions > div.question {
  *zoom: 1;
  background-color: #fafafa;
  padding: 20px;
  margin: 20px 0;
}
form.survey-response fieldset div.questions > div.question:before,
form.survey-response fieldset div.questions > div.question:after {
  content: " ";
  display: table;
}
form.survey-response fieldset div.questions > div.question:after {
  clear: both;
}
form.survey-response fieldset div.questions > div.question .helpText {
  color: #aaa;
  text-align: right;
  display: block;
}
form.survey-response fieldset div.questions > div.question h3 {
  line-height: 1;
  margin: 0 0 20px 0;
  padding: 0;
  color: #174f73;
  font-size: 20px;
  font-weight: 700;
  float: left;
  width: calc(100% - 100px);
}
form.survey-response fieldset div.questions > div.question h3 .questions-completed {
  font-weight: 600;
  font-size: 16px;
  color: #167E00;
}
form.survey-response fieldset div.questions > div.question h3 span.required {
  color: #cc241D !important;
}
form.survey-response fieldset div.questions > div.question .question-options {
  margin: 0;
}
form.survey-response fieldset div.questions > div.question .question-options div {
  margin: 1% 0;
  width: 100%;
}
form.survey-response fieldset div.questions > div.question .question-unit-wrapper {
  *zoom: 1;
  margin: 0;
  padding: 0;
}
form.survey-response fieldset div.questions > div.question .question-unit-wrapper:before,
form.survey-response fieldset div.questions > div.question .question-unit-wrapper:after {
  content: " ";
  display: table;
}
form.survey-response fieldset div.questions > div.question .question-unit-wrapper:after {
  clear: both;
}
form.survey-response fieldset div.questions > div.question .question-unit-wrapper .value-units,
form.survey-response fieldset div.questions > div.question .question-unit-wrapper .question-value {
  clear: none;
}
form.survey-response fieldset div.questions > div.question .question-unit-wrapper .value-units {
  max-width: 30%;
  width: 30%;
  margin: 0;
  float: right;
}
form.survey-response fieldset div.questions > div.question .question-unit-wrapper .question-value {
  width: 68%;
  float: left;
  margin-top: 1.4em !important;
}
form.survey-response fieldset div.questions > div.question .NSWAT_UI_Checkbox {
  margin-bottom: 20px;
}
form.survey-response fieldset div.questions > div.question .NSWAT_UI_Checkbox span.helpText {
  float: left;
  text-align: left;
}
form.survey-response fieldset div.questions > div.question .ask-help.NSWAT_UI_Checkbox {
  width: calc(280px - 60px);
}
form.survey-response fieldset div.questions > div.question .ask-help.NSWAT_UI_Checkbox label {
  color: #167E00 !important;
}
form.survey-response fieldset div.questions > div.question.completed {
  background-image: url(../img/icons/checkmark-green.svg);
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: 10px 10px;
}
form.survey-response fieldset div.questions > div.question.completed h3 {
  padding-left: 30px;
}
form.survey-response fieldset div.questions > div.question.completed.closed {
  background-image: url(../img/icons/checkmark-white.svg);
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: calc(100% - 60px) 20px;
}
form.survey-response fieldset div.questions > div.question.open .question-content {
  display: block;
}
form.survey-response fieldset div.questions > div.question.closed .NSWAT_UI_Checkbox {
  display: none;
}
form.survey-response fieldset div.questions > div.question.closed .question-content {
  display: none;
}
form.survey-response fieldset div.questions > div.question.closed div.question-standard-label {
  display: none;
}
form.survey-response fieldset div.questions > div.question div.question-content {
  margin: 20px 0 0 0;
}
form.survey-response fieldset div.questions > div.question div.question-content img {
  max-width: 100%;
  margin-top: 6px;
}
form.survey-response fieldset div.questions > div.question div.question-content p {
  clear: both;
}
form.survey-response fieldset div.questions > div.question div.question-content div.question-description {
  clear: both;
  font-style: italic;
  color: #53575a;
  font-size: 16px;
}
form.survey-response fieldset div.questions > div.question div.question-content .question-value {
  *zoom: 1;
  clear: both;
  margin: 0 0 20px 0;
  padding: 0;
}
form.survey-response fieldset div.questions > div.question div.question-content .question-value.formula input[type=text] {
  background: #fafafa url(../img/icons/calculate.svg) no-repeat calc(100% - 5px) 50%;
  background-size: 60px 20px;
}
form.survey-response fieldset div.questions > div.question div.question-content .question-value.number input[type=text],
form.survey-response fieldset div.questions > div.question div.question-content .question-value.integer input[type=text] {
  background: #fff url(../img/icons/number.svg) no-repeat calc(100% - 5px) 50%;
  background-size: 60px 20px;
}
form.survey-response fieldset div.questions > div.question div.question-content .question-value.decimal input[type=text] {
  background: #fff url(../img/icons/decimal.svg) no-repeat calc(100% - 5px) 50%;
  background-size: 60px 20px;
}
form.survey-response fieldset div.questions > div.question div.question-content .question-value.percentage input[type=text] {
  background: #fff url(../img/icons/percent.svg) no-repeat calc(100% - 5px) 50%;
  background-size: 60px 20px;
}
form.survey-response fieldset div.questions > div.question div.question-content .question-value.error {
  border: 1px solid #cc241D;
  background-color: #ffdddd;
  padding: 4px;
}
form.survey-response fieldset div.questions > div.question div.question-content .question-value:before,
form.survey-response fieldset div.questions > div.question div.question-content .question-value:after {
  content: " ";
  display: table;
}
form.survey-response fieldset div.questions > div.question div.question-content .question-value:after {
  clear: both;
}
form.survey-response fieldset div.questions > div.question div.question-content .question-value.optional label {
  font-weight: 400;
}
form.survey-response fieldset div.questions > div.question div.question-content .question-value input[type=text] {
  width: 100%;
}
form.survey-response fieldset div.questions > div.question div.question-content .question-value.NSWAT_UI_Checkbox {
  margin-bottom: 20px;
}
form.survey-response fieldset div.questions > div.question div.question-content .question-value.NSWAT_UI_Checkbox label {
  text-align: left;
  width: calc(100% - 5px);
  margin-left: 5px;
}
form.survey-response fieldset div.questions > div.question div.question-content .question-value.NSWAT_UI_Checkbox span.helpText {
  float: left;
  text-align: left;
}
form.survey-response fieldset div.questions > div.question div.question-content .question-value select.read-only,
form.survey-response fieldset div.questions > div.question div.question-content .question-value input:read-only,
form.survey-response fieldset div.questions > div.question div.question-content .question-value textarea:read-only {
  background-image: none;
  background-color: #fafafa;
  border-radius: 0 !important;
  border: 2px solid #5c5c5c;
}
form.survey-response fieldset div.questions > div.question div.question-content .question-value label {
  padding: 10px 0;
  display: block;
}
form.survey-response fieldset div.questions > div.question div.question-content .question-value label span {
  font-size: 12px;
  float: right;
  font-style: italic;
  color: #aaa;
}
form.survey-response fieldset div.questions > div.question div.question-content .question-value label span::before {
  content: 'Question ID: ';
}
form.survey-response fieldset div.questions > div.question div.question-content .question-value.value-units.locked {
  width: calc(100% - 220px);
  float: left;
}
form.survey-response fieldset div.questions > div.question .value-units {
  float: right !important;
  clear: both;
  max-width: 200px;
}
form.survey-response fieldset div.questions > div.question .value-units.locked {
  clear: none !important;
}
form.survey-response fieldset div.questions div.question-standard-label {
  font-style: italic;
  color: #5c5c5c;
  margin: 30px 0 0 10px;
  float: left;
}
form.survey-response fieldset div.questions div.question-standard-label span {
  font-weight: bold;
  color: #cc241D;
}
form.survey-response fieldset div.questions div.question-buttons {
  *zoom: 1;
  margin-top: 20px;
  width: 40%;
  float: right;
}
form.survey-response fieldset div.questions div.question-buttons:before,
form.survey-response fieldset div.questions div.question-buttons:after {
  content: " ";
  display: table;
}
form.survey-response fieldset div.questions div.question-buttons:after {
  clear: both;
}
form.survey-response fieldset div.questions div.question-buttons input.button-prepopulate {
  float: left;
  background-color: #31c961;
}
form.survey-response fieldset div.questions div.question-buttons input.button-prepopulate:hover {
  background-color: #167E00;
}
form.survey-response fieldset div.questions div.question-buttons input.button-save {
  float: right;
}
form.survey-response fieldset div.questions div.question-buttons input.button-save:hover {
  background-color: #174f73;
}
form.survey-response div.buttons {
  max-width: 1200px;
  width: 100%;
  border-top: 1px solid #aeaeae;
  margin-top: 10px;
  padding-top: 10px;
}
form.survey-response div.buttons ul {
  margin: 0 20px;
  padding: 0;
  list-style-type: none;
  display: inline;
}
form.survey-response div.buttons ul li {
  margin: 0 20px;
  padding: 0;
  display: inline;
}
form.survey-response div.buttons ul li.prev {
  background: transparent url(../img/icons/arrow-left-solid-blue.svg) no-repeat 0 50%;
  padding-left: 20px;
  background-size: 10px;
}
form.survey-response div.buttons ul li.next {
  background: transparent url(../img/icons/arrow-right-solid-blue.svg) no-repeat 100% 50%;
  padding-right: 20px;
  background-size: 10px;
}
form.survey-response div.buttons input[type=submit]#btnSubmit {
  background-color: #31c961;
  text-transform: uppercase;
  margin-left: 10px;
}
form.survey-response div.buttons input[type=submit]#btnSubmit:hover {
  background-color: #167E00;
}
form.survey-response div.buttons input[type=submit]#btnSaveContinue:hover {
  background-color: #174f73;
}
div.survey-response-errors {
  border: 1px solid #cc241D;
  margin: 20px 0;
  max-width: 1000px;
  width: 100%;
  padding: 0;
  background-color: #fafafa;
  border-radius: 4px;
}
div.survey-response-errors h3 {
  font-size: 20px;
  margin: 0;
  padding: 5px;
  background-color: #cc241D;
  color: #fff;
}
div.survey-response-errors ul {
  margin: 10px;
  padding: 0;
}
div.survey-response-errors ul li {
  padding: 0;
  margin: 0 0 8px 20px;
}
div.requested-surveys {
  *zoom: 1;
  clear: both;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}
div.requested-surveys:before,
div.requested-surveys:after {
  content: " ";
  display: table;
}
div.requested-surveys:after {
  clear: both;
}
div.requested-surveys div.requested-survey {
  background-color: #fafafa;
  float: left;
  padding: 0;
  border: 1px solid #fafafa;
  box-shadow: 0 0 2px #aeaeae;
  margin: 0 10px 20px 10px;
  width: calc(100% / 3 - 20px);
}
div.requested-surveys div.requested-survey a:link,
div.requested-surveys div.requested-survey a:visited {
  *zoom: 1;
  display: block;
  text-decoration: none;
  padding: 8px 10px;
}
div.requested-surveys div.requested-survey a:link:before,
div.requested-surveys div.requested-survey a:visited:before,
div.requested-surveys div.requested-survey a:link:after,
div.requested-surveys div.requested-survey a:visited:after {
  content: " ";
  display: table;
}
div.requested-surveys div.requested-survey a:link:after,
div.requested-surveys div.requested-survey a:visited:after {
  clear: both;
}
div.requested-surveys div.requested-survey div.name {
  float: left;
  width: 70%;
  font-size: 14px;
  margin: 0 0 10px 0;
}
div.requested-surveys div.requested-survey div.name span {
  color: #5c5c5c;
}
div.requested-surveys div.requested-survey div.name h2 {
  margin: 0;
  padding: 0;
  font-family: Lato, sans-serif;
  font-size: 20px;
  color: #5c5c5c;
  *zoom: 1;
  max-height: 60px;
  overflow: hidden;
}
div.requested-surveys div.requested-survey div.name h2:before,
div.requested-surveys div.requested-survey div.name h2:after {
  content: " ";
  display: table;
}
div.requested-surveys div.requested-survey div.name h2:after {
  clear: both;
}
div.requested-surveys div.requested-survey div.meta {
  float: left;
  width: 30%;
  color: #5c5c5c;
  font-size: 14px;
}
div.requested-surveys div.requested-survey span {
  font-size: 14px;
  margin: 0;
  padding: 0;
}
div.requested-surveys div.requested-survey .progress {
  font-size: 14px;
  clear: both;
  color: #5c5c5c;
  margin: 5px 0;
  width: 50%;
}
div.requested-surveys div.requested-survey .progress span {
  color: #167E00;
}
div.requested-surveys div.requested-survey .bar-bg {
  width: 100%;
  background-color: #e7e7e7;
  height: 12px;
  border: 1px solid #aeaeae;
}
div.requested-surveys div.requested-survey .bar-bg span.bar {
  display: block;
  border: 1px solid #aeaeae;
  background-color: #174f73;
  height: 10px;
}
div.requested-surveys div.requested-survey.late {
  background-color: #990000;
}
div.requested-surveys div.requested-survey.late div.name h2,
div.requested-surveys div.requested-survey.late div.meta,
div.requested-surveys div.requested-survey.late div.progress,
div.requested-surveys div.requested-survey.late span {
  color: #fff !important;
}
div.requested-surveys div.requested-survey.late a:link,
div.requested-surveys div.requested-survey.late a:visited {
  color: #fff;
}
div.requested-surveys div.requested-survey.completed {
  background-color: #167E00;
  background-image: url(../img/icons/checkmark-white.svg);
  background-position: calc(100% - 10px) calc(100% - 10px);
  background-size: 30px 30px;
  background-repeat: no-repeat;
}
div.requested-surveys div.requested-survey.completed div.name h2,
div.requested-surveys div.requested-survey.completed div.meta,
div.requested-surveys div.requested-survey.completed div.progress,
div.requested-surveys div.requested-survey.completed span {
  color: #fff !important;
}
div.requested-surveys div.requested-survey.completed a:link,
div.requested-surveys div.requested-survey.completed a:visited {
  color: #fff;
  padding-bottom: 18px;
}
@media (max-width: 1450px) {
  div.requested-surveys div.requested-survey {
    width: calc(100% / 2 - 20px - 20px);
  }
  div.requested-surveys div.requested-survey:nth-child(3n+1) {
    clear: none;
  }
  div.requested-surveys div.requested-survey:nth-child(2n+1) {
    margin: 0 10px 20px 0;
    clear: both;
  }
  div.requested-surveys div.requested-survey:nth-child(2n) {
    margin: 0 0 20px 10px;
  }
  div.requested-surveys div.requested-survey div.name,
  div.requested-surveys div.requested-survey div.meta {
    clear: both;
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (max-width: 1000px) {
  div.requested-surveys div.requested-survey {
    width: calc(100% - 20px - 20px);
    margin: 0 0 20px 0 !important;
  }
}
.NSWAT_UI_Checkbox.disabled label {
  color: #aaa;
  font-style: italic;
}
.NSWAT_UI_Checkbox label span {
  display: block;
  font-size: 0.9em;
  font-style: italic;
  color: #aaa;
}
#groupsContainer.CheckboxList .checkboxList {
  *zoom: 1;
}
#groupsContainer.CheckboxList .checkboxList:before,
#groupsContainer.CheckboxList .checkboxList:after {
  content: " ";
  display: table;
}
#groupsContainer.CheckboxList .checkboxList:after {
  clear: both;
}
#groupsContainer.CheckboxList .checkboxList > div {
  float: left;
  width: 50%;
}
#groupsContainer.CheckboxList .checkboxList > div:nth-child(odd) {
  clear: both;
}
#groupsContainer.CheckboxList .checkboxList > div label span {
  font-weight: 300;
}
h1.module-heading-with-back {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-left: 16px !important;
  background-size: 0 0 !important;
}
h1.module-heading-with-back > ul.nav-toolbar {
  float: none;
  flex: 0 0 auto;
  margin: 0;
}
h1.module-heading-with-back > span.module-heading-icon {
  display: block;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background-image: inherit;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 24px 24px;
}
h1.module-heading-with-back > span.module-heading-text {
  min-width: 0;
  color: inherit;
}
.form-send-progress {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 0;
}
.form-send-progress-dot {
  align-items: center;
  background-color: #5c5c5c;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 12px;
  height: 22px;
  justify-content: center;
  line-height: 1;
  width: 22px;
}
.form-send-progress-line {
  background-color: #5c5c5c;
  height: 2px;
  width: 20px;
}
.form-send-progress-dot.is-complete,
.form-send-progress-line.is-complete {
  background-color: #0078B4;
}
h1 ul.nav-toolbar {
  float: left;
  margin: -10px 20px 0 0;
}
h1 ul.nav-toolbar li a:link.white,
h1 ul.nav-toolbar li a:visited.white {
  padding: 6px 16px 6px 24px!important;
  background-image: url(../img/icons/arrow-left-open-white.svg) !important;
  background-size: 10px 10px !important;
  font-size: 15px;
}
ul.nav-toolbar {
  margin: 10px 0 10px 0;
  padding: 0;
  list-style-type: none;
  *zoom: 1;
}
ul.nav-toolbar:before,
ul.nav-toolbar:after {
  content: " ";
  display: table;
}
ul.nav-toolbar:after {
  clear: both;
}
ul.nav-toolbar.right {
  float: right;
}
ul.nav-toolbar.left {
  float: left;
}
ul.nav-toolbar.inline {
  clear: none !important;
}
ul.nav-toolbar.indent {
  margin-left: 20px;
}
ul.nav-toolbar.green li a:link,
ul.nav-toolbar.green li a:visited {
  background-color: #167E00 !important;
}
ul.nav-toolbar.green li a:hover,
ul.nav-toolbar.green li a:active {
  background-color: #105900 !important;
}
ul.nav-toolbar.title {
  margin: -5px 0 0 20px;
  float: left;
}
ul.nav-toolbar.title li a:link.white,
ul.nav-toolbar.title li a:visited.white {
  padding: 8px 12px 8px 34px !important;
}
ul.nav-toolbar.center {
  display: flex;
  margin-top: 60px;
  float: none !important;
  justify-content: center;
}
ul.nav-toolbar.big {
  float: left;
  clear: both;
  clip-path: content-box;
  border-radius: 12px;
  box-shadow: none !important;
}
ul.nav-toolbar.big li {
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  border-right: 1px solid #fff !important;
}
ul.nav-toolbar.big li:first-child a.white {
  border-top: 3px solid #aeaeae !important;
  border-left: 3px solid #aeaeae !important;
  border-bottom: 3px solid #aeaeae !important;
}
ul.nav-toolbar.big li:last-child {
  border-right: none !important;
}
ul.nav-toolbar.big li:last-child a.white {
  border-top: 3px solid #aeaeae !important;
  border-right: 3px solid #aeaeae !important;
  border-bottom: 3px solid #aeaeae !important;
  border-left: none !important;
}
ul.nav-toolbar.big li a:link,
ul.nav-toolbar.big li a:visited {
  margin: 0;
  padding: 0;
  display: block;
}
ul.nav-toolbar.big li a:link.white,
ul.nav-toolbar.big li a:visited.white {
  transition: all 250ms ease-in-out;
  box-shadow: none !important;
  margin: 0;
  padding: 0;
  font-size: 16px;
  border-radius: 0;
  border: none !important;
}
ul.nav-toolbar.big li a:hover.white,
ul.nav-toolbar.big li a:active.white {
  background-size: 18px !important;
  background-position: 10px 50% !important;
}
ul.nav-toolbar:before,
ul.nav-toolbar:after {
  content: " ";
  display: table;
}
ul.nav-toolbar:after {
  clear: both;
}
ul.nav-toolbar li {
  margin: 0 5px;
  float: left;
}
ul.nav-toolbar li:has(> a.reorder) {
  border-right: none !important;
}
ul.nav-toolbar li:first-child {
  margin: 0 5px 0 0 ;
}
ul.nav-toolbar li:last-child {
  margin: 0 0 0 5px ;
}
ul.nav-toolbar li.right {
  float: right;
}
ul.nav-toolbar li.left {
  float: left;
}
ul.nav-toolbar li a:link,
ul.nav-toolbar li a:visited {
  text-decoration: none;
  background-color: #0078B4 !important;
}
ul.nav-toolbar li a:link.white,
ul.nav-toolbar li a:visited.white,
ul.nav-toolbar li a:link,
ul.nav-toolbar li a:visited {
  background-position: 8px 50% !important;
  padding: 16px 26px 16px 33px !important;
  color: #fff !important;
}
ul.nav-toolbar li a:link.delete,
ul.nav-toolbar li a:visited.delete {
  background-color: #990000 !important;
  border: 1px solid #cc241D !important;
  text-transform: uppercase;
  font-weight: 900 !important;
}
ul.nav-toolbar li a:hover,
ul.nav-toolbar li a:active {
  background-color: #174f73 !important;
}
ul.nav-toolbar li.sublinks {
  position: relative;
  width: 140px;
}
ul.nav-toolbar li.sublinks > a:link,
ul.nav-toolbar li.sublinks > a:visited {
  width: 100%;
  margin-bottom: 0px !important;
  z-index: 11;
}
ul.nav-toolbar li.sublinks > a:link img.arrow,
ul.nav-toolbar li.sublinks > a:visited img.arrow {
  max-width: 18px;
  margin-top: 6px;
  float: right;
}
ul.nav-toolbar li.sublinks:hover ul {
  display: block;
}
ul.nav-toolbar li.sublinks ul {
  display: none;
}
ul.nav-toolbar li.sublinks ul {
  position: absolute;
  list-style-type: none;
  margin: -5px 0 0 0;
  padding: 0;
  z-index: 10;
}
ul.nav-toolbar li.sublinks ul li {
  margin: 0;
  padding: 0;
  width: 100%;
}
ul.nav-toolbar li.sublinks ul li a:link,
ul.nav-toolbar li.sublinks ul li a:visited {
  width: 100%;
  margin: 0;
  padding: 0;
  border-radius: 0;
  white-space: nowrap;
  display: block;
  border: 1px solid #167E00 !important;
  background-color: #167E00 !important;
}
ul.nav-toolbar li.sublinks ul li a:hover,
ul.nav-toolbar li.sublinks ul li a:active {
  border: 1px solid #5c5c5c !important;
  background-color: #5c5c5c !important;
}
ul.nav-toolbar li.sublinks ul li:last-child a:link,
ul.nav-toolbar li.sublinks ul li:last-child a:visited {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
ul.nav-toolbar.right li {
  float: right;
}
.project-footer .nav-toolbar li {
  float: right;
  padding: 4px;
}
div.more-links-hide {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
}
ul.more-links {
  float: left;
  margin: 10px 4px;
  padding: 0;
}
ul.more-links > li {
  margin: 0;
  padding: 0;
  position: relative;
  list-style-type: none;
}
ul.more-links > li img {
  width: 24px;
  height: 24px;
}
ul.more-links > li a:link,
ul.more-links > li a:visited {
  padding-bottom: 3px;
}
ul.more-links > li a:link.circle,
ul.more-links > li a:visited.circle {
  margin-top: 6px;
  margin-left: 6px;
  width: 38px;
  height: 38px;
  padding: 5px 7px;
  display: block;
  border-radius: 10px;
  border: 1px solid #e7e7e7;
  background-color: #e7e7e7;
}
ul.more-links > li a:hover.circle,
ul.more-links > li a:active.circle {
  border: 1px solid #5c5c5c;
}
ul.more-links > li ul {
  display: none;
  position: absolute;
  background-color: #fafafa;
  border: 1px solid #5c5c5c;
  border-radius: 4px;
  width: 200px;
  box-shadow: 1px 1px 4px #aeaeae;
  margin: 2px 0 0 10px;
  padding: 0;
  z-index: 1000;
}
ul.more-links > li ul li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
ul.more-links > li ul li a:link,
ul.more-links > li ul li a:visited {
  margin: 0;
  display: block;
  padding: 4px 4px 4px 26px!important;
  font-size: 16px;
  color: #5c5c5c !important;
  background-color: transparent !important;
  background-position: 4px 50% !important;
}
ul.more-links > li ul li a:link.delete,
ul.more-links > li ul li a:visited.delete {
  color: #cc241D !important;
}
ul.more-links > li ul li a:hover,
ul.more-links > li ul li a:active {
  border-radius: 0!important;
  background-color: #5c5c5c !important;
  color: #fff !important;
}
ul.more-links > li ul li a:hover.delete,
ul.more-links > li ul li a:active.delete {
  background-color: #cc241D !important;
  color: #fff !important;
}
ul.toolbar {
  *zoom: 1;
  margin: 10px 0 20px 0;
  padding: 20px 0 0 0;
  border-bottom: 1px solid #0078B4;
}
ul.toolbar:before,
ul.toolbar:after {
  content: " ";
  display: table;
}
ul.toolbar:after {
  clear: both;
}
ul.toolbar li {
  margin: 0;
  padding: 0 6px;
  float: left;
  list-style-type: none;
}
ul.toolbar li a:link,
ul.toolbar li a:visited {
  display: block;
  text-decoration: none;
}
ul.toolbar li.active a:link,
ul.toolbar li.active a:visited {
  background-color: #0078B4;
  color: #fff;
  padding: 10px 30px;
}
ul.toolbar li a:link,
ul.toolbar li a:visited {
  padding: 10px 12px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #e7e7e7;
  color: #5c5c5c;
}
ul.toolbar li a:hover,
ul.toolbar li a:active {
  background-color: #aaa;
  color: #fff;
}
ul.toolbar li.tab-forms a:link,
ul.toolbar li.tab-forms a:visited {
  padding-left: 36px;
  background-image: url(../img/icons/forms-grey.svg);
  background-position: 6px 50%;
  background-size: 20px 20px;
  background-repeat: no-repeat;
}
ul.toolbar li.tab-forms a:hover,
ul.toolbar li.tab-forms a:active {
  background-image: url(../img/icons/forms-white.svg);
  background-size: 20px 20px;
}
ul.toolbar li.tab-forms.active a:link,
ul.toolbar li.tab-forms.active a:visited {
  background-image: url(../img/icons/forms-white.svg);
  background-size: 20px 20px;
}
ul.toolbar li.tab-tables a:link,
ul.toolbar li.tab-tables a:visited {
  padding-left: 36px;
  background-image: url(../img/icons/table-grey.svg);
  background-size: 20px 20px;
  background-position: 6px 50%;
  background-repeat: no-repeat;
}
ul.toolbar li.tab-tables a:hover,
ul.toolbar li.tab-tables a:active {
  background-image: url(../img/icons/table.svg);
  background-size: 20px 20px;
}
ul.toolbar li.tab-tables.active a:link,
ul.toolbar li.tab-tables.active a:visited {
  background-image: url(../img/icons/table.svg);
  background-size: 20px 20px;
}
div.project-view {
  clear: both;
  *zoom: 1;
}
div.project-view:before,
div.project-view:after {
  content: " ";
  display: table;
}
div.project-view:after {
  clear: both;
}
div.project-view ul.project-fields {
  *zoom: 1;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div.project-view ul.project-fields:before,
div.project-view ul.project-fields:after {
  content: " ";
  display: table;
}
div.project-view ul.project-fields:after {
  clear: both;
}
div.project-view ul.project-fields li {
  float: left;
  padding: 0;
  margin: 0 0 40px 0;
  width: 100%;
  font-size: 16px;
  border-bottom: 1px solid #e7e7e7;
}
div.project-view ul.project-fields li.full {
  width: 100%;
  float: none;
  clear: both;
}
div.project-view ul.project-fields li strong {
  padding: 5px;
  display: block;
  font-size: 14px;
  background-color: #e7e7e7;
}
div.project-view ul.project-fields li:hover strong {
  background-color: #aeaeae;
}
div.project-view .project-panel {
  *zoom: 1;
  border: 1px solid #e7e7e7;
  padding: 1%;
  margin: 1% 0;
}
div.project-view .project-panel:before,
div.project-view .project-panel:after {
  content: " ";
  display: table;
}
div.project-view .project-panel:after {
  clear: both;
}
div.project-view .project-panel.entries {
  width: 100% !important;
  margin: 1% 0 !important;
}
div.project-view .project-panel.entries table {
  max-width: 100%;
}
div.project-view .project-panel.entries .buttons a.button {
  color: #5c5c5c !important;
  border: 1px solid #aeaeae !important;
  background-color: #fff !important;
  background-position: 4px 50%!important;
  padding-left: 28px !important;
}
div.project-view .project-panel h2 {
  font-size: 20px;
  margin: 0;
  padding: 0;
  float: left;
}
div.project-view .project-panel h2 a.toggle {
  width: 20px;
  height: 20px;
  display: block;
  text-indent: -999em;
  overflow: hidden;
  float: left;
  transition: none;
}
div.project-view .project-panel h2 a.toggle.closed {
  background: transparent url(../img/icons/arrow-right-solid-blue.svg) no-repeat 0 50%;
  background-size: 16px 16px;
}
div.project-view .project-panel h2 a.toggle.open {
  background: transparent url(../img/icons/arrow-down-solid-blue.svg) no-repeat 0 50%;
  background-size: 16px 16px;
}
div.project-view .project-panel .NSWAT_UI_GRID_CONTAINER .NSWAT_UI_GRID {
  width: 100%;
}
div.project-view .project-panel .NSWAT_UI_GRID_CONTAINER .helpText {
  color: #5c5c5c;
  background-color: #fff;
  border: 2px solid #aeaeae;
  display: block;
  padding: 6px;
}
div.project-view .project-panel:hover {
  border: 1px solid #aeaeae;
}
div.project-view .project-panel a.add {
  float: right;
  font-size: 15px;
  background: transparent url(../img/icons/add.svg) no-repeat 20px 50%;
  background-size: 18px 18px;
  padding: 0 0 0 40px;
  color: #0078B4;
}
div.project-view .project-panel a.add:hover {
  color: #167E00;
}
div.project-view .project-panel .panel-container {
  clear: both;
}
div.project-view .project-panel .panel-container .buttons {
  float: right;
}
div.project-view .project-panel .panel-container .buttons .button {
  font-size: 14px;
  padding: 5px 10px;
  margin: 0 10px 0 0;
}
div.project-view .project-panel .panel-container ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div.project-view .project-panel .panel-container ul li {
  *zoom: 1;
  border-bottom: 1px dotted #aeaeae;
  padding-bottom: 3px;
  margin-bottom: 15px;
}
div.project-view .project-panel .panel-container ul li:before,
div.project-view .project-panel .panel-container ul li:after {
  content: " ";
  display: table;
}
div.project-view .project-panel .panel-container ul li:after {
  clear: both;
}
div.project-view .project-panel .panel-container ul li span.label {
  font-size: 15px;
  font-style: italic;
  margin: 0;
  padding: 0;
  float: left;
  width: 80%;
}
div.project-view .project-panel .panel-container ul li span.label span.tag {
  margin-left: 10px;
  border-radius: 4px;
  color: #fff;
  padding: 2px 6px;
}
div.project-view .project-panel .panel-container ul li span.label span.tag.owner {
  background-color: #0078B4;
}
div.project-view .project-panel .panel-container ul li span.label span.tag.editor {
  background-color: #31c961;
}
div.project-view .project-panel .panel-container ul li span.label span.tag.viewer {
  background-color: #cc241D;
}
div.project-view .project-panel .panel-container ul li div.links {
  float: right;
  width: 20%;
}
div.project-view .project-panel .panel-container ul li div.links a:link,
div.project-view .project-panel .panel-container ul li div.links a:visited {
  float: right;
  clear: none;
  background-color: #fafafa !important;
  border: 1px solid #aeaeae;
}
div.project-view .project-panel ul.paging-all,
div.project-view .project-panel ul.alpha {
  clear: both;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div.project-view .project-panel ul.paging-all li,
div.project-view .project-panel ul.alpha li {
  margin: 0;
  padding: 0;
  float: left;
}
div.project-header,
div.project-footer {
  clear: both;
  background-color: #fafafa;
  border: 1px solid #e7e7e7;
  width: 100%;
  margin: 0 0 10px 0;
  *zoom: 1;
}
div.project-header:before,
div.project-footer:before,
div.project-header:after,
div.project-footer:after {
  content: " ";
  display: table;
}
div.project-header:after,
div.project-footer:after {
  clear: both;
}
div.project-header ul.toolbar,
div.project-footer ul.toolbar {
  border-bottom: none;
  padding: 2px 8px;
  list-style: none;
  margin: 0;
}
div.project-header ul.toolbar li,
div.project-footer ul.toolbar li {
  float: left;
  margin: 0;
  padding: 6px 10px 6px 10px;
}
div.project-header ul.toolbar li a.delete,
div.project-footer ul.toolbar li a.delete,
div.project-header ul.toolbar li a.red,
div.project-footer ul.toolbar li a.red {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
}
div.project-header ul.toolbar li a:link,
div.project-footer ul.toolbar li a:link,
div.project-header ul.toolbar li a:visited,
div.project-footer ul.toolbar li a:visited {
  border-radius: 6px;
  margin: 0;
}
div.project-header ul.toolbar li:first-child,
div.project-footer ul.toolbar li:first-child {
  padding-left: 0;
}
div.project-header ul.toolbar li:last-child,
div.project-footer ul.toolbar li:last-child {
  padding-right: 0;
}
div.project-header {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
div.project-header ul.toolbar {
  float: left;
}
div.project-header ul.toolbar li {
  padding: 6px 10px 0 10px;
}
div.project-footer {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
div.project-footer ul.toolbar {
  float: right;
}
a.header-link {
  float: right;
  text-transform: capitalize;
  font-size: 14px;
}
form#projectUsers {
  clear: both;
}
.table-wrapper table.DataTable {
  display: table;
  width: 100%;
}
div.survey-request-response form {
  max-width: 100%;
}
div.survey-request-response form fieldset {
  width: 100%;
  border-top: none;
  padding: 0;
}
div.survey-request-response div.survey-request-section {
  width: 100%;
}
div.survey-request-response div.survey-request-section h2 {
  clear: both;
  margin: 0;
}
div.survey-request-response div.survey-request-section div.questions {
  clear: both;
  width: 100%;
  *zoom: 1;
  display: flex;
  flex-wrap: wrap;
}
div.survey-request-response div.survey-request-section div.questions:before,
div.survey-request-response div.survey-request-section div.questions:after {
  content: " ";
  display: table;
}
div.survey-request-response div.survey-request-section div.questions:after {
  clear: both;
}
div.survey-request-response div.survey-request-section div.questions ul.scoring-group-values {
  margin: 0 0 0 10px;
  padding: 0;
  list-style-type: none;
}
div.survey-request-response div.survey-request-section div.questions ul.scoring-group-values li {
  *zoom: 1;
  padding: 0;
  margin: 0 0 10px 0;
}
div.survey-request-response div.survey-request-section div.questions ul.scoring-group-values li:before,
div.survey-request-response div.survey-request-section div.questions ul.scoring-group-values li:after {
  content: " ";
  display: table;
}
div.survey-request-response div.survey-request-section div.questions ul.scoring-group-values li:after {
  clear: both;
}
div.survey-request-response div.survey-request-section div.questions ul.scoring-group-values li span:first-child {
  font-weight: 900;
  font-size: 14px;
}
div.survey-request-response div.survey-request-section div.questions ul.scoring-group-values li span:last-child {
  margin: 0 0 10px 0;
  font-size: 16px;
}
div.survey-request-response div.survey-request-section div.questions div.question-value {
  float: left;
  margin: 0 !important;
  padding: 0 !important;
}
div.survey-request-response div.survey-request-section div.questions div.question-value.group {
  margin-left: 20px;
}
div.survey-request-response div.survey-request-section div.questions div.question-value.group h2 {
  padding: 10px;
  background-color: #e7e7e7;
  border-bottom: 1px solid #aeaeae;
}
div.survey-request-response div.survey-request-section div.questions div.question-value .scoring-group-values {
  border-left: 1px solid #aeaeae;
}
div.survey-request-response div.survey-request-section div.questions div.question-value .scoring-group-values li {
  padding: 10px;
  border-bottom: 1px solid #aeaeae;
}
div.survey-request-response div.survey-request-section div.questions div.question-value .scoring-group-values .score-field {
  border: none;
}
div.survey-request-response div.survey-request-section div.questions div.question-value .scoring-group-values .score-field.error {
  border: 1px solid #cc241D !important;
  background-color: #ff9999 !important;
  color: #fff;
}
div.survey-request-response div.survey-request-section div.questions div.question-value div.question-wrapper {
  float: left;
  width: calc(80% - 0px);
  border-top: 1px solid #aeaeae;
  min-height: 120px;
  padding: 10px;
}
div.survey-request-response div.survey-request-section div.questions div.question-value div.question-wrapper label {
  font-size: 18px;
  display: block;
  padding: 8px 0;
  color: #1e252a;
  font-weight: 900;
}
div.survey-request-response div.survey-request-section div.questions div.question-value div.question-wrapper span {
  font-size: 20px;
  display: block;
  background-color: #e7e7e7;
  padding: 10px;
  color: #1e252a;
}
div.survey-request-response div.survey-request-section div.questions div.question-value div.question-wrapper span.questionId {
  font-size: 12px;
  float: right;
  display: inline;
  background-color: transparent;
  padding: 0;
  font-style: italic;
  color: #aaa;
}
div.survey-request-response div.survey-request-section div.questions div.question-value div.question-wrapper .conditional-description {
  display: block;
  clear: both;
}
div.survey-request-response div.survey-request-section div.questions div.question-value div.question-wrapper .conditional-description strong {
  font-style: italic;
  font-size: 15px;
  color: #aaa;
}
div.survey-request-response div.survey-request-section div.questions div.question-value.question-group span {
  padding: 0;
}
div.survey-request-response div.survey-request-section div.questions div.question-value .score-field {
  border-top: 1px solid #aeaeae;
  float: right;
  width: 20%;
  margin: 0;
  padding: 4px 10px;
}
div.survey-request-response div.survey-request-section div.questions div.question-value .score-field fieldset {
  border-top: none;
}
div.survey-request-response div.survey-request-section div.questions div.question-value .score-field fieldset div {
  border-top: none !important;
}
div.survey-request-response div.survey-request-section div.questions div.question-value .score-field label {
  width: 100%;
  font-weight: 400;
}
div.survey-request-response div.survey-request-section div.questions div.question-value .score-field input,
div.survey-request-response div.survey-request-section div.questions div.question-value .score-field select {
  margin-top: 10px;
  padding: 10px 8px !important;
  font-size: 14px;
  width: 100%;
}
div.survey-request-response div.survey-request-section div.questions div.question-value:nth-child(odd) {
  clear: both;
}
div.survey-request-response div.survey-request-section div.questions.header {
  *zoom: 1;
}
div.survey-request-response div.survey-request-section div.questions.header:before,
div.survey-request-response div.survey-request-section div.questions.header:after {
  content: " ";
  display: table;
}
div.survey-request-response div.survey-request-section div.questions.header:after {
  clear: both;
}
div.survey-request-response div.survey-request-section div.questions.header div.question-value {
  float: left;
  width: 50%;
  clear: none;
}
h1.survey-response {
  font-size: 15px !important;
}
h1.survey-response span {
  font-size: 28px;
}
.survey-report h2 {
  font-weight: 900;
  font-size: 28px;
  margin: 0;
}
.survey-report h3 {
  font-weight: 900;
  font-size: 28px;
  margin: 0;
  font-size: 24px;
  line-height: 1;
}
.survey-report h3 span {
  font-weight: 400;
  font-size: 22px;
}
.survey-report h4 {
  font-weight: 700;
  font-size: 20px;
  margin: 0;
  line-height: 1;
}
.survey-report .expand-collapse {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  *zoom: 1;
}
.survey-report .expand-collapse:before,
.survey-report .expand-collapse:after {
  content: " ";
  display: table;
}
.survey-report .expand-collapse:after {
  clear: both;
}
.survey-report .expand-collapse li {
  margin: 0;
  padding: 0 0 10px 0;
  float: left;
}
.survey-report .expand-collapse li a:link,
.survey-report .expand-collapse li a:visited {
  padding: 10px 0 0 30px;
  display: block;
  color: #0078B4;
  background-color: #fafafa;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
.survey-report .expand-collapse li a:link.active,
.survey-report .expand-collapse li a:visited.active {
  font-weight: 900;
}
.survey-report .expand-collapse li a:link.expand-all,
.survey-report .expand-collapse li a:visited.expand-all {
  border-left: 1px solid #e7e7e7;
  background-image: url(../img/icons/expand-all.svg);
  background-size: 16px 16px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.survey-report .expand-collapse li a:link.collapse-all,
.survey-report .expand-collapse li a:visited.collapse-all {
  border-right: 1px solid #e7e7e7;
  background-image: url(../img/icons/collapse-all.svg);
  background-size: 16px 16px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.survey-report .expand-collapse li a:hover.expand-all,
.survey-report .expand-collapse li a:active.expand-all {
  background-color: #5c5c5c;
  background-image: url(../img/icons/expand-all-white.svg);
}
.survey-report .expand-collapse li a:hover.collapse-all,
.survey-report .expand-collapse li a:active.collapse-all {
  background-color: #5c5c5c;
  background-image: url(../img/icons/collapse-all-white.svg);
}
.survey-report .survey-report-question {
  border-left: 3px solid #e7e7e7;
  padding: 10px;
  margin: 0 0 20px 0;
}
.survey-report .survey-report-question h2 span {
  display: block;
  font-weight: 400;
  font-size: 15px;
}
.survey-report .survey-report-question .toggle-button {
  clear: both;
  *zoom: 1;
  margin: 0 0 10px 0;
}
.survey-report .survey-report-question .toggle-button:before,
.survey-report .survey-report-question .toggle-button:after {
  content: " ";
  display: table;
}
.survey-report .survey-report-question .toggle-button:after {
  clear: both;
}
.survey-report .survey-report-question .toggle-button a {
  float: left;
  margin-top: 4px;
}
.survey-report .survey-report-question .toggle-button h4 {
  display: inline;
}
.survey-report .survey-report-question a.toggle-element {
  transition: none;
  float: left;
  width: 20px;
  height: 20px;
  text-indent: -9999em;
  overflow: hidden;
}
.survey-report .survey-report-question a.toggle-element.open {
  background-image: url(../img/icons/arrow-down-solid-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.survey-report .survey-report-question a.toggle-element.closed {
  background-image: url(../img/icons/arrow-right-solid-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.survey-report .survey-report-question h4 {
  clear: both;
  display: block;
}
.survey-report .survey-report-question .question-data {
  *zoom: 1;
  padding: 10px;
}
.survey-report .survey-report-question .question-data:before,
.survey-report .survey-report-question .question-data:after {
  content: " ";
  display: table;
}
.survey-report .survey-report-question .question-data:after {
  clear: both;
}
.survey-report .survey-report-question .question-data .question-raw-data {
  clear: both;
}
.survey-report .survey-report-question .question-data .question-table,
.survey-report .survey-report-question .question-data .question-chart {
  padding: 0;
}
.survey-report .survey-report-question .question-data .question-chart {
  max-width: 400px;
}
.survey-report .survey-report-question .question-data .question-charts {
  float: left;
  width: 30%;
  max-width: 400px;
  margin: 0 2% 1% 0;
}
.survey-report .survey-report-question .question-data .question-charts h3 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 10px;
}
.survey-report .survey-report-question .question-data ul.chart-options {
  padding: 0;
  margin: 10px 0 0 0;
  *zoom: 1;
}
.survey-report .survey-report-question .question-data ul.chart-options:before,
.survey-report .survey-report-question .question-data ul.chart-options:after {
  content: " ";
  display: table;
}
.survey-report .survey-report-question .question-data ul.chart-options:after {
  clear: both;
}
.survey-report .survey-report-question .question-data ul.chart-options li {
  margin: 0 10px 0 0;
  padding: 0;
  list-style-type: none;
  float: left;
  cursor: pointer;
}
.survey-report .survey-report-question .question-data ul.chart-options li:last-child {
  margin: 0;
}
.survey-report .survey-report-question .question-data ul.chart-options li a:link,
.survey-report .survey-report-question .question-data ul.chart-options li a:visited {
  padding: 3px;
  background: #fafafa;
  border-radius: 5px;
  border: 1px solid #aeaeae;
  overflow: none;
  text-indent: -9999em;
  display: block;
  width: 40px;
  height: 40px;
}
.survey-report .survey-report-question .question-data ul.chart-options li a:link.active,
.survey-report .survey-report-question .question-data ul.chart-options li a:visited.active {
  background: #aeaeae;
  border: 1px solid #5c5c5c;
}
.survey-report .survey-report-question .question-data ul.chart-options li a:link.pie,
.survey-report .survey-report-question .question-data ul.chart-options li a:visited.pie {
  background-image: url(../img/icons/pie-chart-grey.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 30px 30px;
}
.survey-report .survey-report-question .question-data ul.chart-options li a:link.line,
.survey-report .survey-report-question .question-data ul.chart-options li a:visited.line {
  background-image: url(../img/icons/line-chart-grey.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 30px 30px;
}
.survey-report .survey-report-question .question-data ul.chart-options li a:link.bar,
.survey-report .survey-report-question .question-data ul.chart-options li a:visited.bar {
  background-image: url(../img/icons/bar-chart-grey.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 30px 30px;
}
.survey-report .survey-report-question .question-data .question-table {
  margin: 0 1% 1% 0 ;
  padding: 4px;
  width: 50%;
  max-width: 800px;
  border: 1px solid #aeaeae;
  table-layout: fixed;
}
.survey-report .survey-report-question .question-data .question-table tbody tr.hide {
  display: none;
}
.survey-report .survey-report-question .question-data .question-table tbody tr th,
.survey-report .survey-report-question .question-data .question-table tbody tr td {
  text-align: left;
  width: 50%;
  padding: 4px 8px;
}
.survey-report .survey-report-question .question-data .question-table tbody tr th {
  background-color: #e7e7e7;
  font-weight: 900;
}
.survey-report .survey-report-question .question-data .question-table tbody tr td {
  text-align: center;
}
.survey-report .survey-report-question .question-data .question-table tbody tr:nth-child(odd) td {
  background-color: #fafafa;
}
.survey-report .survey-report-question .question-data .question-table thead tr th {
  background-color: #aeaeae;
  font-weight: 900;
}
.survey-report .survey-report-question .question-data .question-chart {
  margin: 20px 0;
}
.survey-report .survey-report-question .question-data .question-chart.line {
  max-width: 800px !important;
  width: 100% !important;
}
input.hasDatepicker {
  background: transparent url(../img/icons/date-entry.svg) no-repeat calc(100% - 5px) 50%;
  background-size: 20px 20px;
}
section.content .entry-wrapper table.DataTable {
  max-width: 100%;
  margin: 20px 0;
}
table.form-response-table,
table.survey-review-score-details {
  border-collapse: collapse;
  border: 1px solid #aeaeae;
  padding: 5px;
  float: left;
}
table.form-response-table tr th,
table.survey-review-score-details tr th {
  text-align: left;
  background-color: #e7e7e7;
}
table.form-response-table tr td,
table.survey-review-score-details tr td {
  text-align: left;
  font-style: italic;
}
table.form-response-table tr th,
table.survey-review-score-details tr th,
table.form-response-table tr td,
table.survey-review-score-details tr td {
  border-bottom: 1px solid #aeaeae;
  padding: 10px 30px 10px 5px;
}
table.form-response-table tr:nth-child(odd) td,
table.survey-review-score-details tr:nth-child(odd) td {
  background-color: #fafafa;
}
table.form-response-table tbody tr th,
table.survey-review-score-details tbody tr th {
  vertical-align: top;
  background-color: #e7e7e7;
  color: #5c5c5c;
  font-size: 16px;
  font-weight: 700;
}
table.form-response-table tbody tr th.section,
table.survey-review-score-details tbody tr th.section {
  margin: 0;
  padding: 0;
  background-color: #fff;
}
table.form-response-table tbody tr th.section h3,
table.survey-review-score-details tbody tr th.section h3 {
  margin: 0;
  padding: 20px 10px 10px 4px;
  font-weight: 900;
  font-size: 24px;
}
table.form-response-table tbody tr th.question-group h3,
table.survey-review-score-details tbody tr th.question-group h3 {
  padding: 10px 10px 10px 10px;
  font-weight: 700;
  font-size: 20px;
}
table.form-response-table tbody tr td,
table.survey-review-score-details tbody tr td {
  padding: 8px 10px 30px 10px !important;
  white-space: wrap !important;
}
table.form-response-table tbody tr td em,
table.survey-review-score-details tbody tr td em {
  font-size: 14px;
  color: #aaa;
}
table.form-response-table tbody tr td img,
table.survey-review-score-details tbody tr td img {
  max-width: 300px;
  max-height: 300px;
}
table.form-response-table tbody tr td div.question-group label,
table.survey-review-score-details tbody tr td div.question-group label,
table.form-response-table tbody tr td div.question-group span,
table.survey-review-score-details tbody tr td div.question-group span {
  display: block;
  margin: 0;
  padding: 0;
}
table.form-response-table tbody tr td div.question-group label,
table.survey-review-score-details tbody tr td div.question-group label {
  font-weight: 700;
}
table.form-response-table tbody tr td div.question-group span,
table.survey-review-score-details tbody tr td div.question-group span {
  margin-bottom: 20px;
}
table.form-response-table tbody tr td ul,
table.survey-review-score-details tbody tr td ul {
  margin: 0;
  padding: 0 0 0 0;
  list-style-type: none;
}
table.form-response-table tbody tr td ul li,
table.survey-review-score-details tbody tr td ul li {
  padding: 0 0 10px 0;
}
table.form-response-table tbody tr td ul li strong,
table.survey-review-score-details tbody tr td ul li strong {
  clear: both;
}
#ui-datepicker-div {
  z-index: 100000 !important;
  font-size: 15px !important;
}
.NSWAT_UI_PhotoGallery .album-photos div {
  width: auto;
}
.NSWAT_UI_PhotoGallery .album-photos.noCrop .photo img {
  display: block;
}
.NSWAT_UI_PhotoGallery .album-photos .inputs {
  border-top: none;
}
ul.select {
  display: inline;
  margin: 0;
  padding: 0;
  width: 200px;
}
ul.select,
ul.select ul.options,
ul.select li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
ul.select ul.options {
  display: none;
  max-height: 350px;
}
ul.select.open li.main a:link,
ul.select.open li.main a:visited {
  background-image: url(../img/icon-up-arrow-grey.png);
}
ul.select.open ul.options {
  display: block;
}
ul.select a:link,
ul.select a:visited {
  text-decoration: none;
  color: #aeaeae;
  display: block;
  padding: 0;
}
ul.select.coverPhotoPicker li.main a:link,
ul.select.coverPhotoPicker li.main a:visited {
  height: 90px;
}
ul.select.coverPhotoPicker li.main img {
  max-width: 100%;
  max-height: 100%;
}
ul.select li.main {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #aeaeae;
}
ul.select li.main a:link,
ul.select li.main a:visited {
  height: 27px;
  background-color: transparent;
  background-image: url(../img/icon-down-arrow-grey.png);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 15px;
  padding: 4px 14px;
  line-height: 1.1;
}
ul.select ul.options {
  position: absolute;
  z-index: 10000;
  background-color: #fff;
  margin: 5px 0;
  box-shadow: 0 6px 12px 0 rgba(83, 178, 103, 0.35);
  border: 1px solid #e7e7e7;
  width: auto;
  padding: 12px 21px;
  overflow-y: scroll;
}
ul.select ul.options li a:link,
ul.select ul.options li a:visited {
  padding: 8px 14px;
  color: #000;
}
ul.select ul.options li a:hover,
ul.select ul.options li a:active {
  color: #31c961;
}
a:link.FileUpload_Delete,
a:visited.FileUpload_Delete {
  color: #990000 !important;
  font-weight: 900;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
}
a:hover.FileUpload_Delete,
a:active.FileUpload_Delete {
  color: #cc241D !important;
  text-decoration: underline;
}
img.FileUpload_image,
img.form-entry-upload-image {
  width: 100%;
  max-width: 500px;
  height: auto;
  border: 1px solid #aeaeae;
  padding: 4px;
  background-color: #fafafa;
}
img.FileUpload_image:hover,
img.form-entry-upload-image:hover {
  border: 1px solid #5c5c5c;
}
table tbody tr td div.short-text {
  background: transparent url(../img/icons/question-types/short-text-grey.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
table tbody tr td div.long-text {
  background: transparent url(../img/icons/question-types/long-text-grey.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
table tbody tr td div.yes-no {
  background: transparent url(../img/icons/question-types/yes-no-grey.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
table tbody tr td div.checkbox-list {
  background: transparent url(../img/icons/question-types/checkbox-list-grey.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
table tbody tr td div.select-list {
  background: transparent url(../img/icons/question-types/select-list-grey.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
table tbody tr td div.units {
  background: transparent url(../img/icons/question-types/units-grey.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
table tbody tr td div.projects-list {
  background: transparent url(../img/icons/question-types/projects-list-grey.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
table tbody tr td div.setting-list {
  background: transparent url(../img/icons/question-types/settings-list-grey.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
table tbody tr td div.custom-list {
  background: transparent url(../img/icons/question-types/custom-list-grey.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
table tbody tr td div.question-group {
  background: transparent url(../img/icons/question-types/question-group-grey.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
table tbody tr td div.file-upload {
  background: transparent url(../img/icons/question-types/file-upload-grey.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
table tbody tr td div.date {
  background: transparent url(../img/icons/question-types/date-grey.svg) no-repeat 0 0%;
  padding-left: 24px;
  background-size: 18px;
}
ul.questions li.short-text {
  background: transparent url(../img/icons/question-types/short-text-grey.svg) no-repeat 10px 10px;
  background-size: 18px;
}
ul.questions li.long-text {
  background: transparent url(../img/icons/question-types/long-text-grey.svg) no-repeat 10px 10px;
  background-size: 18px;
}
ul.questions li.yes-no {
  background: transparent url(../img/icons/question-types/yes-no-grey.svg) no-repeat 10px 10px;
  background-size: 18px;
}
ul.questions li.checkbox-list {
  background: transparent url(../img/icons/question-types/checkbox-list-grey.svg) no-repeat 10px 10px;
  background-size: 18px;
}
ul.questions li.select-list {
  background: transparent url(../img/icons/question-types/select-list-grey.svg) no-repeat 10px 10px;
  background-size: 18px;
}
ul.questions li.units {
  background: transparent url(../img/icons/question-types/units-grey.svg) no-repeat 10px 10px;
  background-size: 18px;
}
ul.questions li.projects-list {
  background: transparent url(../img/icons/question-types/projects-list-grey.svg) no-repeat 10px 10px;
  background-size: 18px;
}
ul.questions li.setting-list {
  background: transparent url(../img/icons/question-types/settings-list-grey.svg) no-repeat 10px 10px;
  background-size: 18px;
}
ul.questions li.custom-list {
  background: transparent url(../img/icons/question-types/custom-list-grey.svg) no-repeat 10px 10px;
  background-size: 18px;
}
ul.questions li.question-group {
  background: transparent url(../img/icons/question-types/question-group-grey.svg) no-repeat 10px 10px;
  background-size: 18px;
}
ul.questions li.file-upload {
  background: transparent url(../img/icons/question-types/file-upload-grey.svg) no-repeat 10px 10px;
  background-size: 18px;
}
ul.questions li.date {
  background: transparent url(../img/icons/question-types/date-grey.svg) no-repeat 10px 10px;
  background-size: 18px;
}
ul.questions li label {
  padding: 0 0 0 24px;
}
table#questions thead tr th.customId {
  width: 100px;
}
table#questions thead tr th.name {
  width: 280px;
}
ul.subscription-tab {
  *zoom: 1;
  margin: 0 0 20px 0;
  padding: 30px 0 0 10px;
  border-bottom: 1px solid #0078B4;
}
ul.subscription-tab:before,
ul.subscription-tab:after {
  content: " ";
  display: table;
}
ul.subscription-tab:after {
  clear: both;
}
ul.subscription-tab li {
  margin: 0 25px 0 0;
  padding: 0;
  list-style-type: none;
  float: left;
}
ul.subscription-tab li:last-child {
  margin-right: 0;
}
ul.subscription-tab li a:link,
ul.subscription-tab li a:visited {
  transition: all 200ms ease-in-out;
  background-color: #aeaeae;
  color: #fff;
  padding: 8px 30px 2px 30px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  text-decoration: none;
  font-size: 20px;
}
ul.subscription-tab li a:link.active,
ul.subscription-tab li a:visited.active {
  background-color: #0078B4;
  padding-top: 16px;
}
ul.subscription-tab li .plan-summary a:link,
ul.subscription-tab li .plan-summary a:visited {
  background-color: transparent !important;
  color: #31c961;
  padding: 0;
  border: none;
  font-size: 16px;
  text-decoration: underline;
}
ul.subscription-tab li.summary {
  float: right;
}
.tabs a.active {
  font-weight: bold;
}
.tabs aside.help {
  margin: 0 0 60px 0!important;
}
a.copy {
  text-align: center;
  display: block;
  margin: 20px 0 5px 0;
}
a.copy.copied {
  color: #31c961 !important;
  font-weight: 700;
}
p.link {
  background-color: #fff;
  padding: 4px;
  border: 1px solid #5c5c5c;
  margin-top: 10px;
  overflow: scroll;
  max-width: 100%;
  width: 100%;
}
p.link::selection {
  background-color: #174f73;
  color: #fff;
}
p.link a:link,
p.link a:visited {
  text-decoration: none;
  color: #aaa;
}
p.link.copied {
  background-color: #167E00;
  color: #fff;
}
p.link.copied a:link,
p.link.copied a:visited {
  color: #e7e7e7;
}
.account #promoCodeContainer {
  width: calc(100% - 300px);
  float: left;
  min-width: 100px;
}
.account #btnPromoCode {
  margin: 33px 1% 0 1%;
  max-width: 270px;
  font-size: 14px;
  padding: 6px 10px;
}
.account *.hide {
  display: none;
}
.evaluater-contact-form {
  max-width: 1000px;
  width: 100%;
  margin: 10px auto;
}
form.hide-fieldset fieldset {
  display: none;
}
div.cancel-summary {
  text-align: center;
}
div.report-toc {
  max-height: 300px;
  overflow-y: scroll;
  padding: 1px;
  border: 1px solid #167E00;
  max-width: 1000px;
  width: 100%;
  margin: 0 0 20px 0;
}
div.report-toc nav.report-toc {
  margin-bottom: 20px;
  max-width: 1000px;
  width: 100%;
}
div.report-toc nav.report-toc > ul.toc {
  max-height: 600px;
  overflow: scroll;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div.report-toc nav.report-toc > ul.toc > li:first-child div {
  background-color: #167E00;
  color: #fff;
  padding: 10px;
}
div.report-toc nav.report-toc > ul.toc li {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-weight: 700;
  background-color: transparent;
}
div.report-toc nav.report-toc > ul.toc li:nth-child(even) {
  background-color: #fafafa;
}
div.report-toc nav.report-toc > ul.toc li a:link,
div.report-toc nav.report-toc > ul.toc li a:visited {
  font-weight: 400;
  padding: 4px 0 12px 0;
  display: block;
  margin: 0 0 0 20px;
  text-transform: none;
}
div.report-toc nav.report-toc > ul.toc li.active a:link,
div.report-toc nav.report-toc > ul.toc li.active a:visited {
  font-weight: 900;
}
div.report-toc nav.report-toc > ul.toc li ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div.report-toc nav.report-toc > ul.toc li ul li {
  margin: 0;
  padding: 0;
}
div.report-toc nav.report-toc ul.nextprev {
  *zoom: 1;
  display: none;
  margin: 0;
  padding: 10px;
  width: 100%;
  background-color: #174f73;
  list-style-type: none;
}
div.report-toc nav.report-toc ul.nextprev:before,
div.report-toc nav.report-toc ul.nextprev:after {
  content: " ";
  display: table;
}
div.report-toc nav.report-toc ul.nextprev:after {
  clear: both;
}
div.report-toc nav.report-toc ul.nextprev li.next,
div.report-toc nav.report-toc ul.nextprev li.previous {
  float: left;
  width: 50%;
}
div.report-toc nav.report-toc ul.nextprev li.next.full,
div.report-toc nav.report-toc ul.nextprev li.previous.full {
  width: 100%;
}
div.report-toc nav.report-toc ul.nextprev li.next a:link,
div.report-toc nav.report-toc ul.nextprev li.previous a:link,
div.report-toc nav.report-toc ul.nextprev li.next a:visited,
div.report-toc nav.report-toc ul.nextprev li.previous a:visited {
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
}
div.report-toc nav.report-toc ul.nextprev li.next a:link,
div.report-toc nav.report-toc ul.nextprev li.next a:visited {
  text-align: right;
  background-image: url(../img/icons/arrow-right-open-white.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  padding-right: 20px;
  float: right;
}
div.report-toc nav.report-toc ul.nextprev li.previous a:link,
div.report-toc nav.report-toc ul.nextprev li.previous a:visited {
  text-align: left;
  background-image: url(../img/icons/arrow-left-open-white.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 20px;
}
form#surveyReport span.errorText {
  display: none;
}
div.NSWAT-Filter-Form {
  clear: both;
  border-top: 1px solid #167E00;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #fafafa;
  width: 100%;
  min-width: 350px;
  margin: 0;
  padding: 10px;
}
div.NSWAT-Filter-Form p.show-filter {
  margin: 0;
  padding: 0;
}
div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK {
  display: block;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 15px;
  text-decoration: none;
  color: #167E00;
  padding: 0 0 0 18px;
  transition: none;
}
div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK,
div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK.closed {
  background: transparent url(../img/icons/arrow-right-solid-grey.svg) no-repeat 0 50%;
  background-size: 14px;
}
div.NSWAT-Filter-Form p.show-filter a.NSWAT_FILTER_LINK.open {
  background: transparent url(../img/icons/arrow-down-solid-grey.svg) no-repeat 0 50%;
  background-size: 14px;
}
div.NSWAT-Filter-Form form {
  margin: 0;
  padding: 0;
  max-width: 100%;
}
div.NSWAT-Filter-Form form.filterForm {
  position: static;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  column-gap: 10px;
}
div.NSWAT-Filter-Form form.filterForm > fieldset {
  float: none;
  width: auto;
  grid-column: 1;
  min-width: 0;
}
div.NSWAT-Filter-Form form.filterForm > div.buttons {
  grid-column: 2;
  position: static !important;
  right: auto;
  bottom: auto;
  float: none;
  clear: none;
  margin: 0 !important;
  padding: 0;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  white-space: nowrap;
}
div.NSWAT-Filter-Form form.filterForm fieldset > div.buttons {
  position: static !important;
  float: none;
  clear: none;
  margin: 0 0 0 auto !important;
  padding: 0;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  white-space: nowrap;
}
div.NSWAT-Filter-Form form fieldset {
  border-top: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
div.NSWAT-Filter-Form form fieldset > div {
  max-width: 300px !important;
  width: 300px !important;
}
div.NSWAT-Filter-Form form div.buttons {
  clear: both;
  float: right;
  display: block;
  text-align: right;
  margin: 10px 0 0 0;
  padding: 0;
}
form.filterForm > fieldset.compact-filter-fields {
  display: block;
  width: 100%;
}
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-builder {
  align-items: end;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: none !important;
  padding-right: 10px;
  width: 100% !important;
}
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-builder > div {
  float: none;
  margin: 0;
  max-width: none !important;
  width: auto !important;
}
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-builder > div label {
  display: block;
}
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-builder > div select,
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-builder > div input {
  box-sizing: border-box;
  width: auto;
}
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-builder > div.paging select {
  width: 100%;
}
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-builder > div.compact-filter-trigger a.add-filter-link {
  align-items: center;
  background-color: #31c961;
  border-radius: 4px;
  box-sizing: border-box;
  color: #fff !important;
  display: inline-flex;
  font-size: 15px;
  height: 42px;
  padding: 8px 12px;
  text-decoration: none;
}
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-builder > div.compact-filter-trigger a.add-filter-link:hover,
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-builder > div.compact-filter-trigger a.add-filter-link:active {
  background-color: #167E00;
  color: #fff !important;
}
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-builder > div.compact-filter-add button.compact-filter-add-button {
  background-color: #0078B4;
  border: 0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  height: 42px;
  margin: 0;
  padding: 8px 12px;
  width: auto;
}
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-builder > div.compact-filter-add button.compact-filter-add-button:before {
  background-color: #fff;
  content: '';
  display: inline-block;
  height: 12px;
  margin-right: 5px;
  -webkit-mask: url(../img/icons/plus.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask: url(../img/icons/plus.svg) no-repeat 50% 50%;
  mask-size: contain;
  vertical-align: -1px;
  width: 12px;
}
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-builder > div.compact-filter-add button.compact-filter-add-button:disabled {
  cursor: default;
  opacity: 0.55;
}
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-builder > div.compact-filter-actions {
  margin-left: auto !important;
}
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-builder > div.compact-filter-actions > div.buttons {
  align-items: center;
  bottom: auto !important;
  clear: none;
  display: flex !important;
  float: none;
  gap: 10px;
  margin: 0 !important;
  position: static !important;
  right: auto !important;
  white-space: nowrap;
}
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-summary {
  align-items: center;
  clear: both;
  display: flex;
  flex-wrap: wrap;
  float: none;
  gap: 6px;
  max-width: none !important;
  width: 100% !important;
}
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-summary > div.compact-filter-match {
  align-items: center;
  display: flex;
  gap: 8px;
  margin: 12px 0 0;
  max-width: none !important;
  width: auto !important;
}
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-summary > div.compact-filter-match label {
  margin: 0;
}
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-summary > div.compact-filter-match select {
  box-sizing: border-box;
  height: 46px;
  width: auto;
}
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-summary ul.filters {
  clear: none;
  display: flex;
  flex: 1 1 auto;
  float: none;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  width: auto;
}
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-summary ul.filters li.filter {
  align-items: center;
  background: #0078B4;
  border: 3px solid #d4effe;
  border-radius: 10px;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  gap: 5px;
  height: 46px;
  margin: 0;
  padding: 5px 7px;
  white-space: nowrap;
}
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-summary ul.filters li.filter span.field,
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-summary ul.filters li.filter span.value {
  font-weight: 700;
}
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-summary ul.filters li.filter span.value:empty {
  display: none;
}
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-summary ul.filters li.filter button.remove-filter {
  background: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  line-height: 16px;
  margin: 0 0 0 2px;
  padding: 0;
}
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-summary ul.filters li.filter button.remove-filter:hover,
form.filterForm > fieldset.compact-filter-fields > div.compact-filter-summary ul.filters li.filter button.remove-filter:focus {
  color: #cc241D;
}
form.filterForm > fieldset.compact-filter-fields p.compact-filter-fallback,
form.filterForm > fieldset.compact-filter-fields p.compact-filter-validation-error {
  clear: both;
  font-size: 15px;
  margin: 8px 0 0;
}
form.filterForm > fieldset.compact-filter-fields p.compact-filter-validation-error {
  color: #cc241D;
  font-weight: 700;
}
section.content form.filterForm:has(> fieldset.compact-filter-fields) {
  align-items: end;
  column-gap: 8px;
  display: grid !important;
  grid-template-areas: "filters" "views";
  grid-template-columns: minmax(0, 1fr);
}
section.content form.filterForm:has(> fieldset.compact-filter-fields) > fieldset.compact-filter-fields {
  display: block;
  grid-area: filters;
  min-width: 0;
  width: 100% !important;
}
section.content form.filterForm:has(> fieldset.compact-filter-fields) > fieldset.compact-filter-fields > div.compact-filter-builder {
  width: 100% !important;
}
section.content form.filterForm:has(> fieldset.compact-filter-fields) > fieldset.view-filter-actions {
  grid-area: views;
  width: 100% !important;
}
.ui-tooltip {
  opacity: 1 !important;
  padding: 4px 10px !important;
  color: #fff !important;
  box-shadow: none !important;
  transition: none !important;
  width: auto;
  max-width: auto;
  background: #5c5c5c !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  border: 1px solid #5c5c5c !important;
}
.ui-tooltip .arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ui-tooltip .arrow.top {
  top: -16px;
  bottom: auto;
}
.ui-tooltip .arrow:after {
  content: "";
  background: #5c5c5c;
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ui-tooltip .arrow.top:after {
  top: -20px;
  bottom: auto;
}
.form-survey-advanced > label,
.form-survey-advanced.open > label {
  cursor: pointer;
  background: transparent url(../img/icons/arrow-down-solid-grey.svg) no-repeat 0 50%;
  background-size: 16px;
  padding-left: 24px;
}
.form-survey-advanced.open .form-survey-advanced-container {
  display: block;
}
.form-survey-advanced.closed > label {
  background: transparent url(../img/icons/arrow-right-solid-grey.svg) no-repeat 0 50%;
  background-size: 16px;
  padding-left: 24px;
}
.form-survey-advanced.closed .form-survey-advanced-container {
  display: none;
}
ul.errors {
  padding: 20px 0 20px 40px;
  margin: 0;
  border: 1px solid #cc241D;
  background-color: #ffdddd;
  border-radius: 10px;
}
ul.errors li {
  color: #cc241D;
  font-weight: 400;
  padding: 4px 0;
}
ul.errors li:first-child {
  list-style-type: none;
  margin: 0 0 0 -20px;
  padding: 0;
  text-transform: uppercase;
  font-weight: 900;
}
section.content.dashboards.embedded-form-dashboard {
  display: block;
  margin: 0;
  background: transparent;
}
section.content.dashboards.embedded-form-dashboard section.body.dashboards {
  display: block;
  margin: 0;
  padding: 0;
}
section.content.dashboards.embedded-form-dashboard section.body.dashboards .dashboard-container {
  display: block;
  min-height: 0;
}
section.content.dashboards.embedded-form-dashboard section.body.dashboards .dashboard-container section.dashboard {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  width: 100%;
  padding: 0;
  background: transparent;
}
section.content.dashboards.embedded-form-dashboard section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels {
  box-sizing: border-box;
  contain: inline-size;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  width: 100%;
}
section.content.dashboards section.body.dashboards {
  margin: 0;
  padding: 0;
}
section.content.dashboards section.body.dashboards h1 {
  margin: 0 !important;
  clear: both;
  width: 100%;
}
section.content.dashboards section.body.dashboards .dashboard-container {
  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
  width: 100%;
}
section.content.dashboards section.body.dashboards .dashboard-container aside {
  width: 25%;
  padding: 0;
  max-width: 250px;
  overflow: hidden;
  background-color: #fafafa;
  border-right: 1px solid #aeaeae;
}
section.content.dashboards section.body.dashboards .dashboard-container aside.mini {
  width: 20px;
  padding: 2px;
  cursor: pointer;
}
section.content.dashboards section.body.dashboards .dashboard-container aside.mini:hover {
  background-color: #aeaeae;
}
section.content.dashboards section.body.dashboards .dashboard-container aside.mini nav,
section.content.dashboards section.body.dashboards .dashboard-container aside.mini a.add {
  display: none;
}
section.content.dashboards section.body.dashboards .dashboard-container aside.mini a.hide-nav {
  text-indent: -9999em;
  overflow: hidden;
  background: transparent url(../img/icons/arrow-right-open-grey.svg) no-repeat 0 50%;
  background-size: 14px 14px;
  padding: 0 0 0 18px;
  margin: 0;
  transition: none;
}
section.content.dashboards section.body.dashboards .dashboard-container aside > a.add {
  float: right;
  background: transparent url(../img/icons/add.svg) no-repeat 0 50%;
  background-size: 14px 14px;
  padding: 0 0 0 18px;
  margin: 10px 10px 0 0;
}
section.content.dashboards section.body.dashboards .dashboard-container aside > a.hide-nav {
  float: left;
  background: transparent url(../img/icons/arrow-left-open-grey.svg) no-repeat 0 50%;
  background-size: 14px 14px;
  padding: 0 0 0 18px;
  margin: 10px 0 0 10px;
}
section.content.dashboards section.body.dashboards .dashboard-container aside nav {
  clear: both;
  margin: 60px 0 0 0;
}
section.content.dashboards section.body.dashboards .dashboard-container aside nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
section.content.dashboards section.body.dashboards .dashboard-container aside nav ul li {
  margin: 0;
  padding: 0 0 0 0;
  text-align: right;
}
section.content.dashboards section.body.dashboards .dashboard-container aside nav ul li a:link.add,
section.content.dashboards section.body.dashboards .dashboard-container aside nav ul li a:visited.add,
section.content.dashboards section.body.dashboards .dashboard-container aside nav ul li a:link.edit,
section.content.dashboards section.body.dashboards .dashboard-container aside nav ul li a:visited.edit {
  transition: none;
  display: none;
  text-indent: -9999em;
  overflow: hidden;
  height: 12px;
  width: 12px;
}
section.content.dashboards section.body.dashboards .dashboard-container aside nav ul li a:link.add,
section.content.dashboards section.body.dashboards .dashboard-container aside nav ul li a:visited.add {
  margin-left: 10px;
  background: transparent url(../img/icons/add-grey.svg) no-repeat 50% 50%;
  background-size: 12px;
}
section.content.dashboards section.body.dashboards .dashboard-container aside nav ul li a:link.edit,
section.content.dashboards section.body.dashboards .dashboard-container aside nav ul li a:visited.edit {
  background: transparent url(../img/icons/edit-grey.svg) no-repeat 50% 50%;
  background-size: 12px;
}
section.content.dashboards section.body.dashboards .dashboard-container aside nav ul li a:hover.add,
section.content.dashboards section.body.dashboards .dashboard-container aside nav ul li a:active.add {
  background: transparent url(../img/icons/add-green.svg) no-repeat 50% 50%;
  background-size: 12px;
}
section.content.dashboards section.body.dashboards .dashboard-container aside nav ul li a:hover.edit,
section.content.dashboards section.body.dashboards .dashboard-container aside nav ul li a:active.edit {
  background: transparent url(../img/icons/edit-green.svg) no-repeat 50% 50%;
  background-size: 12px;
}
section.content.dashboards section.body.dashboards .dashboard-container aside nav ul li:hover > a.add,
section.content.dashboards section.body.dashboards .dashboard-container aside nav ul li:hover > a.edit {
  display: inline-block;
}
section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li {
  margin-bottom: 5px;
}
section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li a:link,
section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li a:visited {
  color: #1e252a;
  padding: 10px;
  display: block;
  text-align: left;
  font-weight: 400;
  text-decoration: none;
}
section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li a:link.active,
section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li a:visited.active {
  color: #fff;
  background-color: #0078B4;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li a:hover,
section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li a:active {
  text-decoration: underline;
}
section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > ul > li a:link,
section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li > ul > li a:visited {
  padding: 4px 10px 4px 40px;
  text-align: left;
  font-weight: 400;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard {
  padding: 20px;
  width: calc(100% - 250px);
  background-color: #f3f3f3;
}
@media (max-width: 1200px) {
  section.content.dashboards section.body.dashboards .dashboard-container section.dashboard {
    width: 75%;
  }
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard.wide {
  width: calc(100% - 20px);
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title {
  *zoom: 1;
  margin-bottom: 20px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title:before,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title:after {
  content: " ";
  display: table;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title:after {
  clear: both;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title h2 {
  float: left;
  width: 70%;
  line-height: 1;
  font-size: 28px;
  margin: 0;
  padding: 0;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title h2 a:link,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title h2 visited {
  font-weight: 400;
  text-indent: -999em;
  overflow: hidden;
  background: transparent no-repeat 0 50%;
  background-size: 18px;
  width: 18px;
  height: 18px;
  display: inline-block;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title h2 a#edit-dashboard:link,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title h2 a#edit-dashboard:visited {
  background-image: url(../img/icons/edit-grey.svg);
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title h2 a#delete-dashboard:link,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title h2 a#delete-dashboard:visited {
  background-image: url(../img/icons/delete-grey.svg);
  margin-left: 6px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title ul.dashboard-options {
  float: right;
  margin: 0;
  padding: 0;
  width: 30%;
  *zoom: 1;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title ul.dashboard-options:before,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title ul.dashboard-options:after {
  content: " ";
  display: table;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title ul.dashboard-options:after {
  clear: both;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title ul.dashboard-options li {
  padding: 0;
  float: right;
  margin: 0 0 0 10px;
  list-style-type: none;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title ul.dashboard-options li a:link,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title ul.dashboard-options li a:visited {
  color: #5c5c5c;
  font-weight: 400;
  text-decoration: none;
  font-size: 16px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title ul.dashboard-options li a:link.export,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title ul.dashboard-options li a:visited.export {
  background: transparent url(../img/icons/export-green.svg) no-repeat 0 50%;
  background-size: 12px;
  padding-left: 14px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title ul.dashboard-options li a:link.reorder,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title ul.dashboard-options li a:visited.reorder {
  background: transparent url(../img/icons/reorder-green.svg) no-repeat 0 50%;
  background-size: 12px;
  padding-left: 14px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title ul.dashboard-options li a:link.delete,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title ul.dashboard-options li a:visited.delete {
  background: transparent url(../img/icons/delete-green.svg) no-repeat 0 50%;
  background-size: 12px;
  padding-left: 14px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title ul.dashboard-options li a:hover,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.title ul.dashboard-options li a:active {
  color: #174f73;
  text-decoration: underline;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options {
  margin: 5px 0 0 0;
  padding: 0;
  float: right;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li {
  margin: 0;
  padding: 0 6px 0 0;
  list-style-type: none;
  display: inline-block;
  font-size: 12px;
  transition: 300ms all ease-in-out;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:last-child {
  padding-right: 0;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover {
  transform: scale(1.1);
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover.horizontal a {
  background: transparent url(../img/icons/horizontal.svg) no-repeat 50% 0;
  padding-top: 20px;
  background-size: 16px 16px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover.tiled a {
  background: transparent url(../img/icons/tiled.svg) no-repeat 50% 0;
  padding-top: 20px;
  background-size: 16px 16px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:link,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:active,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:hover,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li:hover a:active {
  color: #000;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li.horizontal a {
  background: transparent url(../img/icons/horizontal-grey.svg) no-repeat 50% 0;
  padding-top: 20px;
  background-size: 16px 16px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li.tiled a {
  background: transparent url(../img/icons/tiled-grey.svg) no-repeat 50% 0;
  padding-top: 20px;
  background-size: 16px 16px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li.suggest-panel a {
  background: transparent url(../img/EvA.png) no-repeat 50% 0;
  padding-top: 20px;
  background-size: 20px 20px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li.add-panel a {
  background: transparent url(../img/icons/add-green.svg) no-repeat 50% 0;
  padding-top: 20px;
  background-size: 16px 16px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li a#edit-dashboard {
  background: transparent url(../img/icons/edit-green.svg) no-repeat 50% 0;
  padding-top: 20px;
  background-size: 16px 16px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li a#delete-dashboard {
  background: transparent url(../img/icons/delete.svg) no-repeat 50% 0;
  padding-top: 20px;
  background-size: 16px 16px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li.delete-dashboard,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li.panel-reorder.reorder {
  border-right: 1px solid #5c5c5c;
  margin-right: 6px;
  padding-right: 6px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li.panel-reorder.reorder a {
  background: transparent url(../img/icons/reorder-green.svg) no-repeat 50% 0;
  padding-top: 20px;
  background-size: 16px 16px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li.panel-reorder.save-reorder a {
  background: transparent url(../img/icons/save.svg) no-repeat 50% 0;
  padding-top: 20px;
  background-size: 16px 16px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li.panel-reorder.cancel-reorder a {
  background: transparent url(../img/icons/cancel.svg) no-repeat 50% 0;
  padding-top: 20px;
  background-size: 16px 16px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li a:link,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li a:visited {
  text-align: center;
  font-size: 10px;
  text-decoration: none;
  color: #aeaeae;
  text-transform: uppercase;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li.active {
  transform: scale(1.1);
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li.active.horizontal a {
  background: transparent url(../img/icons/horizontal-blue.svg) no-repeat 50% 0;
  background-size: 16px 16px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li.active.tiled a {
  background: transparent url(../img/icons/tiled-blue.svg) no-repeat 50% 0;
  background-size: 16px 16px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li.active a:link,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard ul.dashboard-view-options li.active a:visited {
  color: #0078B4;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.form {
  clear: both;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.form form {
  float: right;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.form form > div {
  float: left;
  width: 23%;
  margin: 0 0 0 2%;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.form form > div select {
  border: 1px solid #5c5c5c;
  background-color: #fafafa;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels {
  width: 100%;
  clear: both;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels .msg {
  position: absolute !important;
  top: 10px !important;
  width: 600px !important;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panel-group-options {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: right;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panel-group-options li {
  margin: 0;
  padding: 6px 10px;
  display: inline-block;
  border-radius: 3px;
  transition: all 300ms ease-in-out;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panel-group-options li.reorder {
  background: #174f73 url(../img/icons/reorder-white.svg) 5px 50% no-repeat;
  background-size: 12px;
  padding-left: 14px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panel-group-options li.reorder:hover {
  background-color: #0078B4;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panel-group-options li.save-reorder {
  background: #167E00 url(../img/icons/save-white.svg) 5px 50% no-repeat;
  background-size: 12px;
  padding-left: 14px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panel-group-options li.save-reorder:hover {
  background-color: #31c961;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panel-group-options li.cancel-reorder {
  background: #990000 url(../img/icons/cancel-white.svg) 5px 50% no-repeat;
  background-size: 12px;
  padding-left: 14px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panel-group-options li.cancel-reorder:hover {
  background-color: #cc241D;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panel-group-options li a:link,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panel-group-options li a:visited {
  color: #fff;
  padding: 4px 6px;
  text-decoration: none;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panel-group-options li a:hover,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panel-group-options li a:active {
  text-decoration: none;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels {
  margin: 20px 0;
  padding: 10px 10px;
  display: flex;
  gap: 20px;
  list-style: none;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels.number-panels {
  min-height: 250px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels.number-panels > li.panel {
  min-width: 300px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels.number-panels > li.panel.date-filter {
  min-width: 500px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels.number-panels > li > .panel-header > h3 {
  font-size: 16px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels.chart-panels > li > .panel-header > h3 {
  font-size: 18px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels.horizontal {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  width: 100%;
  -ms-overflow-style: none;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels.horizontal::-webkit-scrollbar {
  display: none;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels.tiled {
  flex-direction: row;
  flex-wrap: wrap;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels.sorting li.ui-sortable-placeholder {
  background: #e7e7e7 !important;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels.sorting > li.panel {
  cursor: pointer;
  background: #fafafa url(../img/icons/draggable-horizontal.svg) 8px 8px no-repeat !important;
  background-size: 18px 18px !important;
  border-style: dotted;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels.sorting > li.panel iframe {
  pointer-events: none;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels.sorting > li.panel.count iframe,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels.sorting > li.panel.uniq_count iframe,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels.sorting > li.panel.sum iframe,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels.sorting > li.panel.average iframe {
  height: 250px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li {
  background: #fff;
  background-size: 50px 50px;
  border: 1px solid #c5c5c5;
  box-shadow: 0 0 10px #CDCDCD;
  border-radius: 5px;
  position: relative;
  padding: 20px;
  margin: 0;
  list-style-type: none;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.count,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.uniq_count,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.sum,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.average {
  flex: 0 0 calc((100% - 60px - 50px) / 4);
  height: 225px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.count iframe,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.uniq_count iframe,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.sum iframe,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.average iframe {
  height: 169px !important;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.comparison,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.timeline,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.line,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.pie,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.bar {
  flex: 0 0 calc((100% - 40px - 50px) / 3);
  height: 450px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.comparison iframe,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.timeline iframe,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.line iframe,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.pie iframe,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.bar iframe {
  height: 394px !important;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.record {
  flex: 0 0 calc((100% - 20px - 50px) / 2);
  height: 490px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.record iframe {
  height: 415px !important;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li iframe {
  width: 100%;
  border: none;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.panel-header {
  *zoom: 1;
  min-height: 34px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #aaa;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.panel-header:before,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.panel-header:after {
  content: " ";
  display: table;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.panel-header:after {
  clear: both;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.success {
  border: 4px solid #167E00;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.warning {
  border: 4px solid #AAAA00;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.alarm {
  border: 4px solid #990000;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li h3 {
  font-size: 20px;
  float: left;
  width: calc(100% - 130px);
  margin: 0;
  padding: 0 0 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li.panel-info-open h3 {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options {
  float: right;
  position: relative;
  *zoom: 1;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options:before,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options:after {
  content: " ";
  display: table;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options:after {
  clear: both;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited {
  color: #0078B4;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.download-panel-image,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.download-panel-image {
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  line-height: 20px;
  display: block;
  float: left;
  text-indent: -999em;
  overflow: hidden;
  padding: 0;
  margin-right: 4px;
  background: transparent url(../img/icons/download-lightgrey.svg) no-repeat 50% 50%;
  background-size: 20px 20px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.download-panel-image img,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.download-panel-image img,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.download-panel-image span,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.download-panel-image span {
  display: none;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.download-panel-image:hover,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.download-panel-image:hover,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.download-panel-image.downloaded,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.download-panel-image.downloaded {
  background: transparent url(../img/icons/download-lightgrey.svg) no-repeat 50% 50%;
  background-size: 20px 20px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.info,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.info {
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  text-indent: -999em;
  overflow: hidden;
  background: transparent url(../img/icons/info-lightgrey.svg) no-repeat 50% 50%;
  background-size: 20px 20px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.info:hover,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.info:hover {
  background: transparent url(../img/icons/info-lightgrey.svg) no-repeat 50% 50%;
  background-size: 20px 20px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.source,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.source {
  margin-left: 5px;
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  text-indent: -999em;
  overflow: hidden;
  background: transparent url(../img/icons/data-source-lightgrey.svg) no-repeat 50% 50%;
  background-size: 20px 20px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.source:hover,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.source:hover {
  background: transparent url(../img/icons/data-source-lightgrey.svg) no-repeat 50% 50%;
  background-size: 20px 20px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.favorite,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.favorite {
  margin-right: 4px;
  margin-left: 5px;
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  text-indent: -999em;
  overflow: hidden;
  background: transparent url(../img/icons/star-outline.svg) no-repeat 50% 50%;
  background-size: 20px 20px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.favorite.filled,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.favorite.filled {
  background: transparent url(../img/icons/star-filled.svg) no-repeat 50% 50%;
  background-size: 20px 20px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.options,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.options {
  float: left;
  width: 20px;
  text-decoration: none;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.options span,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.options span {
  transition: 300ms all ease-in-out;
  display: block;
  width: 5px;
  height: 5px;
  background-color: #aaa;
  border-radius: 4px;
  margin: 0 auto 2px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.options span:last-child,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.options span:last-child {
  margin: 0 auto 1px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:link.options:hover span,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:visited.options:hover span {
  background-color: #5c5c5c;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:hover,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options a:active {
  color: #174f73;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel {
  position: absolute;
  right: -120px;
  top: -10px;
  z-index: 30000;
  display: none;
  transition: none;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul {
  background: #fafafa;
  border: 1px solid #5c5c5c;
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 180px;
  border-radius: 4px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #5c5c5c;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li:last-child {
  border-bottom: none;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:link,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:visited {
  color: #5c5c5c;
  padding: 8px 10px;
  text-decoration: none;
  display: block;
  transition: none;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:link.edit,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:visited.edit {
  background: transparent url(../img/icons/edit-grey.svg) no-repeat 4px 50%;
  background-size: 18px;
  padding-left: 28px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:link.delete,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:visited.delete {
  background: transparent url(../img/icons/delete-grey.svg) no-repeat 4px 50%;
  background-size: 18px;
  padding-left: 28px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:link.filters,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:visited.filters {
  background: transparent url(../img/icons/filter-grey.svg) no-repeat 4px 50%;
  background-size: 18px;
  padding-left: 28px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:link.targets,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:visited.targets {
  background: transparent url(../img/icons/targets-grey.svg) no-repeat 4px 50%;
  background-size: 18px;
  padding-left: 28px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:link.source,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:visited.source {
  background: transparent url(../img/icons/source-grey.svg) no-repeat 4px 50%;
  background-size: 18px;
  padding-left: 28px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:link.duplicate,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:visited.duplicate {
  background: transparent url(../img/icons/duplicate-grey.svg) no-repeat 4px 50%;
  background-size: 18px;
  padding-left: 28px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:link.copy-to-dashboard,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:visited.copy-to-dashboard {
  background: transparent url(../img/icons/copy-grey.svg) no-repeat 4px 50%;
  background-size: 18px;
  padding-left: 28px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:hover,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:active {
  color: #fff;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:hover.edit,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:active.edit {
  background: #174f73 url(../img/icons/edit-white.svg) no-repeat 4px 50%;
  background-size: 18px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:hover.delete,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:active.delete {
  background: #990000 url(../img/icons/delete-white.svg) no-repeat 4px 50%;
  background-size: 18px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:hover.filters,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:active.filters {
  background: #174f73 url(../img/icons/filter-white.svg) no-repeat 4px 50%;
  background-size: 18px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:hover.targets,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:active.targets {
  background: #174f73 url(../img/icons/targets-white.svg) no-repeat 4px 50%;
  background-size: 18px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:hover.source,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:active.source {
  background: #174f73 url(../img/icons/source-white.svg) no-repeat 4px 50%;
  background-size: 18px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:hover.duplicate,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:active.duplicate {
  background: #174f73 url(../img/icons/duplicate-white.svg) no-repeat 4px 50%;
  background-size: 18px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:hover.copy-to-dashboard,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.dashboard-options div.options-panel ul li a:active.copy-to-dashboard {
  background: #174f73 url(../img/icons/copy-grey.svg) no-repeat 4px 50%;
  background-size: 18px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters {
  overflow: hidden;
  clear: both;
  margin: 5px 0;
  float: left;
  *zoom: 1;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters:before,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters:after {
  content: " ";
  display: table;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters:after {
  clear: both;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters a.filter-toggle:link,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters a.filter-toggle:visited {
  float: right;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  display: block;
  overflow: hidden;
  text-align: center;
  text-indent: -9999em;
  transition: none;
  background: #aeaeae url(../img/icons/arrow-left-open-white.svg) no-repeat 50% 50%;
  background-size: 14px 14px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters a.filter-toggle.open {
  background: #5c5c5c url(../img/icons/arrow-down-open-white.svg) no-repeat 50% 50%;
  background-size: 14px 14px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters.open {
  overflow: visible;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters.open ul {
  max-height: 500px !important;
  background-color: #fff;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters p.description {
  font-size: 15px;
  color: #aeaeae;
  padding: 10px 28px 10px 0;
  clear: both;
  position: relative;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters p.description span.description-text {
  display: block;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters p.description a.copy-description:link,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters p.description a.copy-description:visited {
  background: transparent url(../img/icons/copy-grey.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
  display: block;
  height: 20px;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-indent: -9999em;
  top: 8px;
  width: 20px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters p.description a.copy-description:hover,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters p.description a.copy-description:active,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters p.description a.copy-description.copied {
  background-image: url(../img/icons/copy-green.svg);
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters p.description span.copy-description-status {
  color: #aeaeae;
  display: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  right: 0;
  text-align: right;
  top: 30px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul {
  *zoom: 1;
  clear: both;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
  max-height: 60px;
  overflow: hidden;
  float: left;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul:before,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul:after {
  content: " ";
  display: table;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul:after {
  clear: both;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul.extended {
  width: calc(100% - 40px);
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul .open {
  max-height: auto;
  position: absolute;
  background-color: white;
  padding: 2px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li {
  margin: 0 4px 4px 0;
  padding: 2px 7px;
  border-radius: 4px;
  color: #fff;
  border: none;
  width: auto;
  float: left;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li a:link,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li a:visited {
  text-decoration: none;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.dateRange a:hover,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.dateRange a:active {
  color: #5FD08C;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.comparisonDate a:hover,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.comparisonDate a:active {
  color: #5FD08C;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.source-forms a:hover,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.source-forms a:active {
  color: #5BA6F8;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.source-surveys a:hover,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.source-surveys a:active {
  color: #5BA6F8;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.dateRange {
  background: #E9F8EF url(../img/icons/date-lightgreen.svg) 3px 50% no-repeat;
  padding-left: 17px;
  background-size: 12px 12px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.dateRange a:link,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.dateRange a:visited {
  color: #5FD08C;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.comparisonDate {
  background: #E9F8EF url(../img/icons/date-lightgreen.svg) 3px 50% no-repeat;
  padding-left: 17px;
  background-size: 12px 12px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.comparisonDate a:link,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.comparisonDate a:visited {
  color: #5FD08C;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.source-forms {
  background: #EAF4FF url(../img/icons/forms-lightblue.svg) 3px 50% no-repeat;
  padding-left: 17px;
  background-size: 12px 12px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.source-forms a:link,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.source-forms a:visited {
  color: #5BA6F8;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.source-surveys {
  background: #EAF4FF url(../img/icons/surveys-lightblue.svg) 3px 50% no-repeat;
  padding-left: 17px;
  background-size: 12px 12px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.source-surveys a:link,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.source-surveys a:visited {
  color: #5BA6F8;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.aggregation.sum {
  background: #FEF3E6 url(../img/icons/sum-lightorange.svg) 3px 50% no-repeat;
  padding-left: 17px;
  background-size: 12px 12px;
  color: #F8AC59;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.aggregation.count {
  background: #FEF3E6 url(../img/icons/count-lightorange.svg) 3px 50% no-repeat;
  padding-left: 17px;
  background-size: 12px 12px;
  color: #F8AC59;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.aggregation.average {
  background: #FEF3E6 url(../img/icons/average-lightorange.svg) 3px 50% no-repeat;
  padding-left: 17px;
  background-size: 12px 12px;
  color: #F8AC59;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.aggregation.unique-count {
  background: #FEF3E6 url(../img/icons/unique-count-lightorange.svg) 3px 50% no-repeat;
  padding-left: 17px;
  background-size: 12px 12px;
  color: #F8AC59;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.units {
  background: #FEF3E6 url(../img/icons/units-lightorange.svg) 3px 50% no-repeat;
  padding-left: 17px;
  background-size: 12px 12px;
  color: #F8AC59;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.filter {
  background: #FEF3E6 url(../img/icons/filter-lightorange.svg) 3px 50% no-repeat;
  padding-left: 17px;
  background-size: 12px 12px;
  color: #F8AC59;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.question {
  background: #FEF3E6 url(../img/icons/question-lightorange.svg) 3px 50% no-repeat;
  padding-left: 17px;
  background-size: 12px 12px;
  color: #F8AC59;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.structure {
  background: #eeebe7 url(../img/icons/structure-brown.svg) 3px 50% no-repeat;
  padding-left: 17px;
  background-size: 12px 12px;
  color: #b66b15;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.structure strong {
  color: #b66b15;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.panel-type.sum {
  background: #F3EDFF url(../img/icons/sum-purple.svg) 3px 50% no-repeat;
  padding-left: 17px;
  background-size: 12px 12px;
  color: #9C7AF8;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.panel-type.count {
  background: #F3EDFF url(../img/icons/count-purple.svg) 3px 50% no-repeat;
  padding-left: 17px;
  background-size: 12px 12px;
  color: #9C7AF8;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.panel-type.unique-count {
  background: #F3EDFF url(../img/icons/count-purple.svg) 3px 50% no-repeat;
  padding-left: 17px;
  background-size: 12px 12px;
  color: #9C7AF8;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.panel-type.average {
  background: #F3EDFF url(../img/icons/average-purple.svg) 3px 50% no-repeat;
  padding-left: 17px;
  background-size: 12px 12px;
  color: #9C7AF8;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.panel-type.pie-chart {
  background: #F3EDFF url(../img/icons/pie-chart-purple.svg) 3px 50% no-repeat;
  padding-left: 17px;
  background-size: 12px 12px;
  color: #9C7AF8;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.panel-type.bar {
  background: #F3EDFF url(../img/icons/bar-chart-purple.svg) 3px 50% no-repeat;
  padding-left: 17px;
  background-size: 12px 12px;
  color: #9C7AF8;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.panel-type.line {
  background: #F3EDFF url(../img/icons/line-chart-purple.svg) 3px 50% no-repeat;
  padding-left: 17px;
  background-size: 12px 12px;
  color: #9C7AF8;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.panel-type.record-table {
  background: #F3EDFF url(../img/icons/records-purple.svg) 3px 50% no-repeat;
  padding-left: 17px;
  background-size: 12px 12px;
  color: #9C7AF8;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.filters ul li.panel-type.timeline {
  background: #F3EDFF url(../img/icons/timeline-purple.svg) 3px 50% no-repeat;
  padding-left: 17px;
  background-size: 12px 12px;
  color: #9C7AF8;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.panel-info {
  transition: all 300s ease-in-out;
  display: none;
  box-sizing: border-box;
  max-height: calc(100% - 40px);
  overflow: auto;
  -ms-overflow-style: none;
  /* IE and old Edge */
  scrollbar-width: none;
  /* Firefox */
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.panel-info::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, and Opera */
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.panel-iframe {
  transition: all 300s ease-in-out;
  width: 100%;
  overflow: auto;
  -ms-overflow-style: none;
  /* IE and old Edge */
  scrollbar-width: none;
  /* Firefox */
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li div.panel-iframe::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, and Opera */
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.panels > li iframe {
  transition: all 300s ease-in-out;
  width: 100%;
  border: none;
}
section.content.forms section.content.dashboards section.body.dashboards {
  width: 100%;
}
body.panel-content {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #fff;
  margin: 0;
  text-align: center;
}
body.panel-content a.download-image:link img,
body.panel-content a.download-image:visited img {
  max-width: 25px;
  max-height: 25px;
  display: inline;
}
body.panel-content a.download-image:link span,
body.panel-content a.download-image:visited span {
  color: #5c5c5c;
  display: inline;
  float: none;
  clear: none;
  font-size: 14px;
}
body.panel-content a.download-image:hover span,
body.panel-content a.download-image:active span {
  color: #0078B4;
}
body.panel-content div.panel-content {
  background-color: #fff;
  text-align: center;
  height: 420px;
}
body.panel-content div.panel-content.pie {
  height: 390px;
}
body.panel-content div.panel-content h4 {
  text-align: center;
  font-weight: 900;
  margin: 50px 0 0 0;
  line-height: 1.1;
}
body.panel-content div.panel-content h4,
body.panel-content div.panel-content h4 a:link,
body.panel-content div.panel-content h4 a:visited {
  text-decoration: none;
  color: #31c961;
}
body.panel-content div.panel-content span {
  font-size: 15px;
  color: #0078B4;
  display: block;
  clear: both;
  font-weight: 400;
}
body.panel-content div.panel-content div.kpi-table-container {
  width: 100%;
  overflow: auto;
  -ms-overflow-style: none;
  /* IE and old Edge */
  scrollbar-width: none;
  /* Firefox */
}
body.panel-content div.panel-content div.kpi-table-container::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, and Opera */
}
body.panel-content div.panel-content table.kpi-table {
  width: 100%;
  border-collapse: collapse;
  margin: 8px auto 10px auto;
  padding: 1px;
}
body.panel-content div.panel-content table.kpi-table thead tr th {
  background-color: #174f73;
  color: #fff;
  padding: 5px 4px;
}
body.panel-content div.panel-content table.kpi-table thead tr th.name,
body.panel-content div.panel-content table.kpi-table thead tr th.date {
  text-align: left;
}
body.panel-content div.panel-content table.kpi-table thead tr th.value {
  text-align: right;
}
body.panel-content div.panel-content table.kpi-table tbody tr td {
  padding: 6px 4px;
}
body.panel-content div.panel-content table.kpi-table tbody tr td.name,
body.panel-content div.panel-content table.kpi-table tbody tr td.date {
  text-align: left;
  text-wrap: nowrap;
}
body.panel-content div.panel-content table.kpi-table tbody tr td.value {
  text-align: right;
}
body.panel-content div.panel-content table.kpi-table tbody tr td a:link,
body.panel-content div.panel-content table.kpi-table tbody tr td a:visited {
  text-decoration: none;
  color: #0078B4;
}
body.panel-content div.panel-content table.kpi-table tbody tr td a:hover,
body.panel-content div.panel-content table.kpi-table tbody tr td a:active {
  color: #185475;
}
body.panel-content div.panel-content table.kpi-table tbody tr td img {
  width: 25px;
  height: 25px;
}
body.panel-content div.panel-content table.kpi-table tbody tr:nth-child(even) td {
  background-color: #e7e7e7;
}
body.panel-content div.panel-content table.kpi-table tbody tr:hover td {
  background-color: #e7e7e7;
}
body.panel-content div.panel-content table.kpi-table tfoot tr td {
  background-color: #167E00;
}
body.panel-content div.panel-content table.kpi-table tfoot tr td a:link,
body.panel-content div.panel-content table.kpi-table tfoot tr td a:visited {
  color: #fff !important;
}
body.panel-content div.panel-content canvas {
  width: 100% !important;
  height: 355px !important;
}
body.panel-content div.panel-content.pie canvas {
  height: 320px !important;
}
body.panel-content div.panel-content.sum,
body.panel-content div.panel-content.count,
body.panel-content div.panel-content.uniq_count {
  margin-top: 20px !important;
}
body.panel-content div.panel-content.pie,
body.panel-content div.panel-content.count,
body.panel-content div.panel-content.uniq_count,
body.panel-content div.panel-content.sum,
body.panel-content div.panel-content.average {
  *zoom: 1;
  margin: 10px;
}
body.panel-content div.panel-content.pie:before,
body.panel-content div.panel-content.count:before,
body.panel-content div.panel-content.uniq_count:before,
body.panel-content div.panel-content.sum:before,
body.panel-content div.panel-content.average:before,
body.panel-content div.panel-content.pie:after,
body.panel-content div.panel-content.count:after,
body.panel-content div.panel-content.uniq_count:after,
body.panel-content div.panel-content.sum:after,
body.panel-content div.panel-content.average:after {
  content: " ";
  display: table;
}
body.panel-content div.panel-content.pie:after,
body.panel-content div.panel-content.count:after,
body.panel-content div.panel-content.uniq_count:after,
body.panel-content div.panel-content.sum:after,
body.panel-content div.panel-content.average:after {
  clear: both;
}
body.panel-content div.panel-content.pie div.firstData,
body.panel-content div.panel-content.count div.firstData,
body.panel-content div.panel-content.uniq_count div.firstData,
body.panel-content div.panel-content.sum div.firstData,
body.panel-content div.panel-content.average div.firstData {
  float: left;
  width: 44%;
  margin-right: 6%;
}
body.panel-content div.panel-content.pie div.compareData,
body.panel-content div.panel-content.count div.compareData,
body.panel-content div.panel-content.uniq_count div.compareData,
body.panel-content div.panel-content.sum div.compareData,
body.panel-content div.panel-content.average div.compareData {
  float: right;
  width: 50%;
}
body.panel-content div.panel-content.pie span.date,
body.panel-content div.panel-content.count span.date,
body.panel-content div.panel-content.uniq_count span.date,
body.panel-content div.panel-content.sum span.date,
body.panel-content div.panel-content.average span.date {
  color: #aaa;
  font-size: 12px;
  text-align: left;
}
body.panel-content div.panel-content.pie h4,
body.panel-content div.panel-content.count h4,
body.panel-content div.panel-content.uniq_count h4,
body.panel-content div.panel-content.sum h4,
body.panel-content div.panel-content.average h4 {
  margin-top: 0;
  font-weight: 300;
  text-align: left;
}
body.panel-content div.panel-content.pie h4,
body.panel-content div.panel-content.count h4,
body.panel-content div.panel-content.uniq_count h4,
body.panel-content div.panel-content.sum h4,
body.panel-content div.panel-content.average h4,
body.panel-content div.panel-content.pie h4 a:link,
body.panel-content div.panel-content.count h4 a:link,
body.panel-content div.panel-content.uniq_count h4 a:link,
body.panel-content div.panel-content.sum h4 a:link,
body.panel-content div.panel-content.average h4 a:link,
body.panel-content div.panel-content.pie h4 a:visited,
body.panel-content div.panel-content.count h4 a:visited,
body.panel-content div.panel-content.uniq_count h4 a:visited,
body.panel-content div.panel-content.sum h4 a:visited,
body.panel-content div.panel-content.average h4 a:visited {
  color: #2794c4 !important;
  text-align: left;
}
body.panel-content div.panel-content.pie h4.count,
body.panel-content div.panel-content.count h4.count,
body.panel-content div.panel-content.uniq_count h4.count,
body.panel-content div.panel-content.sum h4.count,
body.panel-content div.panel-content.average h4.count,
body.panel-content div.panel-content.pie h4.sum,
body.panel-content div.panel-content.count h4.sum,
body.panel-content div.panel-content.uniq_count h4.sum,
body.panel-content div.panel-content.sum h4.sum,
body.panel-content div.panel-content.average h4.sum,
body.panel-content div.panel-content.pie h4.avg,
body.panel-content div.panel-content.count h4.avg,
body.panel-content div.panel-content.uniq_count h4.avg,
body.panel-content div.panel-content.sum h4.avg,
body.panel-content div.panel-content.average h4.avg {
  margin-bottom: 10px;
  text-align: left;
  font-size: 28px;
}
body.panel-content div.panel-content.pie h4.count a,
body.panel-content div.panel-content.count h4.count a,
body.panel-content div.panel-content.uniq_count h4.count a,
body.panel-content div.panel-content.sum h4.count a,
body.panel-content div.panel-content.average h4.count a,
body.panel-content div.panel-content.pie h4.sum a,
body.panel-content div.panel-content.count h4.sum a,
body.panel-content div.panel-content.uniq_count h4.sum a,
body.panel-content div.panel-content.sum h4.sum a,
body.panel-content div.panel-content.average h4.sum a,
body.panel-content div.panel-content.pie h4.avg a,
body.panel-content div.panel-content.count h4.avg a,
body.panel-content div.panel-content.uniq_count h4.avg a,
body.panel-content div.panel-content.sum h4.avg a,
body.panel-content div.panel-content.average h4.avg a {
  font-size: 28px;
  text-align: left;
}
body.panel-content div.panel-content.pie h4.avg,
body.panel-content div.panel-content.count h4.avg,
body.panel-content div.panel-content.uniq_count h4.avg,
body.panel-content div.panel-content.sum h4.avg,
body.panel-content div.panel-content.average h4.avg {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  clear: none;
  text-align: left;
}
body.panel-content div.panel-content.pie h4.low,
body.panel-content div.panel-content.count h4.low,
body.panel-content div.panel-content.uniq_count h4.low,
body.panel-content div.panel-content.sum h4.low,
body.panel-content div.panel-content.average h4.low {
  font-size: 14px;
  float: left;
  width: 20%;
  margin: 20px 2% 0 0;
  padding: 0;
  clear: none;
  text-align: left;
}
body.panel-content div.panel-content.pie h4.high,
body.panel-content div.panel-content.count h4.high,
body.panel-content div.panel-content.uniq_count h4.high,
body.panel-content div.panel-content.sum h4.high,
body.panel-content div.panel-content.average h4.high {
  font-size: 14px;
  float: left;
  width: 20%;
  margin: 20px 0 0 2%;
  padding: 0;
  clear: none;
  text-align: left;
}
body.panel-content div.panel-content.pie h4.low,
body.panel-content div.panel-content.count h4.low,
body.panel-content div.panel-content.uniq_count h4.low,
body.panel-content div.panel-content.sum h4.low,
body.panel-content div.panel-content.average h4.low,
body.panel-content div.panel-content.pie h4.high,
body.panel-content div.panel-content.count h4.high,
body.panel-content div.panel-content.uniq_count h4.high,
body.panel-content div.panel-content.sum h4.high,
body.panel-content div.panel-content.average h4.high {
  display: none;
}
body.panel-content div.panel-content.pie h4.avg,
body.panel-content div.panel-content.count h4.avg,
body.panel-content div.panel-content.uniq_count h4.avg,
body.panel-content div.panel-content.sum h4.avg,
body.panel-content div.panel-content.average h4.avg {
  width: 100%;
}
body.panel-content div.panel-content.pie span.responses,
body.panel-content div.panel-content.count span.responses,
body.panel-content div.panel-content.uniq_count span.responses,
body.panel-content div.panel-content.sum span.responses,
body.panel-content div.panel-content.average span.responses,
body.panel-content div.panel-content.pie span.count,
body.panel-content div.panel-content.count span.count,
body.panel-content div.panel-content.uniq_count span.count,
body.panel-content div.panel-content.sum span.count,
body.panel-content div.panel-content.average span.count,
body.panel-content div.panel-content.pie span.sum,
body.panel-content div.panel-content.count span.sum,
body.panel-content div.panel-content.uniq_count span.sum,
body.panel-content div.panel-content.sum span.sum,
body.panel-content div.panel-content.average span.sum,
body.panel-content div.panel-content.pie span.average,
body.panel-content div.panel-content.count span.average,
body.panel-content div.panel-content.uniq_count span.average,
body.panel-content div.panel-content.sum span.average,
body.panel-content div.panel-content.average span.average,
body.panel-content div.panel-content.pie span.units,
body.panel-content div.panel-content.count span.units,
body.panel-content div.panel-content.uniq_count span.units,
body.panel-content div.panel-content.sum span.units,
body.panel-content div.panel-content.average span.units,
body.panel-content div.panel-content.pie span.low,
body.panel-content div.panel-content.count span.low,
body.panel-content div.panel-content.uniq_count span.low,
body.panel-content div.panel-content.sum span.low,
body.panel-content div.panel-content.average span.low,
body.panel-content div.panel-content.pie span.high,
body.panel-content div.panel-content.count span.high,
body.panel-content div.panel-content.uniq_count span.high,
body.panel-content div.panel-content.sum span.high,
body.panel-content div.panel-content.average span.high {
  display: inline;
  color: #aaa;
  font-size: 12px;
  clear: both;
  display: block;
  text-align: left;
}
body.panel-content div.panel-content.pie span.units,
body.panel-content div.panel-content.count span.units,
body.panel-content div.panel-content.uniq_count span.units,
body.panel-content div.panel-content.sum span.units,
body.panel-content div.panel-content.average span.units {
  font-size: 12px;
}
body.panel-content div.panel-content.pie div.compareData,
body.panel-content div.panel-content.count div.compareData,
body.panel-content div.panel-content.uniq_count div.compareData,
body.panel-content div.panel-content.sum div.compareData,
body.panel-content div.panel-content.average div.compareData {
  border-left: 1px solid #aaa;
  padding-left: 6%;
}
body.panel-content div.panel-content.pie div.compareData h4,
body.panel-content div.panel-content.count div.compareData h4,
body.panel-content div.panel-content.uniq_count div.compareData h4,
body.panel-content div.panel-content.sum div.compareData h4,
body.panel-content div.panel-content.average div.compareData h4,
body.panel-content div.panel-content.pie div.compareData h4 a:link,
body.panel-content div.panel-content.count div.compareData h4 a:link,
body.panel-content div.panel-content.uniq_count div.compareData h4 a:link,
body.panel-content div.panel-content.sum div.compareData h4 a:link,
body.panel-content div.panel-content.average div.compareData h4 a:link,
body.panel-content div.panel-content.pie div.compareData h4 a:visited,
body.panel-content div.panel-content.count div.compareData h4 a:visited,
body.panel-content div.panel-content.uniq_count div.compareData h4 a:visited,
body.panel-content div.panel-content.sum div.compareData h4 a:visited,
body.panel-content div.panel-content.average div.compareData h4 a:visited,
body.panel-content div.panel-content.pie div.compareData h4.count,
body.panel-content div.panel-content.count div.compareData h4.count,
body.panel-content div.panel-content.uniq_count div.compareData h4.count,
body.panel-content div.panel-content.sum div.compareData h4.count,
body.panel-content div.panel-content.average div.compareData h4.count,
body.panel-content div.panel-content.pie div.compareData h4.sum,
body.panel-content div.panel-content.count div.compareData h4.sum,
body.panel-content div.panel-content.uniq_count div.compareData h4.sum,
body.panel-content div.panel-content.sum div.compareData h4.sum,
body.panel-content div.panel-content.average div.compareData h4.sum,
body.panel-content div.panel-content.pie div.compareData h4.avg,
body.panel-content div.panel-content.count div.compareData h4.avg,
body.panel-content div.panel-content.uniq_count div.compareData h4.avg,
body.panel-content div.panel-content.sum div.compareData h4.avg,
body.panel-content div.panel-content.average div.compareData h4.avg {
  font-size: 24px !important;
}
body.panel-content div.panel-content.pie div.compareData span.responses,
body.panel-content div.panel-content.count div.compareData span.responses,
body.panel-content div.panel-content.uniq_count div.compareData span.responses,
body.panel-content div.panel-content.sum div.compareData span.responses,
body.panel-content div.panel-content.average div.compareData span.responses,
body.panel-content div.panel-content.pie div.compareData span.count,
body.panel-content div.panel-content.count div.compareData span.count,
body.panel-content div.panel-content.uniq_count div.compareData span.count,
body.panel-content div.panel-content.sum div.compareData span.count,
body.panel-content div.panel-content.average div.compareData span.count,
body.panel-content div.panel-content.pie div.compareData span.sum,
body.panel-content div.panel-content.count div.compareData span.sum,
body.panel-content div.panel-content.uniq_count div.compareData span.sum,
body.panel-content div.panel-content.sum div.compareData span.sum,
body.panel-content div.panel-content.average div.compareData span.sum,
body.panel-content div.panel-content.pie div.compareData span.average,
body.panel-content div.panel-content.count div.compareData span.average,
body.panel-content div.panel-content.uniq_count div.compareData span.average,
body.panel-content div.panel-content.sum div.compareData span.average,
body.panel-content div.panel-content.average div.compareData span.average,
body.panel-content div.panel-content.pie div.compareData span.units,
body.panel-content div.panel-content.count div.compareData span.units,
body.panel-content div.panel-content.uniq_count div.compareData span.units,
body.panel-content div.panel-content.sum div.compareData span.units,
body.panel-content div.panel-content.average div.compareData span.units,
body.panel-content div.panel-content.pie div.compareData span.low,
body.panel-content div.panel-content.count div.compareData span.low,
body.panel-content div.panel-content.uniq_count div.compareData span.low,
body.panel-content div.panel-content.sum div.compareData span.low,
body.panel-content div.panel-content.average div.compareData span.low,
body.panel-content div.panel-content.pie div.compareData span.high,
body.panel-content div.panel-content.count div.compareData span.high,
body.panel-content div.panel-content.uniq_count div.compareData span.high,
body.panel-content div.panel-content.sum div.compareData span.high,
body.panel-content div.panel-content.average div.compareData span.high {
  font-size: 10px;
}
body.panel-content div.panel-content.pie span.date {
  text-align: center;
}
body.panel-content div.panel-content span.change {
  font-weight: 400;
  width: 100% !important;
  text-align: left;
}
body.panel-content div.panel-content span.change img {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
body.panel-content div.panel-content span.change span.percent {
  margin-right: 5px;
  color: #5c5c5c;
  font-weight: 900;
}
body.panel-content div.panel-content span.change.minus span.diff {
  color: #cc241D;
}
body.panel-content div.panel-content span.change.plus span.diff {
  color: #167E00;
}
body.panel-content div.panel-content span.change span.diff,
body.panel-content div.panel-content span.change span.percent {
  display: inline;
}
.dialog {
  z-index: 30000;
  width: 100%;
  border: 6px solid rgba(32, 32, 32, 0.7);
  border-radius: 6px;
  padding: 0;
  box-shadow: none;
  max-width: 1000px;
  left: calc(50% - calc(1000px / 2));
}
@media (max-width: 1000px) {
  .dialog {
    left: 2%;
    max-width: 96%;
  }
}
.dialog div.msg {
  margin: 4px 10px;
}
.dialog div.title {
  *zoom: 1;
  background-color: #0078B4;
  padding: 10px;
}
.dialog div.title:before,
.dialog div.title:after {
  content: " ";
  display: table;
}
.dialog div.title:after {
  clear: both;
}
.dialog div.title h2 {
  color: #fff;
  float: left;
  font-size: 24px;
}
.dialog div.title a.close {
  color: #fff;
  font-weight: 900;
  border-radius: 6px;
  text-transform: uppercase;
  background-color: #5c5c5c;
  float: right;
  text-decoration: none;
  padding: 3px 8px;
  text-align: center;
}
.dialog div.content {
  margin: 10px 0 0 0;
}
.dialog div.content form {
  margin-bottom: 0;
}
.dialog div.content form .formContainer {
  margin: 10px;
}
.dialog div.content form .formContainer fieldset {
  margin: 0;
  padding: 0;
}
.dialog div.content form .formContainer fieldset legend {
  padding: 0 4px;
  margin: 0 10px;
}
.dialog div.content form .formContainer fieldset > div {
  margin: 10px 0;
}
.dialog div.content form .formContainer fieldset textarea {
  height: 150px;
}
.dialog div.content div.buttons {
  *zoom: 1;
  display: block;
  background-color: #e7e7e7;
  margin: 0;
  padding: 10px;
  text-align: right;
}
.dialog div.content div.buttons:before,
.dialog div.content div.buttons:after {
  content: " ";
  display: table;
}
.dialog div.content div.buttons:after {
  clear: both;
}
.dialog div.content div.buttons a.button {
  float: right;
  clear: none;
  width: auto;
  margin: 0 0 0 10px;
}
.dialog div.content table {
  margin: 10px;
  width: calc(100% - 20px);
}
.dialog div.content table.NSWAT_UI_GRID {
  border-collapse: collapse !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.dialog div.content table.NSWAT_UI_GRID tr {
  padding: 0 !important;
}
.dialog div.content table.NSWAT_UI_GRID td {
  padding: 0 10px 10px 0 !important;
}
.dialog#new-kpi {
  box-sizing: border-box;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  overflow: hidden;
}
.dialog#new-kpi div.title {
  flex: 0 0 auto;
}
.dialog#new-kpi div.content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}
.dialog#new-kpi div.content > form {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}
.dialog#new-kpi div.content > form > .formContainer {
  box-sizing: border-box;
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
ul.esg-report-standards {
  margin: 10px 0 0 0;
  padding: 0;
  list-style-type: none;
}
ul.esg-report-standards li {
  float: left;
  padding: 0;
  text-align: center;
  margin: 0 1% 1% 0;
  *zoom: 1;
}
@media (min-width: 1400px) {
  ul.esg-report-standards li {
    width: calc(calc(96% - 22px) / 4);
  }
  ul.esg-report-standards li:nth-child(4n) {
    margin: 0 0 1% 0;
  }
  ul.esg-report-standards li:nth-child(4n+1) {
    clear: both;
  }
}
@media (max-width: 1400px) {
  ul.esg-report-standards li {
    width: calc(calc(97% - 22px) / 3);
  }
  ul.esg-report-standards li:nth-child(3n) {
    margin: 0 0 1% 0;
  }
  ul.esg-report-standards li:nth-child(3n+1) {
    clear: both;
  }
}
@media (max-width: 900px) {
  ul.esg-report-standards li {
    width: calc(calc(100% - 22px) / 2);
  }
  ul.esg-report-standards li:nth-child(2n) {
    margin: 0 0 1% 0;
  }
}
ul.esg-report-standards li:before,
ul.esg-report-standards li:after {
  content: " ";
  display: table;
}
ul.esg-report-standards li:after {
  clear: both;
}
ul.esg-report-standards li a:link,
ul.esg-report-standards li a:visited {
  *zoom: 1;
  clear: both;
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #174f73;
  border: 1px solid #aeaeae;
  border-radius: 4px;
  font-weight: 400;
  background-color: #fff;
}
ul.esg-report-standards li a:link:before,
ul.esg-report-standards li a:visited:before,
ul.esg-report-standards li a:link:after,
ul.esg-report-standards li a:visited:after {
  content: " ";
  display: table;
}
ul.esg-report-standards li a:link:after,
ul.esg-report-standards li a:visited:after {
  clear: both;
}
ul.esg-report-standards li a:link .image,
ul.esg-report-standards li a:visited .image {
  float: left;
  width: 125px;
}
ul.esg-report-standards li a:link .meta,
ul.esg-report-standards li a:visited .meta {
  float: left;
  width: calc(100% - 150px);
}
ul.esg-report-standards li a:link h3,
ul.esg-report-standards li a:visited h3 {
  clear: both;
  font-weight: 900;
  font-size: 24px;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #5c5c5c;
}
ul.esg-report-standards li a:link img,
ul.esg-report-standards li a:visited img {
  display: block;
  margin: 0;
  width: 100px;
  height: 100px;
}
ul.esg-report-standards li a:link div.number-templates,
ul.esg-report-standards li a:visited div.number-templates {
  border-radius: 5px;
  background-color: #174f73;
  padding: 4px 12px;
  margin: 2px 0 5px 0;
  font-weight: 400;
  display: inline-block;
  color: #fff;
}
ul.esg-report-standards li a:link div.coming-soon,
ul.esg-report-standards li a:visited div.coming-soon {
  color: #990000;
  font-weight: 300;
  font-style: italic;
  text-transform: uppercase;
}
ul.esg-report-standards li a:hover,
ul.esg-report-standards li a:active {
  text-decoration: none;
  color: #31c961;
  border: 1px solid #167E00;
  background-color: #fafafa;
}
.checkbox-selectall {
  border-bottom: 1px solid #cfcfcf;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.checkbox-selectall label {
  font-style: italic;
  color: #aeaeae !important;
}
ul.reorder-controls {
  margin: 0;
  padding: 0 0 0 10px;
  float: left;
  list-style-type: none;
}
ul.reorder-controls li {
  margin: 0;
  padding: 0 6px 0 0;
  display: inline;
}
ul.reorder-controls li a.reorder-export-questions {
  background: transparent url(../img/icons/draggable-blue.svg) 0 50% no-repeat;
  background-size: 12px;
  padding: 0 0 0 14px;
}
ul.reorder-controls li a.reorder-export-questions-save {
  background: transparent url(../img/icons/save.svg) 0 50% no-repeat;
  background-size: 12px;
  padding: 0 0 0 14px;
}
ul.reorder-controls li a.reorder-export-questions-cancel {
  background: transparent url(../img/icons/cancel.svg) 0 50% no-repeat;
  background-size: 12px;
  padding: 0 0 0 14px;
}
.checkboxList div.ui-sortable-handle {
  display: block;
  background: transparent url(../img/icons/draggable.svg) no-repeat 4px 5px;
  background-size: 16px;
  padding: 0 0 0 24px;
}
table tbody tr.ui-sortable-handle > td:first-child {
  background: transparent url(../img/icons/draggable-grey.svg) no-repeat 4px 50%;
  background-size: 16px;
  padding: 0 0 0 24px !important;
}
table tbody tr.ui-sortable-handle td {
  cursor: move;
}
table tbody tr.ui-sortable-handle td.chk label,
table tbody tr.ui-sortable-handle td.chk input[type=checkbox] {
  display: none;
}
img.public-private {
  width: 20px;
  height: 20px;
}
span.Public,
span.Private {
  padding-left: 20px;
}
span.Public {
  background: transparent url(../img/icons/public-grey.svg) no-repeat 0 50%;
  background-size: 16px 16px;
}
span.Private {
  background: transparent url(../img/icons/private-grey.svg) no-repeat 0 50%;
  background-size: 16px 16px;
}
.standard-panel {
  float: right;
  width: 100%;
  max-width: 500px;
  border: 1px solid #e7e7e7;
  background-color: #fafafa;
  padding: 10px;
  margin-left: 10px;
  margin-top: 10px;
}
div.formula-layout {
  border: 1px solid #5c5c5c;
  border-left: 5px solid #174f73;
  border-radius: 10px;
  padding: 8px 10px;
  margin: 0 0 0 0;
  width: 70%;
  max-width: 450px;
  background-color: #fafafa;
  float: left;
}
div.formula-layout label,
div.formula-layout strong {
  font-weight: 500;
  font-size: 14px;
}
div.formula-layout label {
  font-weight: 300;
  font-size: 14px;
  padding: 0 !important;
}
div.formula-layout input[type=text],
div.formula-layout input[type=number] {
  padding: 8px 4px;
  border-radius: 4px;
  border: 1px solid #aeaeae;
  width: 100%;
}
div.formula-layout ul.formula-links,
div.formula-layout ul.formula-question-links {
  list-style-type: none;
  margin: 0 0 6px 0;
  padding: 0;
  *zoom: 1;
}
div.formula-layout ul.formula-links:before,
div.formula-layout ul.formula-question-links:before,
div.formula-layout ul.formula-links:after,
div.formula-layout ul.formula-question-links:after {
  content: " ";
  display: table;
}
div.formula-layout ul.formula-links:after,
div.formula-layout ul.formula-question-links:after {
  clear: both;
}
div.formula-layout ul.formula-links li,
div.formula-layout ul.formula-question-links li {
  margin: 0 !important;
  padding: 0 !important;
  float: left;
  clear: none !important;
  background-color: transparent !important;
}
div.formula-layout ul.formula-links li.field-variables,
div.formula-layout ul.formula-question-links li.field-variables {
  position: relative;
}
div.formula-layout ul.formula-links li.field-variables > span,
div.formula-layout ul.formula-question-links li.field-variables > span {
  float: left;
  position: relative;
  cursor: pointer;
  background: transparent url(../img/icons/arrow-down-open-white.svg) calc(100% - 4px) 50% no-repeat;
  background-size: 12px;
  background-color: #0078B4;
  color: #fff;
  margin: 0 4px 0 0;
  padding: 4px 18px 4px 8px ;
  border-radius: 4px;
  width: 100%;
}
div.formula-layout ul.formula-links li.field-variables:hover ul,
div.formula-layout ul.formula-question-links li.field-variables:hover ul {
  display: block;
}
div.formula-layout ul.formula-links li.field-variables ul,
div.formula-layout ul.formula-question-links li.field-variables ul {
  display: none;
  position: absolute;
  top: 1.7em;
  z-index: 100000;
  margin: 0;
  padding: 0;
  width: 400px;
  max-height: 350px;
  overflow: scroll;
  background-color: #174f73;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
div.formula-layout ul.formula-links li.field-variables ul li,
div.formula-layout ul.formula-question-links li.field-variables ul li {
  padding: 0 !important;
  margin: 0 !important;
  float: none;
  border-bottom: 1px solid #78cdfd;
}
div.formula-layout ul.formula-links li.field-variables ul li a:link,
div.formula-layout ul.formula-question-links li.field-variables ul li a:link,
div.formula-layout ul.formula-links li.field-variables ul li a:visited,
div.formula-layout ul.formula-question-links li.field-variables ul li a:visited {
  display: block;
  background-color: transparent;
  border-radius: 0;
  float: none;
  margin: 0;
  padding: 8px;
}
div.formula-layout ul.formula-links li.field-variables ul li a:hover,
div.formula-layout ul.formula-question-links li.field-variables ul li a:hover,
div.formula-layout ul.formula-links li.field-variables ul li a:active,
div.formula-layout ul.formula-question-links li.field-variables ul li a:active {
  background-color: #0078B4;
}
div.formula-layout ul.formula-links li.field-variables ul li:last-child,
div.formula-layout ul.formula-question-links li.field-variables ul li:last-child {
  border-bottom: none;
}
div.formula-layout ul.formula-links li.field-variables ul li:last-child a:hover,
div.formula-layout ul.formula-question-links li.field-variables ul li:last-child a:hover,
div.formula-layout ul.formula-links li.field-variables ul li:last-child a:active,
div.formula-layout ul.formula-question-links li.field-variables ul li:last-child a:active {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
div.formula-layout ul.formula-links li a:link,
div.formula-layout ul.formula-question-links li a:link,
div.formula-layout ul.formula-links li a:visited,
div.formula-layout ul.formula-question-links li a:visited {
  margin: 0 4px 0 0;
  padding: 4px 8px;
  border-radius: 4px;
  float: left;
  background-color: #0078B4;
  color: #fff;
  text-decoration: none;
}
div.formula-layout ul.formula-links li a:link.clear,
div.formula-layout ul.formula-question-links li a:link.clear,
div.formula-layout ul.formula-links li a:visited.clear,
div.formula-layout ul.formula-question-links li a:visited.clear {
  background-color: transparent;
  color: #0078B4;
  text-decoration: underline;
}
div.formula-layout ul.formula-links li a:hover,
div.formula-layout ul.formula-question-links li a:hover,
div.formula-layout ul.formula-links li a:active,
div.formula-layout ul.formula-question-links li a:active {
  background-color: #174f73;
}
div.formula-layout ul.formula-links li:last-child,
div.formula-layout ul.formula-question-links li:last-child {
  margin: 0;
}
#formulaContainer input.txt {
  background-color: #FFFFAA;
  color: #000;
  cursor: default;
}
img.standard-logo {
  margin-right: 8px;
  float: left;
  max-width: 40px;
}
h1 p.report-period {
  font-size: 14px;
  margin-left: 20px;
  display: inline;
}
td img.locked {
  max-width: 16px;
  margin-right: 4px;
}
span.locked {
  color: #aaa;
}
.NSWAT_UI_GRID_CONTAINER tr td a img.delete {
  width: 20px;
}
.NSWAT_UI_GRID_CONTAINER .NSWAT_UI_GRID td {
  max-width: 100%;
}
.NSWAT_UI_GRID_CONTAINER .NSWAT_UI_GRID_ADD {
  background: transparent url(../img/icons/plus-blue.svg) no-repeat 0 50%;
  background-size: 14px;
  padding: 0 0 0 20px;
}
fieldset#options .question-list > div,
fieldset#group-by .question-list > div,
fieldset#options .options > div,
fieldset#group-by .options > div,
fieldset#options .question-list > div.options > div,
fieldset#group-by .question-list > div.options > div,
fieldset#options .options > div.options > div,
fieldset#group-by .options > div.options > div {
  margin: 10px 0.5% !important;
}
fieldset#options .question-list > div.half,
fieldset#group-by .question-list > div.half,
fieldset#options .options > div.half,
fieldset#group-by .options > div.half,
fieldset#options .question-list > div.options > div.half,
fieldset#group-by .question-list > div.options > div.half,
fieldset#options .options > div.options > div.half,
fieldset#group-by .options > div.options > div.half {
  float: left;
  width: calc(98% / 2);
  margin: 0 0.5% !important;
}
fieldset#options .question-list,
fieldset#group-by .question-list {
  float: left;
  width: 46%;
  margin: 0 4% 0 0 !important;
  padding: 0;
  clear: none;
}
fieldset#options .question-list #questionsContainer > label,
fieldset#group-by .question-list #questionsContainer > label {
  float: left;
  clear: both;
}
fieldset#options .question-list #questionsContainer .checkboxList,
fieldset#group-by .question-list #questionsContainer .checkboxList {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 10px;
  max-height: 500px;
  overflow-y: scroll;
}
fieldset#options .options,
fieldset#group-by .options {
  float: left;
  width: 46%;
  padding: 0;
  margin: 0 !important;
}
fieldset#options #groupByContainer,
fieldset#group-by #groupByContainer,
fieldset#options #groupBy2Container,
fieldset#group-by #groupBy2Container,
fieldset#options #sortByContainer,
fieldset#group-by #sortByContainer {
  float: left;
  width: 50%;
}
fieldset#options #groupByCalculationContainer,
fieldset#group-by #groupByCalculationContainer,
fieldset#options #groupByCalculation2Container,
fieldset#group-by #groupByCalculation2Container,
fieldset#options #sortOrderContainer,
fieldset#group-by #sortOrderContainer {
  float: left;
  width: 30%;
}
tr.insert {
  margin: 5px 0 !important;
}
tr.insert td {
  background-color: #fafafa !important;
  height: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
tr.insert td div {
  display: none;
}
tr.insert:hover td {
  background-color: #fafafa !important;
  height: 2px !important;
  overflow: visible;
  position: relative;
}
tr.insert:hover td div {
  display: block;
  position: relative;
  background-color: #0078B4 !important;
  width: 100%;
  height: 4px;
}
tr.insert:hover td div a:link,
tr.insert:hover td div a:visited {
  position: absolute;
  left: calc(50% - 50px);
  top: -11px;
  margin: 0 auto;
  padding: 0;
  width: 100px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}
tr.insert:hover td div a:link img,
tr.insert:hover td div a:visited img {
  float: left;
  margin: 0 0 0 -3px;
  padding: 4px;
  width: 24px;
  height: 24px;
  display: block;
  border-radius: 15px;
  background-color: #0078B4;
}
tr.insert:hover td div a:link span,
tr.insert:hover td div a:visited span {
  background-color: #0078B4;
  padding: 1px 6px 1px 12px;
  border-radius: 8px;
  display: block;
  margin-top: 2px;
  white-space: nowrap;
}
tr.insert td,
tr.insert td.alt {
  border-bottom: none !important;
}
.msg-container {
  clear: both;
  margin: 0;
  padding: 0;
}
.report-title {
  *zoom: 1;
}
.report-title:before,
.report-title:after {
  content: " ";
  display: table;
}
.report-title:after {
  clear: both;
}
.report-title img {
  max-width: 100px;
  max-height: 100px;
}
.NSWAT_UI_GRID td .checkboxList {
  max-height: 90px;
  overflow-y: scroll;
}
.NSWAT_UI_GRID td .checkboxList .NSWAT_UI_Checkbox {
  margin-bottom: 4px;
}
span.approval-tag {
  color: #fff;
  border-radius: 10px;
  padding: 2px 8px;
  font-size: 14px;
}
form.builder input.title {
  font-size: 24px;
}
form.builder .options-expander {
  padding: 0 0 0 16px;
  margin: 0;
  clear: both;
  display: block;
  transition: none;
}
form.builder .options-expander,
form.builder .options-expander.closed {
  background: url(../img/icons/arrow-right-open-grey.svg) no-repeat 0 50%;
  background-size: 12px 12px;
}
form.builder .options-expander.open {
  background: url(../img/icons/arrow-down-open-grey.svg) no-repeat 0 50%;
  background-size: 12px 12px;
}
form.builder .options {
  clear: both;
}
form.builder a.add-section {
  background: #0078B4 url(../img/icons/section-white.svg) no-repeat 4px 50%;
  background-size: 20px 20px;
  border-radius: 8px;
  width: 130px;
  margin: 10px auto;
  display: block;
  padding: 8px 4px 8px 32px;
  color: #fff;
  text-decoration: none;
}
form.builder a.add-section:hover {
  background-color: #174f73;
}
form.builder div.section.expanded .section-container {
  border: 2px solid #167E00 !important;
  background-color: #fafafa !important;
}
form.builder div.section.subsection {
  margin-left: 50px;
  padding: 10px;
  background-color: #fafafa;
  border-top: 1px solid #31c961;
}
form.builder div.section.subsection .section-title fieldset {
  float: left !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
form.builder div.section input.section-title {
  font-size: 20px;
}
form.builder div.section .section-title a:link.delete,
form.builder div.section .section-title a:visited.delete {
  float: right;
  font-size: 15px;
  color: #cc241D;
  text-decoration: underline;
  padding: 0 0 0 12px;
  background: transparent url(../img/icons/delete.svg) no-repeat 0 50%;
  background-size: 10px 10px;
}
form.builder div.section .section-title fieldset.section-container {
  background-color: transparent;
  border-top: none;
}
form.builder div.section .section-questions {
  clear: both;
}
form.builder div.section fieldset a.delete {
  display: block;
}
form.builder div.section fieldset .move-section {
  clear: both;
}
form.builder div.section fieldset input.apply-section-move {
  background-color: #fff;
  border: 1px solid #0078B4;
  color: #0078B4;
  font-size: 15px;
  margin-top: 4px;
  float: right;
  padding: 5px 10px;
}
form.builder div.section fieldset input.apply-section-move:hover {
  background-color: #0078B4;
  color: #fff;
}
form.builder div.section fieldset textarea.section-description {
  max-height: 125px !important;
  height: 125px !important;
}
form.builder div.section fieldset div.two-third {
  float: left;
  width: 66%;
  padding: 0;
  margin: 0 !important;
}
form.builder div.section fieldset div.two-third textarea {
  max-height: 50px;
  line-height: 1.8;
}
form.builder div.section fieldset div.one-third {
  float: right;
  width: 33%;
  padding: 0;
  margin: 0 !important;
}
form.builder div.section div.section-questions ul.add-question {
  margin: 10px auto;
  padding: 0;
  list-style-type: none;
  width: 170px;
  display: block;
  position: relative;
  border: 2px solid #185475;
  border-radius: 8px;
}
form.builder div.section div.section-questions ul.add-question > li {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #185475;
  position: relative;
  z-index: 100;
}
form.builder div.section div.section-questions ul.add-question li {
  margin: 0;
  list-style-type: none;
  background: #174f73 url(../img/icons/question-white.svg) no-repeat 4px 8px;
  background-size: 20px 20px;
  padding: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
form.builder div.section div.section-questions ul.add-question li a:link,
form.builder div.section div.section-questions ul.add-question li a:visited {
  color: #fff;
  width: 170px;
  display: block;
  padding: 8px 0 8px 28px;
  background: transparent url(../img/icons/arrow-down-solid-white.svg) no-repeat calc(100% - 8px) 50%;
  background-size: 20px 20px;
  text-decoration: none;
}
form.builder div.section div.section-questions ul.add-question li ul {
  position: absolute;
  background-color: #0078B4;
  padding: 0;
  margin: -2px 0 0 0;
  width: 100%;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border: 2px solid #185475;
  z-index: 10;
}
form.builder div.section div.section-questions ul.add-question li ul li {
  background-color: transparent;
  background-image: none;
  border: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
form.builder div.section div.section-questions ul.add-question li ul li a:link,
form.builder div.section div.section-questions ul.add-question li ul li a:visited {
  background: none;
  padding: 6px;
  border: none;
  width: auto;
  border-radius: 0;
}
form.builder div.section div.section-questions ul.add-question li ul li a:hover,
form.builder div.section div.section-questions ul.add-question li ul li a:active {
  background-color: #78cdfd;
}
form.builder div.section div.section-questions ul.add-question li ul li:last-child a:link,
form.builder div.section div.section-questions ul.add-question li ul li:last-child a:visited {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
form.builder div.section div.section-questions ul.question-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
form.builder div.section div.section-questions ul.question-list li.question.required fieldset.question {
  background: transparent url(../img/icons/required-blue.svg) no-repeat calc(100% - 5px) 5px;
  background-size: 15px 15px;
}
form.builder div.section div.section-questions ul.question-list li.question.summary fieldset.question {
  background: transparent url(../img/icons/summary-blue.svg) no-repeat calc(100% - 5px) 5px;
  background-size: 15px 15px;
}
form.builder div.section div.section-questions ul.question-list li.question.summary.required fieldset.question {
  background: transparent url(../img/icons/required-summary-blue.svg) no-repeat calc(100% - 5px) 5px;
  background-size: 30px 15px;
}
form.builder div.section div.section-questions ul.question-list li.question textarea {
  resize: none;
  overflow-y: auto;
  overflow-x: hidden;
}
form.builder div.section div.section-questions ul.question-list li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
form.builder div.section div.section-questions ul.question-list li.expanded fieldset.question {
  border: 2px solid #167E00;
  background-color: #fafafa;
}
form.builder div.section div.section-questions ul.question-list li.ui-state-highlight {
  min-height: 125px;
  margin: 5px;
}
form.builder div.section div.section-questions ul.question-list li fieldset ul.tabs {
  margin: 0;
  padding: 10px 0 0 0;
  border-bottom: 1px solid #167E00;
  *zoom: 1;
}
form.builder div.section div.section-questions ul.question-list li fieldset ul.tabs:before,
form.builder div.section div.section-questions ul.question-list li fieldset ul.tabs:after {
  content: " ";
  display: table;
}
form.builder div.section div.section-questions ul.question-list li fieldset ul.tabs:after {
  clear: both;
}
form.builder div.section div.section-questions ul.question-list li fieldset ul.tabs li {
  margin: 0 6px 0 0;
  padding: 0;
  float: left;
  list-style-type: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #5c5c5c;
}
form.builder div.section div.section-questions ul.question-list li fieldset ul.tabs li.active {
  background-color: #174f73;
}
form.builder div.section div.section-questions ul.question-list li fieldset ul.tabs li a:link,
form.builder div.section div.section-questions ul.question-list li fieldset ul.tabs li a:visited {
  color: #fff;
  display: block;
  padding: 4px 10px;
  text-decoration: none;
}
form.builder div.section div.section-questions ul.question-list li fieldset ul.tabs li.delete {
  background-color: transparent;
  border-radius: 0;
  float: right;
  font-size: 15px;
  text-decoration: underline;
}
form.builder div.section div.section-questions ul.question-list li fieldset ul.tabs li.delete a:link,
form.builder div.section div.section-questions ul.question-list li fieldset ul.tabs li.delete a:visited {
  color: #cc241D;
  padding: 0 0 0 12px;
  background: transparent url(../img/icons/delete.svg) no-repeat 0 50%;
  background-size: 10px 10px;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content {
  padding: 8px;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.group .tab-group ul {
  *zoom: 1;
  padding: 0;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.group .tab-group ul:before,
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.group .tab-group ul:after {
  content: " ";
  display: table;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.group .tab-group ul:after {
  clear: both;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.group .tab-group ul li {
  *zoom: 1;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.group .tab-group ul li:before,
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.group .tab-group ul li:after {
  content: " ";
  display: table;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.group .tab-group ul li:after {
  clear: both;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.group a.addSubQuestion {
  clear: both;
  display: block;
  color: #31c961;
  margin-left: 50px;
  padding-left: 20px;
  background: transparent url(../img/icons/add.svg) no-repeat 0 50%;
  background-size: 16px;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.details {
  *zoom: 1;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.details:before,
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.details:after {
  content: " ";
  display: table;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.details:after {
  clear: both;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.details > div {
  float: left;
  width: 40%;
  margin-right: 5%;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.details > div.tab-select-checkbox-list table {
  overflow-y: scroll;
  max-height: 290px;
  display: block;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.details > div.general-options {
  width: 55% !important;
  margin-right: 0;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.details > div.general-options .NSWAT_UI_Checkbox {
  clear: both;
  margin-bottom: 5px;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.details > div.general-options .Textarea {
  clear: both;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.details > div.general-options .Textarea textarea {
  max-height: 100px;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.formula div.formula-layout {
  border: none;
  border-radius: 0;
  padding: 8px 10px;
  margin: 0 0 0 0;
  background-color: #fafafa;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.analysis .analysis-options-layout {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px 1%;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.analysis .analysis-options-layout > div {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.analysis .analysis-options-layout .priority {
  grid-column: 1 / 3;
  grid-row: 1;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.analysis .analysis-options-layout .value-preference {
  grid-column: 3 / 5;
  grid-row: 1;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.analysis .analysis-options-layout .aggregate-functions {
  grid-column: 1 / 3;
  grid-row: 2;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.analysis .analysis-options-layout .value-preference-min {
  grid-column: 3;
  grid-row: 2;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.analysis .analysis-options-layout .value-preference-max {
  grid-column: 4;
  grid-row: 2;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.template .col {
  float: left;
  width: 48%;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.template .col:last-child {
  float: right;
  width: 48%;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.template #categoryIdContainer .checkboxList {
  max-height: 265px;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.template textarea {
  max-height: 140px;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.template .copyQuestionBank {
  width: 250px;
  display: block;
  padding: 4px 8px;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  text-decoration: none;
  border: 2px solid #0078B4;
  background-color: #78cdfd;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.template .copyQuestionBank:hover {
  color: #fff;
  background-color: #174f73;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.template .copyQuestionBank.enabled {
  color: #fff;
  border: 2px solid #31c961;
  background-color: #167E00;
}
form.builder div.section div.section-questions ul.question-list li fieldset .tab-content.template #templateContainer {
  display: none;
}
form.builder div.section div.section-questions ul.question-list > li {
  *zoom: 1;
}
form.builder div.section div.section-questions ul.question-list > li:before,
form.builder div.section div.section-questions ul.question-list > li:after {
  content: " ";
  display: table;
}
form.builder div.section div.section-questions ul.question-list > li:after {
  clear: both;
}
form.builder div.section div.section-questions ul.question-list > li a.section-dragger,
form.builder div.section div.section-questions ul.question-list > li a.dragger {
  margin-top: 50px;
  float: left;
  width: 30px;
  height: 30px;
  display: block;
  text-indent: -999em;
  background: transparent url(../img/icons/dragger.svg) no-repeat 50% 50%;
  background-size: 30px 30px;
}
form.builder div.section div.section-questions ul.question-list > li fieldset {
  float: right;
  width: calc(100% - 40px);
}
form.builder .title-buttons,
form.builder .section-buttons,
form.builder .question-buttons,
form.builder .buttons {
  clear: both;
  *zoom: 1;
  text-align: right;
}
form.builder .title-buttons:before,
form.builder .section-buttons:before,
form.builder .question-buttons:before,
form.builder .buttons:before,
form.builder .title-buttons:after,
form.builder .section-buttons:after,
form.builder .question-buttons:after,
form.builder .buttons:after {
  content: " ";
  display: table;
}
form.builder .title-buttons:after,
form.builder .section-buttons:after,
form.builder .question-buttons:after,
form.builder .buttons:after {
  clear: both;
}
form.builder .title-buttons ul,
form.builder .section-buttons ul,
form.builder .question-buttons ul,
form.builder .buttons ul {
  margin: 0;
  padding: 14px 0 0 0;
  list-style-type: none;
  float: right;
  *zoom: 1;
}
form.builder .title-buttons ul:before,
form.builder .section-buttons ul:before,
form.builder .question-buttons ul:before,
form.builder .buttons ul:before,
form.builder .title-buttons ul:after,
form.builder .section-buttons ul:after,
form.builder .question-buttons ul:after,
form.builder .buttons ul:after {
  content: " ";
  display: table;
}
form.builder .title-buttons ul:after,
form.builder .section-buttons ul:after,
form.builder .question-buttons ul:after,
form.builder .buttons ul:after {
  clear: both;
}
form.builder .title-buttons ul li,
form.builder .section-buttons ul li,
form.builder .question-buttons ul li,
form.builder .buttons ul li {
  margin: 20px 0;
  padding: 0;
  float: left;
}
form.builder .title-buttons ul li a:link,
form.builder .section-buttons ul li a:link,
form.builder .question-buttons ul li a:link,
form.builder .buttons ul li a:link,
form.builder .title-buttons ul li a:visited,
form.builder .section-buttons ul li a:visited,
form.builder .question-buttons ul li a:visited,
form.builder .buttons ul li a:visited {
  width: 85px;
  display: block;
  padding: 4px 8px 4px 28px;
  text-decoration: none;
  border-radius: 4px;
  border: 2px solid #105900;
  margin: 0 0 0 8px;
}
form.builder .title-buttons ul li a:link.cancel,
form.builder .section-buttons ul li a:link.cancel,
form.builder .question-buttons ul li a:link.cancel,
form.builder .buttons ul li a:link.cancel,
form.builder .title-buttons ul li a:visited.cancel,
form.builder .section-buttons ul li a:visited.cancel,
form.builder .question-buttons ul li a:visited.cancel,
form.builder .buttons ul li a:visited.cancel {
  background: #fff url(../img/icons/cancel-green.svg) no-repeat 4px 50%;
  background-size: 18px 18px;
  color: #167E00;
}
form.builder .title-buttons ul li a:link.cancel:hover,
form.builder .section-buttons ul li a:link.cancel:hover,
form.builder .question-buttons ul li a:link.cancel:hover,
form.builder .buttons ul li a:link.cancel:hover,
form.builder .title-buttons ul li a:visited.cancel:hover,
form.builder .section-buttons ul li a:visited.cancel:hover,
form.builder .question-buttons ul li a:visited.cancel:hover,
form.builder .buttons ul li a:visited.cancel:hover {
  color: #fff;
  background-color: #167E00;
}
form.builder .title-buttons ul li a:link.save,
form.builder .section-buttons ul li a:link.save,
form.builder .question-buttons ul li a:link.save,
form.builder .buttons ul li a:link.save,
form.builder .title-buttons ul li a:visited.save,
form.builder .section-buttons ul li a:visited.save,
form.builder .question-buttons ul li a:visited.save,
form.builder .buttons ul li a:visited.save {
  background: #167E00 url(../img/icons/save-white.svg) no-repeat 4px 50%;
  background-size: 18px 18px;
  color: #fff;
}
form.builder .title-buttons ul li a:link.save:hover,
form.builder .section-buttons ul li a:link.save:hover,
form.builder .question-buttons ul li a:link.save:hover,
form.builder .buttons ul li a:link.save:hover,
form.builder .title-buttons ul li a:visited.save:hover,
form.builder .section-buttons ul li a:visited.save:hover,
form.builder .question-buttons ul li a:visited.save:hover,
form.builder .buttons ul li a:visited.save:hover {
  color: #fff;
  background-color: #105900;
}
form.builder .question-buttons ul {
  width: 190px;
}
form.builder .question-buttons ul li a.cancel,
form.builder .question-buttons ul li a.save {
  font-size: 14px;
  width: 80px;
  padding: 4px 8px 4px 22px;
}
form.builder .question-buttons ul li a.cancel {
  background: #fff url(../img/icons/cancel-green.svg) no-repeat 4px 50%;
  background-size: 10px 10px;
}
form.builder .question-buttons ul li a.save {
  background: #167E00 url(../img/icons/save-white.svg) no-repeat 4px 50%;
  background-size: 10px 10px;
}
form.builder .question-buttons > ul:first-child {
  float: left;
  width: auto;
}
form.builder .question-buttons > ul:first-child li a.duplicate:link,
form.builder .question-buttons > ul:first-child li a.duplicate:visited {
  margin-left: 0;
  width: auto;
  background: #174f73 url(../img/icons/duplicate-white.svg) no-repeat 4px 50%;
  background-size: 18px;
  color: #fff;
}
form.builder .question-buttons > ul:first-child li a.duplicate:hover,
form.builder .question-buttons > ul:first-child li a.duplicate:active {
  background-color: #0078B4;
}
.builder-templates {
  display: none;
}
table#NSWAT_UI_GRID_sections {
  width: 100%;
}
table#NSWAT_UI_GRID_sections thead tr th {
  text-align: left;
}
table#NSWAT_UI_GRID_sections thead tr th.required {
  width: 90px;
  text-align: center;
}
table#NSWAT_UI_GRID_sections input.name {
  border: none !important;
  cursor: default;
  background-color: transparent;
}
table#NSWAT_UI_GRID_sections input.name:active {
  border: none;
}
table#NSWAT_UI_GRID_sections input.weight {
  max-width: 80px;
}
table#NSWAT_UI_GRID_labels input.min,
table#NSWAT_UI_GRID_labels input.max {
  max-width: 80px;
}
table#NSWAT_UI_GRID_labels input.label {
  max-width: 200px;
}
table#NSWAT_UI_GRID_labels select.color {
  max-width: 200px;
}
#filters_NSWAT_UI_GRID_CONTAINER > table tbody tr td {
  width: calc(100% / 3);
}
div.survey-performance-chart,
div.survey-scoring-label,
div.question-performance-chart {
  width: 50%;
  float: left;
}
.combinedscores .combinedscores-table {
  clear: both;
}
.combinedscores div.survey-performance-chart,
.combinedscores div.survey-scoring-label,
.combinedscores div.question-performance-chart {
  width: 20%;
  float: left;
}
div.scoring-label {
  height: 200px;
  width: 200px;
  padding: 20px 20px 20px 20px;
  margin: 90px auto 40px auto;
  position: relative;
}
div.scoring-label div {
  z-index: 10;
  width: 200px;
  height: 200px;
  top: 0;
  left: 0;
  position: absolute;
  transform: rotate(-15deg);
}
div.scoring-label span {
  display: block;
  line-height: 1;
  text-align: center;
  padding: 0;
  margin: 0;
  z-index: 11;
  position: relative;
  text-shadow: 0 0 4px #aaa;
}
div.scoring-label span.label {
  color: #fff;
  font-size: 30px;
  font-weight: 900;
  margin: 10px 0 0 0;
}
div.scoring-label span.score,
div.scoring-label span.percent {
  color: #fff;
  font-weight: 900;
}
div.scoring-label span.score em,
div.scoring-label span.percent em {
  font-size: 14px;
  font-weight: 400;
}
div.scoring-label span.score {
  font-size: 36px;
  padding-top: 0;
}
div.scoring-label span.percent {
  font-size: 36px;
}
div.section-scores-chart {
  max-height: 300px;
  clear: both;
}
div.question-performance-table h3 {
  text-align: center;
}
div.question-performance-table table {
  min-width: 300px;
  width: auto;
  margin: 0 auto;
}
div.question-performance-table table thead tr th {
  font-weight: 900;
}
div.survey-scores-piechart,
div.question-scores-chart {
  width: 360px;
  height: 360px;
  margin: 0 auto;
}
div.survey-approvals,
div.section-performance {
  clear: both;
}
.form-score-charts {
  align-items: flex-start;
  clear: both;
  display: flex;
  gap: 20px;
}
.form-score-charts .question-performance-chart {
  float: none;
  width: 30%;
}
.form-score-charts .section-performance {
  clear: none;
  width: 70%;
}
.form-score-charts .question-performance-chart > h3,
.form-score-charts .section-performance > h3 {
  margin-top: 0;
}
.form-score-charts .question-scores-chart {
  height: 300px;
  max-width: 100%;
  width: 100%;
}
.form-score-charts .section-scores-chart {
  clear: none;
  max-height: none;
}
@media (max-width: 800px) {
  .form-score-charts {
    display: block;
  }
  .form-score-charts .question-performance-chart,
  .form-score-charts .section-performance {
    width: 100%;
  }
  .form-score-charts .section-performance {
    margin-top: 20px;
  }
}
.form-score-summary {
  align-items: flex-start;
  clear: both;
  display: flex;
  gap: 20px;
}
.form-score-summary > .survey-scoring-label {
  flex: 1 1 0;
  float: none;
  min-width: 0;
  width: auto;
}
.form-score-summary > .form-score-charts {
  clear: none;
  display: block;
  flex: 1 1 0;
  min-width: 0;
  width: auto;
}
.form-score-summary > .form-score-charts .question-performance-chart {
  float: none;
  width: 100%;
}
.form-score-summary > .form-score-charts .question-performance-chart > h3 {
  margin-top: 0;
  text-align: center;
}
.form-score-summary > .form-score-charts .question-scores-chart {
  height: 300px;
  max-width: 100%;
  width: 100%;
}
.form-score-summary > .section-performance {
  clear: none;
  flex: 2 1 0;
  min-width: 0;
  width: auto;
}
.form-score-summary > .section-performance > h3 {
  margin-top: 0;
  text-align: center;
}
.form-score-summary > .section-performance .section-scores-chart {
  clear: none;
  max-height: none;
}
.form-score-summary.without-scoring-label > .form-score-charts {
  flex: 1 1 0;
}
.form-score-summary.without-scoring-label > .section-performance {
  flex: 2 1 0;
}
.section-performance-table {
  clear: both;
}
@media (max-width: 800px) {
  .form-score-summary {
    display: block;
  }
  .form-score-summary > .survey-scoring-label,
  .form-score-summary > .form-score-charts,
  .form-score-summary > .section-performance {
    margin-top: 20px;
    width: 100%;
  }
  .form-score-summary > .survey-scoring-label:first-child {
    margin-top: 0;
  }
}
.combinedscores div.survey-approvals,
.combinedscores div.section-performance {
  float: left;
  width: 70%;
  clear: none;
}
span.color-icon {
  display: block;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 5px;
}
div.scoring-label.platinum div,
span.color-icon.platinum {
  background-color: #E5E4E2;
}
div.scoring-label.gold div,
span.color-icon.gold {
  background-color: #FFD700;
}
div.scoring-label.silver div,
span.color-icon.silver {
  background-color: #c0c0c0;
}
div.scoring-label.bronze div,
span.color-icon.bronze {
  background-color: #CD7F32;
}
div.scoring-label.green div,
span.color-icon.green {
  background-color: #16d413;
}
div.scoring-label.blue div,
span.color-icon.blue {
  background-color: #1384d4;
}
div.scoring-label.purple div,
span.color-icon.purple {
  background-color: #ba13d4;
}
div.scoring-label.yellow div,
span.color-icon.yellow {
  background-color: #d4d013;
}
div.scoring-label.orange div,
span.color-icon.orange {
  background-color: #d48a13;
}
div.scoring-label.red div,
span.color-icon.red {
  background-color: #d42013;
}
canvas.section-scores-chart {
  border: 1px solid #aeaeae;
  padding: 10px 10px 0 10px;
}
a.score-toggle:link,
a.score-toggle:visited {
  cursor: pointer;
  text-decoration: none !important;
}
a.score-toggle:hover,
a.score-toggle:active {
  text-decoration: none !important;
}
table#NSWAT_UI_GRID_surveys > tbody > tr > td input.weight {
  max-width: 100px;
}
table#NSWAT_UI_GRID_surveys > tbody > tr.disabled td input {
  background-color: #fafafa;
  border: none !important;
  color: #aaa;
}
table#NSWAT_UI_GRID_surveys > tbody > tr.disabled td input:hover {
  border: none !important;
}
table#NSWAT_UI_GRID_surveys > tbody > tr td input.name {
  background-color: #fafafa;
  border: none !important;
}
table#NSWAT_UI_GRID_surveys > tbody > tr td input.name:hover {
  border: none !important;
}
div.complete-profile {
  border-radius: 10px;
  background: #167E00 url(../img/icons/tech.svg) no-repeat 50% 50%;
  background-size: 100%;
  border: 3px solid #6dc03b;
  padding: 0;
  float: right;
  margin: 0 10px 10px 10px;
  width: 40%;
  max-width: 360px;
  position: relative;
}
@media (max-width: 700px) {
  div.complete-profile {
    width: 100%;
    float: none;
    max-width: 100%;
    margin: 0;
  }
}
div.complete-profile a:link,
div.complete-profile a:visited {
  text-decoration: none;
  padding: 20px 20px 80px 20px;
  display: block;
}
div.complete-profile a:link img,
div.complete-profile a:visited img {
  float: right;
  width: 70px;
  height: 70px;
}
div.complete-profile a:link h2,
div.complete-profile a:visited h2,
div.complete-profile a:link p,
div.complete-profile a:visited p {
  color: #fff;
  padding: 0;
  margin: 0;
  text-decoration: none;
}
div.complete-profile a:link h2,
div.complete-profile a:visited h2 {
  font-size: 20px;
  margin: 0 0 6px 0;
  padding: 0 140px 0 0;
}
div.complete-profile a:link p,
div.complete-profile a:visited p {
  clear: both;
  font-size: 14px;
}
div.complete-profile a:link span.btn,
div.complete-profile a:visited span.btn {
  position: absolute;
  background-color: #31c961;
  background-image: url(../img/icons/arrow-right-open-white.svg);
  background-position: calc(100% - 10px) 50%;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  font-size: 14px;
  bottom: 20px;
  right: 20px;
  display: block;
  text-align: right;
  border-radius: 20px;
  margin-top: 10px;
  padding: 12px 36px 12px 16px;
  color: #fff;
  transition: all 250ms ease-in-out;
}
div.complete-profile a:link span.btn:hover,
div.complete-profile a:visited span.btn:hover {
  transform: scale(1.05);
  background-image: url(../img/icons/arrow-right-open-white.svg);
  background-position: calc(100% - 6px) 50% !important;
  background-size: 16px 16px;
}
div.complete-profile:hover {
  transform: scale(1.01);
  box-shadow: 0 0 16px #aaa;
}
div.welcome {
  margin: 0;
  padding: 0;
  float: left;
  width: 50%;
}
div.welcome h2 {
  font-size: 28px;
  font-weight: 900;
  border-bottom: 2px solid #31c961;
  margin: 0;
  padding: 10px 0 0 0 ;
}
div.welcome p.intro {
  font-size: 30px;
  font-weight: 200;
}
@media (max-width: 700px) {
  div.welcome {
    width: 100%;
    float: none;
  }
}
div.recent-activity {
  clear: both;
  padding-bottom: 20px;
  *zoom: 1;
}
div.recent-activity:before,
div.recent-activity:after {
  content: " ";
  display: table;
}
div.recent-activity:after {
  clear: both;
}
div.recent-activity div.recent-edits,
div.recent-activity div.recent-responses,
div.recent-activity div.recent-unapproved-users,
div.recent-activity div.recent-survey-requests {
  float: left;
  width: calc(100% / 4);
}
div.recent-activity div.recent-edits h3,
div.recent-activity div.recent-responses h3,
div.recent-activity div.recent-unapproved-users h3,
div.recent-activity div.recent-survey-requests h3 {
  font-size: 15px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
div.recent-activity div.recent-edits ul,
div.recent-activity div.recent-responses ul,
div.recent-activity div.recent-unapproved-users ul,
div.recent-activity div.recent-survey-requests ul {
  border-top: 1px solid #167E00;
  margin: 0 10px 0 0 ;
  padding: 0;
  list-style-type: none;
}
div.recent-activity div.recent-edits ul li,
div.recent-activity div.recent-responses ul li,
div.recent-activity div.recent-unapproved-users ul li,
div.recent-activity div.recent-survey-requests ul li {
  margin: 0;
  padding: 8px 4px;
}
div.recent-activity div.recent-edits ul li span,
div.recent-activity div.recent-responses ul li span,
div.recent-activity div.recent-unapproved-users ul li span,
div.recent-activity div.recent-survey-requests ul li span {
  font-size: 14px;
  font-style: italic;
  color: #aaa;
}
div.recent-activity div.recent-edits ul li:nth-child(odd),
div.recent-activity div.recent-responses ul li:nth-child(odd),
div.recent-activity div.recent-unapproved-users ul li:nth-child(odd),
div.recent-activity div.recent-survey-requests ul li:nth-child(odd) {
  background-color: #fafafa;
}
div.recent-activity div.recent-edits ul li:nth-child(even),
div.recent-activity div.recent-responses ul li:nth-child(even),
div.recent-activity div.recent-unapproved-users ul li:nth-child(even),
div.recent-activity div.recent-survey-requests ul li:nth-child(even) {
  background-color: #e7e7e7;
}
div.recent-activity div.recent-edits ul li a:link.approve,
div.recent-activity div.recent-responses ul li a:link.approve,
div.recent-activity div.recent-unapproved-users ul li a:link.approve,
div.recent-activity div.recent-survey-requests ul li a:link.approve,
div.recent-activity div.recent-edits ul li a:visited.approve,
div.recent-activity div.recent-responses ul li a:visited.approve,
div.recent-activity div.recent-unapproved-users ul li a:visited.approve,
div.recent-activity div.recent-survey-requests ul li a:visited.approve {
  margin-left: 20px;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 14px;
  background-color: #167E00;
  color: #fff;
  text-decoration: none;
}
div.recent-activity div.recent-edits ul li a:link.approve img,
div.recent-activity div.recent-responses ul li a:link.approve img,
div.recent-activity div.recent-unapproved-users ul li a:link.approve img,
div.recent-activity div.recent-survey-requests ul li a:link.approve img,
div.recent-activity div.recent-edits ul li a:visited.approve img,
div.recent-activity div.recent-responses ul li a:visited.approve img,
div.recent-activity div.recent-unapproved-users ul li a:visited.approve img,
div.recent-activity div.recent-survey-requests ul li a:visited.approve img {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
div.recent-activity div.recent-edits ul li a:hover.approve,
div.recent-activity div.recent-responses ul li a:hover.approve,
div.recent-activity div.recent-unapproved-users ul li a:hover.approve,
div.recent-activity div.recent-survey-requests ul li a:hover.approve,
div.recent-activity div.recent-edits ul li a:active.approve,
div.recent-activity div.recent-responses ul li a:active.approve,
div.recent-activity div.recent-unapproved-users ul li a:active.approve,
div.recent-activity div.recent-survey-requests ul li a:active.approve {
  background-color: #174f73 !important;
}
div.recent-activity div.recent-edits ul li.report,
div.recent-activity div.recent-responses ul li.report,
div.recent-activity div.recent-unapproved-users ul li.report,
div.recent-activity div.recent-survey-requests ul li.report {
  background-image: url(../img/icons/reporting-green.svg);
  padding-left: 26px;
}
div.recent-activity div.recent-edits ul li.form,
div.recent-activity div.recent-responses ul li.form,
div.recent-activity div.recent-unapproved-users ul li.form,
div.recent-activity div.recent-survey-requests ul li.form {
  background-image: url(../img/icons/forms-green.svg);
  padding-left: 26px;
}
div.recent-activity div.recent-edits ul li.survey,
div.recent-activity div.recent-responses ul li.survey,
div.recent-activity div.recent-unapproved-users ul li.survey,
div.recent-activity div.recent-survey-requests ul li.survey {
  background-image: url(../img/icons/surveys-green.svg);
  padding-left: 26px;
}
div.recent-activity div.recent-edits ul li.response,
div.recent-activity div.recent-responses ul li.response,
div.recent-activity div.recent-unapproved-users ul li.response,
div.recent-activity div.recent-survey-requests ul li.response {
  background-image: url(../img/icons/responses-green.svg);
  padding-left: 26px;
}
div.recent-activity div.recent-edits ul li.request,
div.recent-activity div.recent-responses ul li.request,
div.recent-activity div.recent-unapproved-users ul li.request,
div.recent-activity div.recent-survey-requests ul li.request {
  background-image: url(../img/icons/requests-green.svg);
  padding-left: 26px;
}
div.recent-activity div.recent-edits ul li.user,
div.recent-activity div.recent-responses ul li.user,
div.recent-activity div.recent-unapproved-users ul li.user,
div.recent-activity div.recent-survey-requests ul li.user {
  background-image: url(../img/icons/users-green.svg);
  padding-left: 26px;
}
div.recent-activity div.recent-edits ul li.report,
div.recent-activity div.recent-responses ul li.report,
div.recent-activity div.recent-unapproved-users ul li.report,
div.recent-activity div.recent-survey-requests ul li.report,
div.recent-activity div.recent-edits ul li.form,
div.recent-activity div.recent-responses ul li.form,
div.recent-activity div.recent-unapproved-users ul li.form,
div.recent-activity div.recent-survey-requests ul li.form,
div.recent-activity div.recent-edits ul li.survey,
div.recent-activity div.recent-responses ul li.survey,
div.recent-activity div.recent-unapproved-users ul li.survey,
div.recent-activity div.recent-survey-requests ul li.survey,
div.recent-activity div.recent-edits ul li.response,
div.recent-activity div.recent-responses ul li.response,
div.recent-activity div.recent-unapproved-users ul li.response,
div.recent-activity div.recent-survey-requests ul li.response,
div.recent-activity div.recent-edits ul li.request,
div.recent-activity div.recent-responses ul li.request,
div.recent-activity div.recent-unapproved-users ul li.request,
div.recent-activity div.recent-survey-requests ul li.request,
div.recent-activity div.recent-edits ul li.user,
div.recent-activity div.recent-responses ul li.user,
div.recent-activity div.recent-unapproved-users ul li.user,
div.recent-activity div.recent-survey-requests ul li.user {
  background-position: 5px 50%;
  background-repeat: no-repeat;
  background-size: 16px 16px;
}
div.calls-to-action-wrapper {
  *zoom: 1;
  clear: both;
}
div.calls-to-action-wrapper:before,
div.calls-to-action-wrapper:after {
  content: " ";
  display: table;
}
div.calls-to-action-wrapper:after {
  clear: both;
}
@media (max-width: 1200px) {
  div.calls-to-action {
    float: none;
    max-width: 100%;
  }
}
div.calls-to-action a.hide {
  float: right;
  display: block;
}
div.calls-to-action h3 {
  font-weight: 900;
  font-size: 20px;
  color: #34424c;
}
div.calls-to-action > ul {
  *zoom: 1;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
div.calls-to-action > ul:before,
div.calls-to-action > ul:after {
  content: " ";
  display: table;
}
div.calls-to-action > ul:after {
  clear: both;
}
div.calls-to-action > ul > li {
  padding: 8px 10px;
  width: calc(calc(100% / 3) - 20px);
  list-style-type: none;
  transition: all 250ms ease-in-out;
  background-color: #fff;
  border: 1px solid #c5c5c5;
  box-shadow: 0 0 8px #dedede;
  border-radius: 10px;
  margin: 10px 20px 10px 0;
}
div.calls-to-action > ul > li:nth-child {
  margin: 10px 10px 10px 0;
}
@media (max-width: 800px) {
  div.calls-to-action > ul > li {
    width: calc(calc(100% / 2) - 20px);
  }
  div.calls-to-action > ul > li:nth-child(odd) {
    margin: 10px 20px 10px 0;
  }
  div.calls-to-action > ul > li:nth-child(even) {
    margin: 10px 0 10px 0;
  }
}
@media (max-width: 600px) {
  div.calls-to-action > ul > li {
    width: 100%;
  }
  div.calls-to-action > ul > li:nth-child(odd),
  div.calls-to-action > ul > li:nth-child(even) {
    margin: 10px 0 10px 0;
  }
}
div.calls-to-action > ul > li h3 {
  margin: 0 0 10px 10px;
}
div.calls-to-action > ul > li table {
  width: 100%;
  padding: 10px 5px 5px 5px;
}
div.calls-to-action > ul > li table tr:hover td {
  background-color: #e7e7e7 !important;
}
div.calls-to-action > ul > li table thead tr th {
  padding: 4px 8px;
  background-color: #fff;
  color: #5c5c5c;
  border-bottom: 1px solid #5c5c5c;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  font-size: 18px;
}
div.calls-to-action > ul > li table tbody tr td {
  border-bottom: 1px solid #aeaeae;
  color: #5c5c5c;
  padding: 8px;
}
div.calls-to-action > ul > li table tbody tr td a:link,
div.calls-to-action > ul > li table tbody tr td a:visited {
  color: #0078B4;
  text-decoration: none;
}
div.calls-to-action > ul > li table tbody tr td a:hover,
div.calls-to-action > ul > li table tbody tr td a:active {
  color: #31c961;
  text-decoration: underline;
}
div.calls-to-action > ul > li table tbody tr td img {
  width: 24px;
  height: 24px;
}
div.calls-to-action > ul > li table tbody tr td span {
  font-style: italic;
  font-size: 14px;
}
div.calls-to-action > ul > li table tbody tr td.report,
div.calls-to-action > ul > li table tbody tr td.survey,
div.calls-to-action > ul > li table tbody tr td.form,
div.calls-to-action > ul > li table tbody tr td.request,
div.calls-to-action > ul > li table tbody tr td.user {
  background-position: 8px 50%;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  padding-left: 28px;
}
div.calls-to-action > ul > li table tbody tr td.report {
  background-image: url(../img/icons/reporting-green.svg);
}
div.calls-to-action > ul > li table tbody tr td.survey {
  background-image: url(../img/icons/surveys-green.svg);
}
div.calls-to-action > ul > li table tbody tr td.form {
  background-image: url(../img/icons/forms-green.svg);
}
div.calls-to-action > ul > li table tbody tr td.request {
  background-image: url(../img/icons/requests-green.svg);
}
div.calls-to-action > ul > li table tbody tr td.user {
  background-image: url(../img/icons/users-green.svg);
}
div.calls-to-action > ul > li table tbody tr td {
  background-color: #fafafa;
}
div.calls-to-action > ul > li table tbody tr:nth-child(even) td {
  background-color: #fff;
}
div.calls-to-action > ul > li > a:link,
div.calls-to-action > ul > li > a:visited {
  padding: 20px 20px 20px 20px;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: block;
  color: #fff;
  float: left;
  position: relative;
}
div.calls-to-action > ul > li > a:link.approve,
div.calls-to-action > ul > li > a:visited.approve {
  margin-left: 20px;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 14px;
  background-color: #167E00;
  color: #fff;
  text-decoration: none;
  float: right;
}
div.calls-to-action > ul > li > a:link.approve img,
div.calls-to-action > ul > li > a:visited.approve img {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
div.calls-to-action > ul > li > a:link img,
div.calls-to-action > ul > li > a:visited img {
  float: left;
  width: 30px;
  height: 30px;
}
div.calls-to-action > ul > li > a:link h3,
div.calls-to-action > ul > li > a:visited h3,
div.calls-to-action > ul > li > a:link p,
div.calls-to-action > ul > li > a:visited p {
  margin: 0 0 10px 40px;
  padding: 0;
}
div.calls-to-action > ul > li > a:link p,
div.calls-to-action > ul > li > a:visited p {
  color: #34424c;
}
div.calls-to-action > ul > li > a:link span,
div.calls-to-action > ul > li > a:visited span {
  display: block;
  text-align: right;
  padding: 0 28px 0 0;
  color: #167E00;
  font-weight: 700;
  transition: all 250ms ease-in-out;
  background: transparent url(../img/icons/arrow-right-solid-green.svg) no-repeat 100% 50%;
  background-size: 20px 20px;
}
div.calls-to-action > ul > li > a:link h3,
div.calls-to-action > ul > li > a:visited h3 {
  font-size: 20px;
  line-height: 1;
  padding: 0 0 10px 0;
  font-weight: 900;
}
div.calls-to-action > ul > li > a:hover.approve,
div.calls-to-action > ul > li > a:active.approve {
  background-color: #174f73 !important;
}
div.calls-to-action > ul > li:hover {
  transform: scale(1.01);
}
section.content.home div.calls-to-action > ul > li {
  height: 450px;
}
section.content.home div.calls-to-action > ul > li.activity-panel {
  display: flex;
  flex-direction: column;
}
section.content.home div.calls-to-action > ul > li > div.activity-panel-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
section.content.home div.calls-to-action > ul > li.dashboard-panel h3 {
  height: 24px;
  overflow: hidden;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
section.content.home div.calls-to-action > ul > li.dashboard-panel iframe {
  height: 394px;
}
hr {
  background-color: #167E00;
  height: 1px;
}
div.step-message {
  border: 1px solid #174f73;
  background-color: #174f73;
  padding: 0;
  max-width: 1200px;
}
div.step-message p {
  margin: 0;
  padding: 20px 10px;
  background-color: #fafafa;
  border-top: 5px solid #0078B4;
}
div.step-message ul {
  *zoom: 1;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div.step-message ul:before,
div.step-message ul:after {
  content: " ";
  display: table;
}
div.step-message ul:after {
  clear: both;
}
div.step-message ul li a:link,
div.step-message ul li a:visited {
  width: calc(100% / 5);
  margin: 0;
  padding: 20px 12px;
  float: left;
  color: #fff;
  text-decoration: none;
  background: #174f73 url(../img/icons/arrow-right-open-white.svg) no-repeat calc(100% - 20px) calc(100% - 20px);
  background-size: 20px 20px;
}
div.step-message ul li a:hover,
div.step-message ul li a:active {
  background: #78cdfd url(../img/icons/arrow-right-open-white.svg) no-repeat calc(100% - 12px) calc(100% - 20px);
  background-size: 20px 20px;
}
div.step-message ul li.active a:link,
div.step-message ul li.active a:visited {
  cursor: default;
  background: #0078B4;
}
div.step-message ul li strong {
  font-weight: 900;
  display: block;
  font-size: 16px;
}
div.NSWAT_UI_DataTable-wrapper {
  max-width: calc(100vw - 390px);
  width: calc(100vw - 390px);
  overflow: auto;
  padding-bottom: 130px;
}
@media (max-width: 890px) {
  div.NSWAT_UI_DataTable-wrapper {
    max-width: none;
    width: 100%;
  }
}
aside.collapse + section.body div.NSWAT_UI_DataTable-wrapper {
  max-width: none;
  width: auto;
}
div.preview-wrapper {
  max-width: calc(100vw - 390px);
  width: calc(100vw - 390px);
  overflow: scroll;
}
aside.collapse + section.body div.preview-wrapper {
  max-width: calc(100vw - 180px);
  width: calc(100vw - 180px);
}
.show-filter {
  display: none;
}
div.paging-container {
  padding: 0;
}
span.single-record {
  background-image: url(../img/icons/single-entry.svg);
  background-position: 0 50%;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  padding: 0 0 0 30px;
}
span.multiple-record {
  background-image: url(../img/icons/multiple-entry.svg);
  background-position: 0 50%;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  padding: 0 0 0 30px;
}
div.survey-meta {
  background-color: #fdfdfd;
  padding: 20px;
  border-radius: 10px;
}
div.survey-meta > p {
  padding: 0;
  margin: 0;
}
div.survey-meta h2 {
  margin: 0 0 10px 0;
  border-bottom: 1px solid #167E00;
  background-color: transparent;
}
div.survey-meta.left {
  float: left;
  width: 50%;
  max-width: 50%;
  margin-right: 10px;
}
#sections td.section-order-column {
  width: 40px;
}
#sections .section-id-column,
#sections .revision-id-column {
  white-space: nowrap;
  width: 1% !important;
}
#documents .document-id-column {
  white-space: nowrap;
  width: 1% !important;
}
#sections .section-drag-handle {
  align-items: center;
  cursor: grab;
  display: inline-flex;
  height: 36px;
  justify-content: center;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  width: 36px;
}
#sections .section-drag-handle img {
  height: 16px;
  margin: 0;
  width: 16px;
}
#sections .section-drag-handle:active {
  cursor: grabbing;
}
#sections td.action a.rename {
  --table-action-icon: url(../img/icons/rename-grey.svg);
  background-image: none !important;
}
#sections td.action a.revision {
  --table-action-icon: url(../img/icons/revision-grey.svg);
  background-image: none !important;
}
#documentRevisions td.action > form {
  margin: 0;
  padding: 0;
}
#documentRevisions td.action > form > a.restore {
  --table-action-icon: url(../img/icons/restore-grey.svg);
  background-image: none !important;
}
#documentRevisions td.action > form > a.restore-view {
  --table-action-icon: url(../img/icons/restore-view-grey.svg);
  background-image: none !important;
}
#revisionPreviewRestore {
  background-image: url(../img/icons/restore-white.svg) !important;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 16px !important;
}
.document-revisions-meta {
  margin-bottom: 20px;
}
.document-view-meta {
  margin-bottom: 20px;
}
.document-view-meta ul.nav-toolbar a.export-pdf,
.document-view-meta ul.nav-toolbar a.export-docx {
  background-image: none !important;
  position: relative;
}
.document-view-meta ul.nav-toolbar a.export-pdf:before,
.document-view-meta ul.nav-toolbar a.export-docx:before {
  background-color: #fff;
  content: "";
  display: block;
  height: 16px;
  left: 8px;
  mask-image: var(--document-export-icon);
  mask-mode: alpha;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  -webkit-mask-image: var(--document-export-icon);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
.document-view-meta ul.nav-toolbar a.export-pdf {
  --document-export-icon: url(../img/icons/pdf-export.svg);
}
.document-view-meta ul.nav-toolbar a.export-docx {
  --document-export-icon: url(../img/icons/docx-export.svg);
}
.document-revision-preview-meta {
  margin-bottom: 20px;
  max-width: 1200px;
  width: 100%;
}
.document-revision-preview-meta .document-revision-preview-data li {
  width: 25%;
}
.form-template-preview .template-preview-section {
  margin: 0 0 20px;
}
.form-template-preview .template-preview-questions {
  width: 100%;
}
.form-template-preview .template-preview-question-group {
  margin: 16px 0 0;
}
.form-template-preview .template-preview-question-group h3 {
  font-size: 16px;
  margin: 0 0 8px;
  padding: 0;
}
.form-template-preview .template-preview-question {
  background: #e1e5e9;
  border: 1px solid #aeaeae;
  border-radius: 4px;
  box-sizing: border-box;
  margin: 0 0 8px;
  padding: 10px;
  width: 100%;
}
.form-template-preview .template-preview-question:first-child {
  padding: 10px;
}
.form-template-preview .template-preview-question .template-preview-question-label {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 10px;
  padding: 0;
}
.form-template-preview .template-preview-question .template-preview-question-description {
  font-size: 14px;
  margin: 0 0 8px;
}
.form-template-preview .template-preview-question .template-preview-question-details {
  font-size: 14px;
  margin: 0;
  padding: 0;
}
.form-template-preview .template-preview-question .template-preview-question-details li {
  float: left;
  font-size: 14px;
  padding: 0 0 5px;
  width: 50%;
}
.form-template-preview .template-preview-question .template-preview-question-details li strong {
  display: block;
  font-size: 14px;
  margin: 0 0 2px;
}
.form-template-preview .template-preview-question .template-preview-question-details li.template-preview-question-type img {
  height: 16px;
  margin: 0 4px 0 0;
  vertical-align: text-bottom;
  width: 16px;
}
#document-revision-frame {
  border: 1px solid #aeaeae;
  border-radius: 10px;
  box-sizing: border-box;
  display: block;
  margin-top: 20px;
  max-width: 1200px;
  overflow: hidden;
  width: 100%;
}
ul.nav-toolbar.big li:has(> #cancelSectionOrder) {
  border-right: none !important;
}
ul.nav-toolbar.big.entry-meta-actions {
  clear: left;
  float: left;
  margin: 10px 0;
}
ul.nav-toolbar.big.approval-workflow-actions {
  float: none;
}
#addBlankSection {
  background-color: #0078B4 !important;
}
#addBlankSection:hover,
#addBlankSection:active {
  background-color: #174f73 !important;
}
#rename-document-section {
  background-image: url(../img/icons/rename-white.svg) !important;
  background-repeat: no-repeat;
  background-size: 16px !important;
}
#documentUsers td.action > a.button {
  box-sizing: border-box;
  height: 30px;
  width: 30px;
}
#documentUsers td.action > a.edit,
#documentUsers td.action > a.delete {
  background-image: none !important;
}
#document-editor-frame {
  display: block;
  margin-top: 20px;
  max-width: none;
  width: 100%;
}
.document-editor-layout {
  align-items: flex-start;
  display: flex;
  gap: 20px;
}
.document-editor-layout .document-editor-main {
  flex: 0 1 80%;
  min-width: 0;
}
.document-editor-layout .document-editor-main .document-editor-response {
  float: none;
  width: 100% !important;
}
.document-editor-layout .document-editor-main #document-editor-frame {
  margin-top: 0;
}
.document-editor-layout .document-editor-sidebar {
  flex: 1 1 20%;
  min-width: 0;
}
.document-editor-layout .document-editor-sidebar .survey-meta {
  float: none;
  margin: 0;
  max-width: none;
  width: auto;
}
.document-editor-layout .document-editor-sidebar .survey-meta .document-editor-properties-heading {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 900;
  justify-content: space-between;
  margin: 0 0 8px;
  text-transform: none;
}
.document-editor-layout .document-editor-sidebar .survey-meta ul.survey-meta-data li {
  float: none;
  width: 100%;
}
.document-editor-layout .document-editor-sidebar .document-editor-toc {
  border-top: 1px solid #167E00;
  clear: both;
  margin-top: 10px;
  padding-top: 10px;
}
.document-editor-layout .document-editor-sidebar .document-editor-toc h3 {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 900;
  justify-content: space-between;
  margin: 0 0 8px;
  text-transform: none;
}
.document-editor-layout .document-editor-sidebar .document-editor-toc h3 .document-toc-actions {
  display: flex;
  font-size: 15px;
  font-weight: 400;
  gap: 8px;
}
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc {
  list-style: none;
  margin: 0;
  padding: 0;
}
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li {
  margin: 0;
  padding: 7px 0;
}
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li a:link,
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li a:visited {
  color: #0078B4;
  text-decoration: underline;
}
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li a:hover,
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li a:active {
  color: #31c961;
  font-weight: 700;
}
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-section {
  padding: 0;
}
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-section a:hover,
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-section a:active {
  font-weight: 400;
}
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.active a:link,
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.active a:visited,
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.active a:hover,
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.active a:active {
  color: #31c961;
  font-weight: 700;
  text-decoration: none;
}
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section {
  min-height: 25px;
  padding: 0;
}
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:link,
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:visited,
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:hover,
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:active {
  color: #aaa;
  display: block;
  font-size: 15px;
  font-style: italic;
  font-weight: 400;
  line-height: 1;
  opacity: 0;
  padding: 0;
  text-align: center;
  transition: opacity 0.15s;
}
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section:hover a {
  opacity: 1;
}
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc.is-reordering .document-toc-add-section {
  display: none;
}
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc.is-reordering .document-toc-section {
  background: transparent url(../img/icons/draggable.svg) no-repeat 0 50%;
  background-size: 16px;
  cursor: move;
  padding-left: 22px;
}
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc.is-reordering .ui-sortable-placeholder {
  border: 1px dashed #167E00;
  height: 30px;
  visibility: visible !important;
}
.document-editor-section-heading {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: space-between;
  margin: 0 0 8px;
}
.document-editor-section-heading .document-editor-section-name {
  flex: 1 1 0;
  margin: 0;
  min-width: 0;
}
.document-editor-section-heading .document-section-name-form {
  align-items: center;
  display: flex;
  flex: 1 1 0;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0;
  min-width: 0;
  order: 0;
}
.document-editor-section-heading .document-section-name-form:before,
.document-editor-section-heading .document-section-name-form:after {
  content: none;
  display: none;
}
.document-editor-section-heading .document-section-name-form .document-section-name-prefix {
  flex: 0 0 100%;
  font-size: 24px;
  font-weight: 700;
  white-space: nowrap;
}
.document-editor-section-heading .document-section-name-form .document-section-name-input {
  box-sizing: border-box;
  flex: 1 1 100%;
  font: inherit;
  font-size: 24px;
  font-weight: 700;
  min-width: 0;
  padding: 4px 8px;
  width: 100%;
}
.document-editor-section-heading #document-section-name-actions {
  align-self: flex-end;
}
.document-editor-section-heading ul.nav-toolbar.big {
  clear: none;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  float: none;
  margin: 0 0 0 auto;
  order: 1;
  white-space: nowrap;
}
.document-editor-section-heading ul.nav-toolbar.big li {
  flex: 0 0 auto;
}
.document-editor-section-navigation {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.document-editor-section-navigation ul.nav-toolbar.big {
  clear: none;
  float: none;
  margin: 0;
}
.document-editor-layout.is-editor-fullscreen .document-editor-main {
  flex: 1 1 100%;
}
.document-editor-layout.is-editor-fullscreen .document-editor-sidebar {
  display: none;
}
.document-editor-layout.is-editor-fullscreen #document-editor-frame {
  max-width: none;
}
.document-editor-layout.is-editor-fullscreen .document-editor-section-heading {
  gap: 8px;
}
.document-editor-layout.is-editor-fullscreen .document-editor-section-heading .document-editor-section-name {
  flex: 1 1 0;
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.document-editor-layout.is-editor-fullscreen .document-editor-section-heading .document-editor-eva {
  box-shadow: none;
  clear: none;
  flex: 0 0 186px;
  float: none;
  margin: 0;
  order: 2;
  padding: 0;
  width: 186px;
}
.document-editor-layout.is-editor-fullscreen .document-editor-section-heading .document-editor-eva .form-summary {
  background: #174f73;
  box-sizing: border-box;
  padding: 6px;
  width: 186px;
}
.document-editor-layout.is-editor-fullscreen .document-editor-section-heading .document-editor-eva .form-summary h2 {
  display: none;
}
.document-editor-layout.is-editor-fullscreen .document-editor-section-heading .document-editor-eva .form-summary .document-editor-eva-actions {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  margin: 0;
}
.document-editor-layout.is-editor-fullscreen .document-editor-section-heading .document-editor-eva .form-summary .document-editor-eva-actions:before {
  background: url(../img/EvA.png) no-repeat center;
  background-size: 24px 24px;
  content: "";
  flex: 0 0 24px;
  height: 24px;
  width: 24px;
}
.document-editor-layout.is-editor-fullscreen .document-editor-section-heading .document-editor-eva .form-summary .document-editor-eva-actions .document-editor-eva-action {
  align-items: center;
  background: #fff;
  border: 0;
  border-radius: 5px;
  box-sizing: border-box;
  color: #174f73;
  cursor: pointer;
  display: flex;
  flex: 0 0 30px;
  font: inherit;
  font-size: 0;
  font-weight: 700;
  gap: 0;
  height: 30px;
  justify-content: center;
  min-width: 0;
  padding: 8px;
  text-align: left;
  text-decoration: none;
  width: 30px;
}
.document-editor-layout.is-editor-fullscreen .document-editor-section-heading .document-editor-eva .form-summary .document-editor-eva-actions .document-editor-eva-action:hover,
.document-editor-layout.is-editor-fullscreen .document-editor-section-heading .document-editor-eva .form-summary .document-editor-eva-actions .document-editor-eva-action:focus {
  background: #e0fbe9;
  outline: 0;
}
.document-editor-layout.is-editor-fullscreen .document-editor-section-heading .document-editor-eva .form-summary .document-editor-eva-actions .document-editor-eva-action img {
  flex: 0 0 14px;
  height: 14px;
  margin: 0;
  object-fit: contain;
  width: 14px;
}
@media screen and (max-width: 900px) {
  .document-editor-layout {
    display: block;
  }
  .document-editor-layout .document-editor-sidebar {
    margin-top: 20px;
  }
}
.document-editor-page {
  max-width: 1100px;
  margin: 0 auto;
}
.document-editor-page .document-editor-heading {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px;
}
.document-editor-page .document-editor-heading .document-editor-eyebrow {
  color: #167E00;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin: 0 0 5px;
  text-transform: uppercase;
}
.document-editor-page .document-editor-heading h1 {
  margin: 0;
  padding: 0;
  border: 0;
}
.document-editor-page .document-editor-heading h2 {
  color: #5c5c5c;
  font-size: 18px;
  font-weight: 400;
  margin: 6px 0 0;
  padding: 0;
}
.document-editor-page .document-editor-toolbar {
  background: #fafafa;
  border: 1px solid #aeaeae;
  border-radius: 10px 10px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px;
}
.document-editor-page .document-editor-toolbar .document-editor-tool-group {
  align-items: center;
  border-right: 1px solid #aeaeae;
  display: flex;
  gap: 3px;
  padding-right: 8px;
}
.document-editor-page .document-editor-toolbar .document-editor-tool-group:last-child {
  border: 0;
  padding-right: 0;
}
.document-editor-page .document-editor-toolbar .editor-tool,
.document-editor-page .document-editor-toolbar .editor-heading-select {
  background: transparent;
  border: 0;
  border-radius: 5px;
  color: #174f73;
  cursor: pointer;
  font-size: 15px;
  height: 34px;
  min-width: 34px;
  padding: 5px 8px;
}
.document-editor-page .document-editor-toolbar .editor-tool:hover,
.document-editor-page .document-editor-toolbar .editor-heading-select:hover,
.document-editor-page .document-editor-toolbar .editor-tool:focus,
.document-editor-page .document-editor-toolbar .editor-heading-select:focus {
  background: #e0fbe9;
  outline: 0;
}
.document-editor-page .document-editor-toolbar .editor-tool.is-active,
.document-editor-page .document-editor-toolbar .editor-heading-select.is-active {
  background: #31c961;
  color: #fff;
}
.document-editor-page .document-editor-toolbar .editor-lock-tool {
  align-items: center;
  display: inline-flex;
  gap: 4px;
}
.document-editor-page .document-editor-toolbar .editor-lock-tool .editor-tool-label {
  font-size: 12px;
}
.document-editor-page .document-editor-toolbar .editor-tool-bold {
  font-weight: 700;
}
.document-editor-page .document-editor-toolbar .editor-tool-italic {
  font-style: italic;
}
.document-editor-page .document-editor-toolbar .editor-tool-underline {
  text-decoration: underline;
}
.document-editor-page .document-editor-toolbar .editor-tool-strike {
  text-decoration: line-through;
}
.document-editor-page .document-editor-toolbar .editor-heading-select {
  border: 1px solid #aeaeae;
  min-width: 125px;
}
.document-editor-page .document-editor-toolbar .editor-colour-icon {
  border-bottom: 3px solid #0078B4;
  padding-bottom: 1px;
}
.document-editor-page .document-editor-toolbar .editor-highlight-icon {
  background: #fff0a6;
  padding: 0 2px;
}
.document-editor-page .document-editor-canvas {
  background: #e9edf0;
  border-left: 1px solid #aeaeae;
  border-right: 1px solid #aeaeae;
  padding: 30px;
}
.document-editor-page .document-editor-canvas .document-editor {
  background: #fff;
  border: 0;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
  margin: 0 auto;
  max-width: 794px;
  min-height: 900px;
  padding: 72px 80px;
}
.document-editor-page .document-editor-canvas .document-editor .tiptap {
  color: #222;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 17px;
  line-height: 1.65;
  min-height: 756px;
}
.document-editor-page .document-editor-canvas .document-editor .tiptap p {
  margin: 0 0 1em;
}
.document-editor-page .document-editor-canvas .document-editor .tiptap h1,
.document-editor-page .document-editor-canvas .document-editor .tiptap h2,
.document-editor-page .document-editor-canvas .document-editor .tiptap h3,
.document-editor-page .document-editor-canvas .document-editor .tiptap h4,
.document-editor-page .document-editor-canvas .document-editor .tiptap h5,
.document-editor-page .document-editor-canvas .document-editor .tiptap h6 {
  color: #174f73;
  line-height: 1.2;
  margin: 1.4em 0 0.55em;
}
.document-editor-page .document-editor-canvas .document-editor .tiptap h1 {
  font-size: 2em;
}
.document-editor-page .document-editor-canvas .document-editor .tiptap h2 {
  font-size: 1.65em;
}
.document-editor-page .document-editor-canvas .document-editor .tiptap h3 {
  font-size: 1.35em;
}
.document-editor-page .document-editor-canvas .document-editor .tiptap h4 {
  font-size: 1.15em;
}
.document-editor-page .document-editor-canvas .document-editor .tiptap h5,
.document-editor-page .document-editor-canvas .document-editor .tiptap h6 {
  font-size: 1em;
}
.document-editor-page .document-editor-canvas .document-editor .tiptap ul,
.document-editor-page .document-editor-canvas .document-editor .tiptap ol {
  margin: 0 0 1em;
  padding-left: 1.6em;
}
.document-editor-page .document-editor-canvas .document-editor .tiptap blockquote {
  border-left: 4px solid #31c961;
  color: #5c5c5c;
  font-style: italic;
  margin: 1.4em 0;
  padding: 2px 0 2px 18px;
}
.document-editor-page .document-editor-canvas .document-editor .tiptap a {
  color: #0078B4;
  text-decoration: underline;
}
.document-editor-page .document-editor-canvas .document-editor .tiptap table {
  border-collapse: collapse;
  margin: 1.4em 0;
  table-layout: fixed;
  width: 100%;
}
.document-editor-page .document-editor-canvas .document-editor .tiptap table th {
  background: #174f73;
  color: #fff;
  font-weight: 700;
}
.document-editor-page .document-editor-canvas .document-editor .tiptap table td,
.document-editor-page .document-editor-canvas .document-editor .tiptap table th {
  border: 1px solid #5c5c5c;
  min-width: 90px;
  padding: 9px 11px;
  position: relative;
}
.document-editor-page .document-editor-canvas .document-editor .tiptap table .selectedCell:after {
  background: rgba(49, 201, 97, 0.25);
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.document-editor-page .document-editor-canvas .document-editor .tiptap img {
  border-radius: 3px;
  display: block;
  margin: 1.4em auto;
  max-width: 100%;
}
.document-editor-page .document-editor-canvas .document-editor-actions {
  align-items: center;
  background: #fafafa;
  border: 1px solid #aeaeae;
  border-radius: 0 0 10px 10px;
  color: #5c5c5c;
  display: flex;
  font-size: 13px;
  justify-content: space-between;
  padding: 12px 16px;
}
.document-editor-dialog-backdrop {
  background: rgba(0, 0, 0, 0.45);
  inset: 0;
  position: fixed;
  z-index: 10010;
}
.document-editor-dialog-backdrop[hidden] {
  display: none;
}
.document-editor-dialog {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
  left: 50%;
  max-width: 460px;
  padding: 24px;
  position: fixed;
  top: 18%;
  transform: translateX(-50%);
  width: calc(100% - 40px);
  z-index: 10011;
}
.document-editor-dialog[hidden] {
  display: none;
}
.document-editor-dialog .document-editor-dialog-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.document-editor-dialog .document-editor-dialog-title h2 {
  margin: 0;
  padding: 0;
}
.document-editor-dialog .document-editor-dialog-title .editor-dialog-close {
  background: transparent;
  border: 0;
  color: #5c5c5c;
  cursor: pointer;
  font-size: 28px;
  line-height: 1;
}
.document-editor-dialog label {
  display: block;
  font-weight: 700;
  margin: 15px 0 6px;
}
.document-editor-dialog input {
  border: 1px solid #5c5c5c;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 15px;
  padding: 9px;
  width: 100%;
}
.document-editor-dialog p {
  color: #5c5c5c;
  font-size: 13px;
  margin: 8px 0 0;
}
.document-editor-dialog .document-editor-dialog-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 22px;
}
.document-editor-dialog .document-editor-dialog-actions .button {
  margin: 0;
}
@media screen and (max-width: 700px) {
  .document-editor-page .document-editor-heading {
    display: block;
  }
  .document-editor-page .document-editor-heading .button {
    display: inline-block;
    margin-top: 15px;
  }
  .document-editor-page .document-editor-canvas {
    padding: 12px;
  }
  .document-editor-page .document-editor-canvas .document-editor {
    min-height: 600px;
    padding: 35px 25px;
  }
  .document-editor-page .document-editor-canvas .document-editor .tiptap {
    min-height: 530px;
  }
  .document-editor-page .document-editor-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
  .document-editor-page .document-editor-toolbar .document-editor-tool-group {
    border-right: 0;
  }
  .document-editor-dialog .document-editor-dialog-actions {
    flex-wrap: wrap;
  }
}
div.survey-request-response-chart {
  float: right;
  width: 40%;
  max-width: 40%;
}
div.survey-request-response-chart p {
  text-align: center;
}
ul.survey-meta-data {
  margin: 0 0 10px 0;
  padding: 10px 0 0 0;
  list-style-type: none;
  clear: both;
  *zoom: 1;
}
ul.survey-meta-data:before,
ul.survey-meta-data:after {
  content: " ";
  display: table;
}
ul.survey-meta-data:after {
  clear: both;
}
ul.survey-meta-data li {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0 0 10px 0;
}
ul.survey-meta-data li strong {
  display: block;
  margin: 0 0 2px 0;
}
ul.survey-meta-data li ul {
  margin: 0;
  padding: 0;
}
ul.survey-meta-data li ul li {
  background: transparent url(../img/icons/check.svg) no-repeat 0 50%;
  background-size: 10px 10px;
  float: none;
  width: 100%;
  display: block;
  margin: 0;
  padding: 0 0 0 14px;
}
div.survey-public-url {
  clear: both;
  text-align: center;
  font-weight: 700;
  background-color: #fafafa;
  border-top: 1px solid #174f73;
  padding: 10px 0 0 0;
  text-align: left;
  color: #5c5c5c;
  margin-bottom: 6px;
  *zoom: 1;
}
div.survey-public-url em {
  font-weight: 400;
  font-size: 15px;
  color: #aaa;
}
div.survey-public-url:before,
div.survey-public-url:after {
  content: " ";
  display: table;
}
div.survey-public-url:after {
  clear: both;
}
div.survey-public-url span {
  width: calc(100% - 36px);
  display: inline-block;
  vertical-align: middle;
  padding: 4px 8px;
  font-weight: 400;
  color: #aaa;
  margin: 0;
  border: 1px solid #aeaeae;
  background-color: #fff;
  overflow: auto;
  -ms-overflow-style: none;
  /* IE and old Edge */
  scrollbar-width: none;
  /* Firefox */
}
div.survey-public-url span::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, and Opera */
}
div.survey-public-url a:link,
div.survey-public-url a:visited {
  text-align: center;
}
div.survey-public-url a:link.click-copy,
div.survey-public-url a:visited.click-copy {
  display: inline-block;
  vertical-align: middle;
  color: #5c5c5c;
  padding: 4px 0;
  width: 28px;
  font-weight: 400;
  text-decoration: none;
  font-size: 14px;
  position: relative;
}
div.survey-public-url a:link.click-copy img,
div.survey-public-url a:visited.click-copy img {
  width: 20px;
  height: 20px;
}
div.survey-public-url a:link.click-copy.copied,
div.survey-public-url a:visited.click-copy.copied {
  color: #167E00;
}
div.survey-public-url a:link.click-copy.copied:after,
div.survey-public-url a:visited.click-copy.copied:after {
  content: 'Copied!';
  position: absolute;
  z-index: 2;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 7px;
  border-radius: 3px;
  background-color: #5c5c5c;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
}
div.survey-public-url a:link.copied,
div.survey-public-url a:visited.copied {
  font-weight: 700;
  color: #167E00;
}
div.survey-public-url a:hover,
div.survey-public-url a:active {
  background-color: #f0f0f0;
}
h2.title {
  font-size: 28px;
  margin: 0;
}
form#savedExportForm fieldset#field-group-options div.export-columns {
  display: flex;
  width: 100%;
  clear: both;
  flex-direction: row;
}
form#savedExportForm fieldset#field-group-options div.export-columns > div {
  width: calc(100% / 3);
  border-right: 1px solid #e7e7e7;
  margin-right: 1%;
  padding-right: 1%;
}
form#savedExportForm fieldset#field-group-options div.export-columns > div:last-child {
  border-right: none;
}
form#savedExportForm fieldset#field-group-options #fieldIdsContainer,
form#savedExportForm fieldset#field-group-options #calculatedFields,
form#savedExportForm fieldset#field-group-options #groupFieldIdsContainer {
  position: relative;
}
form#savedExportForm fieldset#field-group-options #fieldIdsContainer ul.reorder-controls,
form#savedExportForm fieldset#field-group-options #calculatedFields ul.reorder-controls,
form#savedExportForm fieldset#field-group-options #groupFieldIdsContainer ul.reorder-controls {
  position: absolute;
  right: 0;
  top: 0;
}
form#savedExportForm fieldset#field-group-options #fieldIdsContainer div.checkboxList,
form#savedExportForm fieldset#field-group-options #calculatedFields div.checkboxList,
form#savedExportForm fieldset#field-group-options #groupFieldIdsContainer div.checkboxList {
  clear: both;
}
form#savedExportForm fieldset#field-group-options #fieldIdsContainer.solo {
  width: 100% !important;
  float: none !important;
}
form#savedExportForm fieldset#field-group-options #calculatedFieldIdsContainer {
  margin-top: 10px;
  border-top: 1px solid #e7e7e7;
  padding-top: 10px;
  position: relative;
}
table.ExportPreview {
  padding: 1px;
  border: 1px solid #1e252a;
}
table.ExportPreview thead tr th {
  border: 1px solid #185475;
  text-align: center !important;
}
table.ExportPreview tbody th {
  background-color: #5c5c5c !important;
  color: #fff !important;
  border: 1px solid #53575a !important;
}
table.ExportPreview td span.change {
  font-weight: 600;
  font-size: 14px;
}
table.ExportPreview td span.change.up {
  color: #167E00;
}
table.ExportPreview td span.change.down {
  color: #cc241D;
}
div.calls-to-action .pill-toolbar {
  margin: 0 0 0 10px;
  padding: 20px 0 0 0;
  *zoom: 1;
}
div.calls-to-action .pill-toolbar:before,
div.calls-to-action .pill-toolbar:after {
  content: " ";
  display: table;
}
div.calls-to-action .pill-toolbar:after {
  clear: both;
}
div.calls-to-action .pill-toolbar li {
  list-style-type: none;
  float: left;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}
div.calls-to-action .pill-toolbar li a:link,
div.calls-to-action .pill-toolbar li a:visited {
  color: #fff;
  padding: 4px 14px !important;
  margin: 0 !important;
  font-size: 15px;
  text-decoration: none;
  background-color: #5c5c5c;
}
div.calls-to-action .pill-toolbar li a:link.active,
div.calls-to-action .pill-toolbar li a:visited.active {
  background-color: #167E00;
}
div.calls-to-action .pill-toolbar li a:hover,
div.calls-to-action .pill-toolbar li a:active {
  background-color: #0078B4;
}
div.calls-to-action .pill-toolbar li a:hover.active,
div.calls-to-action .pill-toolbar li a:active.active {
  background-color: #0078B4;
}
div.calls-to-action .pill-toolbar li:first-child a:link,
div.calls-to-action .pill-toolbar li:first-child a:visited {
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
div.calls-to-action .pill-toolbar li:last-child a:link,
div.calls-to-action .pill-toolbar li:last-child a:visited {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
div.calls-to-action li.dashboard-panel iframe {
  width: 100%;
  height: 400px;
  border: none;
}
div.calls-to-action li.full {
  width: 100% !important;
  min-height: 400px;
}
div.calls-to-action div.updates,
div.calls-to-action div.responses,
div.calls-to-action div.requets,
div.calls-to-action div.users {
  display: none;
}
div.progressbar {
  border: 1px solid #5c5c5c;
  padding: 1px;
  background-color: #e7e7e7;
  height: 20px;
  width: 100%;
  max-width: 200px;
}
div.progressbar span.progress {
  display: block;
  height: 16px;
  background-color: #0078B4;
}
div.combined-survey-threshold-chart,
div.combined-survey-label-chart {
  float: left;
  width: 46%;
}
div.combined-survey-threshold-chart h3,
div.combined-survey-label-chart h3 {
  text-align: center;
}
div.preview-wrapper {
  clear: both;
  width: 100%;
  overflow: scroll;
  max-height: 800px;
}
body.account section.content.subscriptions div.plans.profiles,
body.account section.content.subscriptions div.plans.evaluater {
  margin: 0 auto !important;
}
body.account section.content.subscriptions div.profile-plans {
  margin: 0 auto !important;
}
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  margin: 0 auto !important;
}
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans:before,
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans:after {
  display: none;
  content: none;
}
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans > aside.help {
  grid-column: 1 / -1;
}
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans > .plan {
  float: none;
  width: auto;
  margin: 0 !important;
  border: 0;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 16px 45px rgba(23, 79, 115, 0.09);
  overflow: hidden;
  transition: transform 200ms ease, box-shadow 200ms ease;
}
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans > .plan:hover {
  box-shadow: 0 24px 60px rgba(23, 79, 115, 0.16);
  transform: translateY(-7px);
}
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans > .plan .most-popular {
  position: relative;
  isolation: isolate;
  max-width: none;
  width: auto;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  padding: 10px;
  background: linear-gradient(90deg, #0078B4, #73C68E 17%, #73C68E 90%, #0078B4 100%);
  color: #fff;
}
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans > .plan .most-popular:before {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 12%;
  width: 76%;
  background: linear-gradient(90deg, transparent 0%, #883fe4 28%, #fe81e4 58%, #fda900 88%, transparent 100%);
  animation: eva-heading-gradient 1.2s ease-in-out infinite alternate;
  content: "";
}
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans > .plan h2 {
  padding: 20px 12px;
  font-size: 22px;
  letter-spacing: 0.5px;
}
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans > .plan.starter h2 {
  background: linear-gradient(to bottom, #58ADDD 0%, #58ADDD 60%, #2e98d4 100%);
}
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans > .plan.essentials h2 {
  background: linear-gradient(to bottom, #4085B0 0%, #4085B0 60%, #32698b 100%);
}
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans > .plan.premium {
  margin-top: -40px !important;
}
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans > .plan.premium h2 {
  background: linear-gradient(to bottom, #285D83 0%, #285D83 60%, #1c415c 100%);
}
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans > .plan.enterprise h2 {
  background: linear-gradient(to bottom, #103556 0%, #103556 60%, #081a2b 100%);
}
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans > .plan .plan-wrapper {
  min-height: 790px;
  padding: 28px 24px 45px;
  background: #fff;
  clip-path: none;
  box-sizing: border-box;
}
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans > .plan .plan-wrapper div.price {
  color: #174f73;
  font-size: 56px;
  letter-spacing: -2px;
}
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans > .plan .annual-discount {
  color: #fff;
  font-weight: 700;
}
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans > .plan .billing-cycle {
  margin: 18px auto;
}
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans > .plan .description p {
  color: #5c5c5c;
  line-height: 1.55;
}
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans > .plan p.button a:link,
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans > .plan p.button a:visited {
  display: block;
  width: 100%;
  padding: 14px 10px;
  border-radius: 8px;
  box-sizing: border-box;
  font-weight: 800;
}
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans > .plan ul {
  padding-left: 22px;
}
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans > .plan ul li {
  padding-bottom: 9px;
  color: #5c5c5c;
  line-height: 1.4;
}
body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans > .plan p.full-features a {
  color: #174f73;
  font-weight: 700;
}
body.account section.content.subscriptions div.plans.sidebar div.evaluater-plans > .plan {
  border: 0;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 16px 45px rgba(23, 79, 115, 0.09);
  overflow: hidden;
  transition: transform 200ms ease, box-shadow 200ms ease;
}
body.account section.content.subscriptions div.plans.sidebar div.evaluater-plans > .plan:hover {
  box-shadow: 0 24px 60px rgba(23, 79, 115, 0.16);
  transform: translateY(-7px);
}
body.account section.content.subscriptions div.plans.sidebar div.evaluater-plans > .plan .most-popular {
  position: relative;
  isolation: isolate;
  display: block;
  max-width: none;
  width: auto;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  padding: 10px;
  background: linear-gradient(90deg, #0078B4, #73C68E 17%, #73C68E 90%, #0078B4 100%);
  color: #fff;
}
body.account section.content.subscriptions div.plans.sidebar div.evaluater-plans > .plan .most-popular:before {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 12%;
  width: 76%;
  background: linear-gradient(90deg, transparent 0%, #883fe4 28%, #fe81e4 58%, #fda900 88%, transparent 100%);
  animation: eva-heading-gradient 1.2s ease-in-out infinite alternate;
  content: "";
}
body.account section.content.subscriptions div.plans.sidebar div.evaluater-plans > .plan h2 {
  padding: 20px 12px;
  font-size: 22px;
  letter-spacing: 0.5px;
}
body.account section.content.subscriptions div.plans.sidebar div.evaluater-plans > .plan.starter h2 {
  background: linear-gradient(to bottom, #58ADDD 0%, #58ADDD 60%, #2e98d4 100%);
}
body.account section.content.subscriptions div.plans.sidebar div.evaluater-plans > .plan.essentials h2 {
  background: linear-gradient(to bottom, #4085B0 0%, #4085B0 60%, #32698b 100%);
}
body.account section.content.subscriptions div.plans.sidebar div.evaluater-plans > .plan.premium h2 {
  background: linear-gradient(to bottom, #285D83 0%, #285D83 60%, #1c415c 100%);
}
body.account section.content.subscriptions div.plans.sidebar div.evaluater-plans > .plan.enterprise h2 {
  background: linear-gradient(to bottom, #103556 0%, #103556 60%, #081a2b 100%);
}
body.account section.content.subscriptions div.plans.sidebar div.evaluater-plans > .plan .plan-wrapper {
  background: #fff;
  clip-path: none;
}
body.account section.content.subscriptions div.plans.sidebar div.evaluater-plans > .plan .plan-wrapper div.price {
  color: #174f73;
  font-size: 56px;
  letter-spacing: -2px;
}
body.account section.content.subscriptions .tabs,
body.account section.content.subscriptions ul.tabs {
  background-color: transparent;
}
@media (max-width: 1150px) {
  body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans > .plan .plan-wrapper {
    min-height: 0;
  }
}
@media (max-width: 700px) {
  body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  body.account section.content.subscriptions div.plans.evaluater div.evaluater-plans > .plan {
    margin: 0 !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.account section.content.subscriptions div.evaluater-plans > .plan {
    transition: none;
  }
  body.account section.content.subscriptions div.evaluater-plans > .plan .most-popular:before {
    animation: none;
  }
}
ul.customlistreorder {
  margin: 0;
  padding: 0;
}
ul.customlistreorder li {
  margin: 0 10px 0 0;
  padding: 0;
  list-style-type: none;
  display: inline;
}
#importForm > .formContainer > fieldset > label {
  font-weight: 400;
  background-color: #fff;
  color: #167E00;
  border: 1px solid #167E00;
  padding: 10px 20px;
  margin: 5px;
  display: block;
  border-radius: 10px;
}
#importForm > .formContainer > fieldset > label img {
  margin: 0 20px 0 0;
  height: 20px;
  width: 20px;
  padding: 0;
}
#importForm > .buttons input:disabled {
  background-color: #aeaeae;
  color: #fafafa;
  border: none;
}
p.view-structure-warning {
  border: 1px solid #AAAA00;
  background: #fafafa url(../img/icons/warning-yellow.svg) no-repeat 6px 50%;
  padding: 5px 10px 5px 30px;
  background-size: 20px 20px;
  font-style: italic;
  color: #AAAA00 !important;
  background-color: #fff;
  border-radius: 10px;
  font-weight: 400;
}
p.view-structure-warning span {
  font-weight: 900;
}
section.content.support section.body.support {
  margin: 0;
  padding: 0;
}
section.content.support section.body.support h1 {
  margin: 0 !important;
  clear: both;
  width: 100%;
}
section.content.support section.body.support .support-main {
  padding: 50px;
}
section.content.support section.body.support .support-main div.toc section {
  background-color: #fafafa;
  margin: 0 0 20px 0;
  padding: 10px;
  border: 1px solid #e7e7e7;
}
section.content.support section.body.support .support-main div.toc section > ul li {
  margin: 0;
  padding: 0;
}
section.content.support section.body.support .support-main div.toc section section {
  margin: 0 0 0 8px;
  background-color: transparent;
  border: none;
}
section.content.support section.body.support .support-main div.toc section section h2 {
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 600;
}
section.content.support section.body.support .support-main div.toc section section h3 {
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 400;
}
section.content.support section.body.support .support-container {
  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
  width: 100%;
  min-height: calc(100vh);
}
section.content.support section.body.support .support-container aside {
  width: 25%;
  padding: 10px 20px;
  max-width: 300px;
  overflow: hidden;
  min-height: 800px;
  background-color: #fafafa;
  border-right: 1px solid #aeaeae;
}
section.content.support section.body.support .support-container aside h2 {
  font-size: 14px;
  font-weight: 900;
  margin: 0 !important;
  padding: 0 !important;
}
section.content.support section.body.support .support-container aside h3 {
  font-size: 14px;
  font-weight: 900;
  margin: 0 !important;
  padding: 0 !important;
}
section.content.support section.body.support .support-container aside ul {
  margin: 0;
  padding: 0 20px;
}
section.content.support section.body.support .support-container aside ul li {
  font-size: 14px;
  padding: 0 0 20px 0;
}
section.content.support section.body.support .support-container aside ul li a:link,
section.content.support section.body.support .support-container aside ul li a:visited {
  line-height: 1em;
  font-size: 14px;
}
section.content.support section.body.support .support-container section.support {
  padding: 20px;
  width: calc(100% - 400px);
  max-width: 1000px;
}
@media (max-width: 1200px) {
  section.content.support section.body.support .support-container section.support {
    width: 75%;
  }
}
section.content.support section.body.support .support-container section.support h2 {
  font-size: 28px;
  font-weight: 600;
}
section.content.support section.body.support .support-container section.support h3 {
  font-size: 24px;
}
table.Table.DataTable.NSWAT_UI_DataTable tbody td.no-data {
  text-align: center;
  font-style: italic;
  font-size: 15px;
  color: #aeaeae;
}
table.Table.DataTable.NSWAT_UI_DataTable tfoot th.totals-line {
  text-align: right;
}
table.Table.DataTable.NSWAT_UI_DataTable tfoot th,
table.Table.DataTable.NSWAT_UI_DataTable tfoot td {
  padding: 10px 8px;
}
.NSWAT_UI_Checkbox.system label::after {
  content: "system variable";
  font-style: italic;
  color: #aaa;
  font-size: 12px;
  display: inline-block;
  padding: 0 0 0 5px;
  margin: 0;
}
@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 400% 50%;
  }
}
div.ai-summary {
  clear: both;
  margin: 0 0 20px 0;
  border-radius: 20px;
  background: linear-gradient(270deg, #167E00, #0078B4, #6dc03b, #78cdfd, #167E00);
  box-shadow: 0 0 25px rgba(0, 200, 255, 0.6);
  background-size: 400% 400%;
  animation: gradientMove 20s linear infinite;
  padding: 10px;
}
div.ai-summary ul.summary li a.more {
  font-size: inherit;
}
div.ai-summary.right {
  clear: none;
  float: right;
  margin: 0 0 0 0;
  width: calc(50% - 20px);
}
div.ai-summary.right ul.summary li a.more {
  display: inline-block;
  padding-right: 16px;
  background: transparent url(../img/icons/arrow-right-solid-green.svg) no-repeat calc(100% - 7px) 50%;
  background-size: 10px 10px;
  transition: background-position 150ms ease;
}
div.ai-summary.right ul.summary li a.more:link,
div.ai-summary.right ul.summary li a.more:visited,
div.ai-summary.right ul.summary li a.more:hover,
div.ai-summary.right ul.summary li a.more:active {
  color: #31c961 !important;
}
div.ai-summary.right ul.summary li a.more:hover,
div.ai-summary.right ul.summary li a.more:focus {
  background-position: calc(100% - 2px) 50%;
}
ul.panels > li.panel.ai .panel-header {
  border-bottom: 1px solid !important;
  border-image: linear-gradient(270deg, #167E00, #0078B4, #6dc03b, #78cdfd, #167E00) 1 !important;
}
ul.panels > li.panel.ai .panel-header h3 {
  background: transparent url(../img/EvA.png) no-repeat 0 50%;
  background-size: 20px 20px;
  padding: 0 0 0 24px !important;
}
ul.panels > li.panel.ai div.yesnoHelpful {
  border-top: 1px solid !important;
  border-image: linear-gradient(270deg, #167E00, #0078B4, #6dc03b, #78cdfd, #167E00) 1 !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #1e252a;
  font-style: italic;
  padding: 6px;
  color: #fafafa;
  position: absolute;
  font-size: 14px;
  bottom: 0;
  left: 0;
  right: 0;
  *zoom: 1;
}
ul.panels > li.panel.ai div.yesnoHelpful:before,
ul.panels > li.panel.ai div.yesnoHelpful:after {
  content: " ";
  display: table;
}
ul.panels > li.panel.ai div.yesnoHelpful:after {
  clear: both;
}
ul.panels > li.panel.ai div.yesnoHelpful span.disclaimer {
  width: calc(65% - 5px);
  float: left;
  border-right: 1px solid #53575a;
  padding-right: 5px;
}
ul.panels > li.panel.ai div.yesnoHelpful span.disclaimer::before {
  content: "*";
  color: #990000;
}
ul.panels > li.panel.ai div.yesnoHelpful span.rating {
  width: 35%;
  float: right;
  text-align: right;
}
ul.panels > li.panel.ai div.yesnoHelpful ul {
  font-style: normal;
  list-style-type: none;
  padding: 0 0 0 10px;
  margin: 0;
  display: inline;
}
ul.panels > li.panel.ai div.yesnoHelpful ul li {
  display: inline;
}
ul.panels > li.panel.ai div.yesnoHelpful ul li span {
  color: #aeaeae;
  font-style: italic;
  font-size: 14px;
}
ul.panels > li.panel.ai div.yesnoHelpful ul li a:link,
ul.panels > li.panel.ai div.yesnoHelpful ul li a:visited {
  text-decoration: none;
  transition: 150ms all ease-in-out;
}
ul.panels > li.panel.ai div.yesnoHelpful ul li a:link.yes,
ul.panels > li.panel.ai div.yesnoHelpful ul li a:visited.yes {
  background: transparent url(../img/icons/thumbs-up.svg) no-repeat 0 50%;
  background-size: 12px 12px;
  padding-left: 16px;
  color: #31c961;
}
ul.panels > li.panel.ai div.yesnoHelpful ul li a:link.no,
ul.panels > li.panel.ai div.yesnoHelpful ul li a:visited.no {
  background: transparent url(../img/icons/thumbs-down.svg) no-repeat 0 calc(50% + 2px);
  background-size: 12px 12px;
  padding-left: 16px;
  margin-left: 10px;
  color: #cc241D;
}
ul.panels > li.panel.ai div.yesnoHelpful ul li a:hover.yes,
ul.panels > li.panel.ai div.yesnoHelpful ul li a:active.yes {
  color: #167E00;
  background-size: 14px 14px;
}
ul.panels > li.panel.ai div.yesnoHelpful ul li a:hover.no,
ul.panels > li.panel.ai div.yesnoHelpful ul li a:active.no {
  color: #990000;
  background-size: 14px 14px;
}
div.ai-summary li.loading span.loading {
  padding: 0!important;
}
div.ai-summary span.loading {
  background: transparent url(../img/loading-blue.gif) no-repeat 100% 100% !important;
  background-size: 20px 20px !important;
  padding: 10px 24px 0 50px;
  color: #fff;
}
div.form-dashboard {
  position: relative;
}
div.form-dashboard > div.chart-suggestions {
  box-sizing: border-box;
  margin: 0 0 12px;
  max-width: 100%;
  position: relative;
  top: auto;
  width: 100%;
  z-index: auto;
}
div.form-dashboard span.loading {
  background: transparent url(../img/loading.gif) no-repeat 100% 0 !important;
  background-size: 20px 20px !important;
  padding: 0 24px 0 0;
}
div.form-dashboard span.loading img {
  display: none;
}
div.form-summary {
  background: #174f73 url(../img/EvA.png) no-repeat 10px 10px;
  background-size: 40px 40px;
  border-radius: 10px;
  width: 100%;
  border-top: 1px solid #167E00;
  padding: 10px;
  margin: 0;
  clear: both;
  position: relative;
  *zoom: 1;
}
div.form-summary:before,
div.form-summary:after {
  content: " ";
  display: table;
}
div.form-summary:after {
  clear: both;
}
div.form-summary span.loading {
  font-weight: bold;
  color: #fff;
}
div.form-summary span.loading img {
  display: none;
  width: 50px;
  height: 50px;
}
div.form-summary h2 {
  color: #fff;
  padding: 0 10px 0 30px;
  margin: 10px 10px 0 20px;
}
div.form-summary p {
  color: #fff;
  padding: 10px 10px 10px 10px;
}
div.form-summary ul.summary {
  clear: both;
  padding: 10px 10px 30px 10px;
  margin: 25px 10px 30px 0;
}
div.form-summary ul.summary li {
  margin: 0 0 10px 0;
  padding: 0 0 0 22px;
  background: transparent url(../img/icons/neutral.svg) no-repeat 0 50%;
  background-size: 16px 16px;
  list-style-type: none;
  color: #fff;
}
div.form-summary ul.summary li.loading {
  margin: -10px 0 0 -10px;
  padding: 0;
  list-style-type: none;
}
div.form-summary ul.summary li.positive {
  background: transparent url(../img/icons/positive.svg) no-repeat 0 3px;
  background-size: 16px 16px;
}
div.form-summary ul.summary li.negative {
  background: transparent url(../img/icons/negative.svg) no-repeat 0 3px;
  background-size: 16px 16px;
}
div.form-summary ul.summary li.outlier {
  font-style: italic;
}
div.form-summary ul.summary li.outlier.positive {
  background: transparent url(../img/icons/positive-outlier.svg) no-repeat 0 3px;
  background-size: 16px 16px;
}
div.form-summary ul.summary li.outlier.negative {
  background: transparent url(../img/icons/negative-outlier.svg) no-repeat 0 3px;
  background-size: 16px 16px;
}
div.form-summary div.yesnoHelpful {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #1e252a;
  font-style: italic;
  padding: 6px;
  color: #fafafa;
  position: absolute;
  font-size: 14px;
  bottom: 0;
  left: 0;
  right: 0;
  *zoom: 1;
}
div.form-summary div.yesnoHelpful:before,
div.form-summary div.yesnoHelpful:after {
  content: " ";
  display: table;
}
div.form-summary div.yesnoHelpful:after {
  clear: both;
}
div.form-summary div.yesnoHelpful span.disclaimer {
  width: 48%;
  float: left;
}
div.form-summary div.yesnoHelpful span.disclaimer::before {
  content: "*";
  color: #990000;
}
div.form-summary div.yesnoHelpful span.rating {
  width: 48%;
  float: right;
  text-align: right;
}
div.form-summary div.yesnoHelpful ul {
  font-style: normal;
  list-style-type: none;
  padding: 0 0 0 10px;
  margin: 0;
  display: inline;
}
div.form-summary div.yesnoHelpful ul li {
  display: inline;
}
div.form-summary div.yesnoHelpful ul li span {
  color: #aeaeae;
  font-style: italic;
  font-size: 14px;
}
div.form-summary div.yesnoHelpful ul li a:link,
div.form-summary div.yesnoHelpful ul li a:visited {
  text-decoration: none;
  transition: 150ms all ease-in-out;
}
div.form-summary div.yesnoHelpful ul li a:link.yes,
div.form-summary div.yesnoHelpful ul li a:visited.yes {
  background: transparent url(../img/icons/thumbs-up.svg) no-repeat 0 50%;
  background-size: 12px 12px;
  padding-left: 16px;
  color: #31c961;
}
div.form-summary div.yesnoHelpful ul li a:link.no,
div.form-summary div.yesnoHelpful ul li a:visited.no {
  background: transparent url(../img/icons/thumbs-down.svg) no-repeat 0 calc(50% + 2px);
  background-size: 12px 12px;
  padding-left: 16px;
  margin-left: 10px;
  color: #cc241D;
}
div.form-summary div.yesnoHelpful ul li a:hover.yes,
div.form-summary div.yesnoHelpful ul li a:active.yes {
  color: #167E00;
  background-size: 14px 14px;
}
div.form-summary div.yesnoHelpful ul li a:hover.no,
div.form-summary div.yesnoHelpful ul li a:active.no {
  color: #990000;
  background-size: 14px 14px;
}
div.show-all-filters {
  position: relative;
}
div.show-all-filters a:link,
div.show-all-filters a:visited {
  position: absolute;
  bottom: 0;
  font-size: 15px;
}
div.chart-suggestions {
  clear: both;
  position: absolute;
  top: 0;
  z-index: 10;
  *zoom: 1;
}
div.chart-suggestions:before,
div.chart-suggestions:after {
  content: " ";
  display: table;
}
div.chart-suggestions:after {
  clear: both;
}
div.chart-suggestions > div {
  margin-top: 20px;
}
div.chart-suggestions ul.suggestion-list {
  margin: 10px 0 0 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  gap: 20px;
  flex-direction: row;
  flex-wrap: wrap;
}
div.chart-suggestions ul.suggestion-list li {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 10px 10px 10px 40px;
  margin: 0;
  flex: 0 0 calc((100% - 60px) / 4);
}
div.chart-suggestions ul.suggestion-list li:hover {
  border: 1px solid #aeaeae;
}
div.chart-suggestions ul.suggestion-list li.pie {
  background: #fff url(../img/icons/pie-chart.svg) no-repeat 5px 5px;
  background-size: 24px 24px;
}
div.chart-suggestions ul.suggestion-list li.comparison {
  background: #fff url(../img/icons/bar-chart.svg) no-repeat 5px 5px;
  background-size: 24px 24px;
}
div.chart-suggestions ul.suggestion-list li.timeline {
  background: #fff url(../img/icons/timeline.svg) no-repeat 5px 5px;
  background-size: 24px 24px;
}
div.chart-suggestions ul.suggestion-list li h3 {
  font-size: 16px;
  font-weight: 800;
  margin: 0;
  padding: 0;
}
div.chart-suggestions ul.suggestion-list li p {
  font-size: 16px;
  margin: 0;
  padding: 0;
}
div.chart-suggestions ul.suggestion-list li a:link,
div.chart-suggestions ul.suggestion-list li a:visited {
  float: right;
}
.form-dashboards,
.form-records,
.form-requests {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}
.form-dashboards.show,
.form-records.show,
.form-requests.show {
  display: block;
}
.form-dashboards.hide,
.form-records.hide,
.form-requests.hide {
  display: none;
}
.form-records-table-wrapper,
.form-requests-table-wrapper {
  box-sizing: border-box;
  contain: inline-size;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  width: 100%;
}
.form-records-table-wrapper .NSWAT_UI_DataTable-wrapper,
.form-requests-table-wrapper .NSWAT_UI_DataTable-wrapper {
  box-sizing: border-box;
  max-width: none;
  min-width: 100%;
  width: max-content;
}
div.NSWAT-Filter-Form form.entries-filter-form {
  grid-template-columns: minmax(0, 3fr) minmax(220px, 1fr);
}
div.NSWAT-Filter-Form form.entries-filter-form > fieldset:not(.view-filter-actions) {
  align-self: start;
  grid-column: 1;
  grid-row: 1;
}
div.NSWAT-Filter-Form form.entries-filter-form > div.buttons {
  grid-column: 1;
  grid-row: 2;
  justify-self: start;
  margin-top: 10px !important;
}
div.NSWAT-Filter-Form form.entries-filter-form > fieldset.view-filter-actions {
  align-self: start;
  display: block;
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
}
div.NSWAT-Filter-Form form.entries-filter-form > fieldset.view-filter-actions > div {
  max-width: none !important;
  width: 100% !important;
}
div.NSWAT-Filter-Form form.entries-filter-form > fieldset.view-filter-actions > div.display-table-view {
  display: flex;
  align-items: end;
  gap: 5px;
}
div.NSWAT-Filter-Form form.entries-filter-form > fieldset.view-filter-actions > div.display-table-view > div {
  flex: 1 1 auto;
  min-width: 0;
}
div.NSWAT-Filter-Form form.entries-filter-form > fieldset.view-filter-actions > div.filtered-entries-export {
  align-items: center;
  display: flex;
  gap: 5px;
  justify-content: flex-end;
  margin-top: 10px;
  white-space: nowrap;
}
div.NSWAT-Filter-Form form.entries-filter-form > fieldset.view-filter-actions > div.filtered-entries-export input[type="submit"] {
  background-position: 8px 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  margin: 0;
  padding-left: 30px;
}
div.NSWAT-Filter-Form form.entries-filter-form > fieldset.view-filter-actions > div.filtered-entries-export input.filtered-entries-export-xlsx {
  background-image: url(../img/icons/xlsx-export.svg);
}
div.NSWAT-Filter-Form form.entries-filter-form > fieldset.view-filter-actions > div.filtered-entries-export input.filtered-entries-export-csv {
  background-image: url(../img/icons/csv-export.svg);
}
div.NSWAT-Filter-Form form.entries-filter-form > fieldset:not(.view-filter-actions) > div.show-all-filters,
div.NSWAT-Filter-Form form.entries-filter-form > fieldset:not(.view-filter-actions) > div.filter-form-actions {
  flex: 0 0 auto;
  max-width: none !important;
  width: auto !important;
}
div.NSWAT-Filter-Form form.entries-filter-form > fieldset:not(.view-filter-actions) > div.show-all-filters {
  align-items: center;
  display: flex;
  min-height: 30px;
}
div.NSWAT-Filter-Form form.entries-filter-form > fieldset:not(.view-filter-actions) > div.show-all-filters a:link,
div.NSWAT-Filter-Form form.entries-filter-form > fieldset:not(.view-filter-actions) > div.show-all-filters a:visited {
  position: static;
  margin-left: 10px !important;
  margin-top: 22px !important;
}
div.NSWAT-Filter-Form form.entries-filter-form > fieldset:not(.view-filter-actions) > div.filter-form-actions {
  display: flex;
  align-items: center;
  min-height: 30px;
}
div.NSWAT-Filter-Form form.entries-filter-form > fieldset:not(.view-filter-actions) > div.filter-form-actions > div.create-view-from-filter {
  display: flex;
  align-items: center;
  margin-left: 10px !important;
  margin-top: 22px !important;
}
div.NSWAT-Filter-Form form.entries-filter-form > fieldset:not(.view-filter-actions) > div.filter-form-actions > div.create-view-from-filter label {
  display: inline;
  margin-right: 5px;
}
div.NSWAT-Filter-Form form.entries-filter-form > fieldset:not(.view-filter-actions) > div.filter-form-actions > div.create-view-from-filter > div.create-view-from-filter-fields {
  display: flex;
  align-items: center;
  margin: 0 0 0 10px;
}
div.NSWAT-Filter-Form form.entries-filter-form > fieldset:not(.view-filter-actions) > div.filter-form-actions > div.create-view-from-filter input[type="text"] {
  width: 180px;
}
div.NSWAT-Filter-Form form.entries-filter-form > fieldset:not(.view-filter-actions) > div.filter-form-actions > div.create-view-from-filter input[type="submit"] {
  margin: 0 0 0 5px;
}
div.NSWAT-Filter-Form form.entries-filter-form > fieldset:not(.view-filter-actions) > div.filter-form-actions div.buttons {
  clear: none;
  display: block !important;
  flex: none;
  margin: 0 0 0 10px !important;
  max-width: none !important;
  padding: 0;
  visibility: visible !important;
  width: auto !important;
}
div.NSWAT-Filter-Form form.entries-filter-form div.display-table-view label,
div.NSWAT-Filter-Form form.entries-filter-form div.create-view-from-filter label {
  display: block;
}
div.NSWAT-Filter-Form form.entries-filter-form div.display-table-view select,
div.NSWAT-Filter-Form form.entries-filter-form div.create-view-from-filter input[type="text"] {
  box-sizing: border-box;
  width: 100%;
}
div.NSWAT-Filter-Form form.entries-filter-form div.display-table-view input[type="submit"] {
  height: 50px;
  margin-top: 0;
  white-space: nowrap;
}
div.NSWAT-Filter-Form form.entries-filter-form div.create-view-from-filter-fields {
  margin-top: 5px;
}
div.NSWAT-Filter-Form form.entries-filter-form div.create-view-from-filter-fields input[type="submit"] {
  margin-top: 5px;
}
@media (max-width: 800px) {
  div.NSWAT-Filter-Form form.entries-filter-form {
    display: block;
  }
  div.NSWAT-Filter-Form form.entries-filter-form > fieldset,
  div.NSWAT-Filter-Form form.entries-filter-form > div.buttons {
    margin-top: 10px;
  }
}
div.NSWAT-Filter-Form form.entries-filter-form:has(> fieldset.compact-filter-fields) {
  grid-template-areas: "filters views";
  grid-template-columns: minmax(0, 3fr) minmax(220px, 1fr);
}
div.NSWAT-Filter-Form form.entries-filter-form:has(> fieldset.compact-filter-fields) > fieldset.view-filter-actions {
  grid-area: views;
}
@media (max-width: 800px) {
  div.NSWAT-Filter-Form form.entries-filter-form:has(> fieldset.compact-filter-fields) {
    display: grid;
  }
  div.NSWAT-Filter-Form form.entries-filter-form:has(> fieldset.compact-filter-fields) > fieldset,
  div.NSWAT-Filter-Form form.entries-filter-form:has(> fieldset.compact-filter-fields) > div.buttons {
    margin-top: 0;
  }
}
p.records-filter-summary.is-empty {
  color: #990000;
}
div.records-filter-summary-block.is-empty {
  color: #990000;
}
div.records-filter-summary-block.is-empty p,
div.records-filter-summary-block.is-empty ul,
div.records-filter-summary-block.is-empty li,
div.records-filter-summary-block.is-empty strong {
  color: #990000;
}
p.records-filter-insight {
  position: relative;
  min-height: 40px;
  padding: 10px 10px 10px 65px;
  border: 10px solid transparent;
  border-radius: 20px;
  background: linear-gradient(#174f73, #174f73) padding-box, linear-gradient(270deg, #167E00, #0078B4, #6dc03b, #78cdfd, #167E00) border-box;
  background-size: 100% 100%, 400% 400%;
  box-shadow: 0 0 25px rgba(0, 200, 255, 0.6);
  animation: gradientMove 20s linear infinite;
  color: #ddd !important;
  font-size: 15px;
  font-weight: 400;
  font-style: italic;
}
p.records-filter-insight:before {
  position: absolute;
  top: 14px;
  left: 14px;
  width: 40px;
  height: 40px;
  background: transparent url(../img/EvA.png) no-repeat 50% 50%;
  background-size: 40px 40px;
  content: "";
}
p.records-filter-insight strong {
  clear: both;
  color: #fff !important;
  font-style: normal;
  display: block;
  font-size: 16px;
  font-weight: 600;
}
.document-editor-layout .document-editor-sidebar .survey-meta .document-editor-revision-history {
  align-items: center;
  display: inline-flex;
  gap: 4px;
}
.document-editor-layout .document-editor-sidebar .survey-meta .document-editor-revision-history img {
  height: 14px;
  margin: 0;
  width: 14px;
}
section.content.forms table#templates td.action a.button.add-to-account,
section.content.forms table#templates td.action a.button.add-to-existing-form {
  background-color: #fff !important;
}
section.content.forms table#templates td.action a.button.add-to-account:hover,
section.content.forms table#templates td.action a.button.add-to-existing-form:hover,
section.content.forms table#templates td.action a.button.add-to-account:active,
section.content.forms table#templates td.action a.button.add-to-existing-form:active {
  background-color: #e7e7e7 !important;
}
.document-editor-layout .document-editor-sidebar .survey-meta .document-editor-properties-toggle {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: flex;
  font: inherit;
  font-weight: inherit;
  gap: 5px;
  margin: 0;
  padding: 0;
}
.document-editor-layout .document-editor-sidebar .survey-meta .document-editor-properties-toggle .document-editor-properties-toggle-icon {
  height: 12px;
  width: 12px;
}
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a {
  padding: 0 5px;
  text-decoration: none;
}
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section {
  background: transparent;
}
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section:hover {
  background: linear-gradient(#e7e7e7, #e7e7e7) no-repeat 50% 7.5px;
  background-size: 100% 1px;
}
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:link,
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:visited,
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:hover,
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-add-section a:active {
  background: #fff;
  margin: 0 auto;
  width: 102px;
}
.document-editor-layout .document-editor-sidebar .document-editor-toc ul.survey-toc li.document-toc-section {
  margin: 2px 0;
}
#document-editor-properties-content:is([hidden], .hidden) + .document-editor-toc {
  max-height: 850px;
  overflow: scroll;
}
#document-editor-properties-content:not([hidden]):not(.hidden) + .document-editor-toc {
  max-height: 450px;
  overflow: scroll;
}
.document-editor-layout .document-editor-sidebar .document-editor-eva {
  clear: none;
  float: none;
  margin: 0 0 20px;
  padding: 6.67px;
  width: auto;
}
.document-editor-layout .document-editor-sidebar .document-editor-eva input.button,
.document-editor-layout .document-editor-sidebar .document-editor-eva button,
.document-editor-layout .document-editor-sidebar .document-editor-eva a.button {
  margin: 0;
}
.document-editor-layout .document-editor-sidebar .document-editor-eva .form-summary {
  border-radius: 15px;
  box-sizing: border-box;
}
.document-editor-layout .document-editor-sidebar .document-editor-eva .form-summary h2 {
  font-size: 20px;
}
.document-editor-layout .document-editor-sidebar .document-editor-eva .form-summary .document-editor-eva-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 16px 0 0;
}
.document-editor-layout .document-editor-sidebar .document-editor-eva .form-summary .document-editor-eva-actions .document-editor-eva-action {
  align-items: center;
  background: #fff;
  border: 0;
  border-radius: 5px;
  box-sizing: border-box;
  color: #174f73;
  cursor: pointer;
  display: flex;
  flex: 0 0 calc((100% - 4px) / 2);
  font: inherit;
  font-weight: 700;
  gap: 8px;
  min-width: 0;
  padding: 9px 10px;
  text-align: left;
  text-decoration: none;
  width: calc((100% - 4px) / 2);
}
.document-editor-layout .document-editor-sidebar .document-editor-eva .form-summary .document-editor-eva-actions .document-editor-eva-action:hover,
.document-editor-layout .document-editor-sidebar .document-editor-eva .form-summary .document-editor-eva-actions .document-editor-eva-action:focus {
  background: #e0fbe9;
  outline: 0;
}
.document-editor-layout .document-editor-sidebar .document-editor-eva .form-summary .document-editor-eva-actions .document-editor-eva-action img {
  flex: 0 0 18px;
  height: 18px;
  margin: 0;
  object-fit: contain;
  width: 18px;
}
.account aside.account nav li.home,
.account aside.account nav li.dashboards,
.account aside.account nav li.notifications,
.account aside.account nav li.forms,
.account aside.account nav li.reports,
.account aside.account nav li.resources,
.account aside.account nav li.contacts,
.account aside.account nav li.approvals,
.account aside.account nav li.formstemplates,
.account aside.account nav li.combinedscores,
.account aside.account nav li.questions,
.account aside.account nav li.projects,
.account aside.account nav li.account,
.account aside.account nav li.overview,
.account aside.account nav li.users,
.account aside.account nav li.subscriptions,
.account aside.account nav li.payment-methods {
  --sidebar-icon-colour: #167eb5;
}
.account aside.account nav li.home {
  --sidebar-icon: url(../img/icons/home.svg);
  --sidebar-icon-colour: #167db3;
}
.account aside.account nav li.dashboards {
  --sidebar-icon: url(../img/icons/dashboard.svg);
  --sidebar-icon-colour: #167db3;
}
.account aside.account nav li.notifications {
  --sidebar-icon: url(../img/icons/form-responses.svg);
  --sidebar-icon-colour: #167db3;
}
.account aside.account nav li.forms {
  --sidebar-icon: url(../img/icons/forms.svg);
  --sidebar-icon-colour: #7b4db7;
}
.account aside.account nav li.reports {
  --sidebar-icon: url(../img/icons/reporting.svg);
  --sidebar-icon-colour: #0f7db2;
}
.account aside.account nav li.resources {
  --sidebar-icon: url(../img/icons/resources.svg);
  --sidebar-icon-colour: #0f7db2;
}
.account aside.account nav li.contacts {
  --sidebar-icon: url(../img/icons/contacts.svg);
  --sidebar-icon-colour: #0f7db2;
}
.account aside.account nav li.approvals {
  --sidebar-icon: url(../img/icons/approve.svg);
}
.account aside.account nav li.formstemplates {
  --sidebar-icon: url(../img/icons/template.svg);
}
.account aside.account nav li.combinedscores {
  --sidebar-icon: url(../img/icons/combined-scoring.svg);
}
.account aside.account nav li.questions {
  --sidebar-icon: url(../img/icons/questions.svg);
}
.account aside.account nav li.projects {
  --sidebar-icon: url(../img/icons/projects.svg);
}
.account aside.account nav li.account {
  --sidebar-icon: url(../img/icons/account-billing.svg);
  --sidebar-icon-colour: #0f7db2;
}
.account aside.account nav li.overview {
  --sidebar-icon: url(../img/icons/overview.svg);
}
.account aside.account nav li.users {
  --sidebar-icon: url(../img/icons/users.svg);
}
.account aside.account nav li.subscriptions {
  --sidebar-icon: url(../img/icons/subscriptions.svg);
}
.account aside.account nav li.payment-methods {
  --sidebar-icon: url(../img/icons/payment-methods.svg);
}
.account aside.account nav li.home > a,
.account aside.account nav li.dashboards > a,
.account aside.account nav li.notifications > a,
.account aside.account nav li.forms > a,
.account aside.account nav li.reports > a,
.account aside.account nav li.resources > a,
.account aside.account nav li.contacts > a,
.account aside.account nav li.approvals > a,
.account aside.account nav li.formstemplates > a,
.account aside.account nav li.combinedscores > a,
.account aside.account nav li.questions > a,
.account aside.account nav li.projects > a,
.account aside.account nav li.account > a,
.account aside.account nav li.overview > a,
.account aside.account nav li.users > a,
.account aside.account nav li.subscriptions > a,
.account aside.account nav li.payment-methods > a {
  background-image: none !important;
  position: relative;
}
.account aside.account nav li.home > a:after,
.account aside.account nav li.dashboards > a:after,
.account aside.account nav li.notifications > a:after,
.account aside.account nav li.forms > a:after,
.account aside.account nav li.reports > a:after,
.account aside.account nav li.resources > a:after,
.account aside.account nav li.contacts > a:after,
.account aside.account nav li.approvals > a:after,
.account aside.account nav li.formstemplates > a:after,
.account aside.account nav li.combinedscores > a:after,
.account aside.account nav li.questions > a:after,
.account aside.account nav li.projects > a:after,
.account aside.account nav li.account > a:after,
.account aside.account nav li.overview > a:after,
.account aside.account nav li.users > a:after,
.account aside.account nav li.subscriptions > a:after,
.account aside.account nav li.payment-methods > a:after {
  background-color: var(--sidebar-icon-colour);
  content: "";
  height: 20px;
  left: 30px;
  mask-image: var(--sidebar-icon);
  mask-mode: alpha;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  -webkit-mask-image: var(--sidebar-icon);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
.account aside.account nav li.home.active > a:after,
.account aside.account nav li.dashboards.active > a:after,
.account aside.account nav li.notifications.active > a:after,
.account aside.account nav li.forms.active > a:after,
.account aside.account nav li.reports.active > a:after,
.account aside.account nav li.resources.active > a:after,
.account aside.account nav li.contacts.active > a:after,
.account aside.account nav li.approvals.active > a:after,
.account aside.account nav li.formstemplates.active > a:after,
.account aside.account nav li.combinedscores.active > a:after,
.account aside.account nav li.questions.active > a:after,
.account aside.account nav li.projects.active > a:after,
.account aside.account nav li.account.active > a:after,
.account aside.account nav li.overview.active > a:after,
.account aside.account nav li.users.active > a:after,
.account aside.account nav li.subscriptions.active > a:after,
.account aside.account nav li.payment-methods.active > a:after {
  left: 20px;
}
.account aside.account.collapse nav li.home > a:after,
.account aside.account.collapse nav li.dashboards > a:after,
.account aside.account.collapse nav li.notifications > a:after,
.account aside.account.collapse nav li.forms > a:after,
.account aside.account.collapse nav li.reports > a:after,
.account aside.account.collapse nav li.resources > a:after,
.account aside.account.collapse nav li.contacts > a:after,
.account aside.account.collapse nav li.approvals > a:after,
.account aside.account.collapse nav li.formstemplates > a:after,
.account aside.account.collapse nav li.combinedscores > a:after,
.account aside.account.collapse nav li.questions > a:after,
.account aside.account.collapse nav li.projects > a:after,
.account aside.account.collapse nav li.account > a:after,
.account aside.account.collapse nav li.overview > a:after,
.account aside.account.collapse nav li.users > a:after,
.account aside.account.collapse nav li.subscriptions > a:after,
.account aside.account.collapse nav li.payment-methods > a:after {
  left: 50% !important;
  top: 12px;
  transform: translateX(-50%);
}
.buttons .form-send-step-button {
  background-position: 14px 50% !important;
  background-repeat: no-repeat !important;
  background-size: 16px 16px !important;
  box-sizing: border-box;
  height: 44px;
  margin: 6px 0 6px 8px;
  padding: 12px 16px 12px 38px !important;
  text-align: center;
  width: 120px;
}
.buttons.form-send-select-contacts {
  float: left;
}
.buttons.form-send-select-contacts .form-send-step-button {
  margin-left: 0;
}
.buttons .form-send-step-button.form-send-select-contacts-button {
  background-color: #174f73 !important;
  background-image: none !important;
  color: #fff !important;
  padding: 12px 16px !important;
  width: auto;
}
.buttons .form-send-step-button.form-send-back {
  background-color: #167E00 !important;
  background-image: url(../img/icons/arrow-left-open-white.svg) !important;
  color: #fff !important;
}
.buttons .form-send-step-button.form-send-next {
  background-color: #174f73 !important;
  background-image: url(../img/icons/arrow-right-open-white.svg) !important;
  color: #fff !important;
}
.buttons .form-send-step-button.form-send-email {
  background-color: #174f73 !important;
  background-image: url(../img/icons/send-white.svg) !important;
  color: #fff !important;
  width: 150px;
}
form.form-send-workflow {
  box-sizing: border-box;
  max-width: none;
  width: 100%;
}
form.form-send-workflow fieldset,
form.form-send-workflow .formContainer {
  max-width: none;
  width: 100%;
}
section.content form.filterForm.create-document-filter-form {
  align-items: normal;
  column-gap: normal;
  display: block !important;
  grid-template-columns: none;
  position: initial;
}
section.content form.filterForm.create-document-filter-form fieldset,
section.content form.filterForm.create-document-filter-form .compact-filter-summary,
section.content form.filterForm.create-document-filter-form .compact-filter-match,
section.content form.filterForm.create-document-filter-form ul.filters {
  display: block;
  flex: none;
}
section.content form.filterForm.create-document-filter-form fieldset > div,
section.content form.filterForm.create-document-filter-form fieldset > div div,
section.content form.filterForm.create-document-filter-form fieldset > div select {
  float: left;
  width: auto !important;
}
section.content form.filterForm.create-document-filter-form .compact-filter-inputs {
  display: none;
}
section.content form.filterForm.create-document-filter-form .compact-filter-builder {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  float: none;
  gap: 8px;
  max-width: 100% !important;
  width: auto !important;
}
section.content form.filterForm.create-document-filter-form .compact-filter-builder > div,
section.content form.filterForm.create-document-filter-form .compact-filter-builder > div div,
section.content form.filterForm.create-document-filter-form .compact-filter-builder select {
  float: none;
  max-width: none !important;
  width: auto !important;
}
section.content form.filterForm.create-document-filter-form .compact-filter-builder .compact-filter-trigger a.add-filter-link {
  align-items: center;
  background-color: #31c961;
  border-radius: 4px;
  box-sizing: border-box;
  color: #fff !important;
  display: inline-flex;
  font-size: 15px;
  height: 42px;
  padding: 8px 12px;
  text-decoration: none;
}
section.content form.filterForm.create-document-filter-form .compact-filter-builder .compact-filter-trigger a.add-filter-link:hover,
section.content form.filterForm.create-document-filter-form .compact-filter-builder .compact-filter-trigger a.add-filter-link:active {
  background-color: #167E00;
  color: #fff !important;
}
section.content form.filterForm.create-document-filter-form .compact-filter-builder .compact-filter-add button.compact-filter-add-button {
  background-color: #0078B4;
  border: 0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  height: 42px;
  margin: 0;
  padding: 8px 12px;
  width: auto;
}
section.content form.filterForm.create-document-filter-form .compact-filter-builder .compact-filter-add button.compact-filter-add-button:before {
  background-color: #fff;
  content: '';
  display: inline-block;
  height: 12px;
  margin-right: 5px;
  -webkit-mask: url(../img/icons/plus.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask: url(../img/icons/plus.svg) no-repeat 50% 50%;
  mask-size: contain;
  vertical-align: -1px;
  width: 12px;
}
section.content form.filterForm.create-document-filter-form .compact-filter-builder .compact-filter-add button.compact-filter-add-button:disabled {
  cursor: default;
  opacity: 0.55;
}
section.content form.filterForm.create-document-filter-form .compact-filter-summary {
  clear: both;
  float: none;
  max-width: none !important;
  width: auto !important;
}
section.content form.filterForm.create-document-filter-form .compact-filter-summary:after {
  clear: both;
  content: '';
  display: block;
}
section.content form.filterForm.create-document-filter-form .compact-filter-summary .compact-filter-match,
section.content form.filterForm.create-document-filter-form .compact-filter-summary ul.filters,
section.content form.filterForm.create-document-filter-form .compact-filter-summary ul.filters li.filter {
  float: left;
  min-width: 0;
  width: auto !important;
}
section.content form.filterForm.create-document-filter-form .compact-filter-summary .compact-filter-match {
  margin: 12px 6px 0 0;
}
section.content form.filterForm.create-document-filter-form .compact-filter-summary .compact-filter-match label {
  display: inline;
  float: none;
}
section.content form.filterForm.create-document-filter-form .compact-filter-summary .compact-filter-match select {
  display: inline-block;
  float: none;
  vertical-align: middle;
}
section.content form.filterForm.create-document-filter-form .compact-filter-summary ul.filters {
  clear: none;
  margin: 6px 0 0 6px;
  padding: 0;
}
section.content form.filterForm.create-document-filter-form .compact-filter-summary ul.filters li.filter {
  align-items: center;
  background: #0078B4;
  border: 3px solid #d4effe;
  border-radius: 10px;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  gap: 5px;
  height: 46px;
  margin: 0;
  padding: 5px 7px;
  white-space: nowrap;
}
section.content form.filterForm.create-document-filter-form .compact-filter-summary ul.filters li.filter span.field,
section.content form.filterForm.create-document-filter-form .compact-filter-summary ul.filters li.filter span.value {
  font-weight: 700;
}
section.content form.filterForm.create-document-filter-form .compact-filter-summary ul.filters li.filter button.remove-filter {
  background: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  line-height: 16px;
  margin: 0 0 0 2px;
  padding: 0;
}
section.content form.filterForm.create-document-filter-form .compact-filter-summary ul.filters li.filter button.remove-filter:hover,
section.content form.filterForm.create-document-filter-form .compact-filter-summary ul.filters li.filter button.remove-filter:focus {
  color: #cc241D;
}
section.content form.filterForm.create-document-filter-form .compact-filter-builder label {
  display: block;
}
section.content form.filterForm.create-document-filter-form .compact-filter-builder[hidden] {
  display: none !important;
}
section.content form.form-send-workflow-full-width {
  max-width: none;
}
.form-email-preview-columns {
  display: flex;
  gap: 20px;
}
.form-email-preview-columns .form-preview-panel {
  min-width: 0;
}
.form-email-preview-columns .form-preview-panel:first-child {
  flex: 4 1 0;
}
.form-email-preview-columns .form-preview-panel:last-child {
  flex: 6 1 0;
}
.form-email-preview-columns .form-preview-panel h3 {
  margin-top: 0;
}
@media screen and (max-width: 900px) {
  .form-email-preview-columns {
    display: block;
  }
  .form-email-preview-columns .form-preview-panel + .form-preview-panel {
    margin-top: 20px;
  }
}
.form-send-details-columns {
  display: flex;
  gap: 20px;
}
.form-send-details-columns > :first-child {
  flex: 3 1 0;
  min-width: 0;
}
.form-send-details-columns > :last-child {
  flex: 2 1 0;
  min-width: 0;
}
.form-send-details-columns input.hasDatepicker {
  background-color: #fff;
}
.form-send-details-columns iframe {
  border: 1px solid #aeaeae;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (max-width: 900px) {
  .form-send-details-columns {
    display: block;
  }
  .form-send-details-columns > :last-child {
    margin-top: 20px;
  }
}
.form-email-preview-columns .form-preview-panel div.NSWAT_UI_DataTable-wrapper {
  max-width: none;
  padding-top: 30px;
  width: auto;
}
.form-email-list-table-wrapper {
  overflow: auto;
}
.buttons .form-send-confirmation-return {
  background-color: #174f73 !important;
  background-image: url(../img/icons/forms-white.svg) !important;
  background-position: 14px 50% !important;
  background-repeat: no-repeat !important;
  background-size: 16px 16px !important;
  color: #fff !important;
  padding-left: 38px !important;
}
form.builder.records-create-menu {
  margin-bottom: 0;
  position: relative;
  z-index: 1000;
}
form.builder.records-create-menu div.section div.section-questions ul.add-question {
  box-sizing: border-box;
  margin: 10px 0;
  max-width: 500px;
  width: 100%;
}
form.builder.records-create-menu div.section div.section-questions ul.add-question > li > a:link,
form.builder.records-create-menu div.section div.section-questions ul.add-question > li > a:visited {
  box-sizing: border-box;
  width: 100%;
}
.account aside.account nav li.forms {
  --sidebar-icon-colour: #167db3;
}
.account aside.account nav li.form-requests,
.account aside.account nav li.form-submissions {
  --sidebar-icon-colour: #167db3;
}
.account aside.account nav li.form-requests > a,
.account aside.account nav li.form-submissions > a {
  background-image: none !important;
  position: relative;
}
.account aside.account nav li.form-requests > a:after,
.account aside.account nav li.form-submissions > a:after {
  background-color: var(--sidebar-icon-colour);
  content: "";
  height: 20px;
  left: 30px;
  mask-image: var(--sidebar-icon);
  mask-mode: alpha;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  -webkit-mask-image: var(--sidebar-icon);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
.account aside.account nav li.form-requests.active > a:after,
.account aside.account nav li.form-submissions.active > a:after {
  left: 20px;
}
.account aside.account:not(.collapse) nav li.form-requests > a,
.account aside.account:not(.collapse) nav li.form-submissions > a {
  padding-left: 60px;
}
.account aside.account nav li.form-requests {
  --sidebar-icon: url(../img/icons/form-request.svg);
}
.account aside.account nav li.form-submissions {
  --sidebar-icon: url(../img/icons/form-submission.svg);
}
.account aside.account.collapse nav li.form-requests > a:after,
.account aside.account.collapse nav li.form-submissions > a:after {
  left: 50% !important;
  top: 12px;
  transform: translateX(-50%);
}
.account aside.account nav li.hub {
  --sidebar-icon: url(../img/icons/hub.svg);
  --sidebar-icon-colour: #0f7db2;
}
.account aside.account nav li.hub > a {
  background-image: none !important;
  position: relative;
}
.account aside.account nav li.hub > a:after {
  background-color: var(--sidebar-icon-colour);
  content: "";
  height: 20px;
  left: 30px;
  mask-image: var(--sidebar-icon);
  mask-mode: alpha;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  -webkit-mask-image: var(--sidebar-icon);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
.account aside.account nav li.hub.active > a:after {
  left: 20px;
}
.account aside.account.collapse nav li.hub > a:after {
  left: 50% !important;
  top: 12px;
  transform: translateX(-50%);
}
.account aside.account:not(.collapse) nav li.resources > a,
.account aside.account:not(.collapse) nav li.account > a,
.account aside.account:not(.collapse) nav li.hub > a {
  padding-left: 60px;
}
body.account section.content section.body > h1.module-heading-with-back::before {
  display: none;
}
body.account section.content section.body > h1.module-heading-with-back > span.module-heading-icon {
  background-color: var(--heading-icon-colour);
  background-image: none;
  mask-image: var(--heading-icon);
  mask-mode: alpha;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-image: var(--heading-icon);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
#documents td.action > a.view {
  align-items: center;
  background-color: #fff !important;
  background-image: none !important;
  display: inline-flex;
  font-size: 0;
  height: 30px;
  justify-content: center;
  padding: 0 !important;
  width: 30px;
}
#documents td.action > a.view:hover,
#documents td.action > a.view:active {
  background-color: #e7e7e7 !important;
}
#documents td.action > a.view::before {
  background-color: #5c5c5c;
  content: "";
  display: block;
  height: 16px;
  mask-image: url(../img/icons/view.svg);
  mask-mode: alpha;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 16px;
  -webkit-mask-image: url(../img/icons/view.svg);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
table#templates td.action a.preview {
  --table-action-icon: url(../img/icons/preview.svg);
}
table#templates td.action a.document-template-add {
  --table-action-icon: url(../img/icons/insert-white.svg);
}
section.content.forms table#templates td.action a.add-to-account {
  --table-action-icon: url(../img/icons/insert-white.svg);
}
section.content.forms table#surveys td.action a.submit {
  --table-action-icon: url(../img/icons/submit-entry.svg);
}
section.content.forms table#surveys td.action a.view {
  --table-action-icon: url(../img/icons/view.svg);
}
section.content.forms table#surveys td.action a.edit {
  --table-action-icon: url(../img/icons/edit.svg);
}
section.content.forms table#surveys td.action a.duplicate {
  --table-action-icon: url(../img/icons/duplicate.svg);
}
section.content.forms table#surveys td.action a.add-to-account {
  --table-action-icon: url(../img/icons/add.svg);
}
section.content.forms table#surveys td.action a.add-to-existing-form {
  --table-action-icon: url(../img/icons/add-to-existing.svg);
}
section.content.forms table#surveys td.action a.save-as-survey {
  --table-action-icon: url(../img/icons/surveys.svg);
}
section.content.forms table#surveys td.action a.archive {
  --table-action-icon: url(../img/icons/archive.svg);
}
section.content.forms table#surveys td.action a.unarchive {
  --table-action-icon: url(../img/icons/unarchive.svg);
}
section.content.forms table#surveys td.action > a.button,
section.content.forms table#surveys td.action .table-actions > ul > li > a.open-actions {
  align-items: center;
  background-image: none !important;
  display: inline-flex;
  justify-content: center;
}
section.content.forms table#surveys td.action > a.button {
  font-size: 0;
  height: 30px;
  padding: 0 !important;
  width: 30px;
}
section.content.forms table#surveys td.action .table-actions > ul > li > a.open-actions {
  --table-action-icon: url(../img/icons/more-actions.svg);
  height: 30px;
  padding: 0 !important;
  width: 30px;
}
section.content.forms table#surveys td.action > a.button::before,
section.content.forms table#surveys td.action .table-actions > ul > li > a.open-actions::before,
section.content.forms table#surveys td.action .table-actions > ul > li.expand > ul li > a.button::before {
  background-color: currentColor;
  content: "";
  display: block;
  flex: 0 0 16px;
  height: 16px;
  mask-image: var(--table-action-icon);
  mask-mode: alpha;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 16px;
  -webkit-mask-image: var(--table-action-icon);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
section.content.forms table#surveys td.action > a.button::before,
section.content.forms table#surveys td.action .table-actions > ul > li > a.open-actions::before {
  background-color: #5c5c5c;
}
section.content.forms table#surveys td.action .table-actions > ul > li.expand > ul li > a.button {
  align-items: center;
  background-image: none !important;
  display: flex !important;
}
section.content.forms table#surveys td.action .table-actions > ul > li.expand > ul li > a.button::before {
  margin-right: 8px;
}
body.account section.content table td.action > a.button,
body.account section.content table td.action > form > a.button,
body.account section.content table td.action .table-actions > ul > li > a.open-actions {
  --table-action-icon: url(../img/icons/more-actions.svg);
  align-items: center;
  background-color: #fff !important;
  background-image: none !important;
  display: inline-flex;
  justify-content: center;
}
body.account section.content table td.action > a.button,
body.account section.content table td.action > form > a.button {
  font-size: 0;
  height: 30px;
  padding: 0 !important;
  width: 30px;
}
body.account section.content table td.action .table-actions > ul > li > a.open-actions {
  height: 30px;
  padding: 0 !important;
  width: 30px;
}
body.account section.content table td.action a.view,
body.account section.content table td.action a.view-response,
body.account section.content table td.action a.view-entry,
body.account section.content table td.action a.view-entries {
  --table-action-icon: url(../img/icons/view.svg);
}
body.account section.content table td.action a.edit,
body.account section.content table td.action a.structure,
body.account section.content table td.action a.rename {
  --table-action-icon: url(../img/icons/edit.svg);
}
body.account section.content table td.action a.delete,
body.account section.content table td.action a.delete-response,
body.account section.content table td.action a.delete-request,
body.account section.content table td.action a.remove-connection,
body.account section.content table td.action a.remove-listing-from-request {
  --table-action-icon: url(../img/icons/delete.svg);
}
body.account section.content table td.action a.duplicate {
  --table-action-icon: url(../img/icons/duplicate.svg);
}
body.account section.content table td.action a.archive {
  --table-action-icon: url(../img/icons/archive.svg);
}
body.account section.content table td.action a.unarchive,
body.account section.content table td.action a.restore,
body.account section.content table td.action a.restore-view {
  --table-action-icon: url(../img/icons/unarchive.svg);
}
body.account section.content table td.action a.submit,
body.account section.content table td.action a.self-submit,
body.account section.content table td.action a.respond {
  --table-action-icon: url(../img/icons/submit-entry.svg);
}
body.account section.content table td.action a.send,
body.account section.content table td.action a.resend,
body.account section.content table td.action a.send-survey,
body.account section.content table td.action a.send-invite,
body.account section.content table td.action a.resend-invite,
body.account section.content table td.action a.invite {
  --table-action-icon: url(../img/icons/email.svg);
}
body.account section.content table td.action a.resend {
  --table-action-icon: url(../img/icons/send-black.svg);
}
body.account section.content table td.action a.save-as-survey {
  --table-action-icon: url(../img/icons/surveys.svg);
}
body.account section.content table td.action a.save-as-form {
  --table-action-icon: url(../img/icons/forms.svg);
}
body.account section.content table td.action a.add,
body.account section.content table td.action a.add-to-account {
  --table-action-icon: url(../img/icons/add.svg);
}
body.account section.content table td.action a.add-to-existing-form {
  --table-action-icon: url(../img/icons/add-to-existing.svg);
}
body.account section.content table td.action a.report,
body.account section.content table td.action a.document {
  --table-action-icon: url(../img/icons/reporting.svg);
}
body.account section.content table td.action a.approve,
body.account section.content table td.action a.accept,
body.account section.content table td.action a.unapprove {
  --table-action-icon: url(../img/icons/approve.svg);
}
body.account section.content table td.action a.connect,
body.account section.content table td.action a.connections {
  --table-action-icon: url(../img/icons/connect.svg);
}
body.account section.content table td.action a.permissions {
  --table-action-icon: url(../img/icons/users.svg);
}
body.account section.content table td.action a.export {
  --table-action-icon: url(../img/icons/export-black.svg);
}
body.account section.content table td.action a.download-excel,
body.account section.content table td.action a.download-csv {
  --table-action-icon: url(../img/icons/download-lightgrey.svg);
}
body.account section.content table td.action a.up {
  --table-action-icon: url(../img/icons/move-up.svg);
}
body.account section.content table td.action a.down {
  --table-action-icon: url(../img/icons/move-down.svg);
}
body.account section.content table td.action a.activate,
body.account section.content table td.action a.enable {
  --table-action-icon: url(../img/icons/check.svg);
}
body.account section.content table td.action a.deactivate,
body.account section.content table td.action a.disable,
body.account section.content table td.action a.cancel {
  --table-action-icon: url(../img/icons/cancel.svg);
}
body.account section.content table td.action a.update-status,
body.account section.content table td.action a.status,
body.account section.content table td.action a.set-value {
  --table-action-icon: url(../img/icons/settings-list.svg);
}
body.account section.content table td.action > a.button::before,
body.account section.content table td.action > form > a.button::before,
body.account section.content table td.action .table-actions > ul > li > a.open-actions::before,
body.account section.content table td.action .table-actions > ul > li.expand > ul li > a.button::before {
  background-color: #5c5c5c;
  content: "";
  display: block;
  flex: 0 0 16px;
  height: 16px;
  mask-image: var(--table-action-icon);
  mask-mode: alpha;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 16px;
  -webkit-mask-image: var(--table-action-icon);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
body.account section.content table td.action .table-actions > ul > li.expand > ul li > a.button:link,
body.account section.content table td.action .table-actions > ul > li.expand > ul li > a.button:visited {
  align-items: center;
  background-image: none !important;
  box-sizing: border-box;
  display: flex !important;
  flex-wrap: nowrap;
  gap: 8px;
  padding: 6px 4px !important;
  text-indent: 0;
  white-space: nowrap;
  width: 100% !important;
}
body.account section.content table td.action .table-actions > ul > li.expand > ul li > a.button::before {
  margin: 0 !important;
}
body.account section.content table td.action a.edit-date {
  --table-action-icon: url(../img/icons/date-entry.svg);
}
section.content.forms table#entries td.action a.status,
section.content.forms table#entries td.action a.update-status {
  --table-action-icon: url(../img/icons/status.svg);
}
section.content.forms table#entries td.action a.make-public {
  --table-action-icon: url(../img/icons/public.svg);
}
section.content.forms table#entries td.action a.make-private {
  --table-action-icon: url(../img/icons/private.svg);
}
section.content.dashboards:not(.embedded-form-dashboard) {
  align-items: stretch;
}
section.content.dashboards:not(.embedded-form-dashboard) > aside.account {
  align-self: stretch;
}
section.content.dashboards:not(.embedded-form-dashboard) {
  display: flex;
  width: 100%;
}
section.content.dashboards:not(.embedded-form-dashboard) > aside.account {
  box-sizing: border-box;
  display: block;
  flex: 0 0 290px;
  height: auto;
  width: 290px;
}
section.content.dashboards:not(.embedded-form-dashboard) > aside.account.collapse {
  flex-basis: 84px;
  width: 84px;
}
section.content.dashboards:not(.embedded-form-dashboard) > section.body.dashboards {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 calc(100% - 290px);
  flex-direction: column;
  margin: 0;
  max-width: calc(100% - 290px);
  min-width: 0;
  padding: 0;
  width: calc(100% - 290px);
}
section.content.dashboards:not(.embedded-form-dashboard) > aside.account.collapse + section.body.dashboards,
section.content.dashboards:not(.embedded-form-dashboard).sidebarcollapsed > section.body.dashboards {
  flex-basis: calc(100% - 84px);
  max-width: calc(100% - 84px);
  width: calc(100% - 84px);
}
section.content.dashboards:not(.embedded-form-dashboard) > section.body.dashboards > .dashboard-container {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  flex-flow: row nowrap;
  flex-wrap: nowrap;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}
section.content.dashboards:not(.embedded-form-dashboard) > section.body.dashboards > .dashboard-container > aside {
  box-sizing: border-box;
  flex: 0 0 250px;
  max-width: 250px;
  min-width: 0;
  width: 250px;
}
section.content.dashboards:not(.embedded-form-dashboard) > section.body.dashboards > .dashboard-container > aside.mini {
  flex-basis: 20px;
  max-width: 20px;
  width: 20px;
}
section.content.dashboards:not(.embedded-form-dashboard) > section.body.dashboards > .dashboard-container > section.dashboard {
  box-sizing: border-box;
  flex: 0 0 calc(100% - 250px);
  max-width: calc(100% - 250px);
  min-width: 0;
  width: calc(100% - 250px);
}
section.content.dashboards:not(.embedded-form-dashboard) > section.body.dashboards > .dashboard-container > aside.mini + section.dashboard {
  flex-basis: calc(100% - 20px);
  max-width: calc(100% - 20px);
  width: calc(100% - 20px);
}
section.content.dashboards:not(.embedded-form-dashboard) > section.body.dashboards > .dashboard-container > section.dashboard > div.dashboard-panels {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}
section.content.dashboards:not(.embedded-form-dashboard) > section.body.dashboards > .dashboard-container > section.dashboard > div.dashboard-panels > ul.panels {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}
section.content.dashboards:not(.embedded-form-dashboard) > section.body.dashboards > .dashboard-container > section.dashboard > div.dashboard-panels > ul.number-panels.horizontal,
section.content.dashboards:not(.embedded-form-dashboard) > section.body.dashboards > .dashboard-container > section.dashboard > div.dashboard-panels > ul.chart-panels.horizontal {
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-width: auto;
}
section.content.dashboards:not(.embedded-form-dashboard) > section.body.dashboards > .dashboard-container > section.dashboard > div.dashboard-panels > ul.number-panels.horizontal::-webkit-scrollbar,
section.content.dashboards:not(.embedded-form-dashboard) > section.body.dashboards > .dashboard-container > section.dashboard > div.dashboard-panels > ul.chart-panels.horizontal::-webkit-scrollbar {
  display: block;
}
@media (max-width: 890px) {
  section.content.dashboards:not(.embedded-form-dashboard) > aside.account {
    display: none;
  }
  section.content.dashboards:not(.embedded-form-dashboard) > section.body.dashboards,
  section.content.dashboards:not(.embedded-form-dashboard) > aside.account.collapse + section.body.dashboards,
  section.content.dashboards:not(.embedded-form-dashboard).sidebarcollapsed > section.body.dashboards {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
}
body.account section.content.forms-view ul.forms-view-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(440px, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}
body.account section.content.forms-view ul.forms-view-grid li {
  background: #fff;
  border: 1px solid #aeaeae;
  border-radius: 6px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin: 0;
  min-height: 120px;
  padding: 20px;
}
body.account section.content.forms-view ul.forms-view-grid li h2,
body.account section.content.forms-view ul.forms-view-grid li h3 {
  color: #0078B4;
  font-size: 16px;
  margin: 0 0 16px;
}
body.account section.content.forms-view ul.forms-view-grid li a.button {
  align-self: flex-start;
}
body.account section.content.forms-view ul.forms-view-grid li a.button.add {
  align-items: center;
  background-image: none !important;
  color: #fff;
  display: inline-flex;
  gap: 6px;
}
body.account section.content.forms-view ul.forms-view-grid li a.button.add:before {
  background-color: #fff;
  content: "";
  display: block;
  flex: 0 0 14px;
  height: 14px;
  mask-image: url(../img/icons/plus.svg);
  mask-mode: alpha;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 14px;
  -webkit-mask-image: url(../img/icons/plus.svg);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
body.account section.content.forms-view ul.forms-view-grid li p {
  color: #5c5c5c;
  font-size: 15px;
  margin: 16px 0 0;
}
body.account section.content.forms-view section.forms-view-organization {
  margin: 0 0 30px;
}
body.account section.content.forms-view section.forms-view-organization > h2 {
  color: #0078B4;
  font-size: 24px;
  margin: 0 0 12px;
}
section.content.home section.body .supplier-home {
  clear: both;
  margin: 20px 0;
}
section.content.home section.body .supplier-home .supplier-home-outstanding {
  align-items: center;
  background: #0078B4;
  border-radius: 10px;
  color: #fff;
  display: flex;
  gap: 14px;
  margin: 0 0 16px;
  padding: 16px 20px;
  text-decoration: none;
}
section.content.home section.body .supplier-home .supplier-home-outstanding strong {
  font-size: 42px;
  line-height: 1;
}
section.content.home section.body .supplier-home .supplier-home-outstanding span {
  font-size: 16px;
  font-weight: 700;
}
section.content.home section.body .supplier-home .supplier-home-outstanding:hover,
section.content.home section.body .supplier-home .supplier-home-outstanding:active {
  background: #174f73;
  color: #fff;
}
section.content.home section.body .supplier-home .supplier-home-outstanding.supplier-home-past-due {
  background: #cc0000;
  color: #fff;
}
section.content.home section.body .supplier-home .supplier-home-outstanding.supplier-home-past-due:hover,
section.content.home section.body .supplier-home .supplier-home-outstanding.supplier-home-past-due:active {
  background: #990000;
  color: #fff;
}
section.content.home section.body .supplier-home .supplier-home-columns {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 0 16px;
}
section.content.home section.body .supplier-home article {
  background: #fff;
  border: 1px solid #aeaeae;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 16px;
}
section.content.home section.body .supplier-home article h2 {
  align-items: center;
  color: #0078B4;
  display: flex;
  font-size: 20px;
  gap: 8px;
  margin: 0 0 12px;
}
section.content.home section.body .supplier-home article h2:before {
  background-color: #0078B4;
  content: "";
  display: block;
  flex: 0 0 20px;
  height: 20px;
  mask-image: var(--supplier-home-heading-icon);
  mask-mode: alpha;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 20px;
  -webkit-mask-image: var(--supplier-home-heading-icon);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
section.content.home section.body .supplier-home article p {
  margin: 0;
}
section.content.home section.body .supplier-home article ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
section.content.home section.body .supplier-home article ul li {
  border-bottom: 1px solid #e7e7e7;
  margin: 0;
  padding: 8px 0;
}
section.content.home section.body .supplier-home article ul li:last-child {
  border-bottom: 0;
}
section.content.home section.body .supplier-home article ul li a {
  display: block;
}
section.content.home section.body .supplier-home article ul li span {
  color: #5c5c5c;
  display: block;
  font-size: 15px;
  margin-top: 3px;
}
section.content.home section.body .supplier-home article .supplier-home-view-all {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  margin-top: 12px;
}
section.content.home section.body .supplier-home .supplier-home-requests {
  --supplier-home-heading-icon: url(../img/icons/form-request.svg);
}
section.content.home section.body .supplier-home .supplier-home-submissions {
  --supplier-home-heading-icon: url(../img/icons/form-submission.svg);
}
section.content.home section.body .supplier-home .supplier-home-forms {
  --supplier-home-heading-icon: url(../img/icons/forms.svg);
}
section.content.home section.body .supplier-home .supplier-home-forms section {
  border-top: 1px solid #aeaeae;
  margin-top: 14px;
  padding-top: 14px;
}
section.content.home section.body .supplier-home .supplier-home-forms section:first-of-type {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
section.content.home section.body .supplier-home .supplier-home-forms section h3 {
  color: #5c5c5c;
  font-size: 16px;
  margin: 0 0 8px;
}
section.content.home section.body .supplier-home .supplier-home-forms section ul {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
section.content.home section.body .supplier-home .supplier-home-forms section ul li {
  align-items: center;
  background: #fafafa;
  border: 0;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 10px;
}
section.content.home section.body .supplier-home .supplier-home-forms section ul li span {
  color: #5c5c5c;
  font-size: 15px;
  margin: 0;
}
section.content.home section.body .supplier-home .supplier-home-forms section ul li a.button {
  flex: 0 0 auto;
  font-size: 15px;
  padding: 7px 10px;
  text-transform: uppercase;
}
@media (max-width: 700px) {
  section.content.home section.body .supplier-home .supplier-home-columns {
    grid-template-columns: 1fr;
  }
  section.content.home section.body .supplier-home .supplier-home-outstanding {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
  section.content.home section.body .supplier-home .supplier-home-forms section ul {
    grid-template-columns: 1fr;
  }
}