.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
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;
}
.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 section.content section.body {
  background: transparent url(../img/banners/informed-consumer.jpg) no-repeat 50% 50%;
  background-size: cover;
}
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%;
  width: 425px  !important;
  margin: 0 auto;
  border: 1px solid #aeaeae;
  border-radius: 8px;
  box-shadow: inset 0px 0px 10px #5c5c5c;
}
@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: 20px;
  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;
}
.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;
  box-shadow: 1px 1px 1px #5c5c5c;
}
.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 {
  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;
  box-shadow: 1px 1px 1px #aeaeae;
  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;
  box-shadow: 0 0 1px #aeaeae;
  font-size: 15px;
}
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],
select,
textarea {
  border: 1px solid #e7e7e7 !important;
  padding: 12px 8px !important;
  width: 100%;
}
input[type=password]:hover,
input[type=text]:hover,
select:hover,
textarea:hover,
input[type=password]:active,
input[type=text]: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%;
}
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 {
  margin-bottom: 20px;
  padding: 0;
  border: 1px solid #aaa;
  border-radius: 10px;
  *zoom: 1;
  display: flex;
  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 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: scroll;
  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;
}
@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 {
  margin: 10px 0.5% !important;
  width: 99%;
}
section.content form fieldset > div.half,
section.content form fieldset > div.options > 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.one-third,
section.content form fieldset > div.options > 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 {
  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 {
  width: 23%;
  float: left;
}
section.content form fieldset > div.NSWAT_UI_HTMLEditor div,
section.content form fieldset > div.options > div.NSWAT_UI_HTMLEditor div {
  width: 100%;
  margin: 0;
}
section.content form fieldset > div .checkboxList > div,
section.content form fieldset > div.options > div .checkboxList > div {
  margin: 0 0 20px 0;
}
section.content form fieldset > div label,
section.content form fieldset > div.options > div label {
  color: #53575a;
}
section.content form fieldset > div label.required,
section.content form fieldset > div.options > 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 {
  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.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.action {
  width: calc(30px * 1);
  white-space: nowrap;
  display: block;
  *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 {
  width: calc(calc(30px + 10px) * 1) !important;
  display: table-cell !important;
}
section.content table.DataTable tbody tr td.action.size-2 {
  width: calc(calc(30px + 14px) * 2) !important;
  display: table-cell !important;
}
section.content table.DataTable tbody tr td.action.size-3 {
  width: calc(calc(30px + 10px) * 3) !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 28px !important;
  width: calc(100% - 4px) !important;
  display: block !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: #167E00;
}
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-white.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-white.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: #105900;
}
section.content aside.account a.sidebar-toggle:hover,
section.content aside.account a.sidebar-toggle:active {
  background: transparent url(../img/icons/sidebar-collapse-light.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-light.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.closed {
  background-position: 10px 20px !important;
  background-image: url(../img/icons/menu-closed.svg);
  background-size: 10px 20px;
}
section.content aside.account.collapse nav ul li.open {
  background-position: 10px 20px;
  background-image: url(../img/icons/menu-open.svg);
  background-size: 10px 20px;
}
section.content aside.account.collapse nav ul li {
  padding: 10px 0 10px 10px !important;
  margin-bottom: 20px;
}
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: 30px 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 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.open {
  background-position: 10px 20px;
  background-image: url(../img/icons/menu-open.svg);
  background-size: 10px 20px;
}
section.content aside.account ul li.closed {
  background-position: 10px 20px;
  background-image: url(../img/icons/menu-closed.svg);
  background-size: 10px 20px;
}
section.content aside.account ul li a:link,
section.content aside.account ul li a:visited {
  color: #fff;
  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: #e7e7e7;
}
section.content aside.account ul li ul li {
  padding: 0 0 0 0 !important;
}
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);
  margin-left: 0;
}
section.content aside.account ul li ul li a:hover,
section.content aside.account ul li ul li a:active {
  background-color: #167E00;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
section.content aside.account ul li.active {
  padding: 0 0 0 0 !important;
  margin-left: 4px !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 {
  color: #174f73;
}
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: 30px 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: 30px 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 15px;
  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: 30px 15px;
  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 15px;
  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 15px;
  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: 30px 15px;
  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: 30px 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: 30px 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: 30px 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: 30px 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: 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: 30px 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: 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: 30px 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: 30px 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: 30px 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: 30px 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: 30px 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: 30px 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: 30px 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: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul li.notifications a {
  background-image: url(../img/icons/notifications-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 15px;
  padding-left: 60px;
}
section.content aside.account ul li.notifications.active a {
  background-image: url(../img/icons/notifications-blue.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 30px 15px;
  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 15px;
  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: 30px 15px;
  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 15px;
  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: 30px 15px;
  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 15px;
  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: 30px 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: 30px 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: 30px 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: 30px 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: 30px 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: 30px 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: 30px 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: 30px 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: 30px 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: 30px 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: 30px 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: 30px 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: 30px 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: 30px 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: 30px 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: 30px 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: 30px 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: 30px 50%;
  padding-left: 60px;
}
section.content aside.account ul.buttons {
  list-style-type: none;
  margin-top: 20px !important;
}
section.content aside.account ul.buttons li a:link,
section.content aside.account ul.buttons li a:visited {
  background-color: #105900;
  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: #31c961;
}
section.content aside.account ul.buttons li.support a:link,
section.content aside.account ul.buttons li.support a:visited {
  background-image: url(../img/icons/support-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 10px 50%;
  padding-left: 40px;
}
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.support a:link,
section.content aside.account.collapse ul.buttons li.support a:visited {
  background-image: url(../img/icons/support-white.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 50% 10px;
  padding-left: 0px;
}
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.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: #fff;
}
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;
  width: calc(100% - 290px - 110px);
}
section.content section.body div.help-description {
  clear: both;
}
section.content section.body aside.help {
  background-color: #fafafa;
  border-bottom: 1px solid #e7e7e7;
  color: #5c5c5c;
  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: #efefef;
  padding: 20px;
  margin: -50px -50px 20px -50px !important;
  border-bottom: 1px solid #ccc;
  color: #5c5c5c;
  font-weight: 400;
  font-size: 28px;
  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-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-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);
  }
}
#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 {
  border-collapse: separate !important;
  width: 100%;
  border-spacing: 0;
  margin-bottom: 20px;
}
table.NSWAT_UI_DataTable thead tr th,
table.listings thead tr th {
  color: #fff;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  padding: 12px 12px;
  background-color: #174f73;
}
table.NSWAT_UI_DataTable thead tr th a:link,
table.listings thead tr th a:link,
table.NSWAT_UI_DataTable thead tr th a:visited,
table.listings 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.NSWAT_UI_DataTable thead tr th a:visited.asc,
table.listings 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.NSWAT_UI_DataTable thead tr th a:visited.desc,
table.listings 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.NSWAT_UI_DataTable thead tr th a:active,
table.listings thead tr th a:active {
  color: #fafafa !important;
}
table.NSWAT_UI_DataTable tbody tr,
table.listings tbody tr {
  border-bottom: 1px solid;
}
table.NSWAT_UI_DataTable tbody tr th,
table.listings tbody tr th {
  color: #fff;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  padding: 12px 12px;
  background-color: #174f73;
  width: 20%;
  max-width: 200px;
}
table.NSWAT_UI_DataTable tbody tr td,
table.listings tbody tr td {
  padding: 8px 12px;
  margin: 0;
}
table.NSWAT_UI_DataTable tbody tr td span.additional-names,
table.listings 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.NSWAT_UI_DataTable tbody tr td a:visited,
table.listings 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.NSWAT_UI_DataTable tbody tr td a:visited.button,
table.listings 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.NSWAT_UI_DataTable tbody tr td a:visited.archived,
table.listings 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.NSWAT_UI_DataTable tbody tr td a:visited.resend,
table.listings 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.NSWAT_UI_DataTable tbody tr td a:visited.view,
table.listings 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.NSWAT_UI_DataTable tbody tr td a:visited.accept,
table.listings 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 {
  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.NSWAT_UI_DataTable tbody tr td a:active,
table.listings 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.NSWAT_UI_DataTable tbody tr td a:active.button,
table.listings 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.NSWAT_UI_DataTable tbody tr td a:active.resend,
table.listings 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.NSWAT_UI_DataTable tbody tr td a:active.view,
table.listings 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.NSWAT_UI_DataTable tbody tr td a:active.accept,
table.listings tbody tr td a:active.accept {
  background-color: #174f73;
}
table.NSWAT_UI_DataTable tbody tr td.ID,
table.listings tbody tr td.ID {
  width: 150px;
}
table.NSWAT_UI_DataTable tbody tr td div.archived,
table.listings 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.NSWAT_UI_DataTable tbody tr td.website,
table.listings tbody tr td.website {
  white-space: nowrap;
}
table.NSWAT_UI_DataTable tbody tr:nth-child(odd),
table.listings tbody tr:nth-child(odd) {
  background-color: #fdfdfd;
}
table.NSWAT_UI_DataTable tbody tr:nth-child(even),
table.listings tbody tr:nth-child(even) {
  background-color: #f5f5f5;
}
table.NSWAT_UI_DataTable tbody tr:hover,
table.listings 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;
}
.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;
}
body.account header {
  background-color: #fff;
  padding: 20px;
  position: fixed;
  height: auto;
  min-height: 103px;
  border-bottom: 1px solid #aeaeae;
}
body.account header.fixed {
  position: fixed;
}
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 .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: #5c5c5c;
  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-blue.svg);
  background-size: 10px 10px;
}
form.report-generator a.template-toggle.collapsed {
  background-image: url(../img/icons/arrow-right-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%;
}
div.survey-toc-sidebar {
  background-color: #fafafa;
  padding: 10px 0 10px 10px;
  position: relative;
  border-left: 1px solid #31c961;
}
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-white-solid.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-white-solid.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 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 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: 100% 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-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%;
  font-weight: 400;
  margin-top: 0px;
  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-blue-outline.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-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-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-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-white-solid.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: calc(100% - 60px) 10px;
}
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.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-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-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 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: 12px 26px 12px 33px!important;
}
ul.nav-toolbar {
  margin: 10px 0 10px 0;
  padding: 0;
  list-style-type: none;
  *zoom: 1;
}
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;
  border-right: 1px solid #d4effe !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: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 #174f73;
}
ul.toolbar:before,
ul.toolbar:after {
  content: " ";
  display: table;
}
ul.toolbar:after {
  clear: both;
}
ul.toolbar li {
  margin: 0;
  padding: 10px 6px;
  float: left;
  list-style-type: none;
}
ul.toolbar li a:link,
ul.toolbar li a:visited {
  text-decoration: none;
}
ul.toolbar li.active a:link,
ul.toolbar li.active a:visited {
  background-color: #174f73;
  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-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-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: #e7e7e7;
  padding: 10px;
  color: #1e252a;
}
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-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-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.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.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.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;
}
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: 10000 !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 {
  max-width: 300px;
  max-height: 300px;
  border: 1px solid #aeaeae;
  padding: 4px;
  background-color: #fafafa;
}
img.FileUpload_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.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.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-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-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-closed-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-open-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 fieldset {
  border-top: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
}
div.NSWAT-Filter-Form form fieldset div.paging {
  max-width: 100px;
}
div.NSWAT-Filter-Form form div.buttons {
  float: right;
  margin: 10px;
}
.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-open-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-closed-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 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%;
  min-height: calc(100vh);
}
section.content.dashboards section.body.dashboards .dashboard-container aside {
  width: 25%;
  padding: 0;
  max-width: 250px;
  overflow: hidden;
  min-height: 800px;
  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.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.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 10px 10px 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 a {
  color: #31c961;
}
section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li.active {
  padding: 10px;
  color: #fff;
  background-color: #0078B4;
}
section.content.dashboards section.body.dashboards .dashboard-container aside nav > ul > li.active a {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard {
  padding: 20px;
  width: calc(100% - 250px);
}
@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 url(../img/icons/edit-grey.svg) 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 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 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 > ul {
  *zoom: 1;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul:before,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul:after {
  content: " ";
  display: table;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul:after {
  clear: both;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul.sorting > li {
  background: #e7e7e7 url(../img/icons/draggable-light.svg) 50% 50% no-repeat;
  background-size: 160px;
  border-style: dotted;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li {
  margin: 1%;
  width: 48%;
  height: 500px;
  position: relative;
  background: #fff url(../img/icons/loading.svg) 50% 50% no-repeat;
  background-size: 50px 50px;
  box-shadow: 0 0 8px #dedede;
  border-radius: 10px;
  padding: 1%;
  float: left;
  list-style-type: none;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li:nth-child(even) {
  margin: 1% 0 1% 1%;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li:nth-child(odd) {
  margin: 1% 1% 1% 0;
  clear: both;
}
@media (max-width: 950px) {
  section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li {
    margin: 1% !important;
    width: 98%;
  }
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li.success {
  border: 4px solid #167E00;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li.warning {
  border: 4px solid #AAAA00;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li.alarm {
  border: 4px solid #990000;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li.average h3 {
  background: transparent url(../img/icons/average.svg) no-repeat 0 50%;
  background-size: 20px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li.count h3 {
  background: transparent url(../img/icons/count.svg) no-repeat 0 50%;
  background-size: 20px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li.sum h3 {
  background: transparent url(../img/icons/sum.svg) no-repeat 0 50%;
  background-size: 20px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li.line h3 {
  background: transparent url(../img/icons/line.svg) no-repeat 0 50%;
  background-size: 20px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li.bar h3 {
  background: transparent url(../img/icons/bar.svg) no-repeat 0 50%;
  background-size: 20px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li.pie h3 {
  background: transparent url(../img/icons/pie.svg) no-repeat 0 50%;
  background-size: 20px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li.recent h3 {
  background: transparent url(../img/icons/recent.svg) no-repeat 0 50%;
  background-size: 20px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li.top h3 {
  background: transparent url(../img/icons/top.svg) no-repeat 0 50%;
  background-size: 20px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li.bottom h3 {
  background: transparent url(../img/icons/bottom.svg) no-repeat 0 50%;
  background-size: 20px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li h3 {
  font-weight: 900;
  font-size: 20px;
  float: left;
  width: calc(100% - 55px);
  margin: 0;
  padding: 0 0 0 24px;
  max-height: 60px;
  overflow: hidden;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li h3 span {
  font-weight: 400;
  color: #5c5c5c;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options {
  float: right;
  position: relative;
  *zoom: 1;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options:before,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options:after {
  content: " ";
  display: table;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options:after {
  clear: both;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options a:link,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options a:visited {
  color: #0078B4;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options a:link.favorite,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options a:visited.favorite {
  transition: none;
  margin-top: 4px;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  display: block;
  float: left;
  text-indent: -999em;
  overflow: hidden;
  background: transparent url(../img/icons/star-outline.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options a:link.favorite.filled,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options a:visited.favorite.filled {
  background: transparent url(../img/icons/star-filled.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options a:link.options,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options a:visited.options {
  float: left;
  width: 20px;
  text-decoration: none;
  margin-top: 4px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options a:link.options span,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options a:visited.options span {
  display: block;
  width: 6px;
  height: 6px;
  background-color: #5c5c5c;
  border-radius: 4px;
  margin: 0 auto 3px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options a:hover,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options a:active {
  color: #174f73;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options div.options-panel {
  position: absolute;
  right: -110px;
  top: 20px;
  z-index: 30000;
  display: none;
  transition: none;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options div.options-panel ul {
  background: #fafafa;
  border: 1px solid #5c5c5c;
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 120px;
  border-radius: 4px;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > li div.dashboard-options div.filters {
  clear: both;
  margin: 5px 0;
  *zoom: 1;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options div.filters:before,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options div.filters:after {
  content: " ";
  display: table;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options div.filters:after {
  clear: both;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options div.filters ul {
  *zoom: 1;
  clear: both;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options div.filters ul:before,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options div.filters ul:after {
  content: " ";
  display: table;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options div.filters ul:after {
  clear: both;
}
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options 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 > li div.dashboard-options div.filters ul li.date,
section.content.dashboards section.body.dashboards .dashboard-container section.dashboard div.dashboard-panels > ul > li div.dashboard-options div.filters ul li.dateRange {
  background: #167E00 url(../img/icons/date.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 > li div.dashboard-options div.filters ul li.project {
  background: #AAAA00 url(../img/icons/projects-white.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 > li div.dashboard-options div.filters ul li.category {
  background: #990000 url(../img/icons/categories-white.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 > li div.dashboard-options div.filters ul li.list {
  background: #174f73 url(../img/icons/lists-white.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 > li iframe {
  width: 100%;
  height: 400px;
  border: none;
}
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 div.panel-content {
  background-color: #fff;
  text-align: center;
  height: 300px;
}
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 span {
  font-size: 18px;
  color: #0078B4;
  display: block;
  clear: both;
  font-weight: 400;
}
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 {
  font-size: 90px;
  text-decoration: none;
  color: #31c961;
}
body.panel-content div.panel-content div.kpi-table-container {
  overflow: scroll;
  max-height: 280px;
  width: 100%;
}
body.panel-content div.panel-content table.kpi-table {
  border: 1px solid #174f73;
  width: 100%;
  border-collapse: collapse;
  margin: 0 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: #5c5c5c;
}
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: #000;
}
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: 400px !important;
}
body.panel-content div.panel-content.average {
  *zoom: 1;
}
body.panel-content div.panel-content.average:before,
body.panel-content div.panel-content.average:after {
  content: " ";
  display: table;
}
body.panel-content div.panel-content.average:after {
  clear: both;
}
body.panel-content div.panel-content.average h4.high,
body.panel-content div.panel-content.average h4.low {
  margin-top: 10px;
}
body.panel-content div.panel-content.average h4.high {
  float: left;
}
body.panel-content div.panel-content.average h4.low {
  float: right;
}
.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;
}
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] {
  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-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: 1000;
  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_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;
}
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.svg) no-repeat 0 50%;
  background-size: 12px 12px;
}
form.builder .options-expander.open {
  background: url(../img/icons/arrow-down.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: 2px solid #d4effe;
  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-solid-down-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 {
  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.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;
}
.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;
}
div.survey-performance-chart,
div.survey-scoring-label,
div.question-performance-chart {
  width: 50%;
  float: left;
}
.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;
}
.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-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-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-blue.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-blue.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-blue.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-blue.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-blue.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-blue.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: 24px;
}
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;
  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 {
  background-image: url(../img/icons/reporting-green.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  padding-left: 20px;
}
div.calls-to-action > ul > li table tbody tr td.survey {
  background-image: url(../img/icons/surveys-blue.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  padding-left: 20px;
}
div.calls-to-action > ul > li table tbody tr td.form {
  background-image: url(../img/icons/forms-grey.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  padding-left: 20px;
}
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 {
  color: #5c5c5c !important;
  margin: 0 0 10px 40px;
  padding: 0;
  color: #174f73;
}
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: #174f73;
  transition: all 250ms ease-in-out;
  background: transparent url(../img/icons/arrow-right-blue.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 h3,
div.calls-to-action > ul > li > a:active h3,
div.calls-to-action > ul > li > a:hover p,
div.calls-to-action > ul > li > a:active p {
  color: #fff;
}
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 {
  width: calc(calc(100% / 2) - 20px);
}
section.content.home div.calls-to-action ul li:nth-child(3n) {
  margin: 10px 20px 10px 0;
}
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-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-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: 100%;
  width: 100%;
}
.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: #fafafa;
  padding: 0;
}
div.survey-meta > p {
  padding: 0 10px;
  margin: 0;
}
div.survey-meta h2 {
  margin: 0 0 10px 0;
  border-bottom: 1px solid #167E00;
  background-color: #fff;
}
div.survey-meta.left {
  float: left;
  width: 50%;
  max-width: 50%;
  margin-right: 10px;
}
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;
  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 {
  text-align: center;
  font-weight: 700;
  background-color: #fafafa;
  border-top: 1px solid #174f73;
  padding: 4px 8px 10px 8px;
  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: 100%;
  display: block;
  padding: 4px 8px;
  overflow: scroll;
  font-weight: 400;
  color: #aaa;
  margin: 0 auto 8px auto;
  border: 1px solid #aeaeae;
  background-color: #fff;
}
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: block;
  color: #5c5c5c;
  padding: 5px 0;
  font-weight: 400;
  text-decoration: underline;
  font-size: 14px;
}
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.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 #fieldIdsContainer,
form#savedExportForm fieldset#field-group-options #calculatedFields,
form#savedExportForm fieldset#field-group-options #groupFieldIdsContainer {
  width: calc(90% / 3);
  margin: 0 1% 0 0;
  float: left;
  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 {
  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;
}
div.calls-to-action .pill-toolbar {
  margin: 0 0 0 10px;
  padding: 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-selector form {
  margin-bottom: 0;
}
div.calls-to-action li.dashboard-panel-selector form fieldset {
  border-top: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
}
div.calls-to-action li.dashboard-panel-selector 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;
}
section.subscriptions div.plans.profiles,
section.subscriptions div.plans.evaluater {
  margin: 0 auto !important;
}
section.subscriptions div.profile-plans,
section.subscriptions div.evaluater-plans {
  margin: 0 auto !important;
}