@import url(https://fonts.googleapis.com/css?family=Lato);html, body {
  margin: 0;
  padding: 0;
  height: auto;
  min-height: 100vh;
  scroll-behavior: smooth;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-image: url("../img/bg-bl.png");
  background-repeat: no-repeat;
  background-position: bottom left;
  background-attachment: fixed;
}

body * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.page-container {
  background-image: url("../img/bg-tr.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-attachment: fixed;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.page {
  margin: 0 auto;
  padding: 0 16px;
  width: 100%;
  max-width: 1232px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.page.hidden {
  opacity: 0;
}

.page > h1, .page > h2, .page > h3, .page > h4, .page > h5, .page > p, .page > ul, .page > ol {
  margin: 5px 0;
}

.modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
}

.modal .chart {
  height: 90%;
  width: 90%;
  max-width: none;
}

form, .login__form {
  background-color: #FFF;
}

.page > .session {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: rgba(210, 235, 255, 0.75);
  border-radius: 4px;
}

.page > .session .session__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0 15px;
}

.page > .session .session__footer {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  padding: 0 20px 15px 20px;
  margin-top: 15px;
  background-color: rgba(255, 255, 255, 0.95);
}

.page > .session .session__footer .btn_group {
  float: left;
}

.page > .session .session__footer .session-extra {
  float: right;
  margin: 14px 10px;
  padding: 14px 10px;
  border: 1px solid #f8971d;
  border-radius: 5px;
  background-color: #ffffff;
}

.page > .session .session__footer .session-extra > .btn {
  border-radius: 05px;
  color: white;
  text-shadow: none;
  font-weight: 100;
  width: 100px;
  line-height: 30px;
  width: 150px;
  margin-left: 15px;
}

.page > .session .session__footer .required-explanation {
  font-size: .95rem;
  margin-top: 15px;
}

.page > .main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 4px;
}

.page > .main .main__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0 15px;
}

.page > .main ul.detailed {
  margin: 0 auto;
}

.page > .main ul.detailed li {
  list-style-type: none;
  padding: 16px 0;
  padding-left: 20%;
  width: 100%;
  padding-right: 20%;
}

.page > .main ul.detailed li header {
  color: #FFF;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 8px 16px;
  background-color: #f8971d;
}

.page > .main ul.detailed li button {
  margin-right: 16px;
}

.page > .main ul.detailed li button.btn.ng-scope {
  float: right;
}

.overlay {
  z-index: 99;
  position: absolute;
  top: 82px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: rgba(255, 255, 255, 0.95);
  -webkit-transition: ease 0.25s;
  transition: ease 0.25s;
}

.hidden-for-load {
  opacity: 0 !important;
}

.service-selection.overlay, .period-selection.overlay {
  position: fixed;
  top: 0;
  bottom: 0px;
  background-color: rgba(255, 255, 255, 0.8);
  overflow-y: auto;
}

.service-selection.overlay .page, .period-selection.overlay .page {
  position: -webkit-sticky;
  position: sticky;
  margin-top: 100px;
  background-color: #FFF;
  border: 1px solid #f8971d;
  max-width: 1200px;
  padding: 0;
  border: 1px solid #f8971d;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.service-selection.overlay .page header, .period-selection.overlay .page header {
  color: #FFF;
  background-color: #f8971d;
  text-align: center;
}

.service-selection.overlay .page header h3, .period-selection.overlay .page header h3 {
  text-transform: uppercase;
}

.service-selection.overlay .page .select-title, .period-selection.overlay .page .select-title {
  margin: 40px 0 20px 0;
  line-height: 1.1rem;
  text-align: center;
}

.service-selection.overlay .page .select-title *, .period-selection.overlay .page .select-title * {
  margin: 10px 0;
}

.service-selection.overlay .page .select-title h4, .period-selection.overlay .page .select-title h4 {
  font-size: 1.2rem;
  font-weight: normal;
}

.service-selection.overlay .page button, .period-selection.overlay .page button {
  width: 100px;
  margin-right: 10px;
  font-weight: lighter;
}

.service-selection.overlay .page ul, .period-selection.overlay .page ul {
  margin: 20px;
}

.service-selection.overlay .page li, .period-selection.overlay .page li {
  margin: 5px;
  padding: 5px;
}

.service-selection.overlay .page li.select-active button, .period-selection.overlay .page li.select-active button {
  color: #f8971d;
  background-color: #FFF;
  border: 1px solid #f8971d;
}

.service-selection.overlay .page li:not(.select-active) button, .period-selection.overlay .page li:not(.select-active) button {
  color: #FFF;
  background-color: #a2de64;
  border: 1px solid #a2de64;
}

.service-selection.overlay .select-cancel, .period-selection.overlay .select-cancel {
  margin: 0 20px 20px 20px;
  text-align: center;
}

.service-selection.overlay .select-cancel button, .period-selection.overlay .select-cancel button {
  width: 160px;
  background-color: #FFF;
  color: #f8971d;
  border: 1px solid #f8971d;
}

.service-selection.overlay .period-session-status.select-completed i.fa, .period-selection.overlay .period-session-status.select-completed i.fa {
  margin-right: 0.5rem;
  font-size: 1rem;
  float: right;
  padding: 0.65rem;
  color: #f8971d;
  background-color: rgba(0, 255, 0, 0.1);
}

.service-selection.overlay .period-session-status.select-started i.fa, .period-selection.overlay .period-session-status.select-started i.fa {
  margin-right: 0.5rem;
  font-size: 1rem;
  float: right;
  padding: 0.65rem;
  color: #ff9900;
  background-color: rgba(255, 255, 0, 0.1);
}

.service-selection.overlay .period-session-status.select-not-started i.fa, .period-selection.overlay .period-session-status.select-not-started i.fa {
  margin-right: 0.5rem;
  font-size: 1rem;
  float: right;
  padding: 0.65rem;
  color: #cc0000;
  background-color: rgba(255, 0, 0, 0.1);
}

.page-container.admin header {
  padding: 5px 10px;
  background-color: #f8971d;
  color: #FFF;
  -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
  transition: -webkit-box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.page-container.admin .body {
  border: 1px solid #f8971d;
  padding: 10px;
  font-size: 0.9em;
  background-color: #FFF;
}

.page-container.admin .admin-alert {
  margin-left: 2em;
  color: #a2de64;
}

.page-container.admin table {
  border-spacing: 0;
  width: 100%;
}

.page-container.admin table thead th {
  text-align: left;
}

.page-container.admin table tbody tr:hover td:not(.no-data) {
  background-color: rgba(210, 235, 255, 0.75);
}

.page-container.admin table tbody tr td {
  border-bottom: 1px solid #999999;
  margin: 5px 0;
  padding: 5px 0;
}

.page-container.admin table tbody tr td:first-child {
  padding-left: 5px;
}

.page-container.admin table tbody tr td:last-child {
  padding-right: 5px;
}

.reseller-branding {
  margin-top: 20px;
  padding-top: 20px;
  text-align: center;
}

.reseller-branding p {
  font-size: 0.9em;
  line-height: 1rem;
}

.home-call-to-action {
  border-bottom: 1px solid #f8971d;
}

.home-call-to-action button {
  background-color: #f8971d;
  border: 1px solid #f8971d;
  border-radius: 3px;
  color: #FFF;
  padding: 10px 15px;
  margin: 10px 0 20px 0;
}

header .info-tips-control {
  float: right;
  margin-top: 7px;
}

.period-quarter {
  font-weight: bold;
  padding-right: 3em;
}

.period-dates {
  width: 20em;
}

.badge {
  position: relative;
}

.badge[data-badge]:after {
  content: attr(data-badge);
  position: absolute;
  font-size: .7em;
  background: #a2de64;
  color: white;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 1px #333;
          box-shadow: 0 0 1px #333;
}

@media only screen and (min-width: 660px) and (max-width: 1200px) {
  .page > .main ul.detailed li {
    padding-left: 0;
    padding-right: 0;
  }
  .page > .main .period-quarter {
    width: 100%;
  }
  .page > .main .period-dates {
    width: 100%;
  }
}

@media only screen and (max-width: 660px) {
  .page > .main ul.detailed li {
    padding-left: 0;
    padding-right: 0;
  }
  .period-quarter {
    width: 100%;
  }
  .period-dates {
    width: 100%;
  }
  .period-session-status {
    width: 100%;
  }
}

.search-span {
  width: 100%;
}

.session-search {
  margin-left: 0;
  margin-right: 0;
  width: 33%;
}

.service-btn {
  width: 11em !important;
  height: 11em;
  cursor: pointer;
}

.select-textbox {
  text-align: center;
  width: 52%;
  margin-left: 23.2%;
  margin-bottom: 1em;
}

ul.services-ul {
  float: left;
  list-style-type: none;
  margin-left: 2.5% !important;
}

body {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  color: #333;
  background-color: #FFF;
  line-height: 1.735;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: #005596;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

label:not(.awaiting-selection) {
  font-weight: 700;
}

label.awaiting-selection {
  font-weight: 400;
  font-size: .875rem;
}

label[for] {
  cursor: pointer;
}

label > p {
  margin: 0;
}

.field--has_error {
  color: #db2828;
}

.field-error {
  color: #db2828;
  font-size: .9rem;
  margin: -5px 0 5px 0;
}

.login .search-results {
  font-size: 12px;
}

.login .search-results .highlighted, .login .search-results .highlighted:hover {
  background-color: #0be6b5 !important;
  color: black !important;
  font-weight: bold;
}

.login .search-results p:not(.highlighted):hover {
  color: black !important;
  background-color: white !important;
}

.field--is_labelled {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}

.field--is_labelled label {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 33%;
          flex: 1 1 33%;
}

.field--is_labelled input, .field--is_labelled select {
  -webkit-box-flex: 2;
      -ms-flex: 2 2 33%;
          flex: 2 2 33%;
}

.field--is_labelled div.search-results {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 55%;
  max-height: 80px;
  overflow-y: auto;
  border: 1px solid #f8971d;
}

.field--is_labelled div.search-results p {
  line-height: 1em;
  margin: 0;
  padding: 3px;
  cursor: pointer;
}

.field--is_labelled div.search-results p:hover {
  background-color: #f8971d;
  color: #ffffff;
}

.toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.toggle > input[type="radio"] {
  display: none;
}

.toggle > input[type="radio"]:checked + .toggle__control {
  color: white;
}

.toggle__control {
  border: 1px solid;
  border-radius: .28571429rem;
  padding: 8px 16px;
  font-weight: 700;
  cursor: pointer;
}

.toggle__control.toggle__control--yes {
  border-color: #21ba45;
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: #21ba45;
}

.toggle__control.toggle__control--no {
  border-color: #db2828;
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: #db2828;
}

.toggle > input[type="radio"]:checked + .toggle__control.toggle__control--yes {
  background-color: #21ba45;
}

.toggle > input[type="radio"]:checked + .toggle__control.toggle__control--no {
  background-color: #db2828;
}

.toggle[disabled] .toggle__control {
  pointer-events: none;
  border-color: #E6E6E6;
  color: #E6E6E6;
}

.clickable {
  cursor: pointer;
}

.login .help-block {
  padding-bottom: 15px;
}

/*!
 * Matrix Inputs - Heavily inspired by Semantic UI
 *
 * # Semantic UI 2.3.1 - Input
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
           Standard
*******************************/
/*--------------------
        Inputs
---------------------*/
.option-true {
  display: inline-block;
  margin-left: 10px;
}

.option-false {
  display: inline-block;
  margin-right: 10px;
}

label.required:after {
  content: "";
  font-size: 1rem;
  font-weight: bold;
}

.section-0 label.required:after {
  color: #f8971d;
}

.section-1 label.required:after {
  color: #19bffd;
}

.section-2 label.required:after {
  color: #a2de64;
}

.section-3 label.required:after {
  color: #ffcc00;
}

.section-4 label.required:after {
  color: #3a9cd2;
}

.section-5 label.required:after {
  color: #980950;
}

.section-6 label.required:after {
  color: #18a09b;
}

.section-7 label.required:after {
  color: #0be6b5;
}

.section-8 label.required:after {
  color: #a529f4;
}

.section-9 label.required:after {
  color: #fe3108;
}

/*
 * Need to specify not reviewed for session response so as to show only once an item has been referenced. For summary,
 * see _summary.scss.
 */
.invalid-response.input-reviewed:not(:focus), .invalid-input {
  border-color: #cc3333 !important;
  color: #cc3333;
  background-color: rgba(255, 228, 228, 0.5);
}

label.invalid-input-reason {
  /*
   * Currently matches session invalid response label (in summary.scss but doesn't need to be the case); if kept like
   * this, then maybe bring both into one file.
   */
  display: inline-block;
  font-size: 0.7rem;
  font-weight: normal;
  border: 1px solid #cc3333;
  background-color: rgba(255, 228, 228, 0.5);
  padding: 0 5px;
  margin: 0 0 2px 5px;
  border-radius: 2px;
}

label.input-bool {
  position: relative;
  display: inline-block;
  width: 64px;
  height: 34px;
}

label.input-bool input {
  display: none;
}

label.input-bool .toggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #FFF;
  border: 2px solid #999999;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 34px;
  opacity: 0.9;
}

label.input-bool .toggle:not(.disabled):before {
  position: absolute;
  content: '';
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 2px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 50%;
}

.section-0 label.input-bool .toggle:not(.disabled):before {
  background-color: #f8971d;
}

.section-1 label.input-bool .toggle:not(.disabled):before {
  background-color: #19bffd;
}

.section-2 label.input-bool .toggle:not(.disabled):before {
  background-color: #a2de64;
}

.section-3 label.input-bool .toggle:not(.disabled):before {
  background-color: #ffcc00;
}

.section-4 label.input-bool .toggle:not(.disabled):before {
  background-color: #3a9cd2;
}

.section-5 label.input-bool .toggle:not(.disabled):before {
  background-color: #980950;
}

.section-6 label.input-bool .toggle:not(.disabled):before {
  background-color: #18a09b;
}

.section-7 label.input-bool .toggle:not(.disabled):before {
  background-color: #0be6b5;
}

.section-8 label.input-bool .toggle:not(.disabled):before {
  background-color: #a529f4;
}

.section-9 label.input-bool .toggle:not(.disabled):before {
  background-color: #fe3108;
}

label.input-bool .toggle.disabled:before {
  position: absolute;
  content: '';
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 2px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 50%;
  background-color: #999999;
}

label.input-bool input:checked + .toggle {
  background-color: #FFF;
  border: 2px solid #980950;
}

.section-0 label.input-bool input:checked + .toggle {
  border: 2px solid #f8971d;
}

.section-1 label.input-bool input:checked + .toggle {
  border: 2px solid #19bffd;
}

.section-2 label.input-bool input:checked + .toggle {
  border: 2px solid #a2de64;
}

.section-3 label.input-bool input:checked + .toggle {
  border: 2px solid #ffcc00;
}

.section-4 label.input-bool input:checked + .toggle {
  border: 2px solid #3a9cd2;
}

.section-5 label.input-bool input:checked + .toggle {
  border: 2px solid #980950;
}

.section-6 label.input-bool input:checked + .toggle {
  border: 2px solid #18a09b;
}

.section-7 label.input-bool input:checked + .toggle {
  border: 2px solid #0be6b5;
}

.section-8 label.input-bool input:checked + .toggle {
  border: 2px solid #a529f4;
}

.section-9 label.input-bool input:checked + .toggle {
  border: 2px solid #fe3108;
}

label.input-bool input:checked + .toggle:before {
  -webkit-transform: translateX(26px);
          transform: translateX(26px);
}

label.input-bool input:focus + .toggle {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3;
}

input, select, textarea {
  margin: 0;
  max-width: 100%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: left;
  line-height: inherit;
  font-family: inherit;
  padding: 4px 8px;
  background: #FFF;
  border: 1px solid #f8971d;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
}

input.review-only, select.review-only, textarea.review-only {
  color: #333;
}

.section-0 input.review-only, .section-0 select.review-only, .section-0 textarea.review-only {
  border: 1px dotted #f8971d;
}

.section-1 input.review-only, .section-1 select.review-only, .section-1 textarea.review-only {
  border: 1px dotted #19bffd;
}

.section-2 input.review-only, .section-2 select.review-only, .section-2 textarea.review-only {
  border: 1px dotted #a2de64;
}

.section-3 input.review-only, .section-3 select.review-only, .section-3 textarea.review-only {
  border: 1px dotted #ffcc00;
}

.section-4 input.review-only, .section-4 select.review-only, .section-4 textarea.review-only {
  border: 1px dotted #3a9cd2;
}

.section-5 input.review-only, .section-5 select.review-only, .section-5 textarea.review-only {
  border: 1px dotted #980950;
}

.section-6 input.review-only, .section-6 select.review-only, .section-6 textarea.review-only {
  border: 1px dotted #18a09b;
}

.section-7 input.review-only, .section-7 select.review-only, .section-7 textarea.review-only {
  border: 1px dotted #0be6b5;
}

.section-8 input.review-only, .section-8 select.review-only, .section-8 textarea.review-only {
  border: 1px dotted #a529f4;
}

.section-9 input.review-only, .section-9 select.review-only, .section-9 textarea.review-only {
  border: 1px dotted #fe3108;
}

.section-summary input.review-only, .section-summary select.review-only, .section-summary textarea.review-only {
  border: 1px dotted #a529f4;
}

input:not(:-moz-read-only), select:not(:-moz-read-only), textarea:not(:-moz-read-only) {
  color: #333;
}

input:not(:read-only), select:not(:read-only), textarea:not(:read-only) {
  color: #333;
}

.section-0 input:not(:-moz-read-only), .section-0 select:not(:-moz-read-only), .section-0 textarea:not(:-moz-read-only) {
  border: 1px solid #f8971d;
}

.section-0 input:not(:read-only), .section-0 select:not(:read-only), .section-0 textarea:not(:read-only) {
  border: 1px solid #f8971d;
}

.section-1 input:not(:-moz-read-only), .section-1 select:not(:-moz-read-only), .section-1 textarea:not(:-moz-read-only) {
  border: 1px solid #19bffd;
}

.section-1 input:not(:read-only), .section-1 select:not(:read-only), .section-1 textarea:not(:read-only) {
  border: 1px solid #19bffd;
}

.section-2 input:not(:-moz-read-only), .section-2 select:not(:-moz-read-only), .section-2 textarea:not(:-moz-read-only) {
  border: 1px solid #a2de64;
}

.section-2 input:not(:read-only), .section-2 select:not(:read-only), .section-2 textarea:not(:read-only) {
  border: 1px solid #a2de64;
}

.section-3 input:not(:-moz-read-only), .section-3 select:not(:-moz-read-only), .section-3 textarea:not(:-moz-read-only) {
  border: 1px solid #ffcc00;
}

.section-3 input:not(:read-only), .section-3 select:not(:read-only), .section-3 textarea:not(:read-only) {
  border: 1px solid #ffcc00;
}

.section-4 input:not(:-moz-read-only), .section-4 select:not(:-moz-read-only), .section-4 textarea:not(:-moz-read-only) {
  border: 1px solid #3a9cd2;
}

.section-4 input:not(:read-only), .section-4 select:not(:read-only), .section-4 textarea:not(:read-only) {
  border: 1px solid #3a9cd2;
}

.section-5 input:not(:-moz-read-only), .section-5 select:not(:-moz-read-only), .section-5 textarea:not(:-moz-read-only) {
  border: 1px solid #980950;
}

.section-5 input:not(:read-only), .section-5 select:not(:read-only), .section-5 textarea:not(:read-only) {
  border: 1px solid #980950;
}

.section-6 input:not(:-moz-read-only), .section-6 select:not(:-moz-read-only), .section-6 textarea:not(:-moz-read-only) {
  border: 1px solid #18a09b;
}

.section-6 input:not(:read-only), .section-6 select:not(:read-only), .section-6 textarea:not(:read-only) {
  border: 1px solid #18a09b;
}

.section-7 input:not(:-moz-read-only), .section-7 select:not(:-moz-read-only), .section-7 textarea:not(:-moz-read-only) {
  border: 1px solid #0be6b5;
}

.section-7 input:not(:read-only), .section-7 select:not(:read-only), .section-7 textarea:not(:read-only) {
  border: 1px solid #0be6b5;
}

.section-8 input:not(:-moz-read-only), .section-8 select:not(:-moz-read-only), .section-8 textarea:not(:-moz-read-only) {
  border: 1px solid #a529f4;
}

.section-8 input:not(:read-only), .section-8 select:not(:read-only), .section-8 textarea:not(:read-only) {
  border: 1px solid #a529f4;
}

.section-9 input:not(:-moz-read-only), .section-9 select:not(:-moz-read-only), .section-9 textarea:not(:-moz-read-only) {
  border: 1px solid #fe3108;
}

.section-9 input:not(:read-only), .section-9 select:not(:read-only), .section-9 textarea:not(:read-only) {
  border: 1px solid #fe3108;
}

.section-summary input:not(:-moz-read-only), .section-summary select:not(:-moz-read-only), .section-summary textarea:not(:-moz-read-only) {
  border: 1px solid #a529f4;
}

.section-summary input:not(:read-only), .section-summary select:not(:read-only), .section-summary textarea:not(:read-only) {
  border: 1px solid #a529f4;
}

/* browsers require these rules separate */
.ui.input > input::-webkit-input-placeholder {
  color: rgba(153, 153, 153, 0.8);
}

.ui.input > input::-moz-placeholder {
  color: rgba(153, 153, 153, 0.8);
}

.ui.input > input:-ms-input-placeholder {
  color: rgba(153, 153, 153, 0.8);
}

/*******************************
            States
*******************************/
/*--------------------
        Disabled
---------------------*/
input[disabled] {
  border-color: #E6E6E6 !important;
  color: #E6E6E6 !important;
  background-color: #FFF !important;
  pointer-events: none;
}

/*--------------------
        Focus
---------------------*/
input:focus {
  border-color: #f8971d;
  background: #FFFFFF;
  color: rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: none;
  box-shadow: none;
}

input[type=checkbox]:focus + label {
  border-bottom: 1px solid #f8971d;
}

input:focus::-webkit-input-placeholder {
  color: rgba(115, 115, 115, 0.87);
}

input:focus::-moz-placeholder {
  color: rgba(115, 115, 115, 0.87);
}

input:focus:-ms-input-placeholder {
  color: rgba(115, 115, 115, 0.87);
}

.indicator-type-number input {
  text-align: right;
}

/*--------------------
        Error
---------------------*/
input.ng-touched.ng-invalid {
  background-color: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Error Placeholder */
input.ng-touched.ng-invalid::-webkit-input-placeholder {
  color: #e7bdbc;
}

input.ng-touched.ng-invalid::-moz-placeholder {
  color: #e7bdbc;
}

input.ng-touched.ng-invalid:-ms-input-placeholder {
  color: #e7bdbc !important;
}

/* Focused Error Placeholder */
input.ng-touched.ng-invalid:focus::-webkit-input-placeholder {
  color: #da9796;
}

input.ng-touched.ng-invalid:focus::-moz-placeholder {
  color: #da9796;
}

input.ng-touched.ng-invalid:focus:-ms-input-placeholder {
  color: #da9796 !important;
}

/*--------------------
        Submitting
        (This state is inferred, it may be better
        to refer to an applied class)
---------------------*/
.btn {
  outline: none;
  border: none;
  border-radius: 3px;
  margin: 0;
  padding: 8px 16px;
  -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(0, 0, 0, 0.15);
  text-align: center;
  text-decoration: none;
  font-size: inherit;
  font-weight: 700;
  color: #333;
  background-color: #f8971d;
  cursor: pointer;
}

.btn_group {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.btn_group > .btn {
  border-radius: 3px;
  color: #FFF;
  text-shadow: none;
  font-weight: 100;
  line-height: 30px;
  margin: 10px;
}

.btn_group > .btn:not(.btn-export) {
  width: 180px;
}

.btn_group > .btn.btn-export {
  width: 48px;
}

.btn_group > .btn.btn-export.btn-export-excel {
  text-align: center;
  border: 1px solid #217346;
  color: #217346;
  background: #FFF url("../img/xlsx-icon-32x32.png") no-repeat center center;
}

.btn_group :first-child {
  border-top-right-radius: 05px;
  border-bottom-right-radius: 05px;
  border-top-left-radius: 05px;
  border-bottom-left-radius: 05px;
  float: left;
}

.btn_group :last-child {
  border-top-right-radius: 05px;
  border-bottom-right-radius: 05px;
  border-top-left-radius: 05px;
  border-bottom-left-radius: 05px;
  float: right;
}

.btn--primary {
  background-color: #f8971d;
}

.btn-danger {
  background-color: #cc3333;
  float: right;
}

.btn[disabled] {
  opacity: 0.3;
  cursor: default;
}

.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.user-edit .container.admin section, .user-admin .container.admin section, .session-admin .container.admin section, .service-period-view .container.admin section, .org-service-admin .container.admin section, .org-service-update .container.admin section,
.admin-main .container.admin section, .section-edit .container.admin section, .indicator-edit .container.admin section, .content-edit .container.admin section {
  background-color: #FFF;
}

.user-edit h4, .user-admin h4, .session-admin h4, .service-period-view h4, .org-service-admin h4, .org-service-update h4,
.admin-main h4, .section-edit h4, .indicator-edit h4, .content-edit h4 {
  margin-bottom: 5px;
}

.user-edit .sessions-history .session-history:not(.completed), .user-admin .sessions-history .session-history:not(.completed), .session-admin .sessions-history .session-history:not(.completed), .service-period-view .sessions-history .session-history:not(.completed), .org-service-admin .sessions-history .session-history:not(.completed), .org-service-update .sessions-history .session-history:not(.completed),
.admin-main .sessions-history .session-history:not(.completed), .section-edit .sessions-history .session-history:not(.completed), .indicator-edit .sessions-history .session-history:not(.completed), .content-edit .sessions-history .session-history:not(.completed) {
  background-color: rgba(255, 255, 0, 0.1);
}

.user-edit .sessions-history .session-history.completed:not(.superseded), .user-admin .sessions-history .session-history.completed:not(.superseded), .session-admin .sessions-history .session-history.completed:not(.superseded), .service-period-view .sessions-history .session-history.completed:not(.superseded), .org-service-admin .sessions-history .session-history.completed:not(.superseded), .org-service-update .sessions-history .session-history.completed:not(.superseded),
.admin-main .sessions-history .session-history.completed:not(.superseded), .section-edit .sessions-history .session-history.completed:not(.superseded), .indicator-edit .sessions-history .session-history.completed:not(.superseded), .content-edit .sessions-history .session-history.completed:not(.superseded) {
  background-color: rgba(0, 255, 0, 0.1);
}

.user-edit .sessions-history .session-history.superseded, .user-admin .sessions-history .session-history.superseded, .session-admin .sessions-history .session-history.superseded, .service-period-view .sessions-history .session-history.superseded, .org-service-admin .sessions-history .session-history.superseded, .org-service-update .sessions-history .session-history.superseded,
.admin-main .sessions-history .session-history.superseded, .section-edit .sessions-history .session-history.superseded, .indicator-edit .sessions-history .session-history.superseded, .content-edit .sessions-history .session-history.superseded {
  background-color: rgba(240, 240, 240, 0.3);
  color: #999999;
}

.user-edit section.filter-indicators, .user-admin section.filter-indicators, .session-admin section.filter-indicators, .service-period-view section.filter-indicators, .org-service-admin section.filter-indicators, .org-service-update section.filter-indicators,
.admin-main section.filter-indicators, .section-edit section.filter-indicators, .indicator-edit section.filter-indicators, .content-edit section.filter-indicators {
  position: absolute;
}

.user-edit input.inline-filter, .user-admin input.inline-filter, .session-admin input.inline-filter, .service-period-view input.inline-filter, .org-service-admin input.inline-filter, .org-service-update input.inline-filter,
.admin-main input.inline-filter, .section-edit input.inline-filter, .indicator-edit input.inline-filter, .content-edit input.inline-filter {
  float: right;
  padding: 1px 4px;
}

.user-edit .clear-filter, .user-admin .clear-filter, .session-admin .clear-filter, .service-period-view .clear-filter, .org-service-admin .clear-filter, .org-service-update .clear-filter,
.admin-main .clear-filter, .section-edit .clear-filter, .indicator-edit .clear-filter, .content-edit .clear-filter {
  position: absolute;
  right: 7px;
  bottom: 7px;
}

.user-edit table:not(.session-audits), .user-admin table:not(.session-audits), .session-admin table:not(.session-audits), .service-period-view table:not(.session-audits), .org-service-admin table:not(.session-audits), .org-service-update table:not(.session-audits),
.admin-main table:not(.session-audits), .section-edit table:not(.session-audits), .indicator-edit table:not(.session-audits), .content-edit table:not(.session-audits) {
  background-color: #FFF;
}

.user-edit table:not(:first-child):not(.session-audits):not(.service-contacts):not(.services-list-with-orgs), .user-admin table:not(:first-child):not(.session-audits):not(.service-contacts):not(.services-list-with-orgs), .session-admin table:not(:first-child):not(.session-audits):not(.service-contacts):not(.services-list-with-orgs), .service-period-view table:not(:first-child):not(.session-audits):not(.service-contacts):not(.services-list-with-orgs), .org-service-admin table:not(:first-child):not(.session-audits):not(.service-contacts):not(.services-list-with-orgs), .org-service-update table:not(:first-child):not(.session-audits):not(.service-contacts):not(.services-list-with-orgs),
.admin-main table:not(:first-child):not(.session-audits):not(.service-contacts):not(.services-list-with-orgs), .section-edit table:not(:first-child):not(.session-audits):not(.service-contacts):not(.services-list-with-orgs), .indicator-edit table:not(:first-child):not(.session-audits):not(.service-contacts):not(.services-list-with-orgs), .content-edit table:not(:first-child):not(.session-audits):not(.service-contacts):not(.services-list-with-orgs) {
  padding-top: 20px;
}

.user-edit table thead th, .user-admin table thead th, .session-admin table thead th, .service-period-view table thead th, .org-service-admin table thead th, .org-service-update table thead th,
.admin-main table thead th, .section-edit table thead th, .indicator-edit table thead th, .content-edit table thead th {
  padding-top: 20px;
  border-bottom: 1px solid #f8971d;
  color: #f8971d;
  position: relative;
}

.user-edit table tbody td, .user-admin table tbody td, .session-admin table tbody td, .service-period-view table tbody td, .org-service-admin table tbody td, .org-service-update table tbody td,
.admin-main table tbody td, .section-edit table tbody td, .indicator-edit table tbody td, .content-edit table tbody td {
  font-size: .9em;
}

.user-edit table tbody td.prop-title, .user-admin table tbody td.prop-title, .session-admin table tbody td.prop-title, .service-period-view table tbody td.prop-title, .org-service-admin table tbody td.prop-title, .org-service-update table tbody td.prop-title,
.admin-main table tbody td.prop-title, .section-edit table tbody td.prop-title, .indicator-edit table tbody td.prop-title, .content-edit table tbody td.prop-title {
  color: #f8971d;
}

.user-edit table.sections-list th.section-actions, .user-edit table.sections-list td.section-actions, .user-edit table.sections-list td.indicator-actions, .user-edit table.contents-list th.section-actions, .user-edit table.contents-list td.section-actions, .user-edit table.contents-list td.indicator-actions, .user-admin table.sections-list th.section-actions, .user-admin table.sections-list td.section-actions, .user-admin table.sections-list td.indicator-actions, .user-admin table.contents-list th.section-actions, .user-admin table.contents-list td.section-actions, .user-admin table.contents-list td.indicator-actions, .session-admin table.sections-list th.section-actions, .session-admin table.sections-list td.section-actions, .session-admin table.sections-list td.indicator-actions, .session-admin table.contents-list th.section-actions, .session-admin table.contents-list td.section-actions, .session-admin table.contents-list td.indicator-actions, .service-period-view table.sections-list th.section-actions, .service-period-view table.sections-list td.section-actions, .service-period-view table.sections-list td.indicator-actions, .service-period-view table.contents-list th.section-actions, .service-period-view table.contents-list td.section-actions, .service-period-view table.contents-list td.indicator-actions, .org-service-admin table.sections-list th.section-actions, .org-service-admin table.sections-list td.section-actions, .org-service-admin table.sections-list td.indicator-actions, .org-service-admin table.contents-list th.section-actions, .org-service-admin table.contents-list td.section-actions, .org-service-admin table.contents-list td.indicator-actions, .org-service-update table.sections-list th.section-actions, .org-service-update table.sections-list td.section-actions, .org-service-update table.sections-list td.indicator-actions, .org-service-update table.contents-list th.section-actions, .org-service-update table.contents-list td.section-actions, .org-service-update table.contents-list td.indicator-actions,
.admin-main table.sections-list th.section-actions,
.admin-main table.sections-list td.section-actions,
.admin-main table.sections-list td.indicator-actions,
.admin-main table.contents-list th.section-actions,
.admin-main table.contents-list td.section-actions,
.admin-main table.contents-list td.indicator-actions, .section-edit table.sections-list th.section-actions, .section-edit table.sections-list td.section-actions, .section-edit table.sections-list td.indicator-actions, .section-edit table.contents-list th.section-actions, .section-edit table.contents-list td.section-actions, .section-edit table.contents-list td.indicator-actions, .indicator-edit table.sections-list th.section-actions, .indicator-edit table.sections-list td.section-actions, .indicator-edit table.sections-list td.indicator-actions, .indicator-edit table.contents-list th.section-actions, .indicator-edit table.contents-list td.section-actions, .indicator-edit table.contents-list td.indicator-actions, .content-edit table.sections-list th.section-actions, .content-edit table.sections-list td.section-actions, .content-edit table.sections-list td.indicator-actions, .content-edit table.contents-list th.section-actions, .content-edit table.contents-list td.section-actions, .content-edit table.contents-list td.indicator-actions {
  width: 50px;
  text-align: right;
}

.user-edit table.sections-list input:not([type=checkbox]), .user-edit table.sections-list textarea, .user-edit table.sections-list select, .user-edit table.contents-list input:not([type=checkbox]), .user-edit table.contents-list textarea, .user-edit table.contents-list select, .user-admin table.sections-list input:not([type=checkbox]), .user-admin table.sections-list textarea, .user-admin table.sections-list select, .user-admin table.contents-list input:not([type=checkbox]), .user-admin table.contents-list textarea, .user-admin table.contents-list select, .session-admin table.sections-list input:not([type=checkbox]), .session-admin table.sections-list textarea, .session-admin table.sections-list select, .session-admin table.contents-list input:not([type=checkbox]), .session-admin table.contents-list textarea, .session-admin table.contents-list select, .service-period-view table.sections-list input:not([type=checkbox]), .service-period-view table.sections-list textarea, .service-period-view table.sections-list select, .service-period-view table.contents-list input:not([type=checkbox]), .service-period-view table.contents-list textarea, .service-period-view table.contents-list select, .org-service-admin table.sections-list input:not([type=checkbox]), .org-service-admin table.sections-list textarea, .org-service-admin table.sections-list select, .org-service-admin table.contents-list input:not([type=checkbox]), .org-service-admin table.contents-list textarea, .org-service-admin table.contents-list select, .org-service-update table.sections-list input:not([type=checkbox]), .org-service-update table.sections-list textarea, .org-service-update table.sections-list select, .org-service-update table.contents-list input:not([type=checkbox]), .org-service-update table.contents-list textarea, .org-service-update table.contents-list select,
.admin-main table.sections-list input:not([type=checkbox]),
.admin-main table.sections-list textarea,
.admin-main table.sections-list select,
.admin-main table.contents-list input:not([type=checkbox]),
.admin-main table.contents-list textarea,
.admin-main table.contents-list select, .section-edit table.sections-list input:not([type=checkbox]), .section-edit table.sections-list textarea, .section-edit table.sections-list select, .section-edit table.contents-list input:not([type=checkbox]), .section-edit table.contents-list textarea, .section-edit table.contents-list select, .indicator-edit table.sections-list input:not([type=checkbox]), .indicator-edit table.sections-list textarea, .indicator-edit table.sections-list select, .indicator-edit table.contents-list input:not([type=checkbox]), .indicator-edit table.contents-list textarea, .indicator-edit table.contents-list select, .content-edit table.sections-list input:not([type=checkbox]), .content-edit table.sections-list textarea, .content-edit table.sections-list select, .content-edit table.contents-list input:not([type=checkbox]), .content-edit table.contents-list textarea, .content-edit table.contents-list select {
  width: 100%;
}

.user-edit table.sections-list tr.indicator-child td:not(.indicator-actions):not(.indicator-handle), .user-edit table.contents-list tr.indicator-child td:not(.indicator-actions):not(.indicator-handle), .user-admin table.sections-list tr.indicator-child td:not(.indicator-actions):not(.indicator-handle), .user-admin table.contents-list tr.indicator-child td:not(.indicator-actions):not(.indicator-handle), .session-admin table.sections-list tr.indicator-child td:not(.indicator-actions):not(.indicator-handle), .session-admin table.contents-list tr.indicator-child td:not(.indicator-actions):not(.indicator-handle), .service-period-view table.sections-list tr.indicator-child td:not(.indicator-actions):not(.indicator-handle), .service-period-view table.contents-list tr.indicator-child td:not(.indicator-actions):not(.indicator-handle), .org-service-admin table.sections-list tr.indicator-child td:not(.indicator-actions):not(.indicator-handle), .org-service-admin table.contents-list tr.indicator-child td:not(.indicator-actions):not(.indicator-handle), .org-service-update table.sections-list tr.indicator-child td:not(.indicator-actions):not(.indicator-handle), .org-service-update table.contents-list tr.indicator-child td:not(.indicator-actions):not(.indicator-handle),
.admin-main table.sections-list tr.indicator-child td:not(.indicator-actions):not(.indicator-handle),
.admin-main table.contents-list tr.indicator-child td:not(.indicator-actions):not(.indicator-handle), .section-edit table.sections-list tr.indicator-child td:not(.indicator-actions):not(.indicator-handle), .section-edit table.contents-list tr.indicator-child td:not(.indicator-actions):not(.indicator-handle), .indicator-edit table.sections-list tr.indicator-child td:not(.indicator-actions):not(.indicator-handle), .indicator-edit table.contents-list tr.indicator-child td:not(.indicator-actions):not(.indicator-handle), .content-edit table.sections-list tr.indicator-child td:not(.indicator-actions):not(.indicator-handle), .content-edit table.contents-list tr.indicator-child td:not(.indicator-actions):not(.indicator-handle) {
  padding-left: 5px;
}

.user-edit table.sections-list tr.indicator-child td.indicator-handle, .user-edit table.contents-list tr.indicator-child td.indicator-handle, .user-admin table.sections-list tr.indicator-child td.indicator-handle, .user-admin table.contents-list tr.indicator-child td.indicator-handle, .session-admin table.sections-list tr.indicator-child td.indicator-handle, .session-admin table.contents-list tr.indicator-child td.indicator-handle, .service-period-view table.sections-list tr.indicator-child td.indicator-handle, .service-period-view table.contents-list tr.indicator-child td.indicator-handle, .org-service-admin table.sections-list tr.indicator-child td.indicator-handle, .org-service-admin table.contents-list tr.indicator-child td.indicator-handle, .org-service-update table.sections-list tr.indicator-child td.indicator-handle, .org-service-update table.contents-list tr.indicator-child td.indicator-handle,
.admin-main table.sections-list tr.indicator-child td.indicator-handle,
.admin-main table.contents-list tr.indicator-child td.indicator-handle, .section-edit table.sections-list tr.indicator-child td.indicator-handle, .section-edit table.contents-list tr.indicator-child td.indicator-handle, .indicator-edit table.sections-list tr.indicator-child td.indicator-handle, .indicator-edit table.contents-list tr.indicator-child td.indicator-handle, .content-edit table.sections-list tr.indicator-child td.indicator-handle, .content-edit table.contents-list tr.indicator-child td.indicator-handle {
  padding-left: 10px !important;
}

.user-edit table.sections-list tr.indicator-grandchild td:not(.indicator-actions):not(.indicator-handle), .user-edit table.contents-list tr.indicator-grandchild td:not(.indicator-actions):not(.indicator-handle), .user-admin table.sections-list tr.indicator-grandchild td:not(.indicator-actions):not(.indicator-handle), .user-admin table.contents-list tr.indicator-grandchild td:not(.indicator-actions):not(.indicator-handle), .session-admin table.sections-list tr.indicator-grandchild td:not(.indicator-actions):not(.indicator-handle), .session-admin table.contents-list tr.indicator-grandchild td:not(.indicator-actions):not(.indicator-handle), .service-period-view table.sections-list tr.indicator-grandchild td:not(.indicator-actions):not(.indicator-handle), .service-period-view table.contents-list tr.indicator-grandchild td:not(.indicator-actions):not(.indicator-handle), .org-service-admin table.sections-list tr.indicator-grandchild td:not(.indicator-actions):not(.indicator-handle), .org-service-admin table.contents-list tr.indicator-grandchild td:not(.indicator-actions):not(.indicator-handle), .org-service-update table.sections-list tr.indicator-grandchild td:not(.indicator-actions):not(.indicator-handle), .org-service-update table.contents-list tr.indicator-grandchild td:not(.indicator-actions):not(.indicator-handle),
.admin-main table.sections-list tr.indicator-grandchild td:not(.indicator-actions):not(.indicator-handle),
.admin-main table.contents-list tr.indicator-grandchild td:not(.indicator-actions):not(.indicator-handle), .section-edit table.sections-list tr.indicator-grandchild td:not(.indicator-actions):not(.indicator-handle), .section-edit table.contents-list tr.indicator-grandchild td:not(.indicator-actions):not(.indicator-handle), .indicator-edit table.sections-list tr.indicator-grandchild td:not(.indicator-actions):not(.indicator-handle), .indicator-edit table.contents-list tr.indicator-grandchild td:not(.indicator-actions):not(.indicator-handle), .content-edit table.sections-list tr.indicator-grandchild td:not(.indicator-actions):not(.indicator-handle), .content-edit table.contents-list tr.indicator-grandchild td:not(.indicator-actions):not(.indicator-handle) {
  padding-left: 10px;
}

.user-edit table.sections-list tr.indicator-grandchild td.indicator-handle, .user-edit table.contents-list tr.indicator-grandchild td.indicator-handle, .user-admin table.sections-list tr.indicator-grandchild td.indicator-handle, .user-admin table.contents-list tr.indicator-grandchild td.indicator-handle, .session-admin table.sections-list tr.indicator-grandchild td.indicator-handle, .session-admin table.contents-list tr.indicator-grandchild td.indicator-handle, .service-period-view table.sections-list tr.indicator-grandchild td.indicator-handle, .service-period-view table.contents-list tr.indicator-grandchild td.indicator-handle, .org-service-admin table.sections-list tr.indicator-grandchild td.indicator-handle, .org-service-admin table.contents-list tr.indicator-grandchild td.indicator-handle, .org-service-update table.sections-list tr.indicator-grandchild td.indicator-handle, .org-service-update table.contents-list tr.indicator-grandchild td.indicator-handle,
.admin-main table.sections-list tr.indicator-grandchild td.indicator-handle,
.admin-main table.contents-list tr.indicator-grandchild td.indicator-handle, .section-edit table.sections-list tr.indicator-grandchild td.indicator-handle, .section-edit table.contents-list tr.indicator-grandchild td.indicator-handle, .indicator-edit table.sections-list tr.indicator-grandchild td.indicator-handle, .indicator-edit table.contents-list tr.indicator-grandchild td.indicator-handle, .content-edit table.sections-list tr.indicator-grandchild td.indicator-handle, .content-edit table.contents-list tr.indicator-grandchild td.indicator-handle {
  padding-left: 15px !important;
}

.user-edit table.sections-list td.indicator-group-title, .user-edit table.contents-list td.indicator-group-title, .user-admin table.sections-list td.indicator-group-title, .user-admin table.contents-list td.indicator-group-title, .session-admin table.sections-list td.indicator-group-title, .session-admin table.contents-list td.indicator-group-title, .service-period-view table.sections-list td.indicator-group-title, .service-period-view table.contents-list td.indicator-group-title, .org-service-admin table.sections-list td.indicator-group-title, .org-service-admin table.contents-list td.indicator-group-title, .org-service-update table.sections-list td.indicator-group-title, .org-service-update table.contents-list td.indicator-group-title,
.admin-main table.sections-list td.indicator-group-title,
.admin-main table.contents-list td.indicator-group-title, .section-edit table.sections-list td.indicator-group-title, .section-edit table.contents-list td.indicator-group-title, .indicator-edit table.sections-list td.indicator-group-title, .indicator-edit table.contents-list td.indicator-group-title, .content-edit table.sections-list td.indicator-group-title, .content-edit table.contents-list td.indicator-group-title {
  font-weight: bold;
}

.user-edit table.sections-list td.indicator-handle, .user-edit table.contents-list td.indicator-handle, .user-admin table.sections-list td.indicator-handle, .user-admin table.contents-list td.indicator-handle, .session-admin table.sections-list td.indicator-handle, .session-admin table.contents-list td.indicator-handle, .service-period-view table.sections-list td.indicator-handle, .service-period-view table.contents-list td.indicator-handle, .org-service-admin table.sections-list td.indicator-handle, .org-service-admin table.contents-list td.indicator-handle, .org-service-update table.sections-list td.indicator-handle, .org-service-update table.contents-list td.indicator-handle,
.admin-main table.sections-list td.indicator-handle,
.admin-main table.contents-list td.indicator-handle, .section-edit table.sections-list td.indicator-handle, .section-edit table.contents-list td.indicator-handle, .indicator-edit table.sections-list td.indicator-handle, .indicator-edit table.contents-list td.indicator-handle, .content-edit table.sections-list td.indicator-handle, .content-edit table.contents-list td.indicator-handle {
  width: 30%;
}

.user-edit table.sections-list td.indicator-heading, .user-edit table.contents-list td.indicator-heading, .user-admin table.sections-list td.indicator-heading, .user-admin table.contents-list td.indicator-heading, .session-admin table.sections-list td.indicator-heading, .session-admin table.contents-list td.indicator-heading, .service-period-view table.sections-list td.indicator-heading, .service-period-view table.contents-list td.indicator-heading, .org-service-admin table.sections-list td.indicator-heading, .org-service-admin table.contents-list td.indicator-heading, .org-service-update table.sections-list td.indicator-heading, .org-service-update table.contents-list td.indicator-heading,
.admin-main table.sections-list td.indicator-heading,
.admin-main table.contents-list td.indicator-heading, .section-edit table.sections-list td.indicator-heading, .section-edit table.contents-list td.indicator-heading, .indicator-edit table.sections-list td.indicator-heading, .indicator-edit table.contents-list td.indicator-heading, .content-edit table.sections-list td.indicator-heading, .content-edit table.contents-list td.indicator-heading {
  width: 30%;
}

.user-edit table.section-details input:not([type=checkbox]), .user-edit table.section-details textarea, .user-edit table.section-details select, .user-edit table.indicator-details input:not([type=checkbox]), .user-edit table.indicator-details textarea, .user-edit table.indicator-details select, .user-edit table.content-details input:not([type=checkbox]), .user-edit table.content-details textarea, .user-edit table.content-details select, .user-admin table.section-details input:not([type=checkbox]), .user-admin table.section-details textarea, .user-admin table.section-details select, .user-admin table.indicator-details input:not([type=checkbox]), .user-admin table.indicator-details textarea, .user-admin table.indicator-details select, .user-admin table.content-details input:not([type=checkbox]), .user-admin table.content-details textarea, .user-admin table.content-details select, .session-admin table.section-details input:not([type=checkbox]), .session-admin table.section-details textarea, .session-admin table.section-details select, .session-admin table.indicator-details input:not([type=checkbox]), .session-admin table.indicator-details textarea, .session-admin table.indicator-details select, .session-admin table.content-details input:not([type=checkbox]), .session-admin table.content-details textarea, .session-admin table.content-details select, .service-period-view table.section-details input:not([type=checkbox]), .service-period-view table.section-details textarea, .service-period-view table.section-details select, .service-period-view table.indicator-details input:not([type=checkbox]), .service-period-view table.indicator-details textarea, .service-period-view table.indicator-details select, .service-period-view table.content-details input:not([type=checkbox]), .service-period-view table.content-details textarea, .service-period-view table.content-details select, .org-service-admin table.section-details input:not([type=checkbox]), .org-service-admin table.section-details textarea, .org-service-admin table.section-details select, .org-service-admin table.indicator-details input:not([type=checkbox]), .org-service-admin table.indicator-details textarea, .org-service-admin table.indicator-details select, .org-service-admin table.content-details input:not([type=checkbox]), .org-service-admin table.content-details textarea, .org-service-admin table.content-details select, .org-service-update table.section-details input:not([type=checkbox]), .org-service-update table.section-details textarea, .org-service-update table.section-details select, .org-service-update table.indicator-details input:not([type=checkbox]), .org-service-update table.indicator-details textarea, .org-service-update table.indicator-details select, .org-service-update table.content-details input:not([type=checkbox]), .org-service-update table.content-details textarea, .org-service-update table.content-details select,
.admin-main table.section-details input:not([type=checkbox]),
.admin-main table.section-details textarea,
.admin-main table.section-details select,
.admin-main table.indicator-details input:not([type=checkbox]),
.admin-main table.indicator-details textarea,
.admin-main table.indicator-details select,
.admin-main table.content-details input:not([type=checkbox]),
.admin-main table.content-details textarea,
.admin-main table.content-details select, .section-edit table.section-details input:not([type=checkbox]), .section-edit table.section-details textarea, .section-edit table.section-details select, .section-edit table.indicator-details input:not([type=checkbox]), .section-edit table.indicator-details textarea, .section-edit table.indicator-details select, .section-edit table.content-details input:not([type=checkbox]), .section-edit table.content-details textarea, .section-edit table.content-details select, .indicator-edit table.section-details input:not([type=checkbox]), .indicator-edit table.section-details textarea, .indicator-edit table.section-details select, .indicator-edit table.indicator-details input:not([type=checkbox]), .indicator-edit table.indicator-details textarea, .indicator-edit table.indicator-details select, .indicator-edit table.content-details input:not([type=checkbox]), .indicator-edit table.content-details textarea, .indicator-edit table.content-details select, .content-edit table.section-details input:not([type=checkbox]), .content-edit table.section-details textarea, .content-edit table.section-details select, .content-edit table.indicator-details input:not([type=checkbox]), .content-edit table.indicator-details textarea, .content-edit table.indicator-details select, .content-edit table.content-details input:not([type=checkbox]), .content-edit table.content-details textarea, .content-edit table.content-details select {
  width: 100%;
}

.user-edit table.services-list .service-period-status, .user-admin table.services-list .service-period-status, .session-admin table.services-list .service-period-status, .service-period-view table.services-list .service-period-status, .org-service-admin table.services-list .service-period-status, .org-service-update table.services-list .service-period-status,
.admin-main table.services-list .service-period-status, .section-edit table.services-list .service-period-status, .indicator-edit table.services-list .service-period-status, .content-edit table.services-list .service-period-status {
  text-align: center;
}

.user-edit table.services-list td.service-period-status.session-started, .user-admin table.services-list td.service-period-status.session-started, .session-admin table.services-list td.service-period-status.session-started, .service-period-view table.services-list td.service-period-status.session-started, .org-service-admin table.services-list td.service-period-status.session-started, .org-service-update table.services-list td.service-period-status.session-started,
.admin-main table.services-list td.service-period-status.session-started, .section-edit table.services-list td.service-period-status.session-started, .indicator-edit table.services-list td.service-period-status.session-started, .content-edit table.services-list td.service-period-status.session-started {
  background-color: rgba(255, 255, 0, 0.1);
  color: #ff9900;
}

.user-edit table.services-list td.service-period-status.session-completed, .user-admin table.services-list td.service-period-status.session-completed, .session-admin table.services-list td.service-period-status.session-completed, .service-period-view table.services-list td.service-period-status.session-completed, .org-service-admin table.services-list td.service-period-status.session-completed, .org-service-update table.services-list td.service-period-status.session-completed,
.admin-main table.services-list td.service-period-status.session-completed, .section-edit table.services-list td.service-period-status.session-completed, .indicator-edit table.services-list td.service-period-status.session-completed, .content-edit table.services-list td.service-period-status.session-completed {
  background-color: rgba(0, 255, 0, 0.1);
  color: #00cc00;
}

.user-edit table.services-list td.service-period-status.users-absent, .user-admin table.services-list td.service-period-status.users-absent, .session-admin table.services-list td.service-period-status.users-absent, .service-period-view table.services-list td.service-period-status.users-absent, .org-service-admin table.services-list td.service-period-status.users-absent, .org-service-update table.services-list td.service-period-status.users-absent,
.admin-main table.services-list td.service-period-status.users-absent, .section-edit table.services-list td.service-period-status.users-absent, .indicator-edit table.services-list td.service-period-status.users-absent, .content-edit table.services-list td.service-period-status.users-absent {
  background-color: rgba(78, 78, 80, 0.1);
  color: #4E4E50;
}

.user-edit table.services-list td.service-period-status:not(.session-started):not(.session-completed):not(.users-absent), .user-admin table.services-list td.service-period-status:not(.session-started):not(.session-completed):not(.users-absent), .session-admin table.services-list td.service-period-status:not(.session-started):not(.session-completed):not(.users-absent), .service-period-view table.services-list td.service-period-status:not(.session-started):not(.session-completed):not(.users-absent), .org-service-admin table.services-list td.service-period-status:not(.session-started):not(.session-completed):not(.users-absent), .org-service-update table.services-list td.service-period-status:not(.session-started):not(.session-completed):not(.users-absent),
.admin-main table.services-list td.service-period-status:not(.session-started):not(.session-completed):not(.users-absent), .section-edit table.services-list td.service-period-status:not(.session-started):not(.session-completed):not(.users-absent), .indicator-edit table.services-list td.service-period-status:not(.session-started):not(.session-completed):not(.users-absent), .content-edit table.services-list td.service-period-status:not(.session-started):not(.session-completed):not(.users-absent) {
  background-color: rgba(255, 0, 0, 0.1);
  color: #cc0000;
}

.user-edit table.services-list th.service-name, .user-edit table.services-list td.service-name, .user-admin table.services-list th.service-name, .user-admin table.services-list td.service-name, .session-admin table.services-list th.service-name, .session-admin table.services-list td.service-name, .service-period-view table.services-list th.service-name, .service-period-view table.services-list td.service-name, .org-service-admin table.services-list th.service-name, .org-service-admin table.services-list td.service-name, .org-service-update table.services-list th.service-name, .org-service-update table.services-list td.service-name,
.admin-main table.services-list th.service-name,
.admin-main table.services-list td.service-name, .section-edit table.services-list th.service-name, .section-edit table.services-list td.service-name, .indicator-edit table.services-list th.service-name, .indicator-edit table.services-list td.service-name, .content-edit table.services-list th.service-name, .content-edit table.services-list td.service-name {
  width: 40%;
}

.user-edit table.services-list th.service-email, .user-edit table.services-list td.service-email, .user-admin table.services-list th.service-email, .user-admin table.services-list td.service-email, .session-admin table.services-list th.service-email, .session-admin table.services-list td.service-email, .service-period-view table.services-list th.service-email, .service-period-view table.services-list td.service-email, .org-service-admin table.services-list th.service-email, .org-service-admin table.services-list td.service-email, .org-service-update table.services-list th.service-email, .org-service-update table.services-list td.service-email,
.admin-main table.services-list th.service-email,
.admin-main table.services-list td.service-email, .section-edit table.services-list th.service-email, .section-edit table.services-list td.service-email, .indicator-edit table.services-list th.service-email, .indicator-edit table.services-list td.service-email, .content-edit table.services-list th.service-email, .content-edit table.services-list td.service-email {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.user-edit table.services-list th.service-period-status, .user-admin table.services-list th.service-period-status, .session-admin table.services-list th.service-period-status, .service-period-view table.services-list th.service-period-status, .org-service-admin table.services-list th.service-period-status, .org-service-update table.services-list th.service-period-status,
.admin-main table.services-list th.service-period-status, .section-edit table.services-list th.service-period-status, .indicator-edit table.services-list th.service-period-status, .content-edit table.services-list th.service-period-status {
  font-size: 85%;
}

.user-edit table.services-list-with-orgs td.service-name, .user-admin table.services-list-with-orgs td.service-name, .session-admin table.services-list-with-orgs td.service-name, .service-period-view table.services-list-with-orgs td.service-name, .org-service-admin table.services-list-with-orgs td.service-name, .org-service-update table.services-list-with-orgs td.service-name,
.admin-main table.services-list-with-orgs td.service-name, .section-edit table.services-list-with-orgs td.service-name, .indicator-edit table.services-list-with-orgs td.service-name, .content-edit table.services-list-with-orgs td.service-name {
  width: 40%;
}

.user-edit table.services-list-with-orgs td.service-type, .user-admin table.services-list-with-orgs td.service-type, .session-admin table.services-list-with-orgs td.service-type, .service-period-view table.services-list-with-orgs td.service-type, .org-service-admin table.services-list-with-orgs td.service-type, .org-service-update table.services-list-with-orgs td.service-type,
.admin-main table.services-list-with-orgs td.service-type, .section-edit table.services-list-with-orgs td.service-type, .indicator-edit table.services-list-with-orgs td.service-type, .content-edit table.services-list-with-orgs td.service-type {
  width: 20%;
}

.user-edit table.services-list-with-orgs td.service-provider, .user-admin table.services-list-with-orgs td.service-provider, .session-admin table.services-list-with-orgs td.service-provider, .service-period-view table.services-list-with-orgs td.service-provider, .org-service-admin table.services-list-with-orgs td.service-provider, .org-service-update table.services-list-with-orgs td.service-provider,
.admin-main table.services-list-with-orgs td.service-provider, .section-edit table.services-list-with-orgs td.service-provider, .indicator-edit table.services-list-with-orgs td.service-provider, .content-edit table.services-list-with-orgs td.service-provider {
  width: 20%;
}

.user-edit table.services-list-with-orgs td.service-consumer, .user-admin table.services-list-with-orgs td.service-consumer, .session-admin table.services-list-with-orgs td.service-consumer, .service-period-view table.services-list-with-orgs td.service-consumer, .org-service-admin table.services-list-with-orgs td.service-consumer, .org-service-update table.services-list-with-orgs td.service-consumer,
.admin-main table.services-list-with-orgs td.service-consumer, .section-edit table.services-list-with-orgs td.service-consumer, .indicator-edit table.services-list-with-orgs td.service-consumer, .content-edit table.services-list-with-orgs td.service-consumer {
  width: 20%;
}

.user-edit table.session-audits td.audit-action, .user-admin table.session-audits td.audit-action, .session-admin table.session-audits td.audit-action, .service-period-view table.session-audits td.audit-action, .org-service-admin table.session-audits td.audit-action, .org-service-update table.session-audits td.audit-action,
.admin-main table.session-audits td.audit-action, .section-edit table.session-audits td.audit-action, .indicator-edit table.session-audits td.audit-action, .content-edit table.session-audits td.audit-action {
  width: 3%;
  text-align: right;
}

.user-edit table.session-audits th.audit-at, .user-edit table.session-audits td.audit-at, .user-admin table.session-audits th.audit-at, .user-admin table.session-audits td.audit-at, .session-admin table.session-audits th.audit-at, .session-admin table.session-audits td.audit-at, .service-period-view table.session-audits th.audit-at, .service-period-view table.session-audits td.audit-at, .org-service-admin table.session-audits th.audit-at, .org-service-admin table.session-audits td.audit-at, .org-service-update table.session-audits th.audit-at, .org-service-update table.session-audits td.audit-at,
.admin-main table.session-audits th.audit-at,
.admin-main table.session-audits td.audit-at, .section-edit table.session-audits th.audit-at, .section-edit table.session-audits td.audit-at, .indicator-edit table.session-audits th.audit-at, .indicator-edit table.session-audits td.audit-at, .content-edit table.session-audits th.audit-at, .content-edit table.session-audits td.audit-at {
  padding-left: 3px;
  width: 10%;
}

.user-edit table.session-audits th.audit-filler, .user-edit table.session-audits td.audit-filler, .user-admin table.session-audits th.audit-filler, .user-admin table.session-audits td.audit-filler, .session-admin table.session-audits th.audit-filler, .session-admin table.session-audits td.audit-filler, .service-period-view table.session-audits th.audit-filler, .service-period-view table.session-audits td.audit-filler, .org-service-admin table.session-audits th.audit-filler, .org-service-admin table.session-audits td.audit-filler, .org-service-update table.session-audits th.audit-filler, .org-service-update table.session-audits td.audit-filler,
.admin-main table.session-audits th.audit-filler,
.admin-main table.session-audits td.audit-filler, .section-edit table.session-audits th.audit-filler, .section-edit table.session-audits td.audit-filler, .indicator-edit table.session-audits th.audit-filler, .indicator-edit table.session-audits td.audit-filler, .content-edit table.session-audits th.audit-filler, .content-edit table.session-audits td.audit-filler {
  width: 2%;
  padding: 0 3px;
  text-align: center;
}

.user-edit table.users-list, .user-admin table.users-list, .session-admin table.users-list, .service-period-view table.users-list, .org-service-admin table.users-list, .org-service-update table.users-list,
.admin-main table.users-list, .section-edit table.users-list, .indicator-edit table.users-list, .content-edit table.users-list {
  max-width: 100%;
}

.user-edit table.users-list input.archive-filter, .user-admin table.users-list input.archive-filter, .session-admin table.users-list input.archive-filter, .service-period-view table.users-list input.archive-filter, .org-service-admin table.users-list input.archive-filter, .org-service-update table.users-list input.archive-filter,
.admin-main table.users-list input.archive-filter, .section-edit table.users-list input.archive-filter, .indicator-edit table.users-list input.archive-filter, .content-edit table.users-list input.archive-filter {
  margin-left: 25px;
}

.user-edit table.users-list label.archive-filter-label, .user-admin table.users-list label.archive-filter-label, .session-admin table.users-list label.archive-filter-label, .service-period-view table.users-list label.archive-filter-label, .org-service-admin table.users-list label.archive-filter-label, .org-service-update table.users-list label.archive-filter-label,
.admin-main table.users-list label.archive-filter-label, .section-edit table.users-list label.archive-filter-label, .indicator-edit table.users-list label.archive-filter-label, .content-edit table.users-list label.archive-filter-label {
  font-weight: normal;
  font-size: 0.9em;
}

.user-edit table.users-list tr.archived, .user-admin table.users-list tr.archived, .session-admin table.users-list tr.archived, .service-period-view table.users-list tr.archived, .org-service-admin table.users-list tr.archived, .org-service-update table.users-list tr.archived,
.admin-main table.users-list tr.archived, .section-edit table.users-list tr.archived, .indicator-edit table.users-list tr.archived, .content-edit table.users-list tr.archived {
  opacity: 0.6;
  background-color: #eeeeee;
}

.user-edit table.users-list tr.archived td.user-name, .user-edit table.users-list tr.archived td.user-email, .user-admin table.users-list tr.archived td.user-name, .user-admin table.users-list tr.archived td.user-email, .session-admin table.users-list tr.archived td.user-name, .session-admin table.users-list tr.archived td.user-email, .service-period-view table.users-list tr.archived td.user-name, .service-period-view table.users-list tr.archived td.user-email, .org-service-admin table.users-list tr.archived td.user-name, .org-service-admin table.users-list tr.archived td.user-email, .org-service-update table.users-list tr.archived td.user-name, .org-service-update table.users-list tr.archived td.user-email,
.admin-main table.users-list tr.archived td.user-name,
.admin-main table.users-list tr.archived td.user-email, .section-edit table.users-list tr.archived td.user-name, .section-edit table.users-list tr.archived td.user-email, .indicator-edit table.users-list tr.archived td.user-name, .indicator-edit table.users-list tr.archived td.user-email, .content-edit table.users-list tr.archived td.user-name, .content-edit table.users-list tr.archived td.user-email {
  text-decoration: line-through;
}

.user-edit table.users-list td, .user-admin table.users-list td, .session-admin table.users-list td, .service-period-view table.users-list td, .org-service-admin table.users-list td, .org-service-update table.users-list td,
.admin-main table.users-list td, .section-edit table.users-list td, .indicator-edit table.users-list td, .content-edit table.users-list td {
  overflow: hidden;
}

.user-edit table.users-list td:hover, .user-admin table.users-list td:hover, .session-admin table.users-list td:hover, .service-period-view table.users-list td:hover, .org-service-admin table.users-list td:hover, .org-service-update table.users-list td:hover,
.admin-main table.users-list td:hover, .section-edit table.users-list td:hover, .indicator-edit table.users-list td:hover, .content-edit table.users-list td:hover {
  overflow: visible;
}

.user-edit table.users-list td.user-id, .user-admin table.users-list td.user-id, .session-admin table.users-list td.user-id, .service-period-view table.users-list td.user-id, .org-service-admin table.users-list td.user-id, .org-service-update table.users-list td.user-id,
.admin-main table.users-list td.user-id, .section-edit table.users-list td.user-id, .indicator-edit table.users-list td.user-id, .content-edit table.users-list td.user-id {
  width: 5%;
}

.user-edit table.users-list td.user-name, .user-admin table.users-list td.user-name, .session-admin table.users-list td.user-name, .service-period-view table.users-list td.user-name, .org-service-admin table.users-list td.user-name, .org-service-update table.users-list td.user-name,
.admin-main table.users-list td.user-name, .section-edit table.users-list td.user-name, .indicator-edit table.users-list td.user-name, .content-edit table.users-list td.user-name {
  width: 15%;
}

.user-edit table.users-list td.user-email, .user-admin table.users-list td.user-email, .session-admin table.users-list td.user-email, .service-period-view table.users-list td.user-email, .org-service-admin table.users-list td.user-email, .org-service-update table.users-list td.user-email,
.admin-main table.users-list td.user-email, .section-edit table.users-list td.user-email, .indicator-edit table.users-list td.user-email, .content-edit table.users-list td.user-email {
  width: 20%;
}

.user-edit table.users-list td.user-email.unconfirmed *, .user-admin table.users-list td.user-email.unconfirmed *, .session-admin table.users-list td.user-email.unconfirmed *, .service-period-view table.users-list td.user-email.unconfirmed *, .org-service-admin table.users-list td.user-email.unconfirmed *, .org-service-update table.users-list td.user-email.unconfirmed *,
.admin-main table.users-list td.user-email.unconfirmed *, .section-edit table.users-list td.user-email.unconfirmed *, .indicator-edit table.users-list td.user-email.unconfirmed *, .content-edit table.users-list td.user-email.unconfirmed * {
  opacity: 0.6;
}

.user-edit table.users-list td.user-position, .user-admin table.users-list td.user-position, .session-admin table.users-list td.user-position, .service-period-view table.users-list td.user-position, .org-service-admin table.users-list td.user-position, .org-service-update table.users-list td.user-position,
.admin-main table.users-list td.user-position, .section-edit table.users-list td.user-position, .indicator-edit table.users-list td.user-position, .content-edit table.users-list td.user-position {
  width: 12%;
}

.user-edit table.users-list td.user-phone, .user-admin table.users-list td.user-phone, .session-admin table.users-list td.user-phone, .service-period-view table.users-list td.user-phone, .org-service-admin table.users-list td.user-phone, .org-service-update table.users-list td.user-phone,
.admin-main table.users-list td.user-phone, .section-edit table.users-list td.user-phone, .indicator-edit table.users-list td.user-phone, .content-edit table.users-list td.user-phone {
  width: 8%;
}

.user-edit table.users-list td.user-orgs, .user-admin table.users-list td.user-orgs, .session-admin table.users-list td.user-orgs, .service-period-view table.users-list td.user-orgs, .org-service-admin table.users-list td.user-orgs, .org-service-update table.users-list td.user-orgs,
.admin-main table.users-list td.user-orgs, .section-edit table.users-list td.user-orgs, .indicator-edit table.users-list td.user-orgs, .content-edit table.users-list td.user-orgs {
  width: 20%;
}

.user-edit table.users-list td.user-last-login, .user-admin table.users-list td.user-last-login, .session-admin table.users-list td.user-last-login, .service-period-view table.users-list td.user-last-login, .org-service-admin table.users-list td.user-last-login, .org-service-update table.users-list td.user-last-login,
.admin-main table.users-list td.user-last-login, .section-edit table.users-list td.user-last-login, .indicator-edit table.users-list td.user-last-login, .content-edit table.users-list td.user-last-login {
  width: 15%;
}

.user-edit table.users-list td.user-actions, .user-admin table.users-list td.user-actions, .session-admin table.users-list td.user-actions, .service-period-view table.users-list td.user-actions, .org-service-admin table.users-list td.user-actions, .org-service-update table.users-list td.user-actions,
.admin-main table.users-list td.user-actions, .section-edit table.users-list td.user-actions, .indicator-edit table.users-list td.user-actions, .content-edit table.users-list td.user-actions {
  width: 5%;
}

.user-edit table.users-list.user-orgs ul, .user-admin table.users-list.user-orgs ul, .session-admin table.users-list.user-orgs ul, .service-period-view table.users-list.user-orgs ul, .org-service-admin table.users-list.user-orgs ul, .org-service-update table.users-list.user-orgs ul,
.admin-main table.users-list.user-orgs ul, .section-edit table.users-list.user-orgs ul, .indicator-edit table.users-list.user-orgs ul, .content-edit table.users-list.user-orgs ul {
  margin: 0;
}

.user-edit table.user-details tr td:first-child, .user-admin table.user-details tr td:first-child, .session-admin table.user-details tr td:first-child, .service-period-view table.user-details tr td:first-child, .org-service-admin table.user-details tr td:first-child, .org-service-update table.user-details tr td:first-child,
.admin-main table.user-details tr td:first-child, .section-edit table.user-details tr td:first-child, .indicator-edit table.user-details tr td:first-child, .content-edit table.user-details tr td:first-child {
  font-weight: bold;
  width: 35%;
}

.user-edit table.user-details tr td:last-child, .user-admin table.user-details tr td:last-child, .session-admin table.user-details tr td:last-child, .service-period-view table.user-details tr td:last-child, .org-service-admin table.user-details tr td:last-child, .org-service-update table.user-details tr td:last-child,
.admin-main table.user-details tr td:last-child, .section-edit table.user-details tr td:last-child, .indicator-edit table.user-details tr td:last-child, .content-edit table.user-details tr td:last-child {
  width: 70%;
}

.user-edit table.user-details tr td:last-child input:not([type=checkbox]), .user-edit table.user-details tr td:last-child textarea, .user-edit table.user-details tr td:last-child select, .user-admin table.user-details tr td:last-child input:not([type=checkbox]), .user-admin table.user-details tr td:last-child textarea, .user-admin table.user-details tr td:last-child select, .session-admin table.user-details tr td:last-child input:not([type=checkbox]), .session-admin table.user-details tr td:last-child textarea, .session-admin table.user-details tr td:last-child select, .service-period-view table.user-details tr td:last-child input:not([type=checkbox]), .service-period-view table.user-details tr td:last-child textarea, .service-period-view table.user-details tr td:last-child select, .org-service-admin table.user-details tr td:last-child input:not([type=checkbox]), .org-service-admin table.user-details tr td:last-child textarea, .org-service-admin table.user-details tr td:last-child select, .org-service-update table.user-details tr td:last-child input:not([type=checkbox]), .org-service-update table.user-details tr td:last-child textarea, .org-service-update table.user-details tr td:last-child select,
.admin-main table.user-details tr td:last-child input:not([type=checkbox]),
.admin-main table.user-details tr td:last-child textarea,
.admin-main table.user-details tr td:last-child select, .section-edit table.user-details tr td:last-child input:not([type=checkbox]), .section-edit table.user-details tr td:last-child textarea, .section-edit table.user-details tr td:last-child select, .indicator-edit table.user-details tr td:last-child input:not([type=checkbox]), .indicator-edit table.user-details tr td:last-child textarea, .indicator-edit table.user-details tr td:last-child select, .content-edit table.user-details tr td:last-child input:not([type=checkbox]), .content-edit table.user-details tr td:last-child textarea, .content-edit table.user-details tr td:last-child select {
  width: 100%;
}

.user-edit table.user-details tr td:last-child input[type=checkbox]:not(first-child), .user-admin table.user-details tr td:last-child input[type=checkbox]:not(first-child), .session-admin table.user-details tr td:last-child input[type=checkbox]:not(first-child), .service-period-view table.user-details tr td:last-child input[type=checkbox]:not(first-child), .org-service-admin table.user-details tr td:last-child input[type=checkbox]:not(first-child), .org-service-update table.user-details tr td:last-child input[type=checkbox]:not(first-child),
.admin-main table.user-details tr td:last-child input[type=checkbox]:not(first-child), .section-edit table.user-details tr td:last-child input[type=checkbox]:not(first-child), .indicator-edit table.user-details tr td:last-child input[type=checkbox]:not(first-child), .content-edit table.user-details tr td:last-child input[type=checkbox]:not(first-child) {
  margin-left: 12px;
}

.user-edit table.user-orgs tr td:first-child, .user-admin table.user-orgs tr td:first-child, .session-admin table.user-orgs tr td:first-child, .service-period-view table.user-orgs tr td:first-child, .org-service-admin table.user-orgs tr td:first-child, .org-service-update table.user-orgs tr td:first-child,
.admin-main table.user-orgs tr td:first-child, .section-edit table.user-orgs tr td:first-child, .indicator-edit table.user-orgs tr td:first-child, .content-edit table.user-orgs tr td:first-child {
  width: 70%;
  vertical-align: top;
}

.user-edit table.user-orgs tr td:first-child button, .user-admin table.user-orgs tr td:first-child button, .session-admin table.user-orgs tr td:first-child button, .service-period-view table.user-orgs tr td:first-child button, .org-service-admin table.user-orgs tr td:first-child button, .org-service-update table.user-orgs tr td:first-child button,
.admin-main table.user-orgs tr td:first-child button, .section-edit table.user-orgs tr td:first-child button, .indicator-edit table.user-orgs tr td:first-child button, .content-edit table.user-orgs tr td:first-child button {
  background-color: #999999;
  color: #FFF;
}

.user-edit table.user-orgs tr td:last-child, .user-admin table.user-orgs tr td:last-child, .session-admin table.user-orgs tr td:last-child, .service-period-view table.user-orgs tr td:last-child, .org-service-admin table.user-orgs tr td:last-child, .org-service-update table.user-orgs tr td:last-child,
.admin-main table.user-orgs tr td:last-child, .section-edit table.user-orgs tr td:last-child, .indicator-edit table.user-orgs tr td:last-child, .content-edit table.user-orgs tr td:last-child {
  width: 30%;
  vertical-align: top;
}

.user-edit table.user-orgs tr td:last-child button, .user-admin table.user-orgs tr td:last-child button, .session-admin table.user-orgs tr td:last-child button, .service-period-view table.user-orgs tr td:last-child button, .org-service-admin table.user-orgs tr td:last-child button, .org-service-update table.user-orgs tr td:last-child button,
.admin-main table.user-orgs tr td:last-child button, .section-edit table.user-orgs tr td:last-child button, .indicator-edit table.user-orgs tr td:last-child button, .content-edit table.user-orgs tr td:last-child button {
  background-color: #f8971d;
  color: #FFF;
}

.user-edit table.user-orgs tr .filter-checkbox, .user-admin table.user-orgs tr .filter-checkbox, .session-admin table.user-orgs tr .filter-checkbox, .service-period-view table.user-orgs tr .filter-checkbox, .org-service-admin table.user-orgs tr .filter-checkbox, .org-service-update table.user-orgs tr .filter-checkbox,
.admin-main table.user-orgs tr .filter-checkbox, .section-edit table.user-orgs tr .filter-checkbox, .indicator-edit table.user-orgs tr .filter-checkbox, .content-edit table.user-orgs tr .filter-checkbox {
  margin: 0 5px;
}

.user-edit table.user-services tr td:first-child, .user-admin table.user-services tr td:first-child, .session-admin table.user-services tr td:first-child, .service-period-view table.user-services tr td:first-child, .org-service-admin table.user-services tr td:first-child, .org-service-update table.user-services tr td:first-child,
.admin-main table.user-services tr td:first-child, .section-edit table.user-services tr td:first-child, .indicator-edit table.user-services tr td:first-child, .content-edit table.user-services tr td:first-child {
  width: 50%;
  vertical-align: top;
}

.user-edit table.user-services tr td:first-child button, .user-admin table.user-services tr td:first-child button, .session-admin table.user-services tr td:first-child button, .service-period-view table.user-services tr td:first-child button, .org-service-admin table.user-services tr td:first-child button, .org-service-update table.user-services tr td:first-child button,
.admin-main table.user-services tr td:first-child button, .section-edit table.user-services tr td:first-child button, .indicator-edit table.user-services tr td:first-child button, .content-edit table.user-services tr td:first-child button {
  background-color: #999999;
  color: #FFF;
}

.user-edit table.user-services tr td:last-child, .user-admin table.user-services tr td:last-child, .session-admin table.user-services tr td:last-child, .service-period-view table.user-services tr td:last-child, .org-service-admin table.user-services tr td:last-child, .org-service-update table.user-services tr td:last-child,
.admin-main table.user-services tr td:last-child, .section-edit table.user-services tr td:last-child, .indicator-edit table.user-services tr td:last-child, .content-edit table.user-services tr td:last-child {
  width: 50%;
  vertical-align: top;
}

.user-edit table.user-services tr td:last-child button, .user-admin table.user-services tr td:last-child button, .session-admin table.user-services tr td:last-child button, .service-period-view table.user-services tr td:last-child button, .org-service-admin table.user-services tr td:last-child button, .org-service-update table.user-services tr td:last-child button,
.admin-main table.user-services tr td:last-child button, .section-edit table.user-services tr td:last-child button, .indicator-edit table.user-services tr td:last-child button, .content-edit table.user-services tr td:last-child button {
  background-color: #f8971d;
  color: #FFF;
}

.user-edit table.user-services tr .filter-checkbox, .user-admin table.user-services tr .filter-checkbox, .session-admin table.user-services tr .filter-checkbox, .service-period-view table.user-services tr .filter-checkbox, .org-service-admin table.user-services tr .filter-checkbox, .org-service-update table.user-services tr .filter-checkbox,
.admin-main table.user-services tr .filter-checkbox, .section-edit table.user-services tr .filter-checkbox, .indicator-edit table.user-services tr .filter-checkbox, .content-edit table.user-services tr .filter-checkbox {
  margin: 0 5px;
}

.user-edit table.org-service-uploads td.entity-type, .user-admin table.org-service-uploads td.entity-type, .session-admin table.org-service-uploads td.entity-type, .service-period-view table.org-service-uploads td.entity-type, .org-service-admin table.org-service-uploads td.entity-type, .org-service-update table.org-service-uploads td.entity-type,
.admin-main table.org-service-uploads td.entity-type, .section-edit table.org-service-uploads td.entity-type, .indicator-edit table.org-service-uploads td.entity-type, .content-edit table.org-service-uploads td.entity-type {
  width: 20%;
}

.user-edit table.org-service-uploads td.entity-source, .user-admin table.org-service-uploads td.entity-source, .session-admin table.org-service-uploads td.entity-source, .service-period-view table.org-service-uploads td.entity-source, .org-service-admin table.org-service-uploads td.entity-source, .org-service-update table.org-service-uploads td.entity-source,
.admin-main table.org-service-uploads td.entity-source, .section-edit table.org-service-uploads td.entity-source, .indicator-edit table.org-service-uploads td.entity-source, .content-edit table.org-service-uploads td.entity-source {
  width: 75%;
  padding: 10px;
}

.user-edit table.org-service-uploads td.entity-source.awaiting-drop, .user-admin table.org-service-uploads td.entity-source.awaiting-drop, .session-admin table.org-service-uploads td.entity-source.awaiting-drop, .service-period-view table.org-service-uploads td.entity-source.awaiting-drop, .org-service-admin table.org-service-uploads td.entity-source.awaiting-drop, .org-service-update table.org-service-uploads td.entity-source.awaiting-drop,
.admin-main table.org-service-uploads td.entity-source.awaiting-drop, .section-edit table.org-service-uploads td.entity-source.awaiting-drop, .indicator-edit table.org-service-uploads td.entity-source.awaiting-drop, .content-edit table.org-service-uploads td.entity-source.awaiting-drop {
  background-color: rgba(210, 235, 255, 0.75);
  color: #999999;
  font-weight: bold;
  text-transform: uppercase;
}

.user-edit table.org-service-uploads td.entity-source .status-processed, .user-admin table.org-service-uploads td.entity-source .status-processed, .session-admin table.org-service-uploads td.entity-source .status-processed, .service-period-view table.org-service-uploads td.entity-source .status-processed, .org-service-admin table.org-service-uploads td.entity-source .status-processed, .org-service-update table.org-service-uploads td.entity-source .status-processed,
.admin-main table.org-service-uploads td.entity-source .status-processed, .section-edit table.org-service-uploads td.entity-source .status-processed, .indicator-edit table.org-service-uploads td.entity-source .status-processed, .content-edit table.org-service-uploads td.entity-source .status-processed {
  background-color: rgba(192, 255, 192, 0.1);
  color: #00cc00;
}

.user-edit table.org-service-uploads td.entity-source .status-error, .user-admin table.org-service-uploads td.entity-source .status-error, .session-admin table.org-service-uploads td.entity-source .status-error, .service-period-view table.org-service-uploads td.entity-source .status-error, .org-service-admin table.org-service-uploads td.entity-source .status-error, .org-service-update table.org-service-uploads td.entity-source .status-error,
.admin-main table.org-service-uploads td.entity-source .status-error, .section-edit table.org-service-uploads td.entity-source .status-error, .indicator-edit table.org-service-uploads td.entity-source .status-error, .content-edit table.org-service-uploads td.entity-source .status-error {
  background-color: rgba(255, 228, 228, 0.5);
  color: #cc3333;
}

.user-edit table.org-service-uploads td.entity-source .status-message, .user-admin table.org-service-uploads td.entity-source .status-message, .session-admin table.org-service-uploads td.entity-source .status-message, .service-period-view table.org-service-uploads td.entity-source .status-message, .org-service-admin table.org-service-uploads td.entity-source .status-message, .org-service-update table.org-service-uploads td.entity-source .status-message,
.admin-main table.org-service-uploads td.entity-source .status-message, .section-edit table.org-service-uploads td.entity-source .status-message, .indicator-edit table.org-service-uploads td.entity-source .status-message, .content-edit table.org-service-uploads td.entity-source .status-message {
  font-style: italic;
}

.status-upload-ok .user-edit table.org-service-uploads td.entity-source .status-message, .status-upload-ok .user-admin table.org-service-uploads td.entity-source .status-message, .status-upload-ok .session-admin table.org-service-uploads td.entity-source .status-message, .status-upload-ok .service-period-view table.org-service-uploads td.entity-source .status-message, .status-upload-ok .org-service-admin table.org-service-uploads td.entity-source .status-message, .status-upload-ok .org-service-update table.org-service-uploads td.entity-source .status-message, .status-upload-ok
.admin-main table.org-service-uploads td.entity-source .status-message, .status-upload-ok .section-edit table.org-service-uploads td.entity-source .status-message, .status-upload-ok .indicator-edit table.org-service-uploads td.entity-source .status-message, .status-upload-ok .content-edit table.org-service-uploads td.entity-source .status-message {
  color: #00cc00;
}

.user-edit table.org-service-uploads .entity-actions, .user-admin table.org-service-uploads .entity-actions, .session-admin table.org-service-uploads .entity-actions, .service-period-view table.org-service-uploads .entity-actions, .org-service-admin table.org-service-uploads .entity-actions, .org-service-update table.org-service-uploads .entity-actions,
.admin-main table.org-service-uploads .entity-actions, .section-edit table.org-service-uploads .entity-actions, .indicator-edit table.org-service-uploads .entity-actions, .content-edit table.org-service-uploads .entity-actions {
  width: 5%;
  text-align: center;
}

.save-controls {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  padding: 15px 20px 15px 20px;
  margin-top: 15px;
  background-color: rgba(255, 255, 255, 0.95);
}

.save-controls button {
  min-width: 120px;
  height: 40px;
  color: #FFF;
}

.select-indicators h6 {
  font-weight: normal;
  margin: 3px 0 3px 3px;
  color: #666666;
}

.select-indicators .filter-indicators-service-types * {
  font-size: .9em;
  font-weight: normal;
}

.select-indicators .filter-indicators-service-types label {
  margin-left: 5px;
}

.select-indicators .all-indicators {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.select-indicators .all-indicators > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 5px;
  border-radius: 3px;
  margin: 5px;
}

.select-indicators .all-indicators .available-indicators {
  border: 1px solid #999999;
}

.select-indicators .all-indicators .available-indicators span.available-indicator {
  border: 1px solid #eeeeee;
  border-radius: 2px;
  padding: 0 2px;
  margin: 1px;
  display: inline-block;
}

.select-indicators .all-indicators .available-indicators span.available-indicator button {
  border: 1px solid #cccccc;
  border-radius: 2px;
  background-color: #ffffff;
}

.select-indicators .all-indicators .available-indicators span.available-indicator button.unclickable {
  opacity: 0.4;
}

.select-indicators .all-indicators .selected-indicators {
  top: 10px;
  border: 1px solid #33cc33;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.select-indicators .all-indicators .selected-indicators span.selected-indicator {
  border: 1px solid #eeeeee;
  border-radius: 2px;
  padding: 0 2px;
  margin: 1px;
  display: inline-block;
}

.select-indicators .all-indicators .selected-indicators span.selected-indicator button {
  border: 1px solid #cccccc;
  border-radius: 2px;
  background-color: #ffffff;
}

.select-indicators .all-indicators .selected-indicators .btn-export-excel {
  text-align: center;
  background-color: #FFF;
  border: 1px solid #217346;
  color: #217346;
}

.select-indicators .section-group-selector {
  border: 2px solid #eeeeee;
  border-radius: 2px;
  padding: 0 2px;
  margin: 1px;
  display: inline-block;
}

.select-indicators .section-group-selector button {
  border: 1px solid #cccccc;
  border-radius: 2px;
  background-color: #ffffff;
}

.select-indicators .section-group-selector button.unclickable {
  opacity: 0.4;
}

label.required:after {
  content: '*';
  font-weight: bold;
  color: #cc0000;
}

.run-report {
  border-top: 1px solid #999999;
  padding-top: 5px;
  margin-top: 5px;
}

ul.seed-sources-list {
  list-style-type: none;
}

ul.seed-sources-list li {
  display: inline-block;
  padding: 10px;
  border: 1px solid #f8971d;
  background-color: #FFF;
  border-radius: 3px;
  margin: 10px;
}

.float-top {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 120px;
  right: 40px;
  background-color: #f8971d;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  -webkit-box-shadow: 2px 2px 3px #999;
          box-shadow: 2px 2px 3px #999;
}

.float-bottom {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #f8971d;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  -webkit-box-shadow: 2px 2px 3px #999;
          box-shadow: 2px 2px 3px #999;
}

.my-float {
  margin-top: 22px;
}

.float-emails {
  position: fixed;
  width: 25em;
  height: 25em;
  top: 5em;
  right: 5em;
  color: #f8971d;
  background-color: white;
  text-align: left;
  -webkit-box-shadow: 2px 2px 3px #999;
          box-shadow: 2px 2px 3px #999;
  font-size: 14px;
  opacity: 0.9;
}

.email-unconfirmed {
  color: orangered;
  margin: 0 auto;
  float: right;
  padding-right: 1em;
  cursor: pointer;
  vertical-align: middle;
}

.user-not-approved {
  color: darkred;
  margin: 0 auto;
  float: right;
  padding-right: 1em;
  vertical-align: middle;
}

.read-only-review {
  color: #333;
  margin: 0 auto;
  font-size: 1.5rem;
}

.float-top-of-bottom-left {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 120px;
  left: 40px;
  background-color: #f8971d;
  color: #FFF;
  cursor: pointer;
  -webkit-box-shadow: 2px 2px 3px #999;
          box-shadow: 2px 2px 3px #999;
  border-radius: 50px;
  text-align: center;
}

.float-bottom-left {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  left: 40px;
  background-color: #f8971d;
  color: #FFF;
  cursor: pointer;
  -webkit-box-shadow: 2px 2px 3px #999;
          box-shadow: 2px 2px 3px #999;
  border-radius: 50px;
  text-align: center;
}

div.alert {
  position: relative;
  margin: 10px auto -10px auto;
  padding: 16px 16px;
  width: 100%;
  max-width: 1168px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 3px;
}

div.alert.alert-info {
  border: 1px solid #0000ff;
  background-color: rgba(100, 100, 255, 0.9);
  color: #ffffff;
}

div.alert.alert-success {
  border: 1px solid #00ff00;
  background-color: rgba(64, 204, 64, 0.9);
  color: #ffffff;
}

div.alert.alert-danger {
  border: 1px solid #ff0000;
  background-color: rgba(204, 64, 64, 0.9);
  color: #ffffff;
}

div.alert.alert-warning {
  border: 1px solid #ffff00;
  background-color: rgba(204, 204, 64, 0.9);
  color: #000000;
}

div.alert button {
  position: absolute;
  right: 10px;
  background-color: #f0f0f0;
  border: 1px solid #cccccc;
  height: 28px;
  width: 28px;
  border-radius: 2px;
}

header {
  padding: 5px 0;
  background-color: #f8971d;
  color: #005596;
  -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
  transition: -webkit-box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
}

body > header {
  border-bottom: 2px solid #005596;
}

header .header__inner {
  margin: 0 auto;
  padding: 0 16px;
  width: 100%;
  max-width: 1232px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

header .header__logo {
  font-size: 0;
  margin-right: 20px;
}

header nav {
  width: 100%;
}

header .user__nav {
  float: right;
}

.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto 0;
  padding: 0;
  list-style-type: none;
}

.nav__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 8px;
}

.nav__item_link {
  display: block;
  padding: 16px 0;
  color: #FFF;
  text-decoration: none;
  font-weight: 700;
  -webkit-transition: padding 0.2s ease-in-out;
  transition: padding 0.2s ease-in-out;
}

.nav__item:after {
  content: '';
  display: block;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.nav__item.nav__item--active:after,
.nav__item:not(.nav__item_home):hover:after {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.nav__item_link .icon {
  margin-right: 4px;
  vertical-align: middle;
}

@media (min-width: 1010px) {
  .nav__item_link {
    padding: 16px 8px;
    font-size: 0.9rem;
  }
  .nav__item_link .icon {
    margin-right: 8px;
    font-size: 1.8rem;
  }
  .header__nav_mobile_main, .header__nav_mobile_menu, .user__nav_mobile {
    display: none;
  }
  body.body--is_scrolled .nav__item_link {
    padding: 8px 16px;
  }
  body.body--is_scrolled .nav__item_link .icon {
    font-size: 1.2rem;
  }
  body.body--is_scrolled .nav__item:first-of-type {
    margin-left: 0;
  }
}

@media (max-width: 1010px) {
  .header__nav, .user__nav {
    display: none !important;
  }
  .header__nav_mobile_main a, .header__nav_mobile_main a:active, .header__nav_mobile_main a:hover, .header__nav_mobile_main a:active {
    text-decoration: none !important;
  }
  .header__nav_mobile_main .nav__item_hamburger {
    position: absolute;
    right: 10px;
  }
  .header__nav_mobile_menu {
    position: absolute;
    left: 3px;
    width: calc(100% - 6px);
    background-color: #f8971d;
    z-index: 999;
    padding: 0 5px;
  }
  .user__nav_mobile_menu {
    overflow: hidden;
    position: relative;
  }
  .user__nav_mobile_menu a {
    color: #FFF;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    display: block;
  }
  .nav__item_link_mobile {
    display: block;
    padding: 16px 0;
    color: #FFF;
    text-decoration: none;
    font-weight: 700;
    -webkit-transition: padding 0.2s ease-in-out;
    transition: padding 0.2s ease-in-out;
  }
  .nav__item_link .icon {
    margin-right: 8px;
    font-size: 1.8rem;
  }
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  width: 100%;
  position: absolute;
  background-color: #005596;
  color: white;
  min-width: 160px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 12px 16px;
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-content-item {
  width: 100%;
  display: block;
  color: white;
  padding-top: 0.125em;
  padding-bottom: 0.125em;
  font-size: 0.8rem;
  cursor: pointer;
}

.login {
  margin: auto;
  padding: 16px;
  width: 100%;
}

.login__header {
  border: 1px solid #005596;
  border-bottom: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 8px 16px;
  text-align: center;
  color: #FFF;
  background-color: #005596;
}

.login__header .login__icon {
  display: inline-block;
  margin: 16px auto;
  border: 4px solid #FFF;
  border-radius: 50%;
  height: 7rem;
  width: 7rem;
  font-size: 4rem;
  line-height: 6rem;
}

.login__header .login__heading {
  margin: 0;
}

.login__header a {
  color: #FFF;
}

.login__form {
  border: 1px solid #005596;
  border-top: none;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 16px;
}

.login__form form {
  margin: auto;
  max-width: 560px;
}

.service-search-results {
  text-align: left;
  mex-height: 100px;
  overflow-y: auto;
  border: 1px solid #f8971d;
}

.section {
  margin: 0;
  padding: 16px 0 0 0;
  list-style-type: none;
}

.section-group, .section-summary {
  margin-bottom: 16px;
  border: 1px solid #005596;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #FFF;
}

.section-0 .section-group, .section-0 .section-summary {
  border: 1px solid #f8971d;
}

.section-1 .section-group, .section-1 .section-summary {
  border: 1px solid #19bffd;
}

.section-2 .section-group, .section-2 .section-summary {
  border: 1px solid #a2de64;
}

.section-3 .section-group, .section-3 .section-summary {
  border: 1px solid #ffcc00;
}

.section-4 .section-group, .section-4 .section-summary {
  border: 1px solid #3a9cd2;
}

.section-5 .section-group, .section-5 .section-summary {
  border: 1px solid #980950;
}

.section-6 .section-group, .section-6 .section-summary {
  border: 1px solid #18a09b;
}

.section-7 .section-group, .section-7 .section-summary {
  border: 1px solid #0be6b5;
}

.section-8 .section-group, .section-8 .section-summary {
  border: 1px solid #a529f4;
}

.section-9 .section-group, .section-9 .section-summary {
  border: 1px solid #fe3108;
}

.section-summary .section-group, .section-summary .section-summary {
  border: 1px solid #a529f4;
}

.section-group:last-of-type {
  margin-bottom: 0;
}

.section-group__header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 8px 16px;
}

.section-group__header.section-intro, .section-group__header.group-intro {
  background-color: #FFF !important;
}

.section-group__header.section-intro *, .section-group__header.group-intro * {
  color: #333 !important;
}

.section-0 .section-group__header:not(.section-intro) {
  background-color: #f8971d;
}

.section-1 .section-group__header:not(.section-intro) {
  background-color: #19bffd;
}

.section-2 .section-group__header:not(.section-intro) {
  background-color: #a2de64;
}

.section-3 .section-group__header:not(.section-intro) {
  background-color: #ffcc00;
}

.section-4 .section-group__header:not(.section-intro) {
  background-color: #3a9cd2;
}

.section-5 .section-group__header:not(.section-intro) {
  background-color: #980950;
}

.section-6 .section-group__header:not(.section-intro) {
  background-color: #18a09b;
}

.section-7 .section-group__header:not(.section-intro) {
  background-color: #0be6b5;
}

.section-8 .section-group__header:not(.section-intro) {
  background-color: #a529f4;
}

.section-9 .section-group__header:not(.section-intro) {
  background-color: #fe3108;
}

.section-summary .section-group__header {
  background-color: #a529f4;
}

.section-group__header .show-toggle {
  float: right;
  color: #FFF;
  font-size: 1.5rem;
  margin-top: -15px;
}

.section-group__title, .section-summary__title,
.section-group__markup, .section-summary__markup {
  margin: 0;
  line-height: 1;
}

.section-group__title, .section-summary__title {
  margin-bottom: 4px;
  color: #FFF;
}

.section-group__markup, .section-summary__markup {
  color: #FFF;
  font-weight: 400;
}

.section-group__markup > p {
  margin: 0;
}

.section-group__markup > p:not(:first-child) {
  padding-top: 12px;
}

.section-group__indicators > .indicators {
  padding: 8px 0;
}

.indicators.promoted-children {
  width: 100%;
}

.indicator__body.promoted-children {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.promoted-children-break {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  height: 0;
}

.promoted-children .promoted-child {
  padding: 2px 0 2px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5px;
}

.promoted-children .promoted-child:hover {
  border-bottom: 1px dotted #cccccc;
  border-top: 1px dotted #cccccc;
  padding: 1px 0 1px 20px;
}

.promoted-children .promoted-child label {
  font-weight: normal;
  font-size: 0.8em;
}

.promoted-children .promoted-child input, .promoted-children .promoted-child select {
  margin: 5px;
}

.section-group__indicators > .indicators > .indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 8px 16px;
}

.section-group__indicators > .indicators > .indicator.children_lead {
  padding: 0 16px;
}

.section-group__indicators > .indicators > .indicator.children_lead .indicator {
  padding-bottom: 0;
}

.section-group__indicators > .indicators > .indicator.children_follow {
  padding-top: 0;
}

.section-group__indicators > .indicators > .indicator.children_follow div.child-title {
  visibility: hidden;
}

.section-group__indicators > .indicators > .indicator:after {
  content: '';
  display: block;
  margin: 16px auto 0 auto;
  width: 100%;
}

.section-0 .section-group__indicators > .indicators > .indicator:after {
  border-bottom: 1px solid #f8971d;
}

.section-1 .section-group__indicators > .indicators > .indicator:after {
  border-bottom: 1px solid #19bffd;
}

.section-2 .section-group__indicators > .indicators > .indicator:after {
  border-bottom: 1px solid #a2de64;
}

.section-3 .section-group__indicators > .indicators > .indicator:after {
  border-bottom: 1px solid #ffcc00;
}

.section-4 .section-group__indicators > .indicators > .indicator:after {
  border-bottom: 1px solid #3a9cd2;
}

.section-5 .section-group__indicators > .indicators > .indicator:after {
  border-bottom: 1px solid #980950;
}

.section-6 .section-group__indicators > .indicators > .indicator:after {
  border-bottom: 1px solid #18a09b;
}

.section-7 .section-group__indicators > .indicators > .indicator:after {
  border-bottom: 1px solid #0be6b5;
}

.section-8 .section-group__indicators > .indicators > .indicator:after {
  border-bottom: 1px solid #a529f4;
}

.section-9 .section-group__indicators > .indicators > .indicator:after {
  border-bottom: 1px solid #fe3108;
}

.section-summary .section-group__indicators > .indicators > .indicator:after {
  border-bottom: 1px solid #a529f4;
}

.section-group__indicators > .indicators > .indicator:last-of-type:after {
  display: none;
}

.section-group__indicators > .indicators > .indicator > .indicator__quality_statement {
  position: relative;
  margin-bottom: 8px;
  padding: 8px 16px;
  border-radius: 4px;
  background-color: #f8971d;
  color: #FFF;
}

.section-group__indicators > .indicators > .indicator > .indicator__quality_statement:before, .section-group__indicators > .indicators > .indicator > .indicator__quality_statement:after {
  position: absolute;
  display: block;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
}

.section-group__indicators > .indicators > .indicator > .indicator__quality_statement:before {
  top: 4px;
  left: 4px;
}

.section-group__indicators > .indicators > .indicator > .indicator__quality_statement:after {
  top: 4px;
  right: 4px;
}

.section-group__indicators > .indicators > .indicator > .indicator__quality_statement > p {
  text-align: center;
  margin: 0;
  font-style: italic;
  font-weight: 400;
}

.section-group__indicators > .indicators > .indicator > .indicator__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section-group__indicators > .indicators > .indicator > .indicator__body > .indicator__input_children {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.section-group__indicators > .indicators > .indicator > .indicator__body > .indicator__input_children > .indicator__input_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.indicator__label {
  margin-right: 16px;
}

.indicator-type-number.input-columns-1 .indicator__label, .indicator-type-bool.input-columns-1 .indicator__label {
  width: calc(85% - 16px);
}

.input-columns-1:not(.indicator-type-number):not(.indicator-type-bool) .indicator__label {
  width: calc(52.5% - 16px);
}

.input-columns-2 .indicator__label {
  width: calc(82.5% - 16px);
}

.input-columns-3 .indicator__label {
  width: calc(75% - 16px);
}

.input-columns-4 .indicator__label {
  width: calc(67.5% - 16px);
}

.input-columns-5 .indicator__label {
  width: calc(60% - 16px);
}

.input-columns-6 .indicator__label {
  width: calc(52.5% - 16px);
}

.input-columns-7 .indicator__label {
  width: calc(45% - 16px);
}

.input-columns-8 .indicator__label {
  width: calc(37.5% - 16px);
}

.input-columns-9 .indicator__label {
  width: calc(37.5% - 16px);
}

.input-columns-10 .indicator__label {
  width: calc(37.5% - 16px);
}

.input-columns-11 .indicator__label {
  width: calc(37.5% - 16px);
}

.input-columns-12 .indicator__label {
  width: calc(37.5% - 16px);
}

.indicator__label > .indicator__hints > p {
  font-size: 0.8rem;
  margin: 0;
}

.indicator__input, .indicator__input_children, .indicator__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.indicator__input > .indicator__input_group, .indicator__input_children > .indicator__input_group, .indicator__value > .indicator__input_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.indicator-type-number.input-columns-1 .indicator__input, .indicator-type-bool.input-columns-1 .indicator__input, .indicator-type-number.input-columns-1 .indicator__input_children, .indicator-type-bool.input-columns-1 .indicator__input_children, .indicator-type-number.input-columns-1 .indicator__value, .indicator-type-bool.input-columns-1 .indicator__value {
  width: 15%;
}

.input-columns-1:not(.indicator-type-number):not(.indicator-type-bool) .indicator__input, .input-columns-1:not(.indicator-type-number):not(.indicator-type-bool) .indicator__input_children, .input-columns-1:not(.indicator-type-number):not(.indicator-type-bool) .indicator__value {
  width: 47.5%;
}

.input-columns-2 .indicator__input, .input-columns-2 .indicator__input_children, .input-columns-2 .indicator__value {
  width: 17.5%;
}

.input-columns-3 .indicator__input, .input-columns-3 .indicator__input_children, .input-columns-3 .indicator__value {
  width: 25%;
}

.input-columns-4 .indicator__input, .input-columns-4 .indicator__input_children, .input-columns-4 .indicator__value {
  width: 32.5%;
}

.input-columns-5 .indicator__input, .input-columns-5 .indicator__input_children, .input-columns-5 .indicator__value {
  width: 40%;
}

.input-columns-6 .indicator__input, .input-columns-6 .indicator__input_children, .input-columns-6 .indicator__value {
  width: 47.5%;
}

.input-columns-7 .indicator__input, .input-columns-7 .indicator__input_children, .input-columns-7 .indicator__value {
  width: 55%;
}

.input-columns-8 .indicator__input, .input-columns-8 .indicator__input_children, .input-columns-8 .indicator__value {
  width: 62.5%;
}

.input-columns-9 .indicator__input, .input-columns-9 .indicator__input_children, .input-columns-9 .indicator__value {
  width: 62.5%;
}

.input-columns-10 .indicator__input, .input-columns-10 .indicator__input_children, .input-columns-10 .indicator__value {
  width: 62.5%;
}

.input-columns-11 .indicator__input, .input-columns-11 .indicator__input_children, .input-columns-11 .indicator__value {
  width: 62.5%;
}

.input-columns-12 .indicator__input, .input-columns-12 .indicator__input_children, .input-columns-12 .indicator__value {
  width: 62.5%;
}

.indicator__input > .indicator__input_group, .indicator__input_children > .indicator__input_group, .indicator__value > .indicator__input_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.grandchild_indicators > .indicator {
  font-size: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.grandchild_indicators > .indicator .grandchild-title, .grandchild_indicators > .indicator .child-title {
  position: relative;
  min-height: 80px;
}

.grandchild_indicators > .indicator .grandchild-title > span, .grandchild_indicators > .indicator .grandchild-title > label, .grandchild_indicators > .indicator .child-title > span, .grandchild_indicators > .indicator .child-title > label {
  position: absolute;
  bottom: 5px;
}

.grandchild_indicators > .indicator.child-hints .indicator__label {
  padding-top: 24px;
}

.grandchild_indicators > .indicator.child-hints .indicator__label label {
  font-weight: 400;
  text-align: center;
}

.grandchild_indicators > .indicator.child-hints .indicator__body label {
  font-weight: 400;
  text-align: center;
}

.grandchild_indicators > .indicator.child-hints .indicator__body .indicator span {
  text-align: center;
  display: inline-block;
  width: 100%;
}

.section-0 .grandchild_indicators > .indicator:not(.child-hints) .indicator__label, .section-0 .grandchild_indicators > .indicator:not(.child-hints) .indicator__body {
  border-top: 1px solid #f8971d;
}

.section-1 .grandchild_indicators > .indicator:not(.child-hints) .indicator__label, .section-1 .grandchild_indicators > .indicator:not(.child-hints) .indicator__body {
  border-top: 1px solid #19bffd;
}

.section-2 .grandchild_indicators > .indicator:not(.child-hints) .indicator__label, .section-2 .grandchild_indicators > .indicator:not(.child-hints) .indicator__body {
  border-top: 1px solid #a2de64;
}

.section-3 .grandchild_indicators > .indicator:not(.child-hints) .indicator__label, .section-3 .grandchild_indicators > .indicator:not(.child-hints) .indicator__body {
  border-top: 1px solid #ffcc00;
}

.section-4 .grandchild_indicators > .indicator:not(.child-hints) .indicator__label, .section-4 .grandchild_indicators > .indicator:not(.child-hints) .indicator__body {
  border-top: 1px solid #3a9cd2;
}

.section-5 .grandchild_indicators > .indicator:not(.child-hints) .indicator__label, .section-5 .grandchild_indicators > .indicator:not(.child-hints) .indicator__body {
  border-top: 1px solid #980950;
}

.section-6 .grandchild_indicators > .indicator:not(.child-hints) .indicator__label, .section-6 .grandchild_indicators > .indicator:not(.child-hints) .indicator__body {
  border-top: 1px solid #18a09b;
}

.section-7 .grandchild_indicators > .indicator:not(.child-hints) .indicator__label, .section-7 .grandchild_indicators > .indicator:not(.child-hints) .indicator__body {
  border-top: 1px solid #0be6b5;
}

.section-8 .grandchild_indicators > .indicator:not(.child-hints) .indicator__label, .section-8 .grandchild_indicators > .indicator:not(.child-hints) .indicator__body {
  border-top: 1px solid #a529f4;
}

.section-9 .grandchild_indicators > .indicator:not(.child-hints) .indicator__label, .section-9 .grandchild_indicators > .indicator:not(.child-hints) .indicator__body {
  border-top: 1px solid #fe3108;
}

.section-summary .grandchild_indicators > .indicator:not(.child-hints) .indicator__label, .section-summary .grandchild_indicators > .indicator:not(.child-hints) .indicator__body {
  border-top: 1px solid #a529f4;
}

.grandchild_indicators > .indicator .indicator__label {
  padding-top: 10px;
  padding-right: 5px;
  margin-right: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.grandchild_indicators > .indicator .indicator__label label {
  font-weight: normal;
}

.grandchild_indicators .indicator__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.input-columns-2 .grandchild_indicators .indicator__body {
  width: 17.5%;
}

.input-columns-3 .grandchild_indicators .indicator__body {
  width: 25%;
}

.input-columns-4 .grandchild_indicators .indicator__body {
  width: 32.5%;
}

.input-columns-5 .grandchild_indicators .indicator__body {
  width: 40%;
}

.input-columns-6 .grandchild_indicators .indicator__body {
  width: 47.5%;
}

.input-columns-7 .grandchild_indicators .indicator__body {
  width: 55%;
}

.input-columns-8 .grandchild_indicators .indicator__body {
  width: 62.5%;
}

.input-columns-9 .grandchild_indicators .indicator__body {
  width: 62.5%;
}

.input-columns-10 .grandchild_indicators .indicator__body {
  width: 62.5%;
}

.input-columns-11 .grandchild_indicators .indicator__body {
  width: 62.5%;
}

.input-columns-12 .grandchild_indicators .indicator__body {
  width: 62.5%;
}

.section-group__indicators .child_indicators {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.section-group__indicators .child_indicators > .indicator {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 4px 4px;
  max-width: calc(100% / var(--col-count));
  width: 25px;
}

.section-group__indicators .child_indicators > .indicator.childrenlead.child-odd, .section-group__indicators .child_indicators > .indicator.children_follow.child-odd {
  background-color: #ffff00;
}

.section-group__indicators .child_indicators > .indicator > .indicator__label {
  display: none;
  font-size: 0;
}

.section-group__indicators .child_indicators > .indicator div.child-title {
  position: relative;
  height: 3.0rem;
}

.section-group__indicators .child_indicators > .indicator div.child-title p {
  position: absolute;
  bottom: 0px;
  width: 100%;
  font-size: 0.8rem;
  line-height: 1.0rem;
  margin: 5px 0;
  text-align: center;
  vertical-align: text-bottom;
}

.indicator.indicator--is_focused {
  background-color: #E6E6E6;
}

.indicator.indicator--is_focused .indicator__label {
  background-color: #E6E6E6;
}

.indicator__decline {
  margin-top: 4px;
}

.indicator__decline label {
  font-weight: 300;
  font-size: 0.8rem;
}

.steps-container {
  position: -webkit-sticky;
  position: sticky;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: -25px;
  width: 100%;
  z-index: 9;
  -webkit-transition: ease 0.5s;
  transition: ease 0.5s;
}

.body--is_scrolled .steps-container {
  background-color: rgba(255, 255, 255, 0.95);
}

.steps {
  cursor: pointer;
  max-width: 90%;
  margin: 25px auto 0 auto;
  background: transparent url("../img/steps-bg.png") repeat-x center 31px;
  -ms-flex: 1 1 100%;
}

.steps .steps-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.steps .steps-items .step {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 16px 4px;
  width: calc(100% / var(col-count));
  text-align: center;
}

.steps .steps-items .step.step--is_current i, .steps .steps-items .step.step--is_current svg {
  border: 2px solid #999999;
  border-radius: 50%;
  padding: 3px;
  background-color: white;
  margin-top: -3px;
}

.steps .steps-items .step i.step-0, .steps .steps-items .step svg.step-0 {
  color: #f8971d;
}

.steps .steps-items .step i.step-1, .steps .steps-items .step svg.step-1 {
  color: #19bffd;
}

.steps .steps-items .step i.step-2, .steps .steps-items .step svg.step-2 {
  color: #a2de64;
}

.steps .steps-items .step i.step-3, .steps .steps-items .step svg.step-3 {
  color: #ffcc00;
}

.steps .steps-items .step i.step-4, .steps .steps-items .step svg.step-4 {
  color: #3a9cd2;
}

.steps .steps-items .step i.step-5, .steps .steps-items .step svg.step-5 {
  color: #980950;
}

.steps .steps-items .step i.step-6, .steps .steps-items .step svg.step-6 {
  color: #18a09b;
}

.steps .steps-items .step i.step-7, .steps .steps-items .step svg.step-7 {
  color: #0be6b5;
}

.steps .steps-items .step i.step-8, .steps .steps-items .step svg.step-8 {
  color: #a529f4;
}

.steps .steps-items .step i.step-9, .steps .steps-items .step svg.step-9 {
  color: #fe3108;
}

.steps .steps-items .step i.step-summary, .steps .steps-items .step svg.step-summary {
  color: #a529f4;
}

.steps .steps-items .step p {
  color: #999999;
  margin: 0 20px;
  line-height: 1.1rem;
  font-size: .9rem;
  text-align: center;
}

.session-summary .summary-section-0 .section-summary {
  border: 1px solid #f8971d;
}

.session-summary .summary-section-0 .section-summary__header {
  background-color: #f8971d;
}

.session-summary .summary-section-0 .summary-chunk .section-group-title, .session-summary .summary-section-0 .summary-chunk .section-group-markup {
  color: #f8971d;
}

.session-summary .summary-section-0 .section-group .indicator:not(:last-child) {
  border-bottom: 1px solid #f8971d;
}

.session-summary .summary-section-1 .section-summary {
  border: 1px solid #19bffd;
}

.session-summary .summary-section-1 .section-summary__header {
  background-color: #19bffd;
}

.session-summary .summary-section-1 .summary-chunk .section-group-title, .session-summary .summary-section-1 .summary-chunk .section-group-markup {
  color: #19bffd;
}

.session-summary .summary-section-1 .summary-chunk .section-group .indicator:not(:last-child) {
  border-bottom: 1px solid #19bffd;
}

.session-summary .summary-section-2 .section-summary {
  border: 1px solid #a2de64;
}

.session-summary .summary-section-2 .section-summary__header {
  background-color: #a2de64;
}

.session-summary .summary-section-2 .summary-chunk .section-group-title, .session-summary .summary-section-2 .summary-chunk .section-group-markup {
  color: #a2de64;
}

.session-summary .summary-section-2 .summary-chunk .section-group .indicator:not(:last-child) {
  border-bottom: 1px solid #a2de64;
}

.session-summary .summary-section-3 .section-summary {
  border: 1px solid #ffcc00;
}

.session-summary .summary-section-3 .section-summary__header {
  background-color: #ffcc00;
}

.session-summary .summary-section-3 .summary-chunk .section-group-title, .session-summary .summary-section-3 .summary-chunk .section-group-markup {
  color: #ffcc00;
}

.session-summary .summary-section-3 .summary-chunk .section-group .indicator:not(:last-child) {
  border-bottom: 1px solid #ffcc00;
}

.session-summary .summary-section-4 .section-summary {
  border: 1px solid #3a9cd2;
}

.session-summary .summary-section-4 .section-summary__header {
  background-color: #3a9cd2;
}

.session-summary .summary-section-4 .summary-chunk .section-group-title, .session-summary .summary-section-4 .summary-chunk .section-group-markup {
  color: #3a9cd2;
}

.session-summary .summary-section-4 .summary-chunk .section-group .indicator:not(:last-child) {
  border-bottom: 1px solid #3a9cd2;
}

.session-summary .summary-section-5 .section-summary {
  border: 1px solid #980950;
}

.session-summary .summary-section-5 .section-summary__header {
  background-color: #980950;
}

.session-summary .summary-section-5 .summary-chunk .section-group-title, .session-summary .summary-section-5 .summary-chunk .section-group-markup {
  color: #980950;
}

.session-summary .summary-section-5 .summary-chunk .section-group .indicator:not(:last-child) {
  border-bottom: 1px solid #980950;
}

.session-summary .summary-section-6 .section-summary {
  border: 1px solid #18a09b;
}

.session-summary .summary-section-6 .section-summary__header {
  background-color: #18a09b;
}

.session-summary .summary-section-6 .summary-chunk .section-group-title, .session-summary .summary-section-6 .summary-chunk .section-group-markup {
  color: #18a09b;
}

.session-summary .summary-section-6 .summary-chunk .section-group .indicator:not(:last-child) {
  border-bottom: 1px solid #18a09b;
}

.session-summary .summary-section-7 .section-summary {
  border: 1px solid #0be6b5;
}

.session-summary .summary-section-7 .section-summary__header {
  background-color: #0be6b5;
}

.session-summary .summary-section-7 .summary-chunk .section-group-title, .session-summary .summary-section-7 .summary-chunk .section-group-markup {
  color: #0be6b5;
}

.session-summary .summary-section-7 .summary-chunk .section-group .indicator:not(:last-child) {
  border-bottom: 1px solid #0be6b5;
}

.session-summary .summary-section-8 .section-summary {
  border: 1px solid #a529f4;
}

.session-summary .summary-section-8 .section-summary__header {
  background-color: #a529f4;
}

.session-summary .summary-section-8 .summary-chunk .section-group-title, .session-summary .summary-section-8 .summary-chunk .section-group-markup {
  color: #a529f4;
}

.session-summary .summary-section-8 .summary-chunk .section-group .indicator:not(:last-child) {
  border-bottom: 1px solid #a529f4;
}

.session-summary .summary-section-9 .section-summary {
  border: 1px solid #fe3108;
}

.session-summary .summary-section-9 .section-summary__header {
  background-color: #fe3108;
}

.session-summary .summary-section-9 .summary-chunk .section-group-title, .session-summary .summary-section-9 .summary-chunk .section-group-markup {
  color: #fe3108;
}

.session-summary .summary-section-9 .summary-chunk .section-group .indicator:not(:last-child) {
  border-bottom: 1px solid #fe3108;
}

.session-summary .section-summary {
  margin-bottom: 10px;
}

.session-summary .section-summary header.section-summary__header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 8px 16px;
  cursor: pointer;
}

.session-summary .section-summary header.section-summary__header .show-toggle {
  float: right;
  color: #FFF;
  font-size: 2.0rem;
  margin-top: -15px;
}

.session-summary .section-summary-details {
  overflow-y: hidden;
  -webkit-transition: ease 0.2s;
  transition: ease 0.2s;
  margin: 10px;
}

.session-summary .section-summary-details.hidden {
  height: 0;
  padding: 0 16px;
  margin: 0;
}

.session-summary .section-summary-details.shown {
  height: auto;
}

.session-summary .section-summary-details .summary-chunk {
  font-size: 0.95rem;
  padding: 10px;
}

.session-summary .section-summary-details .summary-chunk.summary-chunk-cols-2, .session-summary .section-summary-details .summary-chunk.summary-chunk-empty {
  width: 100%;
}

.session-summary .section-summary-details .summary-chunk.summary-chunk-empty {
  font-size: 0.85rem;
}

.session-summary .section-summary-details .summary-chunk.summary-chunk-cols-1 {
  width: calc(50% - 5px);
}

.session-summary .section-summary-details .summary-chunk.summary-chunk-cols-1.summary-chunk-first {
  float: left;
  margin-right: 5px;
}

.session-summary .section-summary-details .summary-chunk.summary-chunk-cols-1.summary-chunk-last {
  float: right;
  margin-left: 5px;
}

.session-summary .section-summary-details .summary-chunk .section-group-title {
  margin: 5px 5px 0px 5px;
  font-size: 0.9rem;
}

.session-summary .section-summary-details .summary-chunk .section-group-title:not(:first-child) {
  margin-top: 10px;
}

.session-summary .section-summary-details .summary-chunk .section-group-markup {
  margin: 0 5px;
}

.session-summary .section-summary-details .summary-chunk .section-group-markup p {
  margin: 0;
}

.session-summary .section-summary-details .summary-chunk .section-group {
  clear: both;
  border: none;
}

.session-summary .section-summary-details .summary-chunk .section-group .indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 5px;
  font-size: 0.9rem;
}

.session-summary .section-summary-details .summary-chunk .section-group .indicator.child-depth-1, .session-summary .section-summary-details .summary-chunk .section-group .indicator.child-depth-2 {
  display: block;
}

.session-summary .section-summary-details .summary-chunk .section-group .indicator.child-depth-1 > div, .session-summary .section-summary-details .summary-chunk .section-group .indicator.child-depth-2 > div {
  width: 100%;
}

.session-summary .section-summary-details .summary-chunk .section-group .indicator label {
  margin: 0;
}

.session-summary .section-summary-details .summary-chunk .section-group .indicator label.indicator-markup {
  font-weight: normal;
}

.session-summary .section-summary-details .summary-chunk .section-group .indicator .child-title {
  text-align: right;
}

.session-summary .section-summary-details .summary-chunk .section-group .indicator .indicator-value, .session-summary .section-summary-details .summary-chunk .section-group .indicator .child-value {
  text-align: right;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.session-summary .section-summary-details .summary-chunk .section-group .indicator .indicator-children {
  font-size: 0.85rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.session-summary .section-summary-details .summary-chunk .section-group .indicator .indicator-children .child-indicator {
  width: calc(100% / var(--col-count));
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.session-summary .invalid-response {
  /*
     * This is for the summary page, use the above for inputs.
     */
}

.session-summary .invalid-response label, .session-summary .invalid-response .indicator-value {
  color: #cc3333;
}

.session-summary .invalid-response label.invalid-response-reason {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: normal;
  border: 1px solid #cc3333;
  background-color: rgba(255, 228, 228, 0.5);
  padding: 0 5px;
  margin: 0 0 2px 5px;
  border-radius: 2px;
}

.session-summary table.indicator-grandchildren {
  width: 100%;
}

.session-summary table.indicator-grandchildren thead th:first-child {
  width: 20%;
}

.session-summary table.indicator-grandchildren thead th * {
  vertical-align: text-bottom;
}

.session-summary table.indicator-grandchildren td.indicator-child-title {
  padding-left: 20px;
}

.session-summary table.indicator-grandchildren .numeric {
  text-align: right;
}

.session-summary div.full-width {
  display: block;
}

ul.input-errors {
  font-size: 0.8rem;
}

.context-info, .context-admin {
  background: transparent url("../img/context-bg.png") no-repeat left center;
  margin: 0 auto;
  padding: 40px;
  width: 100%;
  max-width: 1232px;
  color: #005596;
}

.context-info a, .context-admin a {
  text-decoration: none;
  color: #005596;
}

.context-info .context-notification, .context-info .period-selection, .context-admin .context-notification, .context-admin .period-selection {
  float: right;
}

.context-info .period-selection-from, .context-admin .period-selection-from {
  float: right;
  padding-right: 1rem;
}

.context-info .service-selection, .context-admin .service-selection {
  cursor: default;
}

.context-info {
  font-size: 1.1em;
  font-weight: 400;
}

.context-admin {
  padding: 10px 10px 0 15px;
  font-size: 0.8rem;
}

.context-admin ul {
  list-style-type: none;
  padding: 0;
}

.context-admin ul li {
  display: inline-block;
  margin: 0 5px;
  padding: 10px;
  border: 1px solid #f8971d;
  border-radius: 3px;
  background-color: #FFF;
}

.context-admin ul li.active, .context-admin ul li.active a {
  background-color: #f8971d;
  color: #FFF;
}

.matrix-notice {
  position: fixed;
  right: 7px;
  top: 30px;
  top: 60px;
  border: 1px solid #202020;
  border-radius: 2px;
  -webkit-box-shadow: 2px 2px 2px 2px rgba(32, 32, 32, 0.5);
          box-shadow: 2px 2px 2px 2px rgba(32, 32, 32, 0.5);
  padding: 0 10px;
  background-color: rgba(255, 255, 255, 0.95);
  font-size: 80%;
}

.matrix-notice h2 {
  padding: 5px 0 0 0;
  font-size: .9rem;
}

.matrix-notice span.matrix-notice-close {
  float: right;
  cursor: pointer;
}

.matrix-notice button.matrix-notice-close {
  cursor: pointer;
  width: 60px;
  height: 30px;
  margin-bottom: 10px;
}

/* Loader */
body.with-modal {
  overflow: hidden;
}

div#loading-container, div#busy-container, div#modal-container {
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow-y: hidden;
}

div#loading-container {
  position: fixed;
  top: 82px;
  z-index: 1000;
}

div#loading-container .cover-all {
  opacity: 1;
}

div#busy-container {
  position: absolute;
  top: 82px;
  z-index: 1010;
}

div#busy-container .cover-all {
  opacity: 0.95;
  top: 82px;
}

div#busy, div#loading {
  background-color: #FFF;
}

div#modal-container {
  position: fixed;
  top: 0;
  z-index: 1030;
  background: rgba(255, 255, 255, 0.9);
}

div#loading.fancy-loader, div#busy.fancy-loader {
  position: relative;
  text-align: center;
  width: 320px;
  height: 200px;
  margin: 20% auto 0 auto;
  z-index: 1;
  border: 1px solid #999999;
  border-radius: 3px;
}

div#loading.basic-loader, div#busy.basic-loader {
  position: relative;
  text-align: center;
  width: 320px;
  height: 200px;
  margin: 20% auto 0 auto;
  z-index: 1;
  background: #FFF url("../img/basic-loader.gif") no-repeat center 25%;
  border: 1px solid #999999;
  border-radius: 3px;
}

div#loading > p, div#busy > p {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 10px;
  font-weight: bold;
}

div#loading > div, div#busy > div {
  margin: 0 auto;
}

div.cover-all {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #FFF;
  opacity: 0.8;
  z-index: 0;
}

div.cover-main {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #FFF;
  opacity: 0.8;
  z-index: 0;
}

.modal-dialog {
  margin: 60px auto;
  width: 600px;
  border: 1px solid #f8971d;
  border-radius: 3px;
  opacity: 1.0;
  z-index: 1900;
  background-color: #FFF;
}

.modal-dialog header {
  background-color: #f8971d;
  border: 1px solid #f8971d;
  color: #FFF;
  font-size: 1.1rem;
  padding: 5px;
}

.modal-dialog header h4 {
  padding: 0;
  margin: 0;
}

.modal-dialog header button.close {
  float: right;
  width: 20px;
  height: 20px;
  text-align: center;
  display: none;
}

.modal-dialog .modal-body {
  padding: 15px 5px;
}

.modal-dialog .modal-footer {
  padding: 5px;
  border-top: 1px solid #f8971d;
}

.modal-dialog .modal-footer .btn {
  font-size: 0.9rem;
  color: #FFF;
  min-width: 60px;
}

#loading-container.ng-hide, #modal-container.ng-hide, #busy-container.ng-hide {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

#loading-container.ng-show, #modal-container.ng-show, #busy-container.ng-show {
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  -webkit-transform: scale(1);
          transform: scale(1);
}

#modal-container.ng-hide, #busy-container.ng-hide {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

#modal-container.ng-show, #busy-container.ng-show {
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.cssload-square {
  width: 15px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #f19706;
  -webkit-animation: cssload-grow 3.45s infinite cubic-bezier(0.53, 0.68, 0.53, 0.41);
          animation: cssload-grow 3.45s infinite cubic-bezier(0.53, 0.68, 0.53, 0.41);
}

.cssload-square:nth-of-type(2) {
  margin-top: 12px;
  -webkit-animation-delay: 0.12s;
          animation-delay: 0.12s;
}

.cssload-square:nth-of-type(3) {
  margin-top: 23px;
  -webkit-animation-delay: 0.23s;
          animation-delay: 0.23s;
}

.cssload-square:nth-of-type(4) {
  margin-top: 35px;
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}

.cssload-square:nth-of-type(5) {
  margin-top: 47px;
  -webkit-animation-delay: 0.46s;
          animation-delay: 0.46s;
}

.cssload-wrapper {
  width: 49px;
  height: 96px;
  /*position: absolute;*/
  /*left: 50%;*/
  /*margin-top: -97px;*/
  /*margin-left: -24px;*/
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-animation: 2.3s cssload-global infinite;
          animation: 2.3s cssload-global infinite;
}

@-webkit-keyframes cssload-grow {
  0%, 100% {
    -webkit-transform: translateX(-24px) scaleX(0.5);
            transform: translateX(-24px) scaleX(0.5);
    background: #f8971d;
  }
  25% {
    -webkit-transform: translateX(0px) scaleY(1) scaleX(5) rotateY(180deg);
            transform: translateX(0px) scaleY(1) scaleX(5) rotateY(180deg);
    background: #19bffd;
  }
  50% {
    -webkit-transform: translateX(24px) scaleX(0.5);
            transform: translateX(24px) scaleX(0.5);
    background: #a2de64;
  }
  75% {
    -webkit-transform: translateX(0px) scaleY(1) scaleX(5) rotateY(180deg);
            transform: translateX(0px) scaleY(1) scaleX(5) rotateY(180deg);
    background: #ffcc00;
  }
}

@keyframes cssload-grow {
  0%, 100% {
    -webkit-transform: translateX(-24px) scaleX(0.5);
            transform: translateX(-24px) scaleX(0.5);
    background: #f8971d;
  }
  25% {
    -webkit-transform: translateX(0px) scaleY(1) scaleX(5) rotateY(180deg);
            transform: translateX(0px) scaleY(1) scaleX(5) rotateY(180deg);
    background: #19bffd;
  }
  50% {
    -webkit-transform: translateX(24px) scaleX(0.5);
            transform: translateX(24px) scaleX(0.5);
    background: #a2de64;
  }
  75% {
    -webkit-transform: translateX(0px) scaleY(1) scaleX(5) rotateY(180deg);
            transform: translateX(0px) scaleY(1) scaleX(5) rotateY(180deg);
    background: #ffcc00;
  }
}

@-webkit-keyframes cssload-global {
  0%, 100% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}

@keyframes cssload-global {
  0%, 100% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}

body .introjs-hint {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  background: transparent;
  width: 30px;
  height: 15px;
  cursor: pointer;
}

body .introjs-hint:focus {
  border: 0;
  outline: 0;
}

body .introjs-hidehint {
  display: none;
}

body .introjs-fixedhint {
  position: fixed;
}

body .introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57);
}

body .introjs-hint-pulse {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 30px;
  height: 30px;
  border: 5px solid rgba(12, 255, 12, 0.8);
  border-radius: 30px;
  background-color: rgba(136, 136, 136, 0.24);
  z-index: 10;
  position: absolute;
  top: -15px;
  left: -15px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

body .introjs-hint-no-anim .introjs-hint-dot {
  -webkit-animation: none;
  animation: none;
}

body .introjs-hint-dot {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border: 10px solid rgba(146, 146, 146, 0.36);
  background: transparent;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: introjspulse 3s ease-out;
  animation: introjspulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  opacity: 0;
}

body .overlay-close {
  float: right;
  font-size: 1.1rem;
  font-weight: bold;
}

highchart {
  display: inline-block;
  width: 100%;
  max-width: 100%;
}

.highcharts-title {
  margin: 0 25px;
}

.highcharts-axis-title {
  font-weight: bold;
}

.context-item-selection {
  float: left;
}

.context-item-selector {
  position: absolute;
  z-index: 10;
  background: white;
  font-size: 0.8em;
  max-width: 600px;
  border: 1px solid black;
}

.context-item-selector .content {
  padding: 10px;
  max-height: 400px;
  overflow: scroll;
}

.context-item-selector button {
  background-color: #999999;
  color: #FFF;
}

.context-item-selector .header {
  padding: 5px 10px;
  background: #d8d6d8;
  color: #353335;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.context-item-selector input.filter {
  width: 240px;
}

.selected-context-item-list button {
  background-color: #00a9a2;
  color: #FFF;
}

.actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.actions button {
  width: 100%;
  background: #00a9a2;
  height: 30px;
}

ul.context-types {
  list-style-type: none;
  padding: 0;
  font-weight: 400;
  color: #3a383a;
}

ul.context-types li {
  display: inline-block;
  padding-right: 20px;
  cursor: pointer;
}

ul.context-types li:hover {
  font-weight: 700;
}

ul.context-types li.selected {
  display: inline-block;
  font-weight: 700;
  cursor: pointer;
  text-decoration: underline;
}

section.dashboard {
  background-color: rgba(210, 235, 255, 0.75);
}

section.dashboard .dashboard-header {
  padding: 0;
  background-color: #f8971d;
  color: #FFF;
  border: 1px solid #f8971d;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

section.dashboard .dashboard-header .dashboard-tab-select {
  display: inline-block;
  padding: 6px 14px 6px 14px;
  text-transform: uppercase;
}

section.dashboard .dashboard-header .dashboard-tab-select i {
  display: inline-block;
  font-size: 1rem;
  padding-top: 5px;
  padding-right: 5px;
}

section.dashboard .dashboard-header .dashboard-tab-select.active {
  background-color: #f79b51;
  color: #FFF;
  cursor: default;
}

section.dashboard .dashboard-header .dashboard-tab-select.inactive {
  cursor: pointer;
}

section.dashboard .dashboard-header .dashboard-tab-select .dropdown-content-item {
  width: auto !important;
  font-size: 0.65rem !important;
  cursor: pointer;
}

section.dashboard .dashboard-header .dashboard-tab-control {
  position: absolute;
  right: 0;
  font-size: 0.8rem;
  display: inline-block;
  padding: 13px 40px;
  text-transform: uppercase;
}

section.dashboard .dashboard-body .dashboard-item-group {
  height: auto;
  margin: 20px;
  border: 1px solid #FFF;
  border-radius: 3px;
  background-color: #FFF;
  overflow: auto;
}

section.dashboard .dashboard-body .dashboard-item-group.dashboard-empty {
  padding: 10px;
}

section.dashboard .dashboard-body .dashboard-item-group.collapsed div.detail {
  display: none;
}

section.dashboard .dashboard-body .dashboard-item-group:not(.collapsed):not(.half-height) {
  min-height: 400px;
}

section.dashboard .dashboard-body .dashboard-item-group:not(.collapsed).half-height {
  min-height: 200px;
}

section.dashboard .dashboard-body .dashboard-item-group h3.title {
  font-size: 16px;
}

section.dashboard .dashboard-body .dashboard-item-group h3.title.uniform {
  height: 40px;
}

section.dashboard .dashboard-body .dashboard-item-group h4.title {
  font-size: 14px;
}

section.dashboard .dashboard-body .dashboard-item-group h4.title.uniform {
  height: 36px;
}

section.dashboard .dashboard-body .dashboard-item-group h5.title {
  font-size: 12px;
}

section.dashboard .dashboard-body .dashboard-item-group h5.title.uniform {
  height: 32px;
}

section.dashboard .dashboard-body .dashboard-item-group .title {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-align: center;
  margin: 6px;
}

section.dashboard .dashboard-body .dashboard-item-group p.subtitle {
  font-size: 12px;
}

section.dashboard .dashboard-body .dashboard-item-group p.subtitle.uniform {
  height: 30px;
}

section.dashboard .dashboard-body .dashboard-item-group p.explanation {
  font-size: 11px;
  text-align: center;
}

section.dashboard .dashboard-body .dashboard-item-group p.explanation.uniform {
  height: 30px;
}

section.dashboard .dashboard-body .dashboard-item-group .markup {
  margin: 6px 20px;
  padding: 5px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  border: 1px solid #f8971d;
  border-radius: 2px;
}

section.dashboard .dashboard-body .dashboard-item-group div.dashboard-item-holder {
  display: inline-block;
  float: left;
  border: 1px solid #FFF;
}

section.dashboard .dashboard-body .dashboard-item-group div.dashboard-item-holder div.dashboard-item-dev-identifier-container {
  position: relative;
}

section.dashboard .dashboard-body .dashboard-item-group div.dashboard-item-holder div.dashboard-item-dev-identifier-container div.dashboard-item-dev-identifier {
  opacity: 0.8;
  position: absolute;
  z-index: 9;
  top: 5px;
  left: 20px;
  border: 1px solid #999999;
  opacity: 0.8;
  border-radius: 2px;
  background-color: #FFF;
  padding: 1px 3px;
  color: #999999;
}

section.dashboard .dashboard-body .dashboard-item-group .dashboard-item-modal {
  height: 95%;
}

section.dashboard .dashboard-body .dashboard-item-group .dashboard-item-one-third {
  width: 33.3%;
}

section.dashboard .dashboard-body .dashboard-item-group .dashboard-item-two-thirds {
  width: 66.6%;
}

section.dashboard .dashboard-body .dashboard-item-group .dashboard-item-two-thirds-right {
  width: 66.6%;
  float: right !important;
}

section.dashboard .dashboard-body .dashboard-item-group .dashboard-item-two-thirds-right-only {
  width: 100%;
  padding-left: 33.3%;
}

section.dashboard .dashboard-body .dashboard-item-group .dashboard-item-one-half {
  width: 50%;
}

section.dashboard .dashboard-body .dashboard-item-group .dashboard-item-full {
  width: 100%;
}

section.dashboard .dashboard-body .dashboard-item-group highchart {
  min-height: 400px;
}

section.dashboard .alt-indicator {
  -webkit-filter: brightness(125%) opacity(75%);
          filter: brightness(125%) opacity(75%);
}

section.dashboard .alt-indicator-marker {
  font-size: 200%;
}

section.dashboard .dashboard-popup-control {
  position: absolute;
  z-index: 99;
  right: 40px;
  top: 50px;
  background-color: #FFF;
  color: #f8971d;
  border: 1px solid #f8971d;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 10px;
  min-width: 240px;
}

section.dashboard .dashboard-popup-control h4 {
  font-size: 1rem;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  margin: 5px;
}

section.dashboard .dashboard-popup-control i {
  width: 20px;
}

section.dashboard .dashboard-popup-control label {
  font-weight: normal;
}

section.dashboard .item-placeholder {
  text-align: center;
  min-height: 200px;
}

section.dashboard .item-placeholder .no-data {
  height: 200px;
  background: transparent url("../img/basic-loader.gif") center center no-repeat;
}

section.dashboard .item-placeholder .no-data p {
  padding-top: 140px;
  color: #999999;
}

.infographic-holder {
  margin: 0 10px;
  /* entire container, keeps perspective */
  /*  UPDATED! flip the pane when hovered */
  /* flip speed goes here */
  /* hide back of pane during swap */
  /*  UPDATED! front pane, placed above back */
  /* back, initially hidden pane */
  /*
      Some vertical flip updates
  */
}

.infographic-holder.collapsed {
  height: 40px;
  overflow-y: hidden;
}

.infographic-holder:not(.collapsed) {
  overflow: visible;
}

:not(.half-height):not(&.half-height) .infographic-holder:not(.collapsed) {
  min-height: 400px;
}

.half-height .infographic-holder:not(.collapsed) {
  min-height: 200px;
}

.infographic-holder .click-to-view-hint {
  color: #666666;
}

.infographic-holder p {
  cursor: default;
}

.infographic-holder .filter-button, .infographic-holder .filter-close-button {
  background-color: #FFF;
  border: 1px solid #f8971d;
  color: #f8971d;
  margin-left: -5px;
  padding: 1px 5px;
  cursor: pointer;
}

.infographic-holder .filter-layer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
}

.infographic-holder .filter-layer .filter-close-button {
  float: right;
}

.infographic-holder .filter-layer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.infographic-holder .filter-layer ul li {
  clear: both;
}

.infographic-holder .filter-layer ul .node {
  cursor: default;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}

.infographic-holder .filter-layer ul .node:hover {
  background-color: #FFF;
  border-top: 1px solid #f8971d;
  border-bottom: 1px solid #f8971d;
}

.infographic-holder .filter-layer ul .node:hover .item-select button {
  display: inline !important;
}

.infographic-holder .filter-layer ul .collapse-toggle {
  cursor: pointer;
  padding: 1px 8px 1px 4px;
  border: none;
  background-color: #FFF;
}

.infographic-holder .filter-layer ul input.item-select {
  margin-top: 4px;
}

.infographic-holder .filter-layer ul .item-select {
  float: right;
}

.infographic-holder .filter-layer ul .item-select button.select-toggle {
  display: none;
  padding: 2px 2px;
  cursor: pointer;
  margin-left: 2px;
  border: none;
  color: #f8971d;
  background-color: #FFF;
}

.infographic-holder.infographic-pad-sides {
  padding: 0 20px;
  border: 1px solid #cccccc;
  border-radius: 2px;
  margin-bottom: 20px;
}

.infographic-holder .reveal {
  -webkit-transition: ease 0.5s;
  transition: ease 0.5s;
}

.infographic-holder .reveal.reveal-hidden {
  -webkit-transform: scale(0);
          transform: scale(0);
}

.infographic-holder .reveal.reveal-show {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.infographic-holder p.no-data {
  font-size: 12px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
  color: #666666;
  width: 100%;
}

.infographic-holder .no-data p {
  font-size: 12px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  margin-top: 47%;
  color: #666666;
}

.infographic-holder p.subtitle {
  font-size: 12px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  font-weight: normal;
  margin: 5px;
  color: #666666;
}

.infographic-holder p.explanation {
  font-size: 11px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  text-align: center;
  font-weight: normal;
  margin: 10px 5px 5px 5px;
  color: #666666;
  height: 40px;
}

.infographic-holder .detail {
  font-size: 12px;
}

.infographic-holder .detail .drilldown-action {
  cursor: pointer !important;
  text-decoration: underline;
  color: #f8971d;
}

.infographic-holder .detail .action {
  cursor: pointer;
}

.infographic-holder .detail table {
  width: 100%;
  height: 100%;
  border-spacing: 0;
}

.infographic-holder .detail table.top-level {
  margin-top: 10px;
}

.infographic-holder .detail table.top-level tbody tr td {
  padding: 10px 0;
  cursor: default;
}

.collapsed .infographic-holder .detail table.text-responses {
  display: none;
}

.infographic-holder .detail table.text-responses:not(.expand-height) {
  max-height: 400px;
  display: inline-block;
  overflow-y: scroll;
}

.infographic-holder .detail table.text-responses.expand-height {
  display: table;
}

.infographic-holder .detail table.text-responses th {
  position: relative;
}

.infographic-holder .detail table.text-responses .service-name {
  width: 30%;
  vertical-align: top;
}

.infographic-holder .detail table.text-responses .period-name {
  width: 8%;
  vertical-align: top;
}

.infographic-holder .detail table.text-responses .response-text {
  width: 62%;
  vertical-align: top;
}

.infographic-holder .detail table.drilldown-level {
  margin-top: 10px;
}

.infographic-holder .detail table.drilldown-level tbody tr td {
  padding: 1px 0;
  cursor: default;
}

.infographic-holder .detail table.drilldown-level tr.no-response > td {
  color: #999999;
}

.infographic-holder .detail table.drilldown-level th.no-response {
  color: #999999;
}

.infographic-holder .detail table thead th {
  border-bottom: 1px solid #f8971d;
}

.infographic-holder .detail table thead th:not(first-child) {
  padding-left: 5px;
}

.infographic-holder .detail table thead th input.inline-filter {
  float: right;
  padding: 1px 4px;
}

.infographic-holder .detail table thead th .clear-filter {
  position: absolute;
  right: 7px;
  bottom: 7px;
}

.infographic-holder .detail table thead th .context-controls {
  margin-left: 20px;
  color: #999999;
  font-weight: normal !important;
}

.infographic-holder .detail table tbody td:not(first-child) {
  padding-left: 5px;
}

.infographic-holder .detail table tr.totals td {
  border-top: 1px dotted #f8971d;
  font-weight: bold;
}

.infographic-holder .detail table .numeric {
  text-align: right;
}

.infographic-holder .detail table td:not(.numeric), .infographic-holder .detail table th:not(.numeric) {
  text-align: left;
}

.infographic-headline-two-subs .infographic-holder {
  position: relative;
}

.infographic-headline-two-subs .infographic-holder .headline-alone-left {
  float: left;
  width: 50%;
  height: 360px;
  text-align: center;
  margin: 0;
  border-right: 1px solid #f8971d;
  text-transform: uppercase;
}

.infographic-headline-two-subs .infographic-holder .headline-alone-left .headline-figure {
  margin: 50% 0 0 0;
  font-size: 2rem;
  line-height: 1em;
  color: #f79b51;
  text-transform: uppercase;
}

.infographic-headline-two-subs .infographic-holder .headline-alone-left .headline-label {
  margin-top: 0;
}

.infographic-headline-two-subs .infographic-holder .sub-double-right {
  width: 50%;
  height: 350px;
  float: left;
  text-align: center;
  margin: 0;
}

.infographic-headline-two-subs .infographic-holder .sub-double-right > .sub-double-item {
  position: absolute;
  right: 0;
  left: 0;
}

.infographic-headline-two-subs .infographic-holder .sub-double-right > .sub-double-item:first-child {
  top: 0;
  bottom: 170px;
  margin: 0 10px;
  border-bottom: 1px solid #f8971d;
}

.infographic-headline-two-subs .infographic-holder .sub-double-right > .sub-double-item:first-child * {
  margin-top: 20px;
}

.infographic-headline-two-subs .infographic-holder .sub-double-right > .sub-double-item:last-child {
  top: 200px;
  bottom: 0;
}

.infographic-headline-two-subs .infographic-holder .sub-double-right > .sub-double-item .sub-figure {
  margin: 10% 0;
  font-size: 2rem;
  line-height: 1em;
  color: #f79b51;
}

.infographic-headline-two-subs .infographic-holder .sub-double-right > .sub-double-item .sub-label {
  margin-top: 0;
  text-transform: uppercase;
}

.infographic-holder .flip-container {
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.infographic-holder .flip-container.scaleHoverOff {
  height: 0px;
}

.infographic-holder .flip-container.scaleHover {
  height: 0px;
  -webkit-transition: max-height 0.25s ease-out;
  transition: max-height 0.25s ease-out;
}

.infographic-holder .flip-container.hover .back {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}

.infographic-holder .flip-container.hover .front {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}

.infographic-holder .flip-container, .infographic-holder .front, .infographic-holder .back {
  width: 400px;
  height: 400px;
}

.infographic-holder .flipper {
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: relative;
}

.infographic-holder .front, .infographic-holder .back {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0;
}

.infographic-holder .front {
  z-index: 2;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}

.infographic-holder .back {
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
}

.infographic-holder .vertical.flip-container {
  position: relative;
}

.infographic-holder .vertical .back {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}

.infographic-holder .vertical.flip-container:hover .back {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}

.infographic-holder .vertical.flip-container:hover .front {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}

.session-summary div.indicator.indicator-type-text {
  display: block !important;
}

.session-summary div.indicator.indicator-type-text > div {
  width: 100% !important;
}

.service-selection.disallow-select {
  display: none;
}