@charset "UTF-8";
.bg-white {
  background-color: white;
}

.inner-header {
  padding: 20px;
  border-left: 0.0625rem solid #dae4ed;
  border-right: 0.0625rem solid #dae4ed;
  border-top: 0.0625rem solid #dae4ed;
}

.header-wrapper {
  margin-top: 1.5rem;
}

strong label {
  font-weight: 700;
}

/**
 *Keep this order
 */
.forced-padding-left {
  padding-left: 0.3125rem !important;
}

.activity-stream-header label {
  font-size: 12px;
}
.activity-stream-header input.user-location-radio {
  display: none;
}
.activity-stream-header input.user-location-radio + span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  background: url("/dist/img/radio_default.png") left top no-repeat;
  cursor: pointer;
}
.activity-stream-header input.user-location-radio:checked + span {
  background: url("/dist/img/radio_selected.png") left top no-repeat;
}

.new-message-timeline {
  background: #fff;
  margin-left: 1.45rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
.new-message-timeline .columns:empty {
  display: none;
}

.new-message-timeline .document-single-timeline-arrow:before, .new-message-timeline .document-single-timeline-arrow:after {
  top: 20% !important;
}

.new-message-timeline .message-timeline-arrow:after {
  border-color: rgba(219, 229, 238, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -6px;
}

.new-message-timeline .message-timeline-arrow:before {
  border-color: rgba(219, 229, 238, 0);
  border-right-color: #dae4ed;
  border-width: 7px;
  margin-top: -7px;
}

div.new-mention {
  display: block;
  margin-left: 1.875rem !important;
  position: relative;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-left: 0.125rem solid #dbe5ee;
}
div.new-mention .fancy {
  line-height: 0.5;
  text-align: center;
  padding-top: 45px;
  padding-bottom: 20px;
  height: 40px;
  overflow: hidden;
  margin-left: 1.4rem;
}
div.new-mention .fancy span {
  display: inline-block;
  position: relative;
  text-shadow: 1px 1px 0 #f9f9f9;
  color: #b2c9de;
}
div.new-mention .fancy span:before,
div.new-mention .fancy span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #dbe5ee;
  top: 0;
  width: 600px;
  overflow: hidden;
}
div.new-mention .fancy span:before {
  right: 100%;
  margin-right: 15px;
}
div.new-mention .fancy span:after {
  left: 100%;
  margin-left: 15px;
}

.ui-accordion .ui-accordion-header {
  background-color: #fff !important;
  border-bottom: 0.0625rem solid #dae4ed !important;
}

.time-child-row a {
  color: #1db4cf;
  text-decoration: underline;
  font-weight: 300;
}

.documents-upload-time {
  padding-top: 1.25rem;
}

span.itemgroup-paddingelement {
  padding: 5px 0 !important;
}

.timeline-header-documents {
  background-color: #fff !important;
  margin-bottom: 0.9375rem;
  padding: 0 0.9375rem;
  font-size: 0.8125rem;
  line-height: 1.0625rem;
  color: #000;
  position: relative;
}

div.stacked-bottom-one {
  display: block;
  max-height: 4px;
  border-top: 1px solid #dbe5ee;
  background-color: #fff;
  min-height: 0;
  width: 100%;
}

div.stacked-bottom-hidden {
  display: none;
}

.timeline-header-switcher {
  max-width: 60px;
  cursor: pointer;
  text-align: center;
  transition: background-color 0.3s ease-in-out;
}

.timeline-group-icon {
  height: 100%;
}
.timeline-group-icon img {
  padding-top: 0.3125rem;
}

.ui-state-default {
  border: 0 !important;
}

.timeline-item-row {
  background: #fbfbfc url("/dist/img/icon/checkbox-checked.svg") no-repeat 18px;
  border-top: 0.0625rem solid #dbe5ee;
}
.timeline-item-row .columns:empty {
  display: none;
}
.timeline-item-row ~ .timeline-item-row {
  border: 0;
}
.timeline-item-row.urgent {
  background: #fbfbfc url("/dist/img/icon/alert.svg") no-repeat 18px;
}

.timeline-header-information-default {
  font-size: 13px;
  color: #354052;
}

div.results-toggle {
  margin-top: 1.5625rem;
  margin-left: 1.875rem !important;
}

div.last-mention {
  display: block;
  position: relative;
  margin: 0 0 6px 1.875rem !important;
  border-left: 0.125rem solid #dbe5ee;
}
div.last-mention span.dot-circle:before {
  content: " ●";
  font-size: 20px;
  position: absolute;
  top: 20px;
  left: -0.40625rem;
  color: #4f8abe;
}
div.last-mention .fancy {
  line-height: 0.5;
  text-align: center;
  padding-top: 20px;
  position: relative;
  top: 13px;
  overflow: hidden;
  margin-left: 2.6rem;
  width: 96.5%;
}
div.last-mention .fancy span {
  display: inline-block;
  top: 0;
  position: relative;
  color: #4f8abe;
  text-shadow: 1px 1px 0 #fff;
  margin-bottom: 2px;
}
div.last-mention .fancy span:hover {
  cursor: pointer;
}
div.last-mention .fancy span:before,
div.last-mention .fancy span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #dbe5ee;
  top: 0;
  width: 600px;
  overflow: hidden;
}
div.last-mention .fancy span:before {
  right: 100%;
  margin-right: 15px;
}
div.last-mention .fancy span:after {
  left: 100%;
  margin-left: 15px;
}
div.last-mention .fancy span.empty {
  border-bottom: 1px solid #dbe5ee;
  margin-bottom: 5px;
  width: 100%;
}
div.last-mention .fancy span.empty:before, div.last-mention .fancy span.empty:after {
  display: none;
}

.urgent-child {
  border-color: #ee343f;
  background: #ee343f url("/dist/img/icon/urgent.svg") center center no-repeat;
  background-position: 0.5rem 0.25rem;
  width: 1.3125rem;
  height: 1.3125rem;
  border-radius: 50%;
  position: relative;
  top: -0.125rem;
  z-index: 10;
}

span.color-timestamp {
  color: #111A27;
  font-size: 12px;
  letter-spacing: 0.38px;
  line-height: 14px;
}

span.extra-small-time-stamp {
  font-size: 0.65625rem;
  padding-left: 18px;
}

span.small-time-stamp {
  font-size: 12px;
  color: #1db4cf;
}

span.strong-timeline-slug {
  font-size: 0.8125rem;
  line-height: 1;
  color: #122C42;
  margin-top: 0.3125rem;
}

.document-single-row {
  padding: 1.25rem 0 0 0.625rem;
}

span.ui-accordion-header-icon, .ui-icon, .ui-icon-triangle-1-s {
  float: right;
  position: relative;
  top: 5px;
  background-color: black;
}

.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
  border: none !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  background-color: #fff !important;
}

.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
  border-radius: 0 !important;
}

.color-black {
  color: #000;
}

div.stacked {
  position: relative;
  z-index: 1;
}

div.stacked::after {
  content: "";
  position: absolute;
  bottom: -6px;
  height: 5px;
  left: 10px;
  right: 10px;
  background: #fff;
  border: 1px solid #DDDBDA;
  border-top: none;
  z-index: -1;
}

div.stacked::before {
  content: "";
  position: absolute;
  bottom: -11px;
  height: 5px;
  left: 20px;
  right: 20px;
  background: #fff;
  border: 1px solid #DDDBDA;
  border-top: none;
  z-index: -1;
}

div.stacked.active::before, div.stacked.active::after {
  opacity: 0;
}

.timeline {
  overflow: hidden;
  font-weight: 400;
  padding-bottom: 15px;
}
.timeline.first {
  padding-top: 4rem !important;
}
.timeline .post__date {
  color: #4e8abe;
  font-size: 0.75rem;
  line-height: 1.0625rem;
}
.timeline .post__date span, .timeline .post__date strong {
  line-height: 0.9375rem;
}
.timeline span.documentNameAndTypeSpace {
  padding: 0 1.25rem;
}
.timeline .ng-hide-remove, .timeline .ng-hide-add {
  /* ensure visibility during the transition */
  display: block !important;
}
.timeline .timeline-message.gm-animate.ng-hide, .timeline .stacked-bottom-one {
  max-height: 0 !important;
  min-height: 0 !important;
  border: none !important;
}
.timeline .timeline-message.gm-animate, .timeline .stacked-bottom-one {
  transition: 0.25s linear all;
}
.timeline .timeline-message a.file {
  display: block;
  border: 0.0625rem solid #dbe5ee;
  border-radius: 0.5rem;
  padding: 0.625rem;
  margin-top: 0.625rem;
}
.timeline .timeline-message a.file i {
  margin-right: 0.625rem;
}
.timeline .timeline-message a.file:hover {
  color: #ee343f;
  border-color: #ee343f;
}
.timeline .label {
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.375rem;
  color: #fff;
  font-size: 0.625rem;
  line-height: 0.75rem;
  text-transform: uppercase;
}
.timeline .line {
  position: relative;
}
.timeline .kpi-score .scores {
  margin-top: 2px;
}
.timeline .kpi-score img {
  width: 18px;
  margin-right: 5px;
}
.timeline .kpi-score span {
  position: static;
  font-size: 13px;
  margin-top: 0;
  margin-left: 0;
  line-height: 1;
}

.filter-toggle-timeline li {
  padding-left: 1.25rem;
}

.dot {
  width: 1.3125rem;
  height: 1.3125rem;
  border-radius: 50%;
  border: 0.0625rem solid #dbe5ee;
  box-shadow: 0 0 0 0.25rem #f7f7f6;
  position: relative;
  z-index: 10;
  background: #fff url("/dist/img/icon/check.svg") center center no-repeat;
}
.urgent .dot {
  width: 1.3125rem;
  height: 1.3125rem;
  border-color: #ee343f;
  background: #ee343f url("/dist/img/icon/urgent.svg") center center no-repeat;
  background-position: 0.4375rem 0.1875rem;
}

div.comment-document-upload {
  width: 100% !important;
  margin-top: 15px;
}

div.comment-document-upload-hidden {
  display: none;
}

div.measurement-comment, div.document-link {
  display: flex;
  flex-direction: row;
  margin-top: 1.25rem;
  padding: 1.25rem;
  line-height: 1.5;
  border: 1px solid #dbe5ee;
  width: 100%;
}

span.measurement-comment-slug {
  font-size: 12px;
  color: #354052;
}

div.measurement-comment .avatar-container {
  flex-grow: 0;
  padding-right: 0.625rem;
  width: 3.125rem;
  height: 40px;
}
div.measurement-comment .content {
  flex-grow: 1;
}
div.measurement-comment .content strong {
  display: inline;
}
div.measurement-comment + div.document-link {
  margin-top: 0;
  border-top: none;
}

div.action-executed-email {
  display: none;
}

span#add-external-user-toggle {
  color: #c2cad1;
  font-size: 0.8125rem;
  border-left: 0.0625rem solid #dae4ed;
  padding-left: 1.0625rem;
  line-height: 3.7;
}
span#add-external-user-toggle:hover {
  cursor: pointer;
  color: #122c42;
}

div.document-link, div.action-comment-document-link {
  color: rgba(79, 138, 190, 0.5) !important;
  width: 97.5%;
}
div.document-link .icon, div.action-comment-document-link .icon {
  flex-grow: 0;
  padding-right: 0.625rem;
  font-size: 120%;
  line-height: 1;
}
div.document-link .filename, div.action-comment-document-link .filename {
  flex-grow: 1;
}
div.document-link .filename a, div.action-comment-document-link .filename a {
  color: #4e8abe;
}
div.document-link .object-file-size:before, div.action-comment-document-link .object-file-size:before {
  content: "";
  border-left: 1px solid rgba(79, 138, 190, 0.5);
  left: -0.6rem;
  min-height: 10px;
  position: relative;
  top: 0;
}
div.document-link .filename-slug, div.document-link .filesize-slug, div.action-comment-document-link .filename-slug, div.action-comment-document-link .filesize-slug {
  font-size: 13px;
}
div.document-link .filename-right-space, div.action-comment-document-link .filename-right-space {
  padding-right: 10px;
}
div.document-link .filename-left-space, div.action-comment-document-link .filename-left-space {
  padding-left: 10px;
}

.timeline-section .timeline-wrapper {
  margin-top: 45px;
  margin-bottom: 27px;
}
.timeline-section .timeline-wrapper > .row {
  align-items: center;
  justify-content: space-between;
}
.timeline-section .timeline-wrapper > .row .block-title {
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 0.5px;
  padding-left: 22px;
}
.timeline-section .holder-columns--heading {
  padding: 0 15px;
  border: 1px solid #DDDBDA;
}
.timeline-section .timeline-header {
  justify-content: space-between;
  padding: 15px 10px;
}
.timeline-section .timeline-header .timeline-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.timeline-section .timeline-header .timeline-title > img {
  margin-right: 10px;
}
.timeline-section .timeline-header .timeline-title .measurements {
  display: inline-block;
}
.timeline-section .timeline-header-information-slug {
  font-size: 14px;
  letter-spacing: 0.5px;
  color: #2B2826;
}
.timeline-section .timeline-header-information-slug a {
  color: #1db4cf;
  text-decoration: underline;
}
.timeline-section .kpi-holder {
  padding: 0;
}
.timeline-section .new-message-timeline {
  margin-bottom: 20px;
}
.timeline-section .timeline-message .timeline-item-row {
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #f3f2f2;
}
.timeline-section .timeline-message .timeline-show--content {
  margin-left: 40px;
}
.timeline-section .timeline-show--content .time-child-row {
  display: inline-block;
  margin-left: 20px;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.2px;
}
.timeline-section .timeline-show--content .small-time-stamp {
  font-size: 13px;
}
.timeline-section .holder-date {
  padding: 3px 30px;
  font-size: 12px;
  letter-spacing: 0.38px;
  color: #1db4cf;
  text-align: center;
  background: #f3f2f2;
  border: 1px solid #21B3CF;
  border-radius: 12px;
}
.timeline-section .activity-stream > .columns > .timeline .line:after {
  content: "";
  position: absolute;
  top: 28px;
  left: 50%;
  height: 100%;
  width: 1px;
  background: #64D5E9;
}
.timeline-section .activity-stream > .columns > .timeline.last .line:after {
  display: none;
}
@media screen and (max-width: 991px) {
  .timeline-section .timeline-header .timeline-title {
    max-width: 420px;
  }
}
@media screen and (max-width: 767px) {
  .timeline-section .new-message-timeline {
    margin-left: 0;
  }
  .timeline-section .timeline-show--content .time-child-row {
    display: block;
    margin-left: 0;
    max-width: 270px;
  }
}
@media screen and (max-width: 767px) {
  .timeline-section .holder-filter-options {
    display: block;
  }
  .timeline-section .holder-date {
    padding: 3px 10px;
    font-size: 10px;
  }
}
@media screen and (max-width: 575px) {
  .timeline-section .timeline-message .timeline-show--content {
    margin-top: 10px;
    margin-left: 0;
  }
  .timeline-section .timeline-header .timeline-title {
    margin-top: -20px;
  }
  .timeline-section .timeline-message .timeline-item-row {
    background-position: 18px 18px;
  }
  .timeline-section .timeline-message .timeline-item-row .kpi-holder {
    width: 100%;
    text-align: right;
  }
  .timeline-section .kpi-holder,
  .timeline-section .timeline-header-switcher {
    order: -1;
    margin-left: auto;
  }
}

#audits-list .callout {
  margin: 0 auto;
  background: #122c42;
  text-align: center;
  padding: 0;
}
#audits-list .callout a, #audits-list .callout a:visited {
  color: #fff;
  padding: 0.625rem 1.875rem;
  display: block;
}

#audit-overview .panel {
  padding: 20px;
  max-width: 922px;
}
#audit-overview .panel .circle-spinner {
  margin-right: 1.25rem;
}
#audit-overview .block-item {
  max-width: 100%;
}
#audit-overview .section-list {
  padding: 0 15px 0 0;
}
#audit-overview .section-list ul {
  margin: 0;
}
#audit-overview .section-list ul.stuck {
  top: 4rem;
  width: inherit;
}
#audit-overview .section-list li {
  list-style-type: none;
}
#audit-overview .section-list .add-chapter {
  padding: 0 10px;
  margin-top: 18px;
}
#audit-overview .section-list .add-chapter .btn-border--blue {
  padding: 0;
  border: 0;
}
#audit-overview .section-list .button-container {
  margin: 15px 0;
}
#audit-overview .section-list .button-container .btn-border--blue {
  padding: 10px 13px;
  margin-bottom: 10px;
  width: 100%;
}
#audit-overview .section-list .section {
  color: #111A27;
  font-size: 15px;
  letter-spacing: 0.2px;
  background-color: #fff;
  border-bottom: 0.0625rem solid #DDDBDA;
}
#audit-overview .section-list .section:first-child {
  border-top: 0.0625rem solid #DDDBDA;
}
#audit-overview .section-list .section .arrow {
  display: none;
}
#audit-overview .section-list .section button {
  position: relative;
  display: block;
  padding: 15px 37px;
  width: 100%;
  text-align: left;
}
#audit-overview .section-list .section button:before {
  content: "";
  position: absolute;
  top: 16px;
  left: 9px;
  width: 10px;
  height: 10px;
  border-color: #1db4cf;
  border-style: solid;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
}
#audit-overview .section-list .sub-sections {
  border-top: 0.0625rem solid #dae4ed;
  padding: 1.25rem 1.875rem;
}
#audit-overview .section-list .sub-sections li {
  line-height: 1.875rem;
  color: rgba(18, 44, 66, 0.4);
}
#audit-overview .section-list .sub-sub-sections {
  border-top: none;
  padding: 0.625rem;
}
#audit-overview .section-detail .introduction textarea, #audit-overview .section-detail .introduction input, #audit-overview .section-detail .labels textarea, #audit-overview .section-detail .labels input, #audit-overview .section-detail .structure textarea, #audit-overview .section-detail .structure input {
  border: 1px solid #dae4ed;
}
#audit-overview .section-detail label {
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 0.2px;
  color: #111A27;
}
#audit-overview .section-detail .introduction {
  padding: 10px 30px;
  background-color: #FFFFFF;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -1px 6px 0 rgba(175, 173, 171, 0.7);
}
#audit-overview .section-detail .introduction .block-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 30px 20px;
  margin: 0 -30px 30px;
  border-bottom: 1px solid #DDDBDA;
}
#audit-overview .section-detail .introduction .block-header .text-label {
  font-weight: normal;
  font-size: 11px;
  letter-spacing: 1px;
  color: #1DB4CF;
  text-transform: uppercase;
}
#audit-overview .section-detail .introduction .block-header label {
  margin: 0 10px 0 0;
}
#audit-overview .section-detail .introduction select {
  max-width: 415px;
}
#audit-overview .section-detail hr {
  border-color: #DDDBDA;
}
#audit-overview .section-detail .labels {
  padding: 15px 30px;
}
#audit-overview .section-detail .labels ul#audit-labels {
  margin-left: 0;
  margin-bottom: 0;
  margin-top: -5px;
  display: table;
}
#audit-overview .section-detail .labels ul#audit-labels li {
  position: relative;
  display: inline-block;
  padding: 3px 30px 3px 10px;
  margin-right: 10px;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background: #1db4cf;
  border-radius: 50px;
}
#audit-overview .section-detail .labels ul#audit-labels li span {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  top: 2px;
  bottom: 2px;
  right: 6px;
  width: 16px;
  text-align: center;
  font-size: 12px;
  padding: 0;
}
#audit-overview .section-detail .labels #add-audit-label input {
  border: 1px solid #C4CDD5;
}
#audit-overview .section-detail .labels #add-audit-label button {
  padding: 10px 13px;
}
#audit-overview .section-detail .labels div#create-audit-label {
  margin-top: 1rem;
}
#audit-overview .section-detail .chapter {
  padding: 10px 0;
}
#audit-overview .section-detail .chapter header {
  position: relative;
  padding: 0 35px;
}
#audit-overview .section-detail .chapter header:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 10px;
  height: 10px;
  border-color: #1db4cf;
  border-style: solid;
  border-width: 2px 2px 0 0;
  transform: rotate(135deg);
}
#audit-overview .section-detail .chapter .toggle:before {
  transform: rotate(45deg);
}
#audit-overview .section-detail .chapter .block-item-content {
  background: #fff;
}
#audit-overview .section-detail .chapter .block-item-content h2 {
  font-size: 22px;
  letter-spacing: 0.2px;
}
#audit-overview .section-detail .chapter .block-item-content .description {
  font-size: 15px;
  letter-spacing: 0.2px;
  color: #111A27;
}
#audit-overview .section-detail .chapter .btn-border--blue {
  border: 0;
}
#audit-overview .section-detail .main-section::before,
#audit-overview .section-detail .sub-section::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: -0.0625rem;
  width: 0.3125rem;
}
#audit-overview .section-detail .main-section,
#audit-overview .section-detail .sub-section,
#audit-overview .section-detail .sub-sub-section {
  padding: 1.25rem 1.875rem;
  position: relative;
}
#audit-overview .section-detail .main-section {
  position: relative;
  margin: 0;
}
#audit-overview .section-detail .main-section .connect-kpi {
  margin-left: 0.9375rem;
}
#audit-overview .section-detail .main-section .add-question {
  margin-right: 0.9375rem;
}
#audit-overview .section-detail .main-section.closed header {
  cursor: pointer;
}
#audit-overview .section-detail .sub-section {
  margin: 0;
  border: none;
  border-top: 0.0625rem solid #dae4ed;
}
#audit-overview .section-detail .sub-section::before {
  background: #dae4ed;
}
#audit-overview .section-detail .sub-section h3 {
  font-size: 0.8125rem;
  font-weight: 700;
}
#audit-overview .section-detail .sub-sub-section {
  margin: 0;
  border: none;
  border-top: 0.0625rem solid #dae4ed;
}
#audit-overview .section-detail .sub-sub-section::before {
  background: #fff;
}
#audit-overview .section-detail .sub-sub-section h4 {
  font-size: 0.75rem;
  font-weight: 700;
}
#audit-overview .section-detail .toggle-chapter,
#audit-overview .section-detail .connect-kpi {
  position: absolute;
  top: 0.9375rem;
  right: 0.9375rem;
}
#audit-overview .section-detail .toggle-chapter {
  right: 2.8125rem;
}
#audit-overview .section-detail .questions {
  margin: 0.625rem 0 0 0;
  position: relative;
}
#audit-overview .section-detail .questions .question {
  position: relative;
  padding: 0 35px;
  margin: 25px 0;
  font-weight: normal;
  font-size: 15px;
  text-align: left;
  letter-spacing: 0.2px;
  list-style-type: none;
}
#audit-overview .section-detail .questions .question:before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: move;
  background: url("/dist/img/drag-handle.svg") left center;
  background-size: 24px;
  background-repeat: no-repeat;
}
#audit-overview .section-detail .questions .question .edit-question {
  position: absolute;
  right: 0;
  top: 5px;
}
#audit-overview .section-detail .questions .ui-sortable-handle:hover {
  background: #fff;
  border: 0;
}
#audit-overview .section-detail .emoji-toolbar img {
  width: 20px;
  height: 20px;
  margin: 5px;
  cursor: pointer;
}
#audit-overview .section-detail .emoji-toolbar img:hover {
  transform: scale(1.2);
}
#audit-overview .add-subsection {
  text-align: center;
  padding: 1.25rem;
  border-top: 0.0625rem solid #dae4ed;
  color: #4e8abe;
  position: relative;
}
#audit-overview .add-subsection.add-sub-subsection:before {
  background: #fff;
}
#audit-overview .has-tip {
  margin-top: 0;
  background: #babae8;
}
#audit-overview .fa-angle-down {
  font-size: 1rem;
}

#audit-templates-list-container > .columns > .row {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
#audit-templates-list-container .audit-templates-list {
  margin-bottom: 20px;
  border-radius: 4px 4px 0 0;
  background-color: #FFFFFF;
  box-shadow: 0 -1px 6px 0 #AFADAB;
}
#audit-templates-list-container .audit-templates-list > .row {
  margin: 0;
  padding: 1.25rem 1.25rem;
  border-top: 1px solid #DDDBDA;
}
#audit-templates-list-container .audit-templates-list > .row:first-child {
  border-top: none;
}
#audit-templates-list-container .audit-templates-list .audit-templates-list-header {
  justify-content: space-between;
  align-items: center;
  padding: 12px 30px;
  font-size: 22px;
  letter-spacing: 0.2px;
  color: #0F223E;
}
#audit-templates-list-container .audit-templates-list .audit-templates-list-header img {
  margin-right: 20px;
  height: 100%;
}
#audit-templates-list-container .audit-templates-list .audit-template a {
  color: #111A27;
}
@media screen and (max-width: 767px) {
  #audit-templates-list-container .audit-templates-list .audit-templates-list-header .create {
    display: block;
    width: 100%;
    margin-top: 10px;
  }
  #audit-templates-list-container .audit-templates-list .audit-templates-list-header .create a {
    width: 100%;
  }
}

.audit-buttons .btn {
  margin-top: 1rem;
}

#audit-submit-answers h1,
#audit-submit-answers h2,
#audit-submit-answers h3, #audit-round-detail h1,
#audit-round-detail h2,
#audit-round-detail h3 {
  font-weight: 700;
}
#audit-submit-answers .audit-round-header-data .row, #audit-round-detail .audit-round-header-data .row {
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
  background-color: #FAFBFC;
  border: 0.0625rem solid #dae4ed;
}
#audit-submit-answers .audit-form, #audit-round-detail .audit-form {
  padding: 0 1.25rem 1.25rem 1.25rem;
  margin-top: 2.25rem;
  border: 0.0625rem solid #dae4ed;
}
#audit-submit-answers .audit-form .block-input, #audit-round-detail .audit-form .block-input {
  padding: 1.25rem;
}
#audit-submit-answers .audit-form .block-input label, #audit-round-detail .audit-form .block-input label {
  font-weight: bold;
  margin-top: 1.5rem;
}
#audit-submit-answers .section .question > label, #audit-round-detail .section .question > label {
  margin-bottom: 1.25rem;
  font-size: 13px;
}
#audit-submit-answers .section .question .choices, #audit-round-detail .section .question .choices {
  display: flex;
  width: 100%;
}
#audit-submit-answers .section .question .choices input[type=radio], #audit-round-detail .section .question .choices input[type=radio] {
  display: none;
}
#audit-submit-answers .section .question .choices input[type=radio] + label, #audit-round-detail .section .question .choices input[type=radio] + label {
  flex: 1;
  border-left-width: 0;
  text-align: center;
  font-weight: bold;
  margin: 0;
  padding: 0.625rem 0.3125rem;
  transition: background 0.25s linear;
  font-size: 0.8125rem;
}
#audit-submit-answers .section .question .choices input[type=radio] + label img, #audit-round-detail .section .question .choices input[type=radio] + label img {
  background: #fff;
}
#audit-submit-answers .section .question .choices input[type=radio]:first-child + label, #audit-round-detail .section .question .choices input[type=radio]:first-child + label {
  border-left-width: 1px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  position: relative;
  z-index: 1;
}
#audit-submit-answers .section .question .choices input[type=radio]:last-of-type + label, #audit-round-detail .section .question .choices input[type=radio]:last-of-type + label {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
#audit-submit-answers .section .question .choices input[type=radio]:checked + label, #audit-round-detail .section .question .choices input[type=radio]:checked + label {
  background: #243c50;
  color: #fff;
  z-index: 2;
}
#audit-submit-answers .section .question .choices img, #audit-round-detail .section .question .choices img {
  width: 50px;
  height: 50px;
  background: transparent;
  transition: background 0.25s linear;
  border-radius: 50%;
  padding: 2px;
}
#audit-submit-answers .section > .section, #audit-round-detail .section > .section {
  margin-top: 1.25rem;
}
#audit-submit-answers .section ~ .section, #audit-round-detail .section ~ .section {
  margin-top: 0;
}
#audit-submit-answers .section .section, #audit-round-detail .section .section {
  margin-left: -1.875rem;
  margin-right: -1.875rem;
}
#audit-submit-answers .section .section::before, #audit-round-detail .section .section::before {
  background: #93a0a9;
}
#audit-submit-answers .section .section .section::before, #audit-round-detail .section .section .section::before {
  background: #dae4ed;
}

#audit-submit-answers .questions {
  margin-top: 1.25rem;
}
#audit-submit-answers .question {
  padding: 1.25rem;
  background: #f7f7f6;
  border: 0.0625rem solid #dae4ed;
  margin-top: 1.25rem;
  border-radius: 0.125rem;
}
#audit-submit-answers .question label {
  font-size: 0.75rem;
  margin-bottom: 0.3125rem;
}
#audit-submit-answers .question label ~ div label {
  font-weight: normal;
  margin-bottom: 0;
}
#audit-submit-answers .question textarea {
  font-size: 12px;
}

#audit-round-detail #audit-round-header h3 {
  font-size: 0.75rem;
  font-weight: normal;
  color: #ccc;
}
#audit-round-detail .block-item {
  max-width: 61.25rem;
}
#audit-round-detail .section {
  padding-bottom: 0;
}
#audit-round-detail .questions {
  margin-left: -1.875rem;
  margin-right: -1.875rem;
  padding-top: 0.625rem;
  font-size: 0.8125rem;
}
#audit-round-detail .question {
  border-top: 0.0625rem solid #dae4ed;
}
#audit-round-detail .question .columns {
  padding: 1.25rem 1.875rem;
}
#audit-round-detail .question:hover {
  background: #f6fafe;
}
#audit-round-detail .question:hover .note::before {
  border-color: #ffd95d #f6fafe;
}
#audit-round-detail .question .score {
  border-left: 1px solid #dae4ed;
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
}
#audit-round-detail .question .score.good-result {
  color: #38441b;
}
#audit-round-detail .question .score.bad-result {
  color: #ae0e17;
}
#audit-round-detail .question .score img {
  max-width: 27px;
}
#audit-round-detail .notes .note {
  font-size: 12px;
  margin-top: 0.625rem;
  padding: 0.625rem;
  background: #fff395;
  border-bottom: 1px solid #ffd95d;
  position: relative;
  float: left;
  width: 100%;
}
#audit-round-detail .notes .note .author {
  font-weight: bold;
  display: block;
  margin-top: 0.3125rem;
}
#audit-round-detail .notes .note::before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: #ffd95d #fff;
}

.reveal.audit {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0 0.875rem rgba(17, 44, 65, 0.3);
  padding: 0;
  border: none;
  max-width: 28.25rem;
}
.reveal.audit .reveal-header {
  padding: 0.875rem 1.875rem;
}
.reveal.audit .reveal-footer {
  border-top: 0.0625rem solid #dae4ed;
  padding: 0.875rem 1.875rem;
}
.reveal.audit [type=button]:not(.close-button),
.reveal.audit [type=submit] {
  background: #122c42;
  border-radius: 0.25rem;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  line-height: 2rem;
  color: #fff;
}
.reveal.audit [type=button].delete {
  background: #ee343f;
}
.reveal.audit input,
.reveal.audit textarea,
.reveal.audit select {
  border: none;
  padding: 0.3125rem 0.9375rem;
  font-family: "Roboto", sans-serif;
  font-size: 0.75rem;
  line-height: 1.0625rem;
  font-weight: 600;
  color: #122c42;
  box-shadow: none;
  background: transparent;
  margin: 0;
}
.reveal.audit ::-webkit-input-placeholder,
.reveal.audit :-moz-placeholder,
.reveal.audit ::-moz-placeholder,
.reveal.audit :-ms-input-placeholder {
  color: #93a0a9;
}
.reveal.audit input,
.reveal.audit select {
  height: 3rem;
}
.reveal.audit input.disabled, .reveal.audit input:disabled,
.reveal.audit select.disabled,
.reveal.audit select:disabled {
  cursor: not-allowed;
  background: #dae4ed;
}
.reveal.audit textarea {
  height: 5.25rem;
  padding: 0.9375rem 1.875rem;
}
.reveal.audit textarea.disabled, .reveal.audit textarea:disabled {
  cursor: not-allowed;
  background: #dae4ed;
}
.reveal.audit select {
  background: transparent url("/dist/img/icon/angle-down.png") center right 1.25rem no-repeat;
}
.reveal.audit .label {
  border-right: 0.0625rem solid #dae4ed;
  padding: 0.9375rem 0 0.9375rem 1.875rem;
  background: transparent;
}
.reveal.audit .label ~ .label {
  border-left: 0.0625rem solid #dae4ed;
  text-align: center;
  padding-left: 0;
}
.reveal.audit label {
  color: #243c50;
  font-family: "Roboto", sans-serif;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.125rem;
}
.reveal.audit .input {
  border-top: 0.0625rem solid #dae4ed;
}
.reveal.audit .error {
  border-top: 0.0625rem solid #dae4ed;
  padding: 1.25rem;
}
.reveal.audit .textarea {
  height: 5rem;
}
.reveal.audit .close-button {
  color: #dae4ed;
}

#preview-report #report-container {
  padding: 30px 0;
  margin: 0 auto;
  border: 0;
}
#preview-report #report-spinner {
  z-index: 1;
}
#preview-report #report {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 682px;
}
#preview-report #report object {
  height: 682px;
  width: 100%;
}
#preview-report #report iframe {
  height: 682px;
  width: 100%;
  border: none;
}
#preview-report .panel {
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
}
#preview-report .panel .circle-spinner {
  margin-right: 1.25rem;
}
#preview-report .html-preview {
  position: relative;
}
#preview-report .cke_inner {
  height: 264px;
}

#share-report label.no-margin {
  margin-bottom: 0;
}
#share-report .composed-button {
  margin-top: 1.5rem;
}
#share-report input[type=email] {
  margin-bottom: 0.625rem;
}
#share-report .send-to-self {
  margin-top: 1.5rem;
}
#share-report textarea {
  box-shadow: none;
}

.audit-round-status {
  display: inline-block;
  padding: 3px 15px;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background: #DC233A;
  border-radius: 50px;
}

#audit-round-detail {
  margin-top: -10px;
}
#audit-round-detail .section {
  padding: 30px;
  margin-bottom: 10px;
  max-width: 1050px;
  background-color: #fff;
}
#audit-round-detail .section h1 {
  margin-bottom: 18px;
  font-size: 22px;
  font-weight: normal;
}
#audit-round-detail .section .add-note {
  padding: 9px 13px;
  margin-top: 27px;
}
#audit-round-detail .questions {
  margin: 29px 0 -30px;
}
#audit-round-detail .holder-button {
  margin-top: 20px;
  max-width: 1110px;
}

#audit-round-header {
  margin-bottom: 30px;
}
#audit-round-header .card-wrapper {
  margin: 0;
}
#audit-round-header .card-heading {
  padding-top: 20px;
  padding-bottom: 20px;
}
#audit-round-header .theme-details > .columns {
  background-color: #f3f2f2;
  border: 0;
}
#audit-round-header .theme-details .table-list {
  background: none !important;
  border: 0;
}
#audit-round-header .theme-action {
  padding: 25px 0;
}
#audit-round-header .theme-action p {
  margin-bottom: 0;
  font-size: 15px;
}
#audit-round-header .theme-action a {
  color: #1db4cf;
  text-decoration: underline;
}
#audit-round-header .theme-child {
  padding: 20px 0;
}
#audit-round-header form {
  padding: 15px 0 25px;
}
#audit-round-header form select {
  margin-top: 20px;
  max-width: 350px;
}

.backdrop {
  display: none;
  background: rgba(0, 0, 0, 0.2);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
}
.backdrop.active {
  display: flex;
}
.backdrop .loader {
  display: none;
}
.backdrop .loader.active {
  display: inline-block;
}
.backdrop .spinner {
  background: rgba(0, 0, 0, 0.8);
  padding: 1rem;
  border-radius: 0.375rem;
}
.backdrop .fa {
  color: #fff;
  font-size: 2.25rem;
}

.breadcrumbs-trail {
  margin-top: 1.875rem;
  height: 3.125rem;
  background: #fff;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.breadcrumbs-trail img {
  padding-right: 0.75rem;
}

.breadcrumbs li, .breadcrumbs a {
  line-height: 1.375rem;
  color: #122c42;
}
.breadcrumbs li {
  text-transform: none;
}
.breadcrumbs li::after {
  content: "\f105";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: #ee343f;
  font-size: 1rem;
  padding-left: 0.75rem;
}
.breadcrumbs li:last-of-type::after {
  content: none;
}
.breadcrumbs li,
.breadcrumbs a {
  font-family: "Roboto", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.0625rem;
}
.breadcrumbs a {
  color: #122c42;
}

#pdf-preview {
  position: relative;
}
#pdf-preview embed {
  position: relative;
  z-index: 2;
}

.card-documents .header-block.document-hero {
  border-bottom: 0;
  box-shadow: none;
}

.document-breadcrumbs {
  padding: 0;
}
.document-breadcrumbs .breadcrumbs li:after {
  color: #1db4cf;
}
.document-breadcrumbs .breadcrumbs li ~ li a {
  color: #0F223E;
}
.document-breadcrumbs .breadcrumbs li a {
  font-size: 16px;
  font-weight: 300;
  color: #1db4cf;
}

.holder-document-edit #checkbox-list-filter {
  display: block;
  padding: 6px 15px 6px 47px;
  font-size: 15px;
  letter-spacing: 0.21px;
  color: #b0adab;
  background: #fff url("/dist/img/icon/search-blue.svg") no-repeat 10px center;
  border: 1px solid #c4cdd5;
  border-radius: 3px;
  outline: 0;
}
.holder-document-edit .block-item {
  max-width: 1110px;
}
.holder-document-edit .block-item .header label {
  font-size: 12px;
  letter-spacing: 0.75px;
  font-weight: 500;
  line-height: 1.5;
  color: #1db4cf;
  text-transform: uppercase;
}
.holder-document-edit div.checkbox-list div.checkbox-list-filter button.deselect-all-items,
.holder-document-edit div.checkbox-list div.checkbox-list-filter button.select-all-items {
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 1.2;
  color: #1db4cf;
  text-align: center;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #1db4cf;
  border-radius: 0;
}

.timeline-filter .filter-tags .ui-select-multiple.ui-select-bootstrap {
  padding: 0;
  float: left;
}
.timeline-filter .filter-tags .ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  display: none;
}
.timeline-filter .filter-tags .ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  display: inline-block;
}

.generic-filter label {
  font: bold 0.75rem "Open Sans", sans-serif;
  margin-top: 5px;
}
.generic-filter input, .generic-filter select {
  background: #fff;
  border: 0.0625rem solid #dae4ed;
  box-shadow: none;
  outline: none;
  margin-bottom: 3px;
  width: 100% !important;
  margin-top: 5px;
  padding: 0 10px;
  height: 32px;
  border-radius: 0;
  font: 0.75rem "Open Sans", sans-serif;
  display: block;
}
.generic-filter input[type=date] {
  padding-right: 0;
}
.generic-filter select {
  padding-right: 10px;
  background-position: right center;
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
}
.generic-filter .filter-form > .row {
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-end;
}
.generic-filter .filter-form > .row.buttons > div {
  flex-grow: 0;
}
.generic-filter .filter-form > .row > div {
  flex-shrink: 1;
  flex-grow: 1;
  margin: 0 10px;
}
.generic-filter .filter-form > .row > div:first-child {
  margin-left: 0;
}
.generic-filter .filter-form > .row > div:last-child {
  margin-right: 0;
  align-content: flex-end;
  align-items: center;
}

.filter-summary {
  color: #fff;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 1.5;
  text-transform: uppercase;
  margin-right: 75px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .filter-summary {
    margin-right: 15px;
  }
  .filter-summary .date-summary {
    display: none;
  }
}

.filter-form {
  border-bottom: 1px solid #dae4ed;
}
.filter-form h3 {
  color: #122c42;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  margin: 0;
}
.filter-form ::-webkit-input-placeholder,
.filter-form ::-moz-placeholder,
.filter-form :-ms-input-placeholder,
.filter-form :-moz-placeholder {
  color: #122c42;
  font-size: 0.75rem;
}

.holder-filter {
  background-color: #62D5E9;
}

.holder-api .filter-row {
  position: relative;
}
@media screen and (max-width: 1199px) {
  .holder-api .filter-row .btn-close {
    top: -25px;
  }
}

.filter-form {
  padding: 20px 0;
}
.filter-form .filter-row {
  position: relative;
}
.filter-form .filter-row:before {
  content: "";
  position: absolute;
  top: -25px;
  right: 10px;
  width: 12px;
  height: 12px;
  background-color: #62D5E9;
  transform: translateX(-50%) rotate(45deg);
}
.filter-form.filter-form--date .filter-row:before {
  top: -25px;
  right: 140px;
}
@media screen and (max-width: 767px) {
  .filter-form.filter-form--date .filter-row:before {
    right: 111px;
  }
}
.filter-form .filter-wrapper {
  position: relative;
  max-width: 1110px;
  margin: 0 auto;
}
.filter-form input {
  height: 36px;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.2px;
  border: 1px solid #C4CDD5;
  border-radius: 3px;
}
@media screen and (max-width: 1199px) {
  .filter-form .block-column {
    margin-top: 15px;
  }
  .filter-form .btn-close {
    right: 15px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .filter-form .filter-row:before {
    top: -40px;
    right: 25px;
  }
}
@media screen and (max-width: 767px) {
  .filter-form .block-column {
    margin-top: 0;
  }
  .filter-form .block-column ~ .block-column {
    margin-top: 10px;
  }
  .filter-form .ui-select-multiple.ui-select-bootstrap input.ui-select-search,
  .filter-form .timeline-wrapper [date-picker] {
    width: 100% !important;
    margin: 0 auto;
  }
  .filter-form .btn-form {
    width: 100%;
  }
}

.filter-form--date .filter-row {
  justify-content: flex-end;
}
.filter-form--date .block-column:first-child {
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .filter-form--date {
    justify-content: flex-start;
  }
}

.filter-bar {
  background: #1db4cf;
}
.filter-bar .filter-bar-inner {
  position: relative;
  padding: 10px 0;
}
.filter-bar .filter-bar-inner > .row {
  position: relative;
}
.filter-bar .filter-bar-inner.show-theme:after, .filter-bar .filter-bar-inner.show-theme-mb:after {
  content: "";
  position: absolute;
  top: 100%;
  height: 77px;
  width: 100%;
  overflow: hidden;
  background-color: #62D5E9;
}
.filter-bar .filter-bar-inner.show-theme .filter-theme-dropdown, .filter-bar .filter-bar-inner.show-theme-mb .filter-theme-dropdown {
  opacity: 1;
  visibility: visible;
}
.filter-bar .filter-bar-inner .filter-label {
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 14px;
  text-transform: uppercase;
}
.filter-bar .filter-bar-inner .filter-theme-dropdown {
  position: absolute;
  top: 141%;
  z-index: 4;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  background-color: #62D5E9;
}
.filter-bar .filter-bar-inner .filter-theme-dropdown .btn-close {
  top: 20px;
}
.filter-bar .filter-bar-inner .filter-theme-dropdown:before {
  content: "";
  position: absolute;
  top: -6px;
  left: 25px;
  width: 12px;
  height: 12px;
  background-color: #62D5E9;
  transform: translateX(-50%) rotate(45deg);
}
.filter-bar .filter-bar-inner .theme-menu {
  margin: 0;
  list-style: none;
}
.filter-bar .filter-bar-inner .theme-menu li {
  padding-left: 0;
}
.filter-bar .filter-bar-inner .theme-menu li ~ li {
  padding: 0 9px 0 33px;
}
.filter-bar .filter-bar-inner .theme-menu li a {
  padding: 0;
}
.filter-bar .filter-bar-inner .theme-menu img {
  height: 1.875rem;
  width: auto;
  filter: brightness(0) invert(1);
}
@media screen and (min-width: 1200px) {
  .filter-bar .filter-bar-inner .row > .columns {
    padding-left: 0;
  }
  .filter-bar .filter-bar-inner .row > .columns:last-child {
    padding-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .filter-bar .filter-bar-inner.show-theme {
    margin-bottom: 77px;
  }
  .filter-bar .filter-bar-inner .theme-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 77px;
  }
  .filter-bar .filter-bar-inner .theme-menu a {
    position: relative;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transform: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
  }
  .filter-bar .filter-bar-inner .theme-menu a:hover .btn-tooltip, .filter-bar .filter-bar-inner .theme-menu a:active .btn-tooltip, .filter-bar .filter-bar-inner .theme-menu a:focus .btn-tooltip {
    opacity: 1;
    visibility: visible;
  }
  .filter-bar .filter-bar-inner .btn-tooltip {
    top: -33px;
    margin-left: -13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .filter-bar .filter-bar-inner > .row {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media screen and (max-width: 767px) {
  .filter-bar .filter-bar-inner > .row {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .filter-bar .filter-bar-inner.show-theme-mb:after {
    display: none;
  }
  .filter-bar .filter-bar-inner .theme-menu li,
  .filter-bar .filter-bar-inner .theme-menu li ~ li {
    padding: 10px 0;
  }
  .filter-bar .filter-bar-inner .theme-menu .btn-tooltip {
    margin-left: 10px;
    color: #fff;
  }
  .filter-bar .filter-bar-inner .filter-theme-dropdown {
    left: 0;
    right: 0;
    padding: 10px 12px;
  }
  .filter-bar .btn-close {
    display: none;
  }
}

/* FLASH MESSAGES */
#flash-messages {
  position: fixed;
  z-index: 999;
  right: 0;
  left: 0;
  /* Make the close button stick to the top-right */
}
@media screen and (min-width: 64em) {
  #flash-messages {
    left: 18.125rem;
  }
}
#flash-messages .columns {
  padding: 0;
}
#flash-messages ul {
  list-style: none;
  margin-left: 0;
}
#flash-messages ul li {
  padding-left: 30px;
}
#flash-messages ul li::before {
  content: "✅";
  display: inline-block;
  margin-right: 8px;
  margin-left: -30px;
}
#flash-messages .callout {
  position: relative;
  padding-right: 2.5rem;
}
#flash-messages .callout .flash-message {
  margin: 0;
  text-align: left;
}
#flash-messages .callout .close-button {
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  transform: none;
  margin: 0;
  width: auto;
  height: auto;
  line-height: 1;
  font-size: 1.25rem;
  background: transparent;
  opacity: 0.65;
  cursor: pointer;
}
#flash-messages .callout .close-button:hover {
  opacity: 1;
}

body.auth #flash-messages {
  position: static;
  background: transparent;
  padding-top: 0;
  padding-bottom: 3.125rem;
}
body.auth #flash-messages > .row {
  margin: 0;
}

.less-margin-top {
  margin-top: 1rem !important;
}

div.form-object-border-space {
  border-right: 0.0625rem solid #dae4ed !important;
  line-height: 3.0625rem !important;
}

form.radioForm {
  padding: 0.5rem;
  height: 2.4375rem;
  display: block;
  box-sizing: border-box;
  -moz-appearance: none;
  transition: box-shadow 0.5s ease 0s, border-color 0.25s ease-in-out 0s;
}

div.add-location-loader {
  position: relative;
}

.spinner-adjustment {
  margin: 100px 26.5% !important;
}

div.noBorderBottom {
  border-bottom: none !important;
}

.noMarginTop {
  margin-top: 0 !important;
}

.noMarginBottom {
  margin-bottom: 0 !important;
}

.noMarginBottom input {
  margin-bottom: 0 !important;
}

.noBorderTop {
  border-top: none !important;
}

.marginTopDiv {
  margin-top: 1.25rem;
}

.noPaddingLeft {
  padding-left: 0 !important;
}

.noPaddingRight {
  padding-right: 0 !important;
}

.paddingAround {
  padding: 0.75rem;
}

.borderTheme {
  background-color: #fff !important;
  border-left: 0.0625rem solid #dae4ed;
  border-right: 0.0625rem solid #dae4ed;
  border-bottom: 0.0625rem solid #dae4ed;
  padding: 10px;
}

a.noBackgroundColor {
  background-color: transparent !important;
}

div.templateRadio input {
  position: relative;
  top: 2px;
  margin-left: 20px;
  display: inline;
}

div.templateRadio label {
  border-right: none !important;
}

form.radioForm p {
  font-size: 0.8125rem;
  color: #122c42;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.125rem;
  display: inline;
  padding-left: 0.5rem;
}

button.blackButton {
  background-color: #122c42 !important;
  color: #fff !important;
}

div.selectBoxHidden {
  display: none;
}

[class^=arr-] { /* Arrows @RCB */
  border: solid currentColor;
  border-width: 0 0.2em 0.2em 0;
  display: inline-block;
  padding: 0.2em;
}

a.auditTemplateButton i.arr-right {
  transform: rotate(-45deg);
}

a.auditTemplateButton i.arr-left {
  transform: rotate(135deg);
}

a.auditTemplateButton:hover {
  color: #4f8abe !important;
}

a.auditTemplateButton:hover i {
  color: #4f8abe;
}

.block-item {
  padding: 10px 12px;
  max-width: 36.25rem;
  margin-left: auto;
  margin-right: auto;
}
.block-item .small-header {
  font-size: 0.8125rem;
  line-height: 1.375rem;
}
.block-item label,
.block-item .title {
  color: #122c42;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.1875rem;
  margin-bottom: 1.25rem;
}
.block-item .checklist-item label {
  font-weight: normal;
}
.block-item .date-selection label {
  margin-bottom: 0;
}
.block-item fieldset {
  border: 0.0625rem solid #dae4ed;
  padding: 0.625rem;
  margin: 0;
}
.block-item fieldset legend {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 0.875rem;
  color: #122c42;
  padding: 0 0.625rem;
  margin: 0 0 0.625rem -0.625rem;
}
.block-item .meta {
  color: #122c42;
  opacity: 0.5;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.0625rem;
}
.block-item .upload-file input, .block-item .upload-file .s3-upload-container .preview-container {
  background-color: white;
  border: 0.0625rem solid #dae4ed;
  border-radius: 0.5rem;
  padding: 0.625rem;
  color: #122c42;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
}
.block-item.info-message {
  background: #ebf1f5;
  border-color: #93a0a9;
  font-size: 0.875rem;
}
.block-item.info-message ul.user-list {
  margin: 0.625rem 0 0 0;
}
.block-item.info-message ul.user-list li {
  list-style-type: none;
}
.block-item.info-message ul.user-list li .profile-pic-wrapper {
  margin-top: -5px;
  margin-bottom: -5px;
  border: 2px solid #ebf1f5;
}
.block-item.block-list {
  padding: 0;
}
.block-item.block-list .title {
  margin-bottom: 0;
}
.block-item.block-list .header {
  padding: 1.25rem;
}
.block-item.block-list .header label {
  margin: 0;
}
.block-item.block-list .header.date {
  background: url("/dist/img/icon/date.png") center left 30px no-repeat;
  padding-left: 3.5rem;
}
.block-item.block-list .select-row {
  border-top: 0.0625rem solid #dae4ed;
  padding: 0.3125rem 1.25rem;
}
.block-item.block-list select {
  border: none;
  background: transparent url("/dist/img/icon/angle-down.png") center right 20px no-repeat;
  font-size: 0.8125rem;
  font-weight: 400;
  padding: 0;
  line-height: 1.125rem;
}
.block-item.block-input .option-list-row label {
  font-weight: normal;
}
.block-item.block-input .option-list-row label:last-of-type {
  margin-bottom: 0;
}
.block-item.block-input .option-list-row input[type=radio]:checked + label {
  font-weight: bold;
}
.block-item.block-input input[date-picker] {
  background: url("/dist/img/icon/date.png") center right 20px no-repeat;
}
.block-item.block-checklist .checklist-item {
  white-space: nowrap;
}
.block-item.block-checklist .checklist-item input[type=checkbox] {
  display: inline-block;
  vertical-align: middle;
}
.block-item.block-checklist .checklist-item input + label {
  font-weight: normal;
  margin-bottom: 0;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
.block-item.block-checklist .checklist-item input:checked + label {
  font-weight: bold;
}
.block-item.block-errors {
  border-color: #ee343f;
  color: #ee343f;
}
.block-item.block-errors ul {
  margin: 0;
  background: url("/dist/img/error.png") left center no-repeat;
  padding-left: 1.875rem;
}
.block-item.block-errors ul li {
  list-style-type: none;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.125rem;
}
.block-item.regular-width {
  max-width: none;
}
.block-item.full-width {
  max-width: none;
}
.block-item .row.item-row {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.block-item .row.item-row + .row.item-row {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid #dae4ed;
}

.submit-list {
  padding: 1.25rem;
  background: #fff;
  border: 0.0625rem solid #dae4ed;
  box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.04);
  margin-top: 1.25rem;
}

.block-item-form .block-item label {
  margin-top: 20px;
  margin-bottom: 0;
}

.theme-section {
  margin-top: 2.5rem;
}
@media screen and (max-width: 991px) {
  .theme-section.main-content-inner:not(.fill-out) {
    margin-top: 2.5rem;
  }
}

.theme-section-inner {
  margin-top: 2.5rem;
}
@media screen and (max-width: 63.9375em) {
  .theme-section-inner {
    margin: 0 -0.625rem;
  }
}

.kpi-section {
  margin: 2.5rem auto;
  padding: 0 0.625rem;
}

@media screen and (max-width: 767px) {
  .dashboard .chart-section.with-header {
    margin-top: 0;
  }
  .dashboard .chart-section.map {
    margin-top: 2.5rem;
  }
}

.kpi__theme {
  padding: 0;
}
.kpi__theme a {
  color: #162e45;
  font-size: 0.75rem;
  line-height: 1.0625rem;
}
.kpi__theme > .row {
  margin-left: 0;
  margin-right: 0;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.kpi__theme .link {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  transition: background 0.2s ease-in-out;
}
.kpi__theme .link a {
  color: #122c42;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.1875rem;
}
.kpi__theme .link:after {
  content: "";
}
.kpi__theme .link:hover, .kpi__theme .link:active, .kpi__theme .link:focus {
  background: #f6fafe;
}
.kpi__theme .more a {
  color: #4e8abe;
  line-height: 2.1875rem;
}
.kpi__theme .kpi-detail {
  background: #f9f9fa;
  padding: 0;
}
.kpi__theme .kpi-detail > .columns {
  padding: 0;
}
.kpi__theme .measurement-block {
  padding: 0.9375rem 1.25rem;
  margin: 0;
  transition: background 0.2s ease-in-out;
}
.kpi__theme .measurement-block:hover {
  background: #dae4ed;
}
.kpi__theme .indicator {
  width: 1.625rem;
  height: auto;
}
.kpi__theme .kpi-title {
  color: #162e45;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.1875rem;
}
.kpi__theme .kpi-name,
.kpi__theme .kpi-count {
  color: #162e45;
}
.kpi__theme .kpi-name {
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
.kpi__theme .kpi-count {
  color: #4e8abe;
  font-size: 0.75rem;
  line-height: 1.0625rem;
  display: block;
}
.kpi__theme .no-data {
  font-size: 0.75rem;
}

.no-score {
  width: 1.5rem;
  height: 1.5rem;
  border: 0.0625rem dashed #ccc;
  border-radius: 0.75rem;
  float: right;
  margin-right: 0.125rem;
  background: #efefef;
}

.kpi-score {
  position: relative;
  display: inline-block;
}
.kpi-score .indicator {
  float: right;
}
.theme-details .kpi-score .indicator {
  width: 1.625rem;
  height: auto;
}

.scores {
  font-size: 0;
  float: right;
  margin-left: 0.25rem;
}
.scores .before {
  display: block;
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.5rem;
  float: left;
}
.scores .after {
  display: block;
  font-size: 0.875rem;
  line-height: 1.5rem;
  float: left;
  margin-left: 0.125rem;
  margin-top: -0.25rem;
}
.scores .unit-measurement {
  font-size: 12px !important;
}
.scores.oke {
  color: #fbab2d;
}
.scores.bad {
  color: #DC233A;
}
.scores.good {
  color: #6CB221;
}

.theme-header,
.theme-block,
.theme-parent,
.theme-children,
.theme-footer {
  border: 0.0625rem solid #dae4ed;
  background-color: #fff !important;
}

.theme-header {
  margin-top: 1.25rem;
  color: #122c42;
  font-size: 0.875rem;
  line-height: 2.5rem;
  font-weight: bold;
  padding: 0.75rem;
  background: #fff;
}

.theme-parent,
.theme-child {
  color: #162e45;
}
.theme-parent a:not(.btn),
.theme-child a:not(.btn) {
  color: #162e45;
}

.theme-footer {
  border-top: none;
}

.theme-parent {
  margin-top: 0.625rem;
  background: #fff;
}
.theme-parent .kpi-link {
  display: inline-block;
}

.parent-title a {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: #122c42;
}
.parent-title i {
  width: 1.5rem;
}

.theme-children {
  border-top: none;
  background: #f9f9fa;
  font-size: 0.8125rem;
}
.theme-children.measurements, .theme-children.table-list, .theme-children.audit-exports, .theme-children.preview {
  background: #fff;
  border-top: none;
}
.theme-children.measurements .theme-child, .theme-children.table-list .theme-child, .theme-children.audit-exports .theme-child, .theme-children.preview .theme-child {
  background: #fff;
  border-bottom: 1px solid #dae4ed;
  padding: 1rem;
}
.theme-children.measurements .theme-child:last-of-type, .theme-children.table-list .theme-child:last-of-type, .theme-children.audit-exports .theme-child:last-of-type, .theme-children.preview .theme-child:last-of-type {
  border-bottom: none;
}
.theme-children.documents {
  background: #fff;
  border-top: 1px solid #dae4ed;
  border-bottom: none;
}
.theme-children.documents .theme-child {
  background: #fff;
  border-bottom: 1px solid #dae4ed;
  padding: 1.1rem 1rem;
}
.theme-children.preview {
  padding-top: 0;
  padding-bottom: 0;
}
.theme-children a.user_detail_link {
  padding-left: 1rem;
}
.theme-children a.user_detail_link:first-child {
  padding-left: 0;
}
.theme-children.documents {
  padding-top: 0;
}
.theme-children.documents .theme-child.folder {
  background-color: #fff;
}
.theme-children.documents .theme-child.folder.last {
  border-bottom: 1px solid #dae4ed;
}
.theme-children.documents .theme-child.folder.last:after {
  display: none;
}
.theme-children.documents .profile-pic-wrapper {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.625rem;
  box-shadow: 0 2px rgba(0, 0, 0, 0.1);
}
.theme-children.import {
  font-size: 0.8125rem;
}

.audit-link {
  display: block;
  position: relative;
  background-color: #fff;
  transition: background 0.2s ease-in-out;
  width: 100%;
}
.audit-link:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.0625rem;
  background: #dae4ed;
}
.audit-link:hover {
  background-color: white;
}
.audit-link .row {
  margin-left: 0;
  margin-right: 0;
}

.report-main-header {
  width: 100%;
}

.report-form-wrapper {
  margin: 0 auto;
  width: 100%;
}
.report-form-wrapper .report-inner-header-wrapper, .report-form-wrapper .report-inner-value-wrapper {
  padding: 1.25rem;
}
.report-form-wrapper .report-inner-header-wrapper {
  background-color: white;
  margin-top: 1.5rem;
  border-top: 0.0625rem solid #dae4ed;
  border-left: 0.0625rem solid #dae4ed;
  border-right: 0.0625rem solid #dae4ed;
}
.report-form-wrapper .report-inner-value-wrapper {
  background-color: #FAFBFC;
  border: 0.0625rem solid #dae4ed;
}
.report-form-wrapper .report-inner-value-wrapper .location-list {
  margin-bottom: 1.5rem;
}
.report-form-wrapper .row {
  margin-left: 0;
  margin-right: 0;
}

.theme-child {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  position: relative;
}
.theme-child:last-of-type:after {
  content: none;
}
.theme-child.location {
  background: #fff;
  border: 0.0625rem solid #dae4ed;
  margin-top: 0.625rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.theme-child.location .indicator {
  width: 1.5rem;
  height: auto;
}
.theme-child.no-children {
  text-align: center;
  padding: 2.5rem;
}
.theme-child .child-title p {
  padding-left: 1.25rem;
}
.theme-child .child-title p a {
  color: #122c42;
}
.theme-child .child-title p a.layer {
  font-weight: bold;
  display: inline-block;
  position: relative;
}
.theme-child .child-title p a.layer .fa {
  position: absolute;
  left: -24px;
  top: 4px;
}
.preview .theme-child {
  padding-left: 0;
  padding-right: 0;
  color: #122c42;
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
.preview .theme-child:after {
  left: 0;
  right: 0;
}

.auditorColumn {
  display: flex;
  flex-wrap: wrap;
}

.fullHeightColumn {
  flex-shrink: inherit;
  text-align: center;
  align-items: stretch;
}

.fullHeightColumn span {
  height: inherit;
  width: 100%;
  vertical-align: middle;
}

.fullHeightColumn span label {
  width: 100%;
  text-align: left;
}

div.checkbox-list {
  padding: 0.625rem 1.25rem;
}
div.checkbox-list div.negative-selection div.checkbox-list-item input:checked + label {
  border: 1px solid !important;
  color: inherit;
}
div.checkbox-list div.negative-selection div.checkbox-list-item input + label {
  border: 1px solid #1db4cf !important;
  color: #1db4cf;
}
div.checkbox-list div.checkbox-list-item {
  white-space: nowrap;
  position: relative;
  margin-bottom: 5px;
}
div.checkbox-list div.checkbox-list-item input {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -6px;
  z-index: 2;
}
div.checkbox-list div.checkbox-list-item input:checked + label {
  border: 1px solid #1db4cf;
  color: #1db4cf;
}
div.checkbox-list div.checkbox-list-item input[disabled], div.checkbox-list div.checkbox-list-item input[disabled] + label {
  opacity: 0.5;
  cursor: not-allowed;
}
div.checkbox-list div.checkbox-list-item input, div.checkbox-list div.checkbox-list-item label {
  display: inline-block;
  vertical-align: middle;
}
div.checkbox-list div.checkbox-list-item label {
  position: relative;
  z-index: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: normal;
  border: 1px solid #B0ADAB;
  user-select: none;
  font-size: 13px;
  padding: 5px 5px 5px 25px;
  margin: 1px 0;
  display: block;
  line-height: 1.5;
}
div.checkbox-list div.checkbox-list-item.user label, div.checkbox-list div.checkbox-list-item.company label {
  padding-left: 10px;
}
div.checkbox-list div.checkbox-list-item.user label:before, div.checkbox-list div.checkbox-list-item.company label:before {
  font-family: FontAwesome;
  padding-right: 5px;
}
div.checkbox-list div.checkbox-list-item.user input, div.checkbox-list div.checkbox-list-item.company input {
  display: none;
}
div.checkbox-list div.checkbox-list-item.user input:checked + label:before, div.checkbox-list div.checkbox-list-item.company input:checked + label:before {
  font-family: FontAwesome;
}
div.checkbox-list div.checkbox-list-item.user label:before {
  content: "\f2c0";
}
div.checkbox-list div.checkbox-list-item.user input:checked + label:before {
  content: "\f007";
  padding-right: 6px;
  padding-left: 1px;
}
div.checkbox-list div.checkbox-list-item.company label:before {
  content: "\f0f7";
}
div.checkbox-list div.checkbox-list-item.company input:checked + label:before {
  content: "\f1ad";
  padding-right: 4px;
  padding-left: 0;
}
div.checkbox-list div.checkbox-list-filter .filter-container, div.checkbox-list div.checkbox-list-filter .no-results-container {
  margin: 0 -20px;
  font-size: 13px;
}
div.checkbox-list div.checkbox-list-filter .filter-container label {
  border: none;
  padding: 0;
  line-height: 1.5;
  font-weight: 100;
  margin-bottom: 0;
}
div.checkbox-list div.checkbox-list-filter .filter-container input {
  border: 1px solid #dae4ed;
}
div.checkbox-list div.checkbox-list-filter button.select-all-items, div.checkbox-list div.checkbox-list-filter button.deselect-all-items {
  padding: 0.325rem;
  border-radius: 0.375rem;
  background: #122c42;
  border: 1px solid #122c42;
  color: #fff;
  display: block;
  width: 100%;
}

.location-section .theme-child::after {
  content: none;
}

.location-section .kpi-title {
  font-weight: normal;
}

.has-tip {
  margin-top: -20px;
}

.kpi-title {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kpi-title p {
  padding-left: 1.5rem;
}

.kpi-date {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
}

.theme-toggler {
  background: #fff;
  border: 0.0625rem solid #dae4ed;
  box-shadow: 0 0 0.1875rem -0.125rem rgba(0, 0, 0, 0.4);
  font-size: 0.6875rem;
  line-height: 0.875rem;
  z-index: 1;
  width: 5rem;
  height: 7.75rem;
  padding: 0;
  background: #fff url("/dist/img/icon/show-all.svg") top 1.25rem center no-repeat;
}
.theme-toggler a {
  font-size: 0.6875rem;
  line-height: 0.875rem;
  color: #162e45;
  display: block;
  padding: 3.125rem 1.25rem 1.25rem;
}
.theme-toggler.up {
  background-image: url("/dist/img/icon/close-all.svg");
}

.kpi-title-graph {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 39px 0;
}
.kpi-title-graph > .columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kpi-title-graph > .columns:last-child {
  padding-right: 0;
}
.kpi-title-graph.full-chart .main-content-inner .chart {
  margin: 0;
}
.kpi-title-graph.main-dashboard .main-content-inner > .row {
  margin: 0;
}
.kpi-title-graph .main-content-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.kpi-title-graph .main-content-inner > .row {
  flex: 1;
}
.kpi-title-graph .main-content-inner .title-block {
  padding: 0;
  margin-top: 0;
  max-width: 96.5%;
  border-radius: 4px 0 0 4px;
  box-shadow: 0 -1px 6px 0 rgba(175, 173, 171, 0.7);
}
.kpi-title-graph .main-content-inner .title-block .columns {
  flex: 0 0 100%;
  max-width: 100%;
}
.kpi-title-graph .main-content-inner .chart {
  padding: 0 0 10px 0;
  margin: 0 -10px 0 auto;
}
.kpi-title-graph .main-content-inner .chart .columns {
  padding: 0;
}
.kpi-title-graph .main-content-inner .chart .columns > .row {
  margin: 0;
}
.kpi-title-graph .main-content-inner .block-title {
  padding: 20px 28px;
  font-family: "Roboto";
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 0.2px;
  border-bottom: 1px solid #dddbda;
}
.kpi-title-graph .main-content-inner .block-subtitle {
  padding: 4px 27px;
  font-family: "Roboto";
  font-size: 15px;
  font-weight: 300;
}
.kpi-title-graph .kpi-score {
  display: block;
  margin: auto;
}
.kpi-title-graph .kpi-score .no-score {
  margin: 33px auto 48px;
  width: 250px;
  height: 250px;
  border-radius: 50%;
}
.kpi-title-graph .progress-circle {
  margin: 33px auto 48px;
  width: 250px;
  height: 250px;
  font-size: 97px;
}
.kpi-title-graph .progress-circle .score-text {
  line-height: 250px;
}
.kpi-title-graph .progress-circle .score-text sup {
  top: -36px;
  font-size: 48px;
}
.kpi-title-graph .progress-circle .bar,
.kpi-title-graph .progress-circle .fill {
  border-width: 12px;
}
.kpi-title-graph .progress-circle:not(.over50) .clip,
.kpi-title-graph .progress-circle .bar {
  clip: rect(0, 250px, 250px, 125px);
}
.kpi-title-graph .progress-circle .fill {
  clip: rect(0, 125px, 250px, 0);
}
@media screen and (max-width: 767px) {
  .kpi-title-graph {
    padding: 39px 10px 0;
  }
  .kpi-title-graph .main-content-inner:not(.fill-out) {
    margin: 0;
  }
  .kpi-title-graph .main-content-inner {
    margin: 0;
  }
  .kpi-title-graph .main-content-inner > .row {
    margin: 0;
  }
  .kpi-title-graph .main-content-inner .title-block {
    margin-bottom: 0;
  }
  .kpi-title-graph > .columns:last-child {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

.theme-page .kpi-title-graph .main-content-inner .chart {
  margin: 0 0 0 auto;
}

.progress-financial {
  position: relative;
  float: none;
  margin: 23px auto;
  min-width: 130px;
  height: 130px;
  font-family: "Roboto";
  font-size: 46px;
  font-weight: 500;
}
.progress-financial .score-text {
  display: block;
  width: 100%;
  line-height: 130px;
  color: #444;
  text-align: center;
}

.progress-circle {
  position: relative;
  float: none;
  margin: 23px auto;
  width: 130px;
  height: 130px;
  font-family: "Roboto";
  font-size: 46px;
  font-weight: 500;
  background-color: #f3f2f2;
  border-radius: 50%;
}
.progress-circle .score-text {
  position: absolute;
  z-index: 2;
  display: block;
  width: 100%;
  line-height: 130px;
  color: #444;
  text-align: center;
}
.progress-circle .score-text sup {
  top: -15px;
  font-size: 24px;
}
.progress-circle .clip {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  clip: rect(0, 130px, 130px, 65px);
}
.progress-circle .clip.oke .bar,
.progress-circle .clip.oke .fill {
  border-color: #fbab2d;
}
.progress-circle .clip.bad .bar,
.progress-circle .clip.bad .fill {
  border-color: #DC233A;
}
.progress-circle .clip.good .bar,
.progress-circle .clip.good .fill {
  border-color: #6CB221;
}
.progress-circle .bar {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  border: 6px solid;
  border-radius: 50%;
  clip: rect(0, 130px, 130px, 65px);
}
.progress-circle .fill {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 6px solid #53777A;
  border-radius: 50%;
  clip: rect(0, 65px, 130px, 0);
  transform: rotate(0deg);
}
.progress-circle .fill-1 {
  transform: rotate(3.6deg);
}
.progress-circle .fill-2 {
  transform: rotate(7.2deg);
}
.progress-circle .fill-3 {
  transform: rotate(10.8deg);
}
.progress-circle .fill-4 {
  transform: rotate(14.4deg);
}
.progress-circle .fill-5 {
  transform: rotate(18deg);
}
.progress-circle .fill-6 {
  transform: rotate(21.6deg);
}
.progress-circle .fill-7 {
  transform: rotate(25.2deg);
}
.progress-circle .fill-8 {
  transform: rotate(28.8deg);
}
.progress-circle .fill-9 {
  transform: rotate(32.4deg);
}
.progress-circle .fill-10 {
  transform: rotate(36deg);
}
.progress-circle .fill-11 {
  transform: rotate(39.6deg);
}
.progress-circle .fill-12 {
  transform: rotate(43.2deg);
}
.progress-circle .fill-13 {
  transform: rotate(46.8deg);
}
.progress-circle .fill-14 {
  transform: rotate(50.4deg);
}
.progress-circle .fill-15 {
  transform: rotate(54deg);
}
.progress-circle .fill-16 {
  transform: rotate(57.6deg);
}
.progress-circle .fill-17 {
  transform: rotate(61.2deg);
}
.progress-circle .fill-18 {
  transform: rotate(64.8deg);
}
.progress-circle .fill-19 {
  transform: rotate(68.4deg);
}
.progress-circle .fill-20 {
  transform: rotate(72deg);
}
.progress-circle .fill-21 {
  transform: rotate(75.6deg);
}
.progress-circle .fill-22 {
  transform: rotate(79.2deg);
}
.progress-circle .fill-23 {
  transform: rotate(82.8deg);
}
.progress-circle .fill-24 {
  transform: rotate(86.4deg);
}
.progress-circle .fill-25 {
  transform: rotate(90deg);
}
.progress-circle .fill-26 {
  transform: rotate(93.6deg);
}
.progress-circle .fill-27 {
  transform: rotate(97.2deg);
}
.progress-circle .fill-28 {
  transform: rotate(100.8deg);
}
.progress-circle .fill-29 {
  transform: rotate(104.4deg);
}
.progress-circle .fill-30 {
  transform: rotate(108deg);
}
.progress-circle .fill-31 {
  transform: rotate(111.6deg);
}
.progress-circle .fill-32 {
  transform: rotate(115.2deg);
}
.progress-circle .fill-33 {
  transform: rotate(118.8deg);
}
.progress-circle .fill-34 {
  transform: rotate(122.4deg);
}
.progress-circle .fill-35 {
  transform: rotate(126deg);
}
.progress-circle .fill-36 {
  transform: rotate(129.6deg);
}
.progress-circle .fill-37 {
  transform: rotate(133.2deg);
}
.progress-circle .fill-38 {
  transform: rotate(136.8deg);
}
.progress-circle .fill-39 {
  transform: rotate(140.4deg);
}
.progress-circle .fill-40 {
  transform: rotate(144deg);
}
.progress-circle .fill-41 {
  transform: rotate(147.6deg);
}
.progress-circle .fill-42 {
  transform: rotate(151.2deg);
}
.progress-circle .fill-43 {
  transform: rotate(154.8deg);
}
.progress-circle .fill-44 {
  transform: rotate(158.4deg);
}
.progress-circle .fill-45 {
  transform: rotate(162deg);
}
.progress-circle .fill-46 {
  transform: rotate(165.6deg);
}
.progress-circle .fill-47 {
  transform: rotate(169.2deg);
}
.progress-circle .fill-48 {
  transform: rotate(172.8deg);
}
.progress-circle .fill-49 {
  transform: rotate(176.4deg);
}
.progress-circle .fill-50 {
  transform: rotate(180deg);
}
.progress-circle .fill-51 {
  transform: rotate(183.6deg);
}
.progress-circle .fill-52 {
  transform: rotate(187.2deg);
}
.progress-circle .fill-53 {
  transform: rotate(190.8deg);
}
.progress-circle .fill-54 {
  transform: rotate(194.4deg);
}
.progress-circle .fill-55 {
  transform: rotate(198deg);
}
.progress-circle .fill-56 {
  transform: rotate(201.6deg);
}
.progress-circle .fill-57 {
  transform: rotate(205.2deg);
}
.progress-circle .fill-58 {
  transform: rotate(208.8deg);
}
.progress-circle .fill-59 {
  transform: rotate(212.4deg);
}
.progress-circle .fill-60 {
  transform: rotate(216deg);
}
.progress-circle .fill-61 {
  transform: rotate(219.6deg);
}
.progress-circle .fill-62 {
  transform: rotate(223.2deg);
}
.progress-circle .fill-63 {
  transform: rotate(226.8deg);
}
.progress-circle .fill-64 {
  transform: rotate(230.4deg);
}
.progress-circle .fill-65 {
  transform: rotate(234deg);
}
.progress-circle .fill-66 {
  transform: rotate(237.6deg);
}
.progress-circle .fill-67 {
  transform: rotate(241.2deg);
}
.progress-circle .fill-68 {
  transform: rotate(244.8deg);
}
.progress-circle .fill-69 {
  transform: rotate(248.4deg);
}
.progress-circle .fill-70 {
  transform: rotate(252deg);
}
.progress-circle .fill-71 {
  transform: rotate(255.6deg);
}
.progress-circle .fill-72 {
  transform: rotate(259.2deg);
}
.progress-circle .fill-73 {
  transform: rotate(262.8deg);
}
.progress-circle .fill-74 {
  transform: rotate(266.4deg);
}
.progress-circle .fill-75 {
  transform: rotate(270deg);
}
.progress-circle .fill-76 {
  transform: rotate(273.6deg);
}
.progress-circle .fill-77 {
  transform: rotate(277.2deg);
}
.progress-circle .fill-78 {
  transform: rotate(280.8deg);
}
.progress-circle .fill-79 {
  transform: rotate(284.4deg);
}
.progress-circle .fill-80 {
  transform: rotate(288deg);
}
.progress-circle .fill-81 {
  transform: rotate(291.6deg);
}
.progress-circle .fill-82 {
  transform: rotate(295.2deg);
}
.progress-circle .fill-83 {
  transform: rotate(298.8deg);
}
.progress-circle .fill-84 {
  transform: rotate(302.4deg);
}
.progress-circle .fill-85 {
  transform: rotate(306deg);
}
.progress-circle .fill-86 {
  transform: rotate(309.6deg);
}
.progress-circle .fill-87 {
  transform: rotate(313.2deg);
}
.progress-circle .fill-88 {
  transform: rotate(316.8deg);
}
.progress-circle .fill-89 {
  transform: rotate(320.4deg);
}
.progress-circle .fill-90 {
  transform: rotate(324deg);
}
.progress-circle .fill-91 {
  transform: rotate(327.6deg);
}
.progress-circle .fill-92 {
  transform: rotate(331.2deg);
}
.progress-circle .fill-93 {
  transform: rotate(334.8deg);
}
.progress-circle .fill-94 {
  transform: rotate(338.4deg);
}
.progress-circle .fill-95 {
  transform: rotate(342deg);
}
.progress-circle .fill-96 {
  transform: rotate(345.6deg);
}
.progress-circle .fill-97 {
  transform: rotate(349.2deg);
}
.progress-circle .fill-98 {
  transform: rotate(352.8deg);
}
.progress-circle .fill-99 {
  transform: rotate(356.4deg);
}
.progress-circle .fill-100 {
  transform: rotate(360deg);
}
.progress-circle.over50 .bar {
  display: block;
}
.progress-circle.over50 .clip {
  clip: rect(auto, auto, auto, auto);
}
.progress-circle:after {
  content: "";
  position: absolute;
  top: 5%;
  left: 5%;
  display: block;
  width: 90%;
  height: 90%;
  background-color: #fff;
  border-radius: 50%;
}

.large-circle .progress-circle {
  margin: 33px auto 48px;
  width: 250px;
  height: 250px;
  font-size: 97px;
}
.large-circle .progress-circle .score-text {
  line-height: 250px;
}
.large-circle .progress-circle .score-text sup {
  top: -36px;
  font-size: 48px;
}
.large-circle .progress-circle .bar,
.large-circle .progress-circle .fill {
  border-width: 12px;
}
.large-circle .progress-circle:not(.over50) .clip,
.large-circle .progress-circle .bar {
  clip: rect(0, 250px, 250px, 125px);
}
.large-circle .progress-circle .fill {
  clip: rect(0, 125px, 250px, 0);
}

.small-circle .progress-financial {
  margin: 0 auto;
  min-width: 47px;
  height: 47px;
  font-size: 17px;
}
.small-circle .progress-financial .score-text {
  line-height: 44px;
}
.small-circle .progress-circle {
  margin: 0 auto;
  width: 47px;
  height: 47px;
  font-size: 17px;
}
.small-circle .progress-circle .score-text {
  line-height: 50px;
}
.small-circle .progress-circle .score-text sup {
  font-size: 14px;
  top: -5px;
}
.small-circle .progress-circle:not(.over50) .clip,
.small-circle .progress-circle .bar {
  clip: rect(0, 47px, 47px, 23.5px);
}
.small-circle .progress-circle .fill {
  clip: rect(0, 23.5px, 47px, 0);
}
.small-circle .progress-circle:after {
  top: 5.5%;
}

.extra-small-circle .progress-circle {
  margin: 0 auto;
  width: 30px;
  height: 30px;
  font-size: 14px;
}
.extra-small-circle .progress-circle .score-text {
  line-height: 34px;
}
.extra-small-circle .progress-circle .score-text sup {
  font-size: 11px;
  top: -5px;
}
.extra-small-circle .progress-circle:not(.over50) .clip,
.extra-small-circle .progress-circle .bar {
  clip: rect(0, 47px, 47px, 23.5px);
}
.extra-small-circle .progress-circle .fill {
  clip: rect(0, 23.5px, 47px, 0);
}
.extra-small-circle .progress-circle:after {
  top: 6%;
  left: 7%;
}

.chart-legend .legend {
  padding: 4px 41px;
  text-transform: uppercase;
  border: 0;
}
.chart-legend .legend .columns {
  padding: 0 5px;
}
.chart-legend .legend .columns .indicator {
  margin-right: -2px;
  width: 3px;
  height: 10px;
}
.chart-legend .legend .columns .label {
  font-size: 11px;
  font-weight: 300;
}

.holder-chart {
  padding: 0 16px;
}

.theme-section .theme-toggler {
  width: auto;
  height: auto;
  background: none;
  border: 0;
  box-shadow: none;
}
.theme-section .theme-toggler .switch {
  padding: 0;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.theme-section .theme-toggler .switch.all .switch-slider {
  background-color: #DC233A;
}
.theme-section .theme-toggler .switch.all .switch-slider:before {
  content: "";
  -webkit-transform: translateX(23px);
  -moz-transform: translateX(23px);
  -ms-transform: translateX(23px);
  -o-transform: translateX(23px);
  transform: translateX(23px);
}
.theme-section .toggle-themes {
  padding: 0 12px;
  margin-bottom: 7px;
  margin-left: auto;
}

.list-themes .kpi__theme .link {
  padding: 0;
}
.list-themes .kpi__theme .link .column:first-child {
  padding: 9px 10px;
  border-bottom: 1px solid #dddbda;
}
.list-themes .kpi__theme .theme__parent .kpi-score .no-score {
  position: relative;
  float: none;
  margin: 23px auto;
  width: 130px;
  height: 130px;
  border-radius: 50%;
}
.list-themes .kpi__theme.kpi-theme--category .theme__parent .kpi-score .no-score {
  float: none;
  margin: 0 auto;
  width: 47px;
  height: 47px;
  border-radius: 50%;
}
.list-themes .kpi__theme .measurement-block {
  padding: 18px 9px;
}
.list-themes .kpi__theme .kpi-name {
  font-size: 15px;
  font-weight: 300;
  color: #111A27;
}
.list-themes .kpi__theme .kpi-count {
  font-size: 10px;
  color: #1DB4CF;
}
.list-themes .kpi-title {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.5px;
  color: #0F223E;
}
.list-themes .kpi-title img {
  margin-right: 7px;
  filter: grayscale(100%);
}
.list-themes .kpi-score {
  display: block;
  margin: auto;
}
.list-themes .more {
  padding: 5px 26px;
  text-align: right;
}
.list-themes .more a {
  line-height: normal;
}
.list-themes .text-label {
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.2px;
}

@media screen and (min-width: 992px) {
  .toggle-themes {
    padding-right: 0;
  }
  .list-themes {
    padding-right: 0;
    padding-left: 0;
  }
  .holder-chart canvas {
    max-height: 290px;
  }
}
@media screen and (max-width: 64em) {
  .kpi-title-graph .main-content-inner .title-block {
    margin-bottom: 30px;
    max-width: 100%;
  }
  .kpi-title-graph .main-content-inner .chart {
    margin: auto;
  }
  .kpi-title-graph .progress-circle {
    margin-bottom: 30px;
    width: 160px;
    height: 160px;
    font-size: 55px;
  }
  .kpi-title-graph .progress-circle .score-text {
    line-height: 160px;
  }
  .kpi-title-graph .progress-circle .score-text sup {
    top: -15px;
    font-size: 30px;
  }
  .kpi-title-graph .progress-circle .bar,
  .kpi-title-graph .progress-circle .fill {
    border-width: 6px;
  }
  .kpi-title-graph .progress-circle:not(.over50) .clip,
  .kpi-title-graph .progress-circle .bar {
    clip: rect(0, 160px, 160px, 80px);
  }
  .kpi-title-graph .progress-circle .fill {
    clip: rect(0, 80px, 160px, 0);
  }
}
.kpi-banner {
  background-color: #fff;
}
.kpi-banner .kpi-banner--content {
  margin-top: 0;
}
.kpi-banner .kpi-score .no-score {
  margin: 23px auto;
  width: 130px;
  height: 130px;
  float: none;
  border-radius: 50%;
}
.kpi-banner .row {
  align-items: center;
}
.kpi-banner .block-title {
  font-size: 36px;
  font-weight: 300;
  letter-spacing: 0.75px;
  line-height: 1.2;
}
.kpi-banner .score-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: right;
}
.kpi-banner .score-block p {
  margin: 0 40px 0 17px;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.2px;
}
.kpi-banner .financial-total-score {
  padding-top: 30px;
  padding-bottom: 30px;
}
.kpi-banner .financial-total-score .progress-financial {
  min-width: 50px;
  margin-left: 10px;
}
.kpi-banner .financial-total-score .progress-financial.scores {
  height: revert;
  margin-top: revert;
  margin-bottom: revert;
}
.kpi-banner .financial-total-score .score-text {
  line-height: normal;
  font-size: medium;
}
.kpi-banner .financial-total-score .remaining.bad .score-text {
  color: #DC233A !important;
}
.kpi-banner .financial-total-score .remaining.good .score-text {
  color: #6CB221 !important;
}
@media screen and (min-width: 992px) {
  .kpi-banner .row .columns:first-child {
    padding-left: 0;
  }
}
@media screen and (max-width: 991px) {
  .kpi-banner {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .kpi-banner .row > .columns {
    margin: 20px 0;
  }
  .kpi-banner .progress-circle {
    margin: 0 auto;
  }
  .kpi-banner .score-block p {
    margin: 0;
    width: 100%;
  }
}

.pagination-actions {
  justify-content: flex-end;
  padding: 10px 0 10px 0;
}

.mt-10 {
  margin-top: 10px !important;
}

#dksList_wrapper .row:nth-child(2) {
  flex-direction: column;
}

#layer-list > .columns > .layer-container {
  margin-bottom: 1rem;
}
#layer-list .row.collapsed .layer-container {
  display: none;
}
#layer-list .layer > div.row > div.columns:first-of-type {
  transition-timing-function: linear;
  transition-duration: 0.25s;
  transition-property: background-color, opacity;
}
#layer-list .layer-container .layer, #layer-list .layer-container .kpi {
  padding-top: 20px;
  font-size: 15px;
}
#layer-list .layer-container .row.layer {
  padding: 12px 0;
  margin-top: 1.25rem;
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 0.2px;
  color: #0F223E;
  background-color: #fff;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -1px 6px 0 #AFADAB;
}
#layer-list .layer-container button.edit-large-button, #layer-list .layer-container button.remove-large-button {
  color: #122c42;
  border-color: #122c42;
}
#layer-list .layer-container button.edit-large-button:hover, #layer-list .layer-container button.remove-large-button:hover {
  border-color: #0a0a0a;
}
#layer-list .layer-container .row.layer div.columns.column-king-title {
  font-size: 1rem;
}
#layer-list .layer-container div.hover-kpi {
  text-align: left;
  width: 100%;
}
#layer-list .layer-container .main-theme-title {
  border-bottom: 1px solid #DDDBDA;
  padding-left: 1.5625rem;
  padding-bottom: 12px;
}
#layer-list .layer-container .main-theme-title + .layer-container {
  padding-left: 1.875rem;
}
#layer-list .layer-container img.theme-image {
  color: #fff;
  border-radius: 17px;
  -moz-border-radius: 17px;
  -webkit-border-radius: 17px;
  position: relative;
  left: -9px;
  border-width: thin;
}
#layer-list .layer-container .main-layer-title {
  color: #0F223E;
}
#layer-list .layer-container .hover-buttons {
  transition: background-color 0.3s ease-in-out;
}
#layer-list .layer-container .hover-buttons:hover {
  background-color: #dfe7ef;
}
#layer-list .layer-container .arrow {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: left;
  font-size: 12px;
  line-height: 10px;
  top: -1px;
}
#layer-list .layer-container .control-buttons {
  background-color: transparent;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
#layer-list .layer-container .control-buttons button {
  margin-top: 0;
}
#layer-list .layer-container .control-buttons button ~ button {
  margin-left: 24px;
}
#layer-list .layer-container .control-buttons a {
  margin-left: 24px;
}
#layer-list .layer-container .layer > .row > .columns:hover > .column > .control-buttons {
  opacity: 1;
}
#layer-list .layer-container .kpi > .row > .columns:hover .control-buttons {
  opacity: 1;
}
#layer-list .layer-container .main-theme-title:hover > .control-buttons {
  opacity: 1;
}
#layer-list div.row.layer .arrow svg, #layer-list div.row.layer.collapsed .arrow svg {
  max-width: 13px;
  max-height: 13px;
  width: 13px;
  height: 13px;
}
#layer-list div.row.layer .arrow svg path, #layer-list div.row.layer.collapsed .arrow svg path {
  fill: #1db4cf;
}
#layer-list .organisation-googlemaps {
  border: 0.0625rem solid #dae4ed !important;
}
#layer-list .layer-container .layer-container {
  padding-left: 16px;
  position: relative;
}
#layer-list .layer-container .layer-container .layer, #layer-list .layer-container .layer-container .kpi {
  position: relative;
  padding-left: 20px;
}
#layer-list .layer-container .layer-container .layer::before, #layer-list .layer-container .layer-container .kpi::before {
  position: absolute;
  content: "";
  display: block;
  border-left: 1px solid #DDDBDA;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
}
#layer-list .layer-container .layer-container .layer::after, #layer-list .layer-container .layer-container .kpi::after {
  position: absolute;
  content: "";
  display: block;
  border-bottom: 1px solid #DDDBDA;
  left: 1px;
  top: 18px;
  height: 12px;
  width: 10px;
}
#layer-list .layer-container .layer-container .layer .kpiLayerHidden, #layer-list .layer-container .layer-container .kpi .kpiLayerHidden {
  display: none;
}
#layer-list .layer-container .layer-container .layer:last-of-type::before, #layer-list .layer-container .layer-container .kpi:last-of-type::before {
  position: absolute;
  content: "";
  display: block;
  border-left: 1px solid #DDDBDA;
  left: 0;
  top: 0;
  height: 30px;
  width: 1px;
}
#layer-list form {
  border-top: 1px solid #000;
  background: #dae4ed;
  margin-top: 0.625rem;
  padding-top: 0.625rem;
}
#layer-list #add-layer, #layer-list #add-kpi {
  border: 0 !important;
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  color: #122c42;
  font-size: 0.875rem;
  padding: 1.25rem;
  width: 100%;
  display: block;
  margin: 0;
}
#layer-list #add-layer label, #layer-list #add-kpi label {
  font-size: 12px;
  letter-spacing: 0.75px;
  font-weight: 500;
  line-height: 1.5;
  color: #1db4cf;
  text-transform: uppercase;
}
#layer-list #add-layer select, #layer-list #add-kpi select {
  padding: 0.4rem;
}

.location-section .card-wrapper {
  margin-bottom: 0;
}
.location-section .card-wrapper:last-child {
  padding: 0;
}
.location-section .card-wrapper .card-heading {
  margin: 0;
}

#location-map {
  display: block;
  width: 100%;
  height: 37.5rem;
}

main {
  min-height: 78vh;
}

.main-content {
  background: #F3F2F2;
  padding-bottom: 5.5rem;
}
.main-content .actions {
  width: 100%;
}

.documents {
  position: relative;
}
.documents .spinner-container {
  top: 0;
  right: 0;
  bottom: 1px;
  left: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.75);
  position: absolute;
}
.documents .spinner-container .spinner {
  margin: 8px auto;
}
.documents .droppable-file {
  transition: background 0.25s linear;
}
.documents div#sortable-file div.draggable-file:hover {
  cursor: grab;
}
.documents .droppable-file-hover {
  background: #eaeaea !important;
}
.documents .not-allowed-drop {
  background-color: #ff6d6d !important;
}
.documents .change-not-allowed-cursor {
  cursor: no-drop !important;
}
.documents .ui-draggable-dragging, .documents .ui-draggable-dragging:after {
  border-bottom: none;
  background-color: rgba(255, 255, 255, 0.5);
  content: "" !important;
}
.documents .ui-draggable-dragging > .not-droppable {
  background-color: red;
}
.documents .theme-child .document-buttons {
  transition: opacity 0.25s linear;
}
.documents .theme-child .document-buttons a {
  padding: 0 12px;
}
.documents .theme-child.ui-draggable-dragging .buttons {
  opacity: 0;
}
.documents .document-vsr-score {
  width: 15px;
  display: inline-block;
}
.documents .indicator {
  width: 39px;
  height: 30px;
  padding-left: 10px;
  position: relative;
  bottom: 1px;
}

section.document-fixed-section {
  position: relative;
  z-index: 19;
}

div.document-background-top {
  height: 30px;
  background: #f7f7f6;
}

.document-menu-border {
  border: 1px solid #dae4ed;
}

div.documents-option-menu {
  width: 61.25rem;
  max-width: 61.25rem;
  margin: 0 auto 30px;
}

.theme-details {
  position: relative;
}

.theme-header-options {
  line-height: 2.5rem;
  padding: 12.5px 0.75rem;
  background: #ffffff;
  position: relative;
}
.theme-header-options div.upload-document-container {
  padding-right: 0;
}
.theme-header-options div.create-document-container {
  padding-left: 12.5px;
}
.theme-header-options a.upload-document-button, .theme-header-options a.create-document-map {
  font-size: 12px;
  padding: 0.425rem 0.8rem;
  color: white;
  border-radius: 4px;
}
.theme-header-options .upload-document-button:hover, .theme-header-options .create-document-map:hover {
  color: #122c42 !important;
}
.theme-header-options .search-document-input {
  border: none;
  margin-top: 3px;
  margin-left: 10px !important;
  font-family: "Roboto", sans-serif;
  box-shadow: none;
  padding: 10px 5px;
  width: 80%;
  outline: none;
  font-style: italic;
  opacity: 0.7;
  color: #122c42;
  font-size: 13px;
  float: left;
}
.theme-header-options .search-document-input:focus {
  outline: none;
  border: none;
  box-shadow: none;
}
.theme-header-options .search-document-input::-moz-placeholder, .theme-header-options .search-document-input::-webkit-input-placeholder {
  opacity: 0.7;
  color: #122c42;
}
.theme-header-options span.search-document-icon {
  float: left;
  display: block;
  width: 16px;
  margin-left: 6px;
}
.theme-header-options span.search-document-icon img {
  height: 16px;
}
.theme-header-options .search-document-container {
  border: 1px solid #dae4ed;
  margin-right: 15px;
}

.document-column-titles {
  font-size: 13px !important;
  font-weight: 600 !important;
}

a.document-previous-title {
  font-weight: 600;
  font-style: italic;
}

a.document-folder-title {
  font-weight: 600;
}

div.document-placeholder {
  height: 19px;
}

#document-preview-container {
  background: #fff;
  box-shadow: 0 0 5px #000;
  position: fixed;
  top: 50%;
  margin-top: -250px;
  left: 50%;
  margin-left: -210px;
  z-index: 100;
  padding: 20px;
  min-height: 560px;
  min-width: 560px;
}
#document-preview-container #document-preview {
  width: 100%;
  z-index: 120;
  position: relative;
  text-align: center;
  background: #fff;
}

#document-delete-prompt {
  background: #fff;
  box-shadow: 0 0 5px #000;
  position: fixed;
  top: 50%;
  margin-top: -250px;
  left: 50%;
  margin-left: -150px;
  z-index: 100;
  padding: 20px;
  min-height: 120px;
  min-width: 60px;
  max-width: 350px;
}
#document-delete-prompt #document-delete-preview {
  width: 100%;
  z-index: 120;
  position: relative;
  text-align: center;
  background: #fff;
}
#document-delete-prompt #document-delete-preview div.document-delete-options {
  margin-top: 20px;
}
#document-delete-prompt #document-delete-preview div.document-delete-options span {
  color: #162e45;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3125rem;
}
#document-delete-prompt #document-delete-preview div.document-delete-options a {
  float: right;
}
#document-delete-prompt #document-delete-preview div.document-delete-options button {
  float: left;
}

.document-footer {
  font-family: "Roboto", sans-serif;
}
.document-footer select.total-item-selection {
  border: 0;
  outline: 0;
  float: left;
  background-color: white;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("/dist/img/select-document-list-arrow.png") left top no-repeat;
  background-position: 35px 17px;
  background-size: 10px 5px, 5px, 5px, 1px 1.5em;
  font-size: 13px;
}
.document-footer .document-footer-divider {
  padding: 0 20px 0 0;
}
.document-footer .document-footer-divider select {
  padding-right: 12.5px;
  width: 50px;
}
.document-footer div.items-per-page {
  padding-left: 15px;
  border-left: 1px solid #dae4ed;
  position: relative;
  left: 20px;
}
.document-footer span {
  opacity: 0.5;
  font-size: 13px;
  color: #122c42;
}
.document-footer .document-footer-align {
  position: relative;
  top: 5px;
}
.document-footer nav.document-pages {
  padding-right: 12.5px;
  position: relative;
  top: 5px;
  text-align: right;
}
.document-footer nav.document-pages a {
  opacity: 0.5;
  font-size: 13px;
  color: #122c42;
  display: inline-block;
  padding: 0 0.3rem;
}
.document-footer nav.document-pages a.currentPage {
  color: #163249;
  opacity: 1 !important;
  display: inline-block;
}
.document-footer nav.document-pages .static-document-page {
  color: #163249;
  opacity: 0.5;
  display: inline-block;
}
.document-footer nav.document-pages .document-allowed-between-page {
  color: red !important;
  display: inline-block;
}
.document-footer nav.document-pages .document-hidden-page {
  display: none;
  content: "..";
}
.document-footer .document-pages-divider {
  padding-right: 2.5px;
  border-right: 1px solid #dae4ed;
}
.document-footer span.documents-list-previous, .document-footer span.documents-list-next {
  position: relative;
  top: 5px;
  font-weight: bold;
  color: #122c42;
  font-size: 13px;
  opacity: 1;
}
.document-footer span.documents-list-previous:hover, .document-footer span.documents-list-next:hover {
  cursor: pointer;
}
.document-footer .documents-list-previous-small, .document-footer .documents-list-previous-big {
  padding: 0;
}
.document-footer .documents-list-previous-small span {
  padding: 0 5px 0 25px;
}
.document-footer .documents-list-previous-small span i {
  padding: 0 0.59375rem;
}
.document-footer .documents-list-previous-big span.documents-list-previous {
  padding: 0 0 0 15px;
}
.document-footer .documents-list-previous-big span.documents-list-previous i {
  padding: 0 0.59375rem;
}
.document-footer .documents-list-previous-big span.documents-list-next {
  padding: 0 0 0 20px;
}
.document-footer .documents-list-previous-big span.documents-list-next i {
  padding: 0 0.59375rem;
}

.main-section {
  margin: 2.5rem auto;
  padding: 0 1.25rem;
}
.main-section > .columns {
  background: #fff;
  box-shadow: 0 0 0.1875rem -0.125rem rgba(0, 0, 0, 0.4);
}
.main-section .section-header {
  color: #122c42;
  font-size: 1.5rem;
  line-height: 2.25rem;
}
.main-section .header {
  padding-top: 1.875rem;
  padding-bottom: 1.25rem;
}
.main-section .header h2 {
  color: #ee343f;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 400;
}
.main-section .header.buttons {
  padding-bottom: 2.5rem;
}
.main-section .search {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.full-section {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.transparent-section > .columns {
  background: transparent;
  box-shadow: none;
}

.map-section .table {
  padding-top: 0;
  max-height: 37.5rem;
  overflow-y: auto;
}
.map-section > .columns {
  box-shadow: none;
}
@media screen and (min-width: 75em) {
  .chart-container {
    padding-left: 0;
    padding-right: 0;
  }
}

.login-container {
  min-height: 100vh;
}

#flash-messages {
  top: 160px;
  left: 0 !important;
}
#flash-messages .callout {
  width: 100%;
}

.login-section {
  padding: 25px 30px;
  margin: 0 auto;
  width: 100%;
  max-width: 445px;
  background-color: #fff;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -1px 6px 0 rgba(175, 173, 171, 0.7);
}
.login-section h1 {
  font-size: 22px;
  color: #0f223e;
}
.login-section img {
  padding-bottom: 2.5rem;
}
.login-section button, .login-section a.btn {
  width: 100%;
  margin-top: 20px;
  padding: 0;
  height: 2.625rem;
  line-height: 2.625rem;
  text-align: center;
}
.login-section input {
  display: block;
  padding: 6px 12px;
  width: 100%;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.3px;
  border: 1px solid #c4cdd5;
  border-radius: 3px;
  color: #111A27;
}
.login-section label {
  font-size: 15px;
  letter-spacing: 0.2px;
  line-height: 1.1875rem;
  color: #111A27;
}
.login-section .forgot-password--link {
  display: block;
  margin-top: 20px;
  font-size: 15px;
  letter-spacing: 0.2px;
  line-height: 20px;
  color: #1db4cf;
  text-decoration: underline;
}
.login-section.forgot-password form, .login-section.new-password form {
  margin: 40px 0;
}
.login-section #flash-messages {
  margin-bottom: 2.5rem;
  text-align: center;
}
.login-section #flash-messages .callout {
  font-family: "Muli", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.1875rem;
  padding-bottom: 0.625rem;
  padding-left: 0.625rem;
  border-color: #dae4ed;
  background: #f7f7f6;
}

.text-overflow-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.setup-section {
  margin-top: 2.5rem;
  padding: 1.875rem 1.25rem;
  border: 0.0625rem solid #dae4ed;
  background: #fff;
}

.detail-section {
  padding-top: 1.25rem;
  padding-bottom: 1.875rem;
}

.upload-section {
  margin-top: 1.25rem;
}

.default-section {
  padding: 1rem 1.25rem;
  border: 0.0625rem solid #dae4ed;
  background: #fff;
  margin-bottom: 1rem;
}
.default-section .block-header {
  margin: -1.875rem -1.875rem;
  border-bottom: 1px solid #dae4ed;
  padding: 1.25rem;
  margin-bottom: 1.875rem;
}

#user_settings_updateEmailPreference input, #user_settings_updateEmailPreference label {
  display: block;
  float: left;
}
#user_settings_updateEmailPreference input {
  width: 5%;
}
#user_settings_updateEmailPreference label {
  width: 95%;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  bottom: 6px;
}

.user-locations {
  background-color: #fff;
  border: 0.0625rem solid #dae4ed;
  margin-top: 10px;
}

.user-locations label {
  font-size: 13px !important;
}

section#document-folder-rights-form {
  margin-top: 1rem;
}
section#document-folder-rights-form div[folder-picker] {
  padding: 0.5rem 1.125rem;
  border: 1px solid #dae4ed;
}

.column-location-name {
  padding-left: 1.7rem;
}

.user-location-header {
  margin-top: 10px;
  color: #122c42;
  font-family: "Roboto", sans-serif;
  font-size: 0.8125rem;
  line-height: 2.5rem;
  font-weight: 600;
  background: #f7f7f6;
  border: 0.0625rem solid #dae4ed;
}

.theme-child-user-locations {
  position: relative;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.theme-child-user-rights {
  position: relative;
  line-height: 1.3;
}

.theme-main-item {
  padding-left: 34px;
}

.theme-main-item label {
  font-weight: bold;
  color: #122c42;
  padding-left: 8px;
  display: inline;
}

.theme-main-item i:before {
  position: relative;
  display: block;
  top: 2px;
  transform: scale(0.95 1);
}

.theme-main-item i:hover {
  cursor: pointer;
}

.theme-child-item {
  padding-left: 47px;
  padding-right: 0.625rem;
  position: relative;
}

.theme-child-item label:before {
  position: absolute;
  top: 4px;
  left: 15px;
  width: 22px;
  height: 22px;
  vertical-align: 50%;
  content: url("/dist/img/line_kpi_rights.png");
}

.btn-rights-right {
  float: right;
}

a.kpi_access_item {
  font-size: 13px;
  color: #122c42;
}

.theme-child-user-rights .column-user-rights {
  padding-top: 0.475rem;
  padding-bottom: 0.475rem;
  padding-right: 0.575rem;
  border-bottom: 0.0625rem solid #dae4ed;
  border-left: 0.0625rem solid #dae4ed;
}
.theme-child-user-rights .column-user-rights:first-child {
  border-left: none;
}

.theme-child-user-locations .column-user-location {
  padding: 0.875rem 0.625rem;
  font-size: 13px;
}

.block-item-user-locations {
  padding: 1.25rem;
  max-width: 61.25rem;
  background: #fff;
  border: 0.0625rem solid #dae4ed;
  box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.04);
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.25rem;
}

.theme-child-user-locations:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.0625rem;
  background: #dae4ed;
}

.table-section .theme-child a:hover, .table-section .theme-child a:active, .table-section .theme-child a:focus,
.table-list .theme-child a:hover,
.table-list .theme-child a:active,
.table-list .theme-child a:focus {
  text-decoration: underline;
}

.sub-table {
  background: #fff none repeat scroll 0 0;
  border-left: 0.0625rem solid #dae4ed;
  border-right: 0.0625rem solid #dae4ed;
  border-bottom: 0.0625rem solid #dae4ed;
  color: #122c42;
  font-size: 0.875rem;
  line-height: 2.5rem;
  padding: 0.75rem;
}

.sub-table .table-head {
  font-weight: bold;
}

.vsr-setup .title-block {
  width: 100%;
  border: 0;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -1px 6px 0 rgba(175, 173, 171, 0.7);
}

.dks-setup .card-wrapper .help {
  margin: 10px 0;
}

.main-wrapper .off-canvas-content {
  background-color: #F3F2F2;
}

.main-content-inner .title-block-main-action {
  background: #224E90;
  padding: 32px 0 40px;
}

.main-content-inner .title-block-action {
  margin-top: 40px;
  padding: 0;
}

.main-content-inner .title-block-action h2 {
  font-size: 24px;
  font-weight: 300;
  color: #0F223E;
}

div.button-outsourced {
  position: relative;
  right: 10px;
  display: none;
}

a.btn-completed-action, button.btn-update-commentary {
  padding: 0.425rem 1.25rem;
  font-size: 0.715rem;
}

a.btn-cancel-action {
  color: white !important;
  font-size: 0.655rem;
  transition: none;
  padding: 0.465rem 0.525rem 0.465rem 0.625rem;
}

a.btn-completed-action {
  color: #fff !important;
}

a.btn-cancel-action:hover {
  color: #ee343f !important;
}

a.btn-completed-action:hover {
  color: #122c42 !important;
}

.upload-file input, .upload-file .s3-upload-container .preview-container {
  background-color: white;
  border: 0.0625rem solid #dae4ed;
  border-radius: 0.5rem;
  padding: 0.625rem;
  color: #122c42;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
}

.s3-upload-container input {
  margin-bottom: 0;
}
.s3-upload-container label.s3-upload-label {
  font-size: 13px;
  border: 1px solid #d4e0eb;
  border-radius: 3px;
  overflow: hidden;
  margin: 0;
}
.s3-upload-container label.s3-upload-label .column {
  padding: 0;
}
.s3-upload-container label.s3-upload-label .btn {
  color: #122c42;
  cursor: pointer;
  border-radius: 0;
  background: #f2f5f8;
  border: none;
  border-right: 1px solid #d4e0eb;
  font-weight: 600;
}
.s3-upload-container label.s3-upload-label .btn:hover {
  background-color: #fff;
}
.s3-upload-container label.s3-upload-label .filename {
  display: block;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 400;
}
.s3-upload-container label.s3-upload-label .cancel {
  display: inline-block;
  cursor: pointer;
}
.s3-upload-container label.s3-upload-label .btn, .s3-upload-container label.s3-upload-label .filename, .s3-upload-container label.s3-upload-label .cancel {
  padding: 0.3125rem 0.625rem;
}
.s3-upload-container .preview-container {
  width: 7.625rem;
  height: 7.625rem;
  position: relative;
}
.s3-upload-container .preview-container .preview {
  width: 6.25rem;
  height: 6.25rem;
  background: #f7f7f6 no-repeat center center;
  background-size: contain;
  border-radius: 0.25rem;
  overflow: hidden;
}
.s3-upload-container .preview-container .spinner {
  position: absolute;
  left: 10px;
  height: 100px;
  width: 100px;
  text-align: center;
  background: rgba(22, 46, 69, 0.5);
  border-radius: 0.25rem;
  color: #fff;
  font-size: 2rem;
  padding: 2.125rem;
  margin: 0;
}
.s3-upload-container .progress-container {
  background: #f7f7f6;
  border-radius: 0.25rem;
  overflow: hidden;
  font-size: 50%;
  font-weight: bold;
  height: 0.3125rem;
  margin-top: 0.625rem;
}
.s3-upload-container .progress-container .progress-bar {
  height: 0.3125rem;
  background: #4e8abe;
}
.s3-upload-container input {
  margin-bottom: 0;
}

textarea.action-feedback {
  color: #8e8e8e !important;
  height: 60px;
  font-size: 13px;
  padding: 0.625rem;
  line-height: 1.5;
  font-style: normal;
  border: 1px solid #dae4ed;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background: #FFF;
  box-shadow: none;
}

input.action-comment-document-name {
  color: #8e8e8e !important;
  font-size: 13px;
  padding: 0.625rem;
  line-height: 1.5;
  font-style: normal;
  border: 1px solid #dae4ed;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background: #FFF;
  box-shadow: none;
}

input#action_comments_container_file_upload {
  color: #8e8e8e !important;
  font-size: 13px;
  margin-top: 8px;
  line-height: 1.5;
  font-style: normal;
  background: #FFF;
  box-shadow: none;
}

div.action-feedback, p.action-feedback, p.action-feedback a {
  font-size: 13px;
  padding: 0.2rem 0 15px;
  color: #162e45;
}

p.action-feedback a {
  color: #4f8abe;
}

div.open-commentary-box i:hover {
  cursor: pointer;
}

.action-menu h2 {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 3.25rem;
  margin-top: 0.1875rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

h2.completed-action-title {
  text-decoration: line-through;
  font-weight: 400;
}

.action-menu h2 a {
  font-size: 13px;
  font-weight: 600;
  margin-top: 3px;
  color: #0a0a0a;
}

.action-menu h2 i.fa-plus {
  color: red;
  margin-left: 0.3rem;
}

.action-filter-hero {
  background: #f2f2f2;
}

.action-filter {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.action-filter h2 {
  font-size: 0.8rem;
  text-transform: uppercase;
  color: #AAAAAA;
  line-height: 1.4125rem;
  margin-top: 3px;
}

.action-filter nav p {
  display: inline;
  padding: 3px;
}

.action-filter nav p a:hover {
  color: #2199e8;
}

.action-filter nav p a {
  font-size: 13px;
  padding: 20px 10px 19px;
  color: #AAAAAA;
}

.action-filter nav a.current {
  color: #0a0a0a;
}

.extra-filter-padding {
  padding-right: 1rem;
}

.action-filter h2 a {
  font-size: 0.9rem;
  font-weight: 600;
  margin-top: 3px;
  color: #0a0a0a;
}

.action-filter h2 i.fa-plus {
  color: red;
  margin-left: 0.3rem;
}

.btn-action-filter {
  color: #162e45;
  font-size: 13px;
  line-height: 1rem;
  padding: 0;
  background-color: transparent;
  border: none;
}

.current-filter-action {
  color: #dae4ed;
  border-right: 0.0625rem solid #dae4ed;
  align-items: center;
  display: flex;
  height: 3rem;
  padding-right: 2.875rem;
}

a.category-select-item {
  width: 100%;
  font-size: 12px;
  line-height: 1rem;
}

.action-category-dropdown {
  background-color: #fefefe;
  border: 1px solid #dae4ed;
  border-radius: 0;
  display: block;
  font-size: 1rem;
  padding: 10px;
  position: absolute;
  visibility: hidden;
  width: 200px;
  z-index: 10;
  top: 40px !important;
  left: 0 !important;
}

input#create_action_deadline, input#forward_action_deadline {
  margin-bottom: 0;
  color: #122c42;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
}

span.deadline-breached {
  color: #ee343f;
  font-size: 13px;
  font-weight: 600;
}

.action-widget {
  background: #fff;
  border: 0.0625rem solid #dae4ed;
  margin: 1.25rem 0 0;
}

.action-header {
  display: flex;
  width: 100%;
  padding: 1.25rem 1.25rem 0;
}

.deadline-breached-border:before {
  content: "";
  border-left: 5px solid red;
  left: -1.2rem;
  min-height: 10px;
  position: relative;
  top: 0;
}

input.my-action-checkbox {
  display: none;
}

input.my-action-checkbox + label.my-action-checkbox-label-default span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -4px 4px 0 0;
  vertical-align: middle;
  background: url("/dist/img/checkbox-user-location.png") left top no-repeat;
  cursor: pointer;
}

input.my-action-checkbox:checked + label.my-action-checkbox-label-default span {
  background: url("/dist/img/checkbox-user-location-checked.png") left top no-repeat;
}

input.my-action-checkbox + label.my-action-checkbox-label-deadline {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

input.my-action-checkbox + label.my-action-checkbox-label-deadline span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -4px 4px 0 0;
  vertical-align: middle;
  background: url("/dist/img/action_deadline_checkbox.png") left top no-repeat;
  cursor: pointer;
}

input.my-action-checkbox:checked + label.my-action-checkbox-label-deadline span {
  background: url("/dist/img/checkbox-user-location-checked.png") left top no-repeat;
}

.action-content {
  padding: 0 1.25rem 1.25rem 1.25rem;
  background-color: #fff;
  width: 100%;
}

.action-footer {
  padding: 0.9375rem 1.25rem 0.46875rem 1.25rem;
  border-top: 1px solid #dae4ed;
  background-color: #fff;
  width: 100%;
}
.action-footer a.toggle-comment-section-button {
  padding: 5px 15px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  font-size: 12px;
  color: #122c42;
  border: 1px solid #d4e0eb;
  font-weight: 600;
  position: relative;
  top: 2px;
  left: 10px;
}
.action-footer a.comment-section-button-hidden {
  display: none;
}
.action-footer .action-footer-info-my-action {
  margin-top: 3px;
  display: block;
  padding-bottom: 12px;
}

.action-content-information-space {
  padding: 0.625rem 0 0;
  position: relative;
}

.action-widget h2, .action-widget-my-actions h2 {
  font-size: 14px;
  color: #122c42;
}

.action-widget-my-actions {
  background: #fff;
  border: 0.0625rem solid #dae4ed;
  padding: 1.55rem 2.25rem 1.25rem 3rem;
  margin: 1.25rem 0 0;
}

div.button-feedback {
  margin-bottom: 15px;
  width: 100% !important;
}

a.forward-executor-button {
  color: #fff !important;
  padding: 0.425rem 1.25rem;
  font-size: 0.715rem;
}

.clear {
  clear: both;
}

input.my-action-checkbox {
  padding: 5px;
  border: 2px solid red;
}

input.my-action-checkbox-deadline {
  padding: 5px;
  outline: 2px solid red;
}

.no-side-paddings {
  padding: 0;
}

.action-widget-footer {
  background: #fff;
  border: 0.0625rem solid #dae4ed;
  padding: 1.05rem 2.25rem 1.05rem 3rem;
  color: #c0c0c0 !important;
  height: 55px;
}

img.completed-action-icon {
  position: relative;
  top: -4px;
}

.action-widget .action-date-deadline, .action-widget-my-actions .action-date-deadline {
  font-size: 13px;
}

.completed-action-deadline {
  color: #576c7d;
}

.action-widget .action-date-deadline i.fa-clock-o, .action-widget-my-actions .action-date-deadline i.fa-clock-o {
  margin-left: 0.7rem;
}

.action-widget a, .action-widget-my-actions a {
  color: #4f8abe;
}

.action-widget .action-description, .action-widget-my-actions .action-description {
  font-size: 13px;
  line-height: 1.2;
  padding: 30px 0 15px;
  color: #162e45;
}

div.action-comment-section {
  border-top: 1px solid #dae4ed;
  padding: 1.875rem 1.25rem 0.46875rem 1.25rem;
  width: 100%;
  display: none;
}
div.action-comment-section h2.action-comment-amount {
  font-size: 14px;
  font-weight: 600;
  color: #162e45;
  padding-bottom: 20px;
  line-height: 1.2;
}
div.action-comment-section h2.action-comment-amount span {
  font-weight: 400;
}
div.action-comment-section div.avatar-container img {
  position: relative;
  top: 5px;
  max-width: 29px;
  max-height: 29px;
}
div.action-comment-section .action-comment-row {
  margin-bottom: 10px;
}
div.action-comment-section .action-comment {
  display: flex;
  flex-direction: row;
  padding: 0.9375rem;
  font-family: "Open Sans", sans-serif;
  line-height: 1.5;
  border: 1px solid #dae4ed;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  width: 100%;
  font-size: 12px;
  background: #FFF;
  position: relative;
  z-index: 1;
}
div.action-comment-section div.action-comment-document-link {
  display: flex;
  flex-direction: row;
  padding: 0.609375rem 0.3125rem 0 0.3125rem;
  font-family: "Open Sans", sans-serif;
  line-height: 1.5;
  width: 100% !important;
}
div.action-comment-section hr.action-comment-hr-line {
  margin: 7px 0 0 !important;
}
div.action-comment-section .textarea-comment-input {
  padding-left: 0;
}
div.action-comment-section .action-comment:after, div.action-comment-section .action-comment:before, div.action-comment-section .action-comment-textarea:after, div.action-comment-section .action-comment-textarea:before {
  right: 100%;
  top: 30%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
div.action-comment-section .action-comment:after, div.action-comment-section .action-comment-textarea:after {
  border-color: rgba(219, 229, 238, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -6px;
}
div.action-comment-section .action-comment:before, div.action-comment-section .action-comment-textarea:before {
  border-color: rgba(219, 229, 238, 0);
  border-right-color: #dae4ed;
  border-width: 7px;
  margin-top: -7px;
}
div.action-comment-section span.action-comment-date-time {
  color: rgb(18, 44, 66);
  font-size: 10px;
  font-family: "Open Sans", sans-serif;
}
div.action-comment-section span.action-comment-description {
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  color: #122c42;
  margin-top: 5px;
  display: block;
}
div.action-comment-section .action-comment-textarea {
  display: flex;
  flex-direction: row;
  font-family: "Open Sans", sans-serif;
  line-height: 1.5;
  border: 1px solid #dae4ed;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  width: 100%;
  font-size: 12px;
  background: #FFF;
  position: relative;
  z-index: 1;
}
div.action-comment-section textarea.action-commentary {
  color: #8e8e8e !important;
  height: 70px;
  font-size: 13px;
  padding: 0.625rem;
  font-family: "Open Sans", sans-serif;
  line-height: 1.5;
  font-style: normal;
  border: none;
  background: #FFF;
  box-shadow: none;
  position: relative;
  z-index: 1;
}
div.action-comment-section div.action-comment-add-document {
  padding: 10px 0 5px;
}

.action-content-padding {
  padding-left: 1.25rem;
}

p.action-toggle-comments {
  color: #4f8abe !important;
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
}

p.action-toggle-comments.hidden {
  display: none;
}

p.action-toggle-comments:hover {
  cursor: pointer;
}

div.action-comment .avatar-container {
  flex-grow: 0;
  padding-right: 0.625rem;
  width: 3.125rem;
  height: 40px;
}

div.action-comment .content {
  flex-grow: 1;
}

div.action-comments dl:nth-child(even) {
  background-color: #FFF;
}

div.action-comments dl:nth-child(odd) {
  background-color: #FAFBFC;
}

.action-comment-info {
  color: #8e8e8e !important;
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}

.action-footer-info {
  padding-bottom: 12px;
  padding-top: 15px;
}

.action-widget .action-description {
  padding-top: 0.5rem;
}

.action-footer-info, .action-footer-info a {
  color: rgba(18, 44, 66, 0.5);
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
}

p.action-commentary-field {
  color: #8e8e8e !important;
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
  padding-left: 0.625rem;
}

p.action-footer-info-my-action, p.action-footer-info-my-action a {
  color: rgba(18, 44, 66, 0.5);
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
}

.no-border-top {
  border-top: none !important;
}

.main-section-inner {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.main-section-inner > div:last-child {
  padding-bottom: 1.25rem;
}

.main-content-inner:not(.fill-out) {
  margin: 0 0.625rem;
}
@media screen and (min-width: 64em) {
  .main-content-inner:not(.fill-out) {
    margin: 0;
  }
}
.main-content-inner .back-holder {
  margin: 20px 0;
}
.main-content-inner .back-holder .row {
  border-bottom: 1px solid #DDDBDA;
  padding-bottom: 20px;
}
.main-content-inner .back-holder .btn-back {
  position: relative;
  padding-left: 25px;
  height: 28px;
  line-height: 17px;
}
.main-content-inner .back-holder .btn-back:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 10px;
  width: 10px;
  height: 10px;
  border-color: #1db4cf;
  border-style: solid;
  border-width: 2px 2px 0 0;
  transform: rotate(-135deg);
}
.main-content-inner .title-block {
  background: #fff;
  padding: 1.875rem;
  border: 0.0625rem solid #dae4ed;
  margin-top: 1.25rem;
}
.main-content-inner .header-block {
  margin-top: 0;
  border: none;
  border-bottom: 0.0625rem solid #dae4ed;
  box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.04);
}
.main-content-inner .header-block .block-title {
  font-size: 48px;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 1.2;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .main-content-inner .header-block .block-title {
    font-size: 22px;
  }
}
.main-content-inner .header-block.document-hero {
  background-color: #FFF;
}
.main-content-inner .header-block.document-hero div.document-breadcrumbs {
  margin: 15px 0;
}
.main-content-inner .header-block.document-hero div.upload-document-button {
  border-right: 0.0625rem solid #dae4ed;
}
.main-content-inner .header-block.document-hero a.btn {
  font-size: 12px;
  padding: 0.325rem 1.05rem;
  color: white;
  margin-top: 9px;
  margin-right: 15px;
}
.main-content-inner .header-block a.btn {
  font-size: 12px;
  padding: 0.425rem 1.05rem;
  color: white;
  margin-top: 0.75rem;
}
.main-content-inner .header-block a.btn .fa {
  margin-left: 0.625rem;
}
.main-content-inner .header-block a.btn:hover {
  color: #122c42;
}

.block-title,
.block-subtitle {
  color: #0F223E;
  font-weight: 400;
}

.block-title {
  font-size: 1rem;
  line-height: 1.3125rem;
}
.block-title .filter-label {
  color: #ee343f;
  font-weight: 400;
  font-size: 0.875rem;
  margin-right: 0.625rem;
}

.block-subtitle {
  font-family: "Roboto", sans-serif;
  font-size: 0.8125rem;
  line-height: 1.375rem;
  margin-top: 0.625rem;
}

.main-content-action h2 {
  padding-left: 30px;
}
.main-content-action .block-title {
  font-size: 48px;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 1.2;
  color: #fff;
}
.main-content-action .theme-details {
  padding-top: 0;
  margin-top: 27px;
}
.main-content-action .theme-details .label {
  padding: 0;
  display: block;
  font-size: 11px;
  letter-spacing: 0.75px;
  line-height: 1.5;
  color: #1db4cf;
  text-transform: uppercase;
  background: transparent;
}
.main-content-action .block-action {
  width: 100%;
  margin-bottom: 20px;
}
.main-content-action .btn-comments {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
}
.main-content-action .btn-comments .badge {
  position: absolute;
  bottom: 12px;
  left: 10px;
  z-index: 100;
}
.main-content-action .btn-more {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
  height: 16px;
}
.main-content-action .comments {
  padding: 28px 20px 28px 70px;
  margin-top: 2px;
  background: #FFFFFF;
}
.main-content-action .textarea-comment-input {
  margin-top: -15px;
}
.main-content-action .textarea-comment-input h4 {
  padding-bottom: 17px;
}
.main-content-action .textarea-comment-input textarea {
  padding: 10px;
  min-height: 170px;
  border: 0;
  box-shadow: none;
  background: #F3F2F2;
}
.main-content-action .avatar-container {
  max-width: 70px;
}
.main-content-action .avatar-container img {
  border-radius: 100%;
}
.main-content-action .button-actions button {
  padding: 14px 0;
  width: 100%;
  background-color: #B0ADAB;
  border-bottom: 2px solid #706E6B;
}
.main-content-action .action {
  padding: 15px 28px 7px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 -1px 6px 0 rgba(175, 173, 171, 0.7);
}
.main-content-action .action .title {
  display: flex;
  justify-content: space-between;
  padding-bottom: 11px;
  color: #0F223E;
}
.main-content-action .action .title span:first-child {
  max-width: 80%;
}
.main-content-action .action .content {
  display: flex;
  justify-content: space-between;
  margin: 0 -28px;
  padding: 16px 28px 22px;
  border-top: 1px solid #dddbda;
  border-bottom: 1px solid #dddbda;
}
.main-content-action .action .content .columns {
  padding: 0;
  font-size: 15px;
  font-weight: 300;
  color: #0F223E;
}
.main-content-action .holder-action-btn .btn-tooltip {
  top: -30px;
  margin-left: -50%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .main-content-action .actions .comments {
    padding: 28px 40px;
  }
  .main-content-action .actions .textarea-comment-input {
    flex: 0 0 65%;
  }
}
@media screen and (max-width: 991px) {
  .main-content-action .title-block-action h2 {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .main-content-action .block-title {
    font-size: 25px;
  }
  .main-content-action .title-block-action h2 {
    font-size: 17px;
  }
  .main-content-action .comments {
    padding: 15px;
  }
  .main-content-action .comments .action-comment-row {
    flex-direction: column;
  }
  .main-content-action .comments .action-comment-row > .columns {
    margin-bottom: 10px;
  }
  .main-content-action .comments .action-comment-row > .columns.button-actions {
    margin: 0 55px;
  }
  .main-content-action .comments .textarea-comment-input {
    margin-top: 0;
  }
  .main-content-action .action .content {
    flex-wrap: wrap;
  }
  .main-content-action .action .content .columns {
    flex: 0 0 50%;
    margin-bottom: 10px;
  }
  .main-content-action .action .content .columns .holder-action-btn {
    flex: 0 0 100%;
    margin-bottom: 0;
  }
  .main-content-action .holder-action-btn {
    justify-content: flex-start;
  }
  .main-content-action .holder-action-btn .btn-tooltip {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .main-content-action .action .content .columns {
    max-width: 100%;
  }
  .main-content-action .action .content .columns.holder-action-btn {
    margin-bottom: 0;
  }
  .main-content-action .holder-action-btn {
    display: block;
  }
}
@media only screen and (max-width: 567px) {
  .main-content-action .action .title {
    flex-direction: column;
  }
  .main-content-action .action .title .badge-status {
    margin-top: 10px;
  }
  .main-content-action .action .content {
    flex-direction: column;
  }
  .main-content-action .action .content .columns {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 567px) {
  .external-action-avatar {
    display: none;
  }
}
.measurement-block {
  position: relative;
}
.measurement-block .icon {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  padding-top: 8px;
  font-weight: bold;
  font-size: 0.75rem;
  text-align: center;
  color: #000;
}
.measurement-block.red .icon {
  background: #ff9999;
}
.measurement-block.orange .icon {
  background: #ffd95d;
}
.measurement-block.green .icon {
  background: #cce0bb;
}
.measurement-block .date {
  display: block;
  font-size: 0.6em;
}
.measurement-block.small {
  font-size: 0.9em;
}

.pager {
  color: #122c42;
}
.pager .prev {
  margin-left: 1.25rem;
}
.profile-pic-wrapper {
  border-radius: 1.25rem;
  width: 2.5rem;
  height: 2.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.profile-pic-wrapper.small {
  width: 1.5625rem;
  height: 1.5625rem;
}
.profile-pic-wrapper.round {
  border-radius: 100%;
}
.profile-pic-wrapper.inline {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.625rem;
  position: relative;
  top: -1px;
}

.profile-pic-inner {
  width: 2.375rem;
  height: 2.375rem;
}

.ui-sortable-handle {
  cursor: move;
  padding: 0.625rem;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid transparent;
}
.ui-sortable-handle:hover {
  background: #edf2f6;
  border: 1px solid #d4e0eb;
}

.ui-sortable-placeholder {
  border: 1px dashed #d4e0eb;
  visibility: visible !important;
  background: #edf2f6;
  border-radius: 2px;
  box-shadow: inset 2px 2px rgba(212, 224, 235, 0.25);
}

.ui-sortable-helper {
  border: 1px dashed #d4e0eb;
}

.ui-sortable {
  user-select: none;
}

.ui-sortable.grid-icons {
  text-align: center;
  white-space: nowrap;
}
.ui-sortable.grid-icons img {
  display: block;
  margin: 0 auto 0.3125rem auto;
  background: #fff;
  border-radius: 100% 100%;
  width: 36px;
  height: 36px;
}
.ui-sortable.grid-icons .ui-sortable-handle {
  overflow: hidden;
  text-overflow: ellipsis;
}

.theme-bar {
  background: #fff;
}
.theme-bar .add-theme {
  padding: 0.625rem 0 0.625rem 2.625rem;
  display: block;
  background: url("/dist/img/icon/toevoegen.svg") left center no-repeat;
}
.theme-bar .add-theme:hover {
  background-image: url("/dist/img/icon/toevoegen_active.svg");
}
.theme-bar .menu li a {
  font-size: 0.875rem;
  line-height: 1.0625rem;
  padding: 1.25rem;
  background: url("/dist/img/px.png") left center no-repeat;
}
.theme-bar .menu li.active a {
  color: #ee343f;
}
@media screen and (min-width: 48em) {
  .theme-bar .menu li a {
    padding-left: 2.5rem;
  }
}
.theme-bar .menu .beveiliging a {
  background-image: url("/dist/img/icon/beveiliging.svg");
}
.theme-bar .menu .beveiliging.active a, .theme-bar .menu .beveiliging:hover a, .theme-bar .menu .beveiliging:focus a, .theme-bar .menu .beveiliging:active a {
  background-image: url("/dist/img/icon/beveiliging_active.svg");
  color: #ee343f;
}
.theme-bar .menu .catering a {
  background-image: url("/dist/img/icon/catering.svg");
}
.theme-bar .menu .catering.active a, .theme-bar .menu .catering:hover a, .theme-bar .menu .catering:focus a, .theme-bar .menu .catering:active a {
  background-image: url("/dist/img/icon/catering_active.svg");
  color: #ee343f;
}
.theme-bar .menu .schoonmaak a {
  background-image: url("/dist/img/icon/schoonmaak.svg");
}
.theme-bar .menu .schoonmaak.active a, .theme-bar .menu .schoonmaak:hover a, .theme-bar .menu .schoonmaak:focus a, .theme-bar .menu .schoonmaak:active a {
  background-image: url("/dist/img/icon/schoonmaak_active.svg");
  color: #ee343f;
}
.theme-bar .menu .afvalverwerking a {
  background-image: url("/dist/img/icon/afvalverwerking.svg");
}
.theme-bar .menu .afvalverwerking.active a, .theme-bar .menu .afvalverwerking:hover a, .theme-bar .menu .afvalverwerking:focus a, .theme-bar .menu .afvalverwerking:active a {
  background-image: url("/dist/img/icon/afvalverwerking_active.svg");
  color: #ee343f;
}
.theme-bar .menu .gebouwbeheer a {
  background-image: url("/dist/img/icon/gebouwbeheer.svg");
}
.theme-bar .menu .gebouwbeheer.active a, .theme-bar .menu .gebouwbeheer:hover a, .theme-bar .menu .gebouwbeheer:focus a, .theme-bar .menu .gebouwbeheer:active a {
  background-image: url("/dist/img/icon/gebouwbeheer_active.svg");
  color: #ee343f;
}
.theme-bar .menu .gebouwgebruik a {
  background-image: url("/dist/img/icon/gebouwgebruik.svg");
}
.theme-bar .menu .gebouwgebruik.active a, .theme-bar .menu .gebouwgebruik:hover a, .theme-bar .menu .gebouwgebruik:focus a, .theme-bar .menu .gebouwgebruik:active a {
  background-image: url("/dist/img/icon/gebouwgebruik_active.svg");
  color: #ee343f;
}
.theme-bar .menu .handyman a {
  background-image: url("/dist/img/icon/handyman.svg");
}
.theme-bar .menu .handyman.active a, .theme-bar .menu .handyman:hover a, .theme-bar .menu .handyman:focus a, .theme-bar .menu .handyman:active a {
  background-image: url("/dist/img/icon/handyman_active.svg");
  color: #ee343f;
}
.theme-bar .menu .receptie a {
  background-image: url("/dist/img/icon/receptie.svg");
}
.theme-bar .menu .receptie.active a, .theme-bar .menu .receptie:hover a, .theme-bar .menu .receptie:focus a, .theme-bar .menu .receptie:active a {
  background-image: url("/dist/img/icon/receptie_active.svg");
  color: #ee343f;
}

.theme-bar-inner {
  height: 4.3125rem;
}
.theme-bar-inner > .columns {
  padding: 0;
}

.tree-structure {
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.tree-structure.folders {
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
}
.tree-structure .item {
  padding: 0.3125rem 0;
  border: 1px solid transparent;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 0.125rem 0;
}
.tree-structure .item i {
  display: inline-block;
  margin-right: 0.3125rem;
}
.tree-structure .item.selected, .tree-structure .item:hover {
  padding: 0.3125rem 0.625rem;
  background: rgba(237, 242, 246, 0.75);
  border: 1px solid #d4e0eb;
  border-radius: 3px;
  cursor: pointer;
}
.tree-structure .item label {
  display: inline;
  margin: 0;
  line-height: 1.5;
  font-size: 13px;
}
.tree-structure .item input[type=checkbox] {
  display: none;
}
.tree-structure .item .pseudo-checkbox {
  margin-right: 10px;
  top: -1px;
  position: relative;
}
.tree-structure .item .subtitle {
  display: inline-block;
  float: right;
  color: #93a0a9;
}
.tree-structure .branch .branch {
  padding-left: 1.5rem;
}
.tree-structure .branch .branch::before {
  left: 2.1rem;
}
.tree-structure .branch .branch::after {
  position: absolute;
  top: 0.9375rem;
  left: 10px;
  width: 15px;
  right: 0;
  border-bottom: 1px dotted #d4e0eb;
  content: "";
  z-index: 1;
}
.tree-structure .branch {
  position: relative;
}
.tree-structure .branch > * {
  position: relative;
  z-index: 2;
}
.tree-structure .branch::before {
  position: absolute;
  top: 1.5rem;
  left: 9px;
  bottom: 0.9375rem;
  width: 0;
  border-left: 1px dotted #d4e0eb;
  content: "";
  z-index: 1;
}

div[folder-picker] {
  background: #fff;
}
div[folder-picker] select {
  display: none;
}

.panel, .message {
  border: 0.0625rem solid #dae4ed;
  background: #fff;
  padding: 0.625rem;
  margin-top: 0.625rem;
  margin-right: -0.625rem;
  margin-bottom: 0.625rem;
  margin-left: -0.625rem;
}
.panel:first-child, .message:first-child {
  margin-top: 0;
}

.title-block .panel, .title-block .message {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1.25rem;
}

.panel {
  border-radius: 0.125rem;
}
.panel.help {
  background: #f6fafe;
  color: #122c42;
}

.table-children .panel {
  margin: 0 0 0.625rem 0;
}

.message {
  border-radius: 0.125rem;
}
.message.success {
  background: #cce0bb;
  border-color: #8ab863;
  color: #4c6b31;
}
.message.error {
  background: #ff9999;
  border-color: #990000;
  color: #1a0000;
}

.summary-details {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.summary-details .summary-list {
  width: 57.5%;
}
.summary-details .holder-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.summary-details .holder-summary .item {
  display: flex;
  align-items: center;
  padding: 23px 0;
  width: 100%;
  border-bottom: 1px solid #dddbda;
}
.summary-details .holder-summary .item span {
  width: 33.3%;
  font-size: 15px;
  font-weight: 300;
}
.summary-details .holder-summary .item .text-blue {
  font-size: 11px;
  font-weight: 500;
}

.card-wrapper {
  padding: 0 30px 12px;
  margin-top: 40px;
  margin-bottom: 30px;
  width: 100%;
  background-color: #fff;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -1px 6px 0 rgba(175, 173, 171, 0.7);
}
.card-wrapper .card-heading {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 30px;
  margin: 0 -30px;
}
.card-wrapper .card-heading:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #dddbda;
}
.card-wrapper .card-heading .row {
  margin: 0 auto;
}
.card-wrapper .card-heading .btn-holder a ~ a {
  margin-left: 20px;
}
.card-wrapper .card-title {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 1.2;
  color: #0F223E;
}
.card-wrapper .card-title img {
  margin-right: 20px;
}
.card-wrapper .card-title .text-blue {
  color: #1db4cf;
}
.card-wrapper .card-title.card-title--breadcrumb > span {
  position: relative;
  padding-right: 15px;
}
.card-wrapper .card-title.card-title--breadcrumb > span:before {
  content: "";
  position: absolute;
  top: 7px;
  right: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #1db4cf;
  border-right: 2px solid #1db4cf;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.card-wrapper .card-title .document-folder-title {
  margin-left: 14px;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 1.2;
  color: #0F223E;
}
.card-wrapper .card-content {
  padding: 20px 0;
}
.card-wrapper .card-content .block-column:first-child {
  flex: 0 0 43.5%;
}
.card-wrapper .card-content .block-column:last-child {
  margin-left: 73px;
}
.card-wrapper .card-content .block-column-item {
  margin-bottom: 42px;
}
.card-wrapper .card-content .block-column-item > label, .card-wrapper .card-content .block-column-item .label-text {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.2px;
}
.card-wrapper .card-content .block-column-item select {
  width: 100%;
  background-color: #fff;
  border: 1px solid #C4CDD5;
  border-radius: 3px;
  background: url("/dist/img/icon/arrow-down-blue.svg") no-repeat 98% center;
}
.card-wrapper .card-content .date-selection {
  display: flex;
  justify-content: space-between;
  margin-top: 7px;
}
.card-wrapper .card-content .holder-date {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.2px;
}
.card-wrapper .card-content .holder-date input {
  margin-left: 15px;
  background: url("/dist/img/icon/calendar.svg") no-repeat 96%;
  background-size: 20px;
  border-radius: 3px;
  border: 1px solid #C4CDD5;
}
.card-wrapper .holder-btn-submit {
  display: flex;
  justify-content: flex-end;
}
.card-wrapper .holder-btn-submit .btn-form {
  min-width: 230px;
}
.card-wrapper .card-title--sm {
  padding-top: 37px;
  border-bottom: 1px solid #dddbda;
}
.card-wrapper .card-right-content {
  display: flex;
}
.card-wrapper .card-right-content .block-content {
  margin-left: 20px;
  font-size: 15px;
  font-weight: 300;
}
.card-wrapper .card-right-content .block-content .text-blue {
  font-size: 11px;
}
.card-wrapper .card-import-content {
  padding: 42px 0;
}
.card-wrapper .card-import-content .block-input.block-item {
  padding: 0;
  margin-top: 0;
  max-width: 100%;
  border: 0;
}
.card-wrapper .card-import-content .upload-file {
  padding: 20px 30px;
  margin: 40px 0 38px;
  background: #F3F2F2;
}
.card-wrapper .card-import-content .upload-file button {
  padding: 10px 0;
  margin-right: 25px;
}
.card-wrapper .card-import-content .upload-file input[type=file] {
  display: none;
}
.card-wrapper .card-import-content .upload-file span {
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #B0ADAB;
  text-transform: uppercase;
}
.card-wrapper .card-import-content .holder-button {
  display: flex;
  justify-content: flex-end;
}
.card-wrapper.card-wrapper--form {
  margin-bottom: 0;
}
.card-wrapper.card-wrapper--form fieldset .row {
  padding: 5px 0;
}
.card-wrapper.card-wrapper--form fieldset label {
  font-size: 15px;
  letter-spacing: 0.75px;
  color: #1FB4CF;
}
.card-wrapper.card-wrapper--form fieldset label.s3-upload-label {
  padding: 0;
}
.card-wrapper.card-wrapper--form fieldset label .filename {
  color: #0F223E;
}
.card-wrapper fieldset {
  padding: 20px 0;
}
.card-wrapper .table-list {
  margin-top: 0;
}
.card-wrapper .table-list .table-header {
  margin: 0 auto;
}
.card-wrapper .table-list .table-footer {
  margin: 0 auto;
  border: 0;
  border-top: 1px solid #DDDBDA;
}
.card-wrapper.card-no-padding {
  padding-right: 0;
  padding-left: 0;
}
@media screen and (max-width: 991px) {
  .card-wrapper .card-content .date-selection {
    display: block;
  }
  .card-wrapper .card-content .holder-date {
    align-items: flex-start;
  }
  .card-wrapper .card-import-content .upload-file span {
    display: block;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .card-wrapper .card-heading {
    flex-wrap: wrap;
  }
  .card-wrapper .card-heading .btn-holder {
    margin-top: 12px;
    width: 100%;
  }
  .card-wrapper .card-heading .btn-holder a ~ a {
    margin-top: 10px;
    margin-left: 0;
  }
  .card-wrapper .card-heading .btn-border--blue {
    width: 100%;
  }
  .card-wrapper .card-content {
    flex-direction: column;
  }
  .card-wrapper .card-content .block-column:last-child {
    margin-left: 0;
  }
  .card-wrapper .card-import-content {
    padding: 15px 0;
  }
  .card-wrapper .card-import-content .holder-button button {
    width: 100%;
  }
}

.card-yellow {
  margin-top: 40px;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 22px;
  color: #fff;
  background: #FBAB2D;
}
.card-yellow a {
  display: block;
  margin-top: 23px;
  margin-bottom: 8px;
  color: #fff;
  text-decoration: underline;
}

.holder-document-edit form {
  max-width: 1110px;
  margin: 20px auto 0;
  background: #fff;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -1px 6px 0 rgba(175, 173, 171, 0.7);
}
.holder-document-edit hr {
  max-width: 100%;
}
.holder-document-edit .table-list {
  margin-top: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.holder-document-edit .table-list.regular-width {
  max-width: 100%;
}
.holder-document-edit .table-list .table-header {
  font-size: 12px;
  letter-spacing: 0.75px;
  font-weight: 500;
  line-height: 1.5;
  color: #1db4cf;
  text-transform: uppercase;
}
.holder-document-edit .table-list.grid .filter-container {
  margin: 0 auto;
}
.holder-document-edit .table-list.grid .table-header {
  font-weight: normal;
  text-transform: none;
}
.holder-document-edit .table-list .table-footer {
  border: 0;
}
.holder-document-edit .btn-cancel {
  height: 34px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .holder-document-edit form .block-buttons .btn {
    width: 100%;
    margin: 0 auto;
  }
  .holder-document-edit form .block-buttons .btn ~ .btn {
    margin-top: 10px;
  }
}

form .card-wrapper {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  form .filter-container {
    display: block;
  }
  form .filter-container .columns {
    margin-bottom: 10px;
    width: 100%;
    max-width: 100%;
  }
}

.wrapper-actions {
  padding: 0;
  width: 100%;
}
.wrapper-actions.detail {
  display: flex;
  justify-content: space-between;
}
.wrapper-actions.overview {
  padding: 20px 0 0;
}
.wrapper-actions .holder-actions {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.wrapper-actions .holder-actions.left {
  justify-content: flex-start;
}
.wrapper-actions .holder-actions.left a ~ a {
  margin-left: 24px;
}
.wrapper-actions .holder-actions.button-only {
  justify-content: flex-end;
}
.wrapper-actions .holder-actions.button-only a ~ a {
  margin-left: 24px;
}
.wrapper-actions select {
  background-color: #fff;
}
.wrapper-actions .search a {
  margin-right: 10px;
  font-size: 11px;
  line-height: 14px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  letter-spacing: 0.75px;
}
.wrapper-actions .search a:href, .wrapper-actions .search a:visited, .wrapper-actions .search a:active {
  color: #1FB4CF;
}
.wrapper-actions .search a.active {
  color: #16325C;
}
@media screen and (max-width: 991px) {
  .wrapper-actions {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .wrapper-actions .holder-actions {
    flex-wrap: wrap;
  }
  .wrapper-actions .holder-actions.button-only a {
    width: 100%;
  }
  .wrapper-actions .holder-actions.button-only a ~ a {
    margin-top: 5px;
    margin-left: 0;
  }
  .wrapper-actions .search-document-input {
    max-width: 100%;
  }
}

.action-detail .card-wrapper {
  margin-top: 25px;
}
.action-detail .table-child label {
  font-size: 13px;
  letter-spacing: 0.5px;
  color: #1db4cf;
}
.action-detail .table-child ~ .table-child {
  margin-top: 20px;
}
.action-detail .gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.action-detail .gallery .photo {
  width: 150px;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border: 1px solid #DDDBDA;
  margin-bottom: 10px;
}
.action-detail .gallery .photo a {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  font-family: "FontAwesome";
}
.action-detail .gallery .photo a:hover::before {
  color: #fff;
  content: "\f002";
  font-size: 30px;
  height: 100%;
  width: 100%;
  background-color: rgba(29, 180, 207, 0.6);
  position: absolute;
  z-index: 100;
  text-align: center;
  line-height: 150px;
}
.action-detail .gallery .photo a img {
  max-width: 100%;
  height: auto;
  margin: auto;
}

.actions .pagination-actions {
  justify-content: flex-end;
  border-top: 1px solid #DDDBDA;
  padding: 10px 0 10px 0;
  margin-top: 15px;
}

.search-document-input {
  display: block;
  padding: 6px 15px 6px 47px;
  width: 800px;
  max-width: 50%;
  font-size: 15px;
  letter-spacing: 0.21px;
  color: #b0adab;
  background: #fff url("/dist/img/icon/search-blue.svg") no-repeat 10px center;
  border: 1px solid #c4cdd5;
  border-radius: 3px;
  outline: 0;
  margin-bottom: 10px !important;
}
@media screen and (max-width: 767px) {
  .search-document-input {
    max-width: 100%;
  }
}

.theme-category {
  margin-top: 38px;
}
.theme-category .row {
  align-items: center;
}
.theme-category > .columns {
  padding: 0;
}
.theme-category .list-category ~ .list-category {
  margin-top: 30px;
}
.theme-category .list-category {
  background-color: #fff;
  border-radius: 4px 4px 0 0px;
  box-shadow: 0 -1px 6px 0 rgba(175, 173, 171, 0.7);
}
.theme-category .list-category a {
  display: block;
  padding: 13px 30px;
  border-bottom: 1px solid #dddbda;
}
.theme-category .list-category a p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.5px;
  color: #0F223E;
}
.theme-category .link {
  position: relative;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.5px;
  color: #0F223E;
}
.theme-category .link:after {
  content: "";
  position: absolute;
  top: 20px;
  right: 30px;
  width: 12px;
  height: 12px;
  border-color: #1db4cf;
  border-style: solid;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.theme-category .link.no-link {
  pointer-events: none;
}
.theme-category .link.no-link:after {
  display: none;
}
.theme-category .category-details {
  padding: 34px 23px;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.2px;
}
.theme-category .stoplight {
  margin: 0 5px;
}
.theme-category .stop-lights-container {
  margin-left: 10px;
}
.theme-category .stop-lights-container .has-tip {
  cursor: inherit;
}
.theme-category .kpi-score {
  margin-left: 20px;
  vertical-align: middle;
}
.theme-category .holder-scoring {
  display: inline-block;
}
@media screen and (max-width: 991px) {
  .theme-category .list-category a,
  .theme-category .category-details {
    padding: 13px 15px;
  }
  .theme-category .category-details > .columns ~ .columns {
    margin-top: 20px;
  }
  .theme-category .text-label {
    display: block;
    margin-bottom: 5px;
  }
  .theme-category .stop-lights-container,
  .theme-category .kpi-score {
    margin-left: 0;
  }
  .theme-category .stop-lights-container {
    max-width: 100%;
  }
}

.theme__parent {
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -1px 6px 0 #AFADAB;
}
.theme__parent .link {
  display: block;
  border-radius: 4px 4px 0 0;
}
.theme__parent .link:hover, .theme__parent .link:active, .theme__parent .link:focus {
  background: #fff;
}
.theme__parent .more,
.theme__parent .border-top {
  border-top: 1px solid #DDDBDA;
}

.list-theme--category .kpi-theme--category .theme-category {
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -1px 6px 0 #AFADAB;
}
.list-theme--category .kpi-theme--category .link {
  position: relative;
  padding: 16px 30px;
  border-bottom: 1px solid #DDDBDA;
}
.list-theme--category .kpi-theme--category .link:after {
  content: "";
  position: absolute;
  top: 20px;
  right: 30px;
  width: 12px;
  height: 12px;
  border-color: #1db4cf;
  border-style: solid;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.list-theme--category .kpi-theme--category .parent-row--details {
  padding: 18px 20px;
}
.list-theme--category .kpi-theme--category .parent-row--details .columns:last-child {
  text-align: center;
}
.list-theme--category .kpi-theme--category .text-label {
  display: block;
  margin-bottom: 13px;
}
.list-theme--category .kpi-theme--category .stop-lights-container {
  max-width: 100%;
}
.list-theme--category .kpi-theme--category .category-detail {
  background: #fff;
}
.list-theme--category .kpi-theme--category .sub-row--details {
  padding: 18px 0;
}
.list-theme--category .kpi-theme--category .sub-row--details .has-tip {
  margin-top: 0;
}
.list-theme--category .kpi-theme--category .sub-row--details a {
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.2px;
}

.audit__form .block-title .svg-icon {
  width: 40px;
  height: 40px;
}
.audit__form .block-title .svg-icon path {
  fill: #1DB4CF;
}
.audit__form .wrapper-content {
  margin-top: 27px;
}
.audit__form .block-wrapper {
  padding: 20px 30px;
  margin: 11px 0;
  width: 100%;
  background: #fff;
}
.audit__form .block-wrapper label {
  font-size: 15px;
  letter-spacing: 0.2px;
  color: #111A27;
}
.audit__form .block-wrapper input {
  margin: 11px 0;
}
.audit__form#audit-submit-answers .block-title {
  font-weight: 300;
  font-size: 42px;
  letter-spacing: 0.44px;
}
.audit__form#audit-submit-answers .section {
  padding: 20px 30px;
  max-width: 1050px;
  background-color: #fff;
}
.audit__form#audit-submit-answers .section ~ .section {
  margin-top: 20px;
}
.audit__form#audit-submit-answers .section .section {
  margin-top: 0;
}
.audit__form#audit-submit-answers .section .section h2 {
  padding: 15px 15px;
  background: #f3f2f2;
}
.audit__form#audit-submit-answers .section .question {
  padding: 0 15px;
  border: 0;
  background-color: transparent;
}
.audit__form#audit-submit-answers .section .question label {
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 0.2px;
  color: #111A27;
}
.audit__form#audit-submit-answers .section .question .choices label {
  width: 100%;
  max-width: 130px;
}
.audit__form#audit-submit-answers .section .question .choices input[type=radio] + label {
  background: #fff;
  color: #000;
  border: 1px solid #000;
  margin-right: 10px;
  font-size: 15px;
  letter-spacing: 0.2px;
  border-width: 0;
  border-radius: 0;
}
.audit__form#audit-submit-answers .section .question .choices input[type=radio]:checked + label {
  background: #000;
  color: #fff;
}
.audit__form#audit-submit-answers .section .question .choices.type-7 input[type=radio] + label:nth-of-type(1), .audit__form#audit-submit-answers .section .question .choices.type-9 input[type=radio] + label:nth-of-type(1) {
  background: #fff;
  border-color: #6CB221;
  color: #6CB221;
}
.audit__form#audit-submit-answers .section .question .choices.type-7 input[type=radio] + label:nth-of-type(2), .audit__form#audit-submit-answers .section .question .choices.type-9 input[type=radio] + label:nth-of-type(2) {
  background: #fff;
  border-color: #DC233A;
  color: #DC233A;
}
.audit__form#audit-submit-answers .section .question .choices.type-7 input[type=radio] + label:nth-of-type(3), .audit__form#audit-submit-answers .section .question .choices.type-9 input[type=radio] + label:nth-of-type(3) {
  background: #fff;
  border-color: #000;
  color: #000;
}
.audit__form#audit-submit-answers .section .question .choices.type-7 input[type=radio]:checked + label:nth-of-type(1), .audit__form#audit-submit-answers .section .question .choices.type-9 input[type=radio]:checked + label:nth-of-type(1) {
  background: #6CB221;
  border-color: #6CB221;
  color: #fff;
}
.audit__form#audit-submit-answers .section .question .choices.type-7 input[type=radio]:checked + label:nth-of-type(2), .audit__form#audit-submit-answers .section .question .choices.type-9 input[type=radio]:checked + label:nth-of-type(2) {
  background: #DC233A;
  border-color: #DC233A;
  color: #fff;
}
.audit__form#audit-submit-answers .section .question .choices.type-7 input[type=radio]:checked + label:nth-of-type(3), .audit__form#audit-submit-answers .section .question .choices.type-9 input[type=radio]:checked + label:nth-of-type(3) {
  background: #000;
  border-color: #000;
  color: #fff;
}
.audit__form#audit-submit-answers .section .question .choices.type-3 input[type=radio] + label:nth-of-type(1) {
  background: #fff;
  border-color: #6CB221;
  color: #6CB221;
}
.audit__form#audit-submit-answers .section .question .choices.type-3 input[type=radio] + label:nth-of-type(2) {
  background: #fff;
  border-color: #DC233A;
  color: #DC233A;
}
.audit__form#audit-submit-answers .section .question .choices.type-3 input[type=radio] + label:nth-of-type(3) {
  background: #fff;
  border-color: #FBAB2D;
  color: #FBAB2D;
}
.audit__form#audit-submit-answers .section .question .choices.type-3 input[type=radio] + label:nth-of-type(4) {
  background: #fff;
  border-color: #000;
  color: #000;
}
.audit__form#audit-submit-answers .section .question .choices.type-3 input[type=radio]:checked + label:nth-of-type(1) {
  background: #6CB221;
  border-color: #6CB221;
  color: #fff;
}
.audit__form#audit-submit-answers .section .question .choices.type-3 input[type=radio]:checked + label:nth-of-type(2) {
  background: #DC233A;
  border-color: #DC233A;
  color: #fff;
}
.audit__form#audit-submit-answers .section .question .choices.type-3 input[type=radio]:checked + label:nth-of-type(3) {
  background: #FBAB2D;
  border-color: #FBAB2D;
  color: #fff;
}
.audit__form#audit-submit-answers .section .question .choices.type-3 input[type=radio]:checked + label:nth-of-type(4) {
  background: #000;
  border-color: #000;
  color: #fff;
}
.audit__form#audit-submit-answers .section .question .choices.type-4, .audit__form#audit-submit-answers .section .question .choices.type-10 { /* 3 smileys */ }
.audit__form#audit-submit-answers .section .question .choices.type-4 input[type=radio] + label:nth-of-type(1), .audit__form#audit-submit-answers .section .question .choices.type-10 input[type=radio] + label:nth-of-type(1) {
  background: #fff;
  border-color: #6CB221;
  color: #6CB221;
}
.audit__form#audit-submit-answers .section .question .choices.type-4 input[type=radio] + label:nth-of-type(2), .audit__form#audit-submit-answers .section .question .choices.type-10 input[type=radio] + label:nth-of-type(2) {
  background: #fff;
  border-color: #FBAB2D;
  color: #FBAB2D;
}
.audit__form#audit-submit-answers .section .question .choices.type-4 input[type=radio] + label:nth-of-type(3), .audit__form#audit-submit-answers .section .question .choices.type-10 input[type=radio] + label:nth-of-type(3) {
  background: #fff;
  border-color: #DC233A;
  color: #DC233A;
}
.audit__form#audit-submit-answers .section .question .choices.type-4 input[type=radio]:checked + label:nth-of-type(1), .audit__form#audit-submit-answers .section .question .choices.type-10 input[type=radio]:checked + label:nth-of-type(1) {
  background: #6CB221;
  border-color: #6CB221;
  color: #fff;
}
.audit__form#audit-submit-answers .section .question .choices.type-4 input[type=radio]:checked + label:nth-of-type(2), .audit__form#audit-submit-answers .section .question .choices.type-10 input[type=radio]:checked + label:nth-of-type(2) {
  background: #FBAB2D;
  border-color: #FBAB2D;
  color: #fff;
}
.audit__form#audit-submit-answers .section .question .choices.type-4 input[type=radio]:checked + label:nth-of-type(3), .audit__form#audit-submit-answers .section .question .choices.type-10 input[type=radio]:checked + label:nth-of-type(3) {
  background: #DC233A;
  border-color: #DC233A;
  color: #fff;
}
.audit__form#audit-submit-answers .section .question .choices.type-5, .audit__form#audit-submit-answers .section .question .choices.type-11 { /* 4 smileys */ }
.audit__form#audit-submit-answers .section .question .choices.type-5 input[type=radio] + label:nth-of-type(1), .audit__form#audit-submit-answers .section .question .choices.type-11 input[type=radio] + label:nth-of-type(1) {
  background: #fff;
  border-color: #6CB221;
  color: #6CB221;
}
.audit__form#audit-submit-answers .section .question .choices.type-5 input[type=radio] + label:nth-of-type(2), .audit__form#audit-submit-answers .section .question .choices.type-11 input[type=radio] + label:nth-of-type(2) {
  background: #fff;
  border-color: #8DCA62;
  color: #8DCA62;
}
.audit__form#audit-submit-answers .section .question .choices.type-5 input[type=radio] + label:nth-of-type(3), .audit__form#audit-submit-answers .section .question .choices.type-11 input[type=radio] + label:nth-of-type(3) {
  background: #fff;
  border-color: #FBAB2D;
  color: #FBAB2D;
}
.audit__form#audit-submit-answers .section .question .choices.type-5 input[type=radio] + label:nth-of-type(4), .audit__form#audit-submit-answers .section .question .choices.type-11 input[type=radio] + label:nth-of-type(4) {
  background: #fff;
  border-color: #DC233A;
  color: #DC233A;
}
.audit__form#audit-submit-answers .section .question .choices.type-5 input[type=radio]:checked + label:nth-of-type(1), .audit__form#audit-submit-answers .section .question .choices.type-11 input[type=radio]:checked + label:nth-of-type(1) {
  background: #6CB221;
  border-color: #6CB221;
  color: #fff;
}
.audit__form#audit-submit-answers .section .question .choices.type-5 input[type=radio]:checked + label:nth-of-type(2), .audit__form#audit-submit-answers .section .question .choices.type-11 input[type=radio]:checked + label:nth-of-type(2) {
  background: #8DCA62;
  border-color: #8DCA62;
  color: #fff;
}
.audit__form#audit-submit-answers .section .question .choices.type-5 input[type=radio]:checked + label:nth-of-type(3), .audit__form#audit-submit-answers .section .question .choices.type-11 input[type=radio]:checked + label:nth-of-type(3) {
  background: #ec6734;
  border-color: #ec6734;
  color: #fff;
}
.audit__form#audit-submit-answers .section .question .choices.type-5 input[type=radio]:checked + label:nth-of-type(4), .audit__form#audit-submit-answers .section .question .choices.type-11 input[type=radio]:checked + label:nth-of-type(4) {
  background: #DC233A;
  border-color: #DC233A;
  color: #fff;
}
.audit__form#audit-submit-answers .section .question .choices.type-2, .audit__form#audit-submit-answers .section .question .choices.type-12 { /* 5 smileys */ }
.audit__form#audit-submit-answers .section .question .choices.type-2 input[type=radio] + label:nth-of-type(1), .audit__form#audit-submit-answers .section .question .choices.type-12 input[type=radio] + label:nth-of-type(1) {
  background: #fff;
  border-color: #6CB221;
  color: #6CB221;
}
.audit__form#audit-submit-answers .section .question .choices.type-2 input[type=radio] + label:nth-of-type(2), .audit__form#audit-submit-answers .section .question .choices.type-12 input[type=radio] + label:nth-of-type(2) {
  background: #fff;
  border-color: #8DCA62;
  color: #8DCA62;
}
.audit__form#audit-submit-answers .section .question .choices.type-2 input[type=radio] + label:nth-of-type(3), .audit__form#audit-submit-answers .section .question .choices.type-12 input[type=radio] + label:nth-of-type(3) {
  background: #fff;
  border-color: #FBAB2D;
  color: #FBAB2D;
}
.audit__form#audit-submit-answers .section .question .choices.type-2 input[type=radio] + label:nth-of-type(4), .audit__form#audit-submit-answers .section .question .choices.type-12 input[type=radio] + label:nth-of-type(4) {
  background: #fff;
  border-color: #ec6734;
  color: #ec6734;
}
.audit__form#audit-submit-answers .section .question .choices.type-2 input[type=radio] + label:nth-of-type(5), .audit__form#audit-submit-answers .section .question .choices.type-12 input[type=radio] + label:nth-of-type(5) {
  background: #fff;
  border-color: #DC233A;
  color: #DC233A;
}
.audit__form#audit-submit-answers .section .question .choices.type-2 input[type=radio]:checked + label:nth-of-type(1), .audit__form#audit-submit-answers .section .question .choices.type-12 input[type=radio]:checked + label:nth-of-type(1) {
  background: #6CB221;
  border-color: #6CB221;
  color: #fff;
}
.audit__form#audit-submit-answers .section .question .choices.type-2 input[type=radio]:checked + label:nth-of-type(2), .audit__form#audit-submit-answers .section .question .choices.type-12 input[type=radio]:checked + label:nth-of-type(2) {
  background: #8DCA62;
  border-color: #8DCA62;
  color: #fff;
}
.audit__form#audit-submit-answers .section .question .choices.type-2 input[type=radio]:checked + label:nth-of-type(3), .audit__form#audit-submit-answers .section .question .choices.type-12 input[type=radio]:checked + label:nth-of-type(3) {
  background: #FBAB2D;
  border-color: #FBAB2D;
  color: #fff;
}
.audit__form#audit-submit-answers .section .question .choices.type-2 input[type=radio]:checked + label:nth-of-type(4), .audit__form#audit-submit-answers .section .question .choices.type-12 input[type=radio]:checked + label:nth-of-type(4) {
  background: #ec6734;
  border-color: #ec6734;
  color: #fff;
}
.audit__form#audit-submit-answers .section .question .choices.type-2 input[type=radio]:checked + label:nth-of-type(5), .audit__form#audit-submit-answers .section .question .choices.type-12 input[type=radio]:checked + label:nth-of-type(5) {
  background: #DC233A;
  border-color: #DC233A;
  color: #fff;
}
.audit__form#audit-submit-answers h1 {
  font-weight: normal;
  font-size: 22px;
  letter-spacing: 0.2px;
}
.audit__form#audit-submit-answers h2 {
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 0.2px;
  color: #111A27;
}
.audit__form .do-audit-section {
  margin: 15px 0;
}
.audit__form .holder-btn {
  justify-content: flex-end;
}
.audit__form .btn-border--blue {
  padding: 0;
  border: 0;
}
.audit__form .btn.disabled {
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .audit__form#audit-submit-answers .section .question .choices {
    display: block;
    width: 100%;
  }
  .audit__form#audit-submit-answers .section .question .choices input[type=radio] + label {
    margin: 10px 0;
    margin-right: 0;
    max-width: 100%;
  }
}

.organisations .theme-main-item label {
  font-size: 15px;
  font-weight: 300;
  color: #2B2826;
}
.organisations .layer-container {
  padding: 0;
  margin: 10px 0;
}
.organisations .layer-container .theme-child-item label {
  padding-left: 50px;
  font-size: 15px;
  font-weight: 300;
  color: #2B2826;
}
.organisations .layer-container .theme-child-item label:before {
  top: -4px;
}
.organisations .fa {
  font-size: 18px;
  color: #1db4cf;
}
.organisations .block-buttons {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .organisations .block-buttons {
    width: 100%;
  }
  .organisations .block-buttons button {
    width: 100%;
  }
  .organisations .block-buttons button + button {
    margin-top: 20px;
    margin-left: 0;
  }
}

#document-folder-rights-form .card-wrapper {
  padding-top: 12px;
}
#document-folder-rights-form .block-buttons {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  #document-folder-rights-form .block-buttons {
    width: 100%;
  }
  #document-folder-rights-form .block-buttons button {
    width: 100%;
  }
  #document-folder-rights-form .block-buttons button + button {
    margin-top: 20px;
    margin-left: 0;
  }
}

.themes__detail .card-title a {
  font-size: 16px;
  font-weight: 300;
  color: #1db4cf;
}
.themes__detail .themeTitleText {
  left: 20px;
}

.kpi__details .card-title p {
  margin-left: 10px;
}
.kpi__details .noPaddings {
  padding-right: 0;
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .kpi__details .block-item--title .btn {
    display: block;
    width: 100%;
    margin: 10px 0;
    text-align: center;
  }
}

.supportButton {
  position: fixed;
  display: block;
  z-index: 10;
  right: -1.4rem;
  top: 50%;
  transform: rotate(90deg);
  background: #122c42;
  color: #fff;
  padding: 0.3125rem 0.625rem;
  cursor: pointer;
}
.supportButton:hover {
  color: #fff;
}

.btn {
  padding: 0.625rem 1.25rem;
  border-radius: 0.375rem;
  display: inline-block;
  background: #122c42;
  border: 1px solid #122c42;
  color: #fff;
}
.btn:hover, .btn:focus, .btn:active {
  color: #122c42;
  border: 1px solid #122c42;
  background-color: white;
}
@media screen and (min-width: 768px) {
  .btn + .btn {
    margin-left: 1.25rem;
  }
}

.btn.disabled, .btn[disabled] {
  background-color: #B0ADAB;
  border-color: #B0ADAB;
  border-bottom: 2px solid #706E6B;
  cursor: not-allowed;
}
.btn.disabled:hover, .btn.disabled:active, .btn.disabled:focus, .btn[disabled]:hover, .btn[disabled]:active, .btn[disabled]:focus {
  background-color: #B0ADAB;
  border-color: #B0ADAB;
  border-bottom: 2px solid #706E6B;
}

.btn-link {
  border: none;
  background: transparent;
  color: #122c42;
}
.btn-link:hover {
  background: transparent;
  color: #122c42;
  border: none;
}
.btn-link.btn-primary {
  color: #4e8abe;
}
.btn-link.btn-secondary {
  color: #ee343f;
}
.btn-link.btn-tertiary {
  color: #dae4ed;
}
.btn-link.btn-reset {
  color: #000;
  text-decoration: underline;
}

.btn-blank.btn-primary {
  background-color: #122c42;
  border: 0.0625rem solid #122c42;
  color: white;
  font-family: "Muli", sans-serif;
  font-size: 0.8125rem;
  transition: background 300ms linear 0s;
}
.btn-blank.btn-primary:hover {
  background: #4e8abe;
  color: #fff;
}
.btn-blank.btn-secondary {
  border-color: #ee343f;
  color: #ee343f;
  background-color: transparent;
}
.btn-blank.btn-secondary:hover {
  background: #ee343f;
  color: #fff;
}
.btn-blank.btn-tertiary {
  border-color: #dae4ed;
  color: #dae4ed;
}
.btn-blank.btn-tertiary:hover {
  background: #dae4ed;
  color: #fff;
}
.btn-blank.btn-white {
  border-color: #fff;
  color: #fff;
}
.btn-blank.btn-white:hover {
  background: #fff;
  color: #000;
}

.btn-full {
  color: #fff;
}
.btn-full.btn-primary {
  background: #4e8abe;
}
.btn-full.btn-primary:hover, .btn-full.btn-primary:active, .btn-full.btn-primary:focus {
  background: #122c42;
  color: #fff;
}
.btn-full.btn-secondary {
  background: #ee343f;
}
.btn-full.btn-tertiary {
  background: #dae4ed;
}
.btn-full.btn-dark {
  background: #122c42;
}

.btn-sm {
  padding: 0.3125rem 0.625rem;
  font-size: 0.8rem;
}
.btn-sm + .btn {
  margin-left: 0.625rem;
}
.btn-sm i.fa {
  font-size: 0.8rem;
}

.btn-xsm {
  padding: 0.15625rem 0.46875rem;
}

.btn-filter {
  padding: 0;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 14px;
  color: #fff;
}
.btn-filter .filter-label {
  display: inline-block;
  font-size: 11px;
}
.btn-filter .svg-icon {
  margin-right: 10px;
}

.btn-filter:hover {
  color: white;
}

.btn-text,
.btn-load {
  font-size: 0.8125rem;
  line-height: 1rem;
}
.btn-text:hover, .btn-text:focus, .btn-text:active,
.btn-load:hover,
.btn-load:focus,
.btn-load:active {
  text-decoration: underline;
}

.btn-active-filter {
  padding: 0;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #fff;
  text-transform: uppercase;
  background-color: transparent;
  border: none;
}
.btn-active-filter img {
  padding-right: 0.375rem;
}
.btn-active-filter:hover, .btn-active-filter:active, .btn-active-filter:focus {
  color: #122c42;
  border: none;
  background-color: transparent;
}

.btn-auth {
  color: #fff;
  font-size: 0.875rem;
  line-height: 3.6875rem;
  padding: 0 0 0 1.5rem;
}

.btn-form-submit {
  font-size: 11px;
  letter-spacing: 0.92px;
  text-transform: uppercase;
  border-radius: 0;
  border: 1px solid #1db4cf;
  transition: background 300ms linear;
  color: white;
  border-bottom: 2px solid #16889d;
  background-color: #1db4cf;
}
.btn-form-submit:hover, .btn-form-submit:active, .btn-form-submit:focus {
  color: white;
  border: 1px solid #1db4cf;
  background-color: #1db4cf;
  border-bottom: 2px solid #16889d;
}

.filter-row .btn-form {
  height: 36px;
  font-size: 11px;
  letter-spacing: 0.92px;
  text-transform: uppercase;
  border-radius: 0;
  border: 0;
  transition: background 300ms linear;
  color: white;
  background-color: #16325C;
}
.filter-row .btn-form:hover, .filter-row .btn-form:active, .filter-row .btn-form:focus {
  color: #122c42;
  background: white;
  border: 0;
}

.btn-dark:hover, .btn-dark:focus, .btn-dark:active {
  color: #fff;
  background: #4e8abe;
}

.btn-light {
  font-size: 0.8125rem;
  line-height: 1rem;
  border: 0.0625rem solid #122c42;
  transition: background 300ms linear;
  color: #122c42;
  background-color: #fff;
}
.btn-light:hover, .btn-light:focus, .btn-light:active {
  color: #fff;
  background: #4e8abe;
}

.btn-cancel {
  font-size: 11px;
  letter-spacing: 0.92px;
  text-transform: uppercase;
  color: white;
  text-align: center;
  border-radius: 0;
  border: 1px solid #ee343f;
  background-color: #ee343f;
  border-bottom: 2px solid #ee343f;
}
.btn-cancel:hover, .btn-cancel:active, .btn-cancel:focus {
  color: white;
  border-radius: 0;
  border: 1px solid #ee343f;
  background-color: #ee343f;
  border-bottom: 2px solid #ee343f;
}

a.composed-button {
  border: 1px solid #dae4ed;
  margin-top: 0.625rem;
  display: block;
  border-radius: 4px;
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.1);
  background-color: #f6fafe;
  color: #122c42;
}
a.composed-button .inner {
  display: flex;
  flex-direction: row;
  align-items: center;
}
a.composed-button .icon, a.composed-button .middle, a.composed-button .right {
  display: flex;
  vertical-align: middle;
  padding: 0.625rem 1.25rem;
}
a.composed-button .icon + .middle {
  padding-left: 0;
}
a.composed-button .icon {
  font-size: 2rem;
  vertical-align: middle;
  text-shadow: 0 2px #fff;
}
a.composed-button .middle {
  flex-grow: 1;
}
a.composed-button .right {
  text-align: right;
}
a.composed-button .right i, a.composed-button .right span {
  display: inline-block;
  vertical-align: middle;
  line-height: 16px;
}
a.composed-button .right i {
  margin-right: 0.625rem;
}

.btn-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
  opacity: 0.3;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transform: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn-close:hover, .btn-close:active, .btn-close:focus {
  opacity: 1;
}
.btn-close:before, .btn-close:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 33px;
  width: 2px;
  background-color: #333;
}
.btn-close:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-close:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.badge-status {
  display: inline-block;
  padding: 0 9px;
  margin: 0 2px 1px;
  width: auto;
  height: 19px;
  font-size: 11px;
  line-height: 1.7;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  border-radius: 10px;
}
.badge-status.badge-status--6 {
  background-color: #fbab2d;
}
.badge-status.badge-status--5 {
  background-color: #DC233A;
}
.badge-status.badge-status--1 {
  background-color: #fbab2d;
}
.badge-status.badge-status--2 {
  background-color: #c6efce;
}
.badge-status.badge-status--3 {
  background-color: #c6efce;
}
.badge-status.badge-status--4 {
  background-color: #c6efce;
}

.btn-submit {
  padding: 5px 10px;
  background-color: #1db4cf;
  border: 1px solid #1db4cf;
  border-bottom: 2px solid #16889d;
  cursor: pointer;
  color: #fff;
  line-height: 2;
  text-align: center;
  text-transform: uppercase;
}
.btn-submit:hover, .btn-submit:active, .btn-submit:focus {
  background-color: #1db4cf;
  border: 1px solid #1db4cf;
  border-bottom: 2px solid #16889d;
}

.btn-border--blue {
  display: inline-block;
  padding: 5px 13px;
  width: auto;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 1.2;
  color: #1db4cf;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #1db4cf;
  border-radius: 0;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transform: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.btn-border--blue .svg-icon {
  margin-right: 7px;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}
.btn-border--blue .svg-icon path {
  fill: #1db4cf;
}
.btn-border--blue:hover, .btn-border--blue:active, .btn-border--blue:focus {
  color: #16325c;
  border-color: #16325c;
  text-decoration: none;
}
.btn-border--blue:hover .svg-icon, .btn-border--blue:active .svg-icon, .btn-border--blue:focus .svg-icon {
  filter: brightness(0);
}

.upload-file .btn-file {
  width: 100%;
  padding: 5px 10px;
  max-width: 152px;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 1.2;
  color: #1FB4CF;
  text-align: center;
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid #1FB4CF;
  outline: 0;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .holder-buttons {
    display: block;
  }
  .holder-buttons button {
    width: 100%;
  }
  .holder-buttons button ~ .btn {
    margin-top: 20px;
    margin-left: 0;
  }
}

.btn-back, .btn-back:hover {
  display: inline-block;
  padding: 5px 10px;
  min-width: 165px;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 22px;
  color: #1db4cf;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #1db4cf;
  border-radius: 0;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  margin-top: 20px;
}

.chart-legend,
.bar-legend,
.line-legend,
.pie-legend,
.radar-legend,
.polararea-legend,
.doughnut-legend {
  list-style-type: none;
  margin-top: 5px;
  text-align: center;
  /* NOTE: Browsers automatically add 40px of padding-left to all lists, so we should offset that, otherwise the legend is off-center */
  -webkit-padding-start: 0; /* Webkit */
  -moz-padding-start: 0; /* Mozilla */
  padding-left: 0; /* IE (handles all cases, really, but we should also include the vendor-specific properties just to be safe) */
}
.chart-legend li,
.bar-legend li,
.line-legend li,
.pie-legend li,
.radar-legend li,
.polararea-legend li,
.doughnut-legend li {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  margin-bottom: 4px;
  border-radius: 5px;
  padding: 2px 8px 2px 28px;
  font-size: smaller;
  cursor: default;
}
.chart-legend li span,
.bar-legend li span,
.line-legend li span,
.pie-legend li span,
.radar-legend li span,
.polararea-legend li span,
.doughnut-legend li span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

.legend {
  border: 0.0625rem solid #dae4ed;
  border-radius: 0.5rem;
  padding: 1.25rem;
}

.chart-legend {
  line-height: 1;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.chart-legend .columns {
  cursor: pointer;
}
.chart-legend .columns .indicator {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
  border-radius: 0.25rem;
  cursor: pointer;
}
.chart-legend .columns .label {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  background: transparent;
  color: #122c42;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.0625rem;
}
.chart-legend .columns .label:first-letter {
  text-transform: uppercase;
}
.chart-legend .columns.inactive .indicator {
  position: relative;
}
.chart-legend .columns.inactive .indicator:before {
  content: "x";
  position: absolute;
  z-index: 3;
  left: 0.25rem;
  top: 0.0625rem;
  font-family: "Open Sans", sans-serif;
  font-size: 0.75rem;
  color: #fff;
}

canvas.chart {
  width: 100%;
  height: 300px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.chart-section {
  margin-top: 2.5rem;
  padding: 1.875rem 1.25rem;
  border: 0.0625rem solid #dae4ed;
  background: #fff;
  box-shadow: 0 -1px 6px 0 rgba(175, 173, 171, 0.7);
  border-radius: 4px;
}
.chart-section > .columns {
  display: block;
}
.chart-section .chart-header {
  margin: 0 -1.875rem;
  border-bottom: 1px solid #dae4ed;
  padding: 20px 28px;
  margin-bottom: 1.875rem;
}
.chart-section .chart-header .block-title {
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 0.2px;
}
.chart-section.with-header {
  padding-top: 0;
}
.chart-section.map {
  padding: 0;
}
.chart-section.map > .columns {
  padding: 0;
}
.chart-section.map .chart-header {
  margin: 0;
}
.chart-section.map #location-map {
  width: 100%;
  height: 470px;
}

.gm-style-iw-c {
  border-radius: 3px;
  border: 1px solid #21B3CF;
  box-shadow: 0 -4px 6px 0 rgba(0, 0, 0, 0.3);
}

.gm-style-iw-t::after {
  border-left: 1px solid #21B3CF;
  border-bottom: 1px solid #21B3CF;
}

.gmaps-infobox {
  padding: 8px 0;
  max-width: 256px;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.5px;
}
.gmaps-infobox .row {
  margin-left: 0;
  margin-right: 0;
}
.gmaps-infobox .row .kpi-score {
  font-size: 75%;
  padding-top: 4px;
}
.gmaps-infobox .row .kpi-score img.indicator {
  width: 36px;
}
.gmaps-infobox .row .kpi-score .progress-circle .score-text span {
  top: 0;
  position: relative;
  left: 3px;
}
.gmaps-infobox .row .kpi-score .progress-circle .score-text sup {
  top: -9px;
  right: 4px;
}

.stoplights {
  width: 100%;
}
.stoplights th {
  text-align: left;
}

.stoplight {
  width: 1.625rem;
  height: 1.625rem;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px;
}
.stoplight.small {
  width: 1.5rem;
  height: 1.5rem;
}
.stoplight.green {
  background-image: url("/dist/img/icon/indicator_good@2x.png");
}
.stoplight.yellow {
  background-image: url("/dist/img/icon/indicator_oke@2x.jpg");
}
.stoplight.red {
  background-image: url("/dist/img/icon/indicator_bad@2x.jpg");
}
.stoplight.no-score {
  float: none;
  opacity: 0.5;
}

.stop-lights-container {
  display: inline-block;
  width: 100%;
  max-width: 200px;
}
.stop-lights-container.no-score {
  float: none;
  background: #efefef;
  border-radius: 0;
  border: none;
}
.stop-lights-container .stoplight {
  margin: 0;
  height: 18px;
  font-size: 10px;
  font-weight: 500;
  line-height: 2;
  text-align: center;
}
.stop-lights-container .stoplight.green {
  background: #6CB221;
}
.stop-lights-container .stoplight.yellow {
  background: #FBAB2D;
}
.stop-lights-container .stoplight.red {
  background: #DC233A;
}

.theme-children .stoplight {
  border-color: #f9f9fa;
}

.main-footer {
  padding: 0.625rem 1.25rem;
  background: #fff;
}
.main-footer .row {
  justify-content: flex-end;
}
.main-footer a {
  background-color: #1db4cf;
  padding: 0 5px;
  margin-bottom: 6px;
}
.main-footer .footer-right-content {
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 0.16px;
  color: #706E6B;
}
.main-footer .footer-right-content p:first-of-type {
  margin-bottom: 0;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .main-footer .footer-right-content {
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  .main-footer a {
    width: 100%;
  }
}

.partner-logo path {
  fill: #122c42;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transform: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.partner-logo:hover path {
  fill: #4e8abe;
}

#feedbackTrigger {
  position: fixed;
  display: block;
  z-index: 10;
  right: -1.75rem;
  top: 50%;
  transform: rotate(90deg);
  background: #122c42;
  color: #fff;
  padding: 0.3125rem 0.625rem;
  cursor: pointer;
}

[type=text],
[type=email],
[type=search],
[type=radio],
[type=checkbox],
[type=number],
textarea,
select {
  margin: 0;
  border-radius: 4px;
  border: 1px solid rgba(175, 173, 171, 0.7);
  outline: 0;
}
[type=text]:hover, [type=text]:active, [type=text]:focus,
[type=email]:hover,
[type=email]:active,
[type=email]:focus,
[type=search]:hover,
[type=search]:active,
[type=search]:focus,
[type=radio]:hover,
[type=radio]:active,
[type=radio]:focus,
[type=checkbox]:hover,
[type=checkbox]:active,
[type=checkbox]:focus,
[type=number]:hover,
[type=number]:active,
[type=number]:focus,
textarea:hover,
textarea:active,
textarea:focus,
select:hover,
select:active,
select:focus {
  outline: none;
}

select {
  background: url("/dist/img/icon/arrow-down-blue.svg") no-repeat 98% center;
}

input[type=datetime] {
  background: url("/dist/img/icon/calendar.svg") no-repeat 98%;
  background-size: 15px;
  border-radius: 4px;
}

.pointer {
  cursor: pointer;
}

.check-toggle label {
  font-size: 0;
  background: #fff;
  border: 0.0625rem solid #4e8abe;
  border-radius: 0.1875rem;
  float: left;
  width: 1.0625rem;
  height: 1.0625rem;
}
.check-toggle input {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
}
.check-toggle input:checked + label {
  background: url("/dist/img/checked.png") center center no-repeat;
  border-color: transparent;
}

fieldset {
  width: 100%;
}

div.edit-and-create-heading {
  padding-top: 0 !important;
}

div.create-or-edit-kpiform {
  padding: 1.4rem;
  background-color: #fff;
}

textarea#create-kpi-helptext {
  font-size: 0.8rem !important;
  min-height: 30px;
  margin: 0 !important;
  box-shadow: none !important;
  border: none !important;
  transition: none !important;
}

select#create_kpi_organisationAccesses {
  max-width: 35rem;
  width: 35rem;
  min-height: 120px;
}

.backgroundWhite {
  background: #fff !important;
}

.themeTitleText {
  position: relative;
  left: 0.4rem;
  top: 0.2rem;
}

.form-errors {
  font-size: 0.875rem;
  background: #ffe6e6;
  border-color: #ff9999;
}
.form-errors ul, .form-errors li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.table-list .form-errors {
  border: 1px solid #ff9999;
  padding: 1.25rem 1.875rem;
}

.holder-filter-options {
  display: flex;
}
.holder-filter-options label {
  display: inline-block;
  font-size: 12px;
  font-weight: inherit;
  letter-spacing: 1px;
  color: #DC233A;
  text-transform: uppercase;
}
.holder-filter-options label img {
  width: 20px;
}
.holder-filter-options .switch {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  color: #AFAEAC;
}
.holder-filter-options .switch input:checked + .switch-slider {
  background-color: #DC233A;
}
.holder-filter-options .switch input:checked + .switch-slider:before {
  -webkit-transform: translateX(23px);
  -moz-transform: translateX(23px);
  -ms-transform: translateX(23px);
  -o-transform: translateX(23px);
  transform: translateX(23px);
}
.holder-filter-options .filter-input-option {
  opacity: 0;
  width: 0;
  height: 0;
}
.holder-filter-options .switch-slider {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 40px;
  height: 18px;
  background-color: #B0ADAB;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transform: 0.4s;
  transition: 0.4s;
}
.holder-filter-options .switch-slider:before {
  position: absolute;
  content: "";
  left: 2px;
  height: 13px;
  width: 13px;
  bottom: 3px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transform: 0.4s;
  transition: 0.4s;
}
.holder-filter-options .switch-slider.round {
  border-radius: 34px;
  margin: 0 5px;
}
.holder-filter-options .switch-slider.round:before {
  border-radius: 50%;
}
.holder-filter-options .switch-slider.selected-urgent {
  background-color: #DC233A;
}
.holder-filter-options .switch-slider.selected-urgent:before {
  content: "";
  -webkit-transform: translateX(23px);
  -moz-transform: translateX(23px);
  -ms-transform: translateX(23px);
  -o-transform: translateX(23px);
  transform: translateX(23px);
}

.location-list, .region-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 6px;
}
.location-list .location-item, .location-list .region-item, .region-list .location-item, .region-list .region-item {
  height: 30px;
  padding-right: 15px;
  margin-bottom: 15px;
}
.location-list .location-item label, .location-list .region-item label, .region-list .location-item label, .region-list .region-item label {
  padding: 0 20px;
  margin-bottom: 0;
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
  color: #B0ADAB;
  text-transform: uppercase;
}

input.user-location-checkbox + label, input.user-region-checkbox + label {
  width: 100%;
  height: 100%;
  border: 1px solid #B0ADAB;
  vertical-align: middle;
  cursor: pointer;
}
input.user-location-checkbox:checked + label, input.user-region-checkbox:checked + label {
  border: 1px solid #1db4cf;
  color: #1db4cf;
}

.custom-checkbox--input {
  display: none;
}

.custom-checkbox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #1db4cf;
  cursor: pointer;
}
.custom-checkbox:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("/dist/img/icon/checkbox-check.svg") no-repeat center;
  background-size: 13px;
  opacity: 0;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.custom-checkbox--input:checked ~ .custom-checkbox:before {
  opacity: 1;
}

#organisationLocations .custom-checkbox,
.organisations .custom-checkbox {
  margin-left: 0;
  width: 18px;
  height: 18px;
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.input-group [date-picker] {
  border-radius: 0;
}

.pika-single {
  z-index: 9999;
  display: block;
  margin-top: 12px;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
}
.pika-single:before {
  position: absolute;
  top: -7px;
  left: 50%;
  z-index: -1;
  width: 24px;
  height: 24px;
  background-color: #fff;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.29);
  transform: translateX(-50%) rotate(45deg);
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}

.pika-single:after {
  clear: both;
}

.pika-single {
  *zoom: 1;
}

.pika-single.is-hidden {
  display: none;
}

.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.29);
}

.pika-lendar {
  float: left;
  width: 312px;
  padding: 5px;
  background: #fff;
}

.pika-title {
  position: relative;
  padding: 0 10px;
  text-align: center;
}

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 16px;
  color: #212B36;
  text-align: center;
  background-color: #fff;
}

.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
  *position: absolute;
  *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("/dist/img/icon/arrow-left-cal.svg");
  *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("/dist/img/icon/arrow-right-cal.svg");
  *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}

.pika-select {
  display: inline-block;
  *display: inline;
}

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}

.pika-table th,
.pika-table td {
  padding: 0;
}

.pika-table th {
  color: #B1ADAB;
  font-size: 12px;
  line-height: 25px;
  text-align: center;
}

.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 12px 4px;
  color: #AFADAB;
  font-size: 14px;
  text-align: center;
  background: #fff;
}

.pika-week {
  font-size: 11px;
  color: #999;
}

.is-today .pika-button {
  color: #2B2826;
  background-color: #62D5E9;
}

.is-selected .pika-button {
  color: #AFADAB;
  background: #fff;
}

.is-inrange .pika-button {
  background: #D5E9F7;
}

.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px;
}

.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px;
}

.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: 0.3;
}

.pika-button:hover {
  color: #2B2826;
  background: #62D5E9;
  box-shadow: none;
}

/* styling for abbr */
.pika-table abbr {
  font-weight: normal;
  font-size: 12px;
  color: #B1ADAB;
  text-align: center;
  text-decoration: none;
  border-bottom: none;
  cursor: help;
}

.pika-table {
  margin-bottom: 0;
}
.pika-table thead,
.pika-table tbody,
.pika-table tfoot {
  border: 0;
}
.pika-table tbody tr:nth-child(even) {
  background-color: #fff;
}
.pika-table td {
  border: 1px solid #DDDBDA;
}

.select2-container.filter {
  font-size: 0.75rem;
  font-family: "Open Sans", sans-serif;
}
.select2-container.filter .select2-selection--multiple {
  border-radius: 0;
}
.select2-container.filter .select2-selection--multiple {
  height: 32px;
  margin-bottom: 3px;
}
.select2-container.filter .select2-dropdown {
  margin-top: -3px;
}
.select2-container.filter .select2-search__field {
  height: 32px;
  margin-top: 0;
}
.select2-container.filter .select2-search__field::placeholder {
  color: #000;
}

/**
 * selectize.default.css (v0.8.5) - Default Theme
 * Copyright (c) 2013 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  visibility: visible !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
  box-shadow: inset 0 0 12px 4px #ffffff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  background: #f8f8f8;
  border-bottom: 1px solid #d0d0d0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -12px;
  font-size: 20px !important;
  line-height: 20px;
  color: #303030;
  opacity: 0.4;
}

.selectize-dropdown-header-close:hover {
  color: #000000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  float: left;
  border-top: 0 none;
  border-right: 1px solid #f2f2f2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 17px;
  padding: 2px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  color: inherit;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border-left: 1px solid #0073bb;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #00578d;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #aaaaaa;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  font-family: inherit;
  font-size: 13px;
  -webkit-font-smoothing: inherit;
  line-height: 18px;
  color: #303030;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  display: inline-block;
  cursor: text;
  background: #ffffff;
}

.selectize-input {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  padding: 8px 8px;
  overflow: hidden;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 5px 8px 2px;
}

.selectize-input.full {
  background-color: #ffffff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-input > * {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  vertical-align: baseline;
  zoom: 1;
}

.selectize-control.multi .selectize-input > div {
  padding: 2px 6px;
  margin: 0 3px 3px 0;
  color: #ffffff;
  cursor: pointer;
  background: #1da7ee;
  border: 1px solid #0073bb;
}

.selectize-control.multi .selectize-input > div.active {
  color: #ffffff;
  background: #92c836;
  border: 1px solid #00578d;
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #ffffff;
  background: #d2d2d2;
  border: 1px solid #aaaaaa;
}

.selectize-input > input {
  max-width: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 1px !important;
  line-height: inherit !important;
  text-indent: 0 !important;
  background: none !important;
  border: 0 none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-user-select: auto !important;
}

.selectize-input > input:focus {
  outline: none !important;
}

.selectize-input::after {
  display: block;
  clear: left;
  content: " ";
}

.selectize-input.dropdown-active::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1px;
  background: #f0f0f0;
  content: " ";
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  margin: -1px 0 0 0;
  background: #ffffff;
  border: 1px solid #d0d0d0;
  border-top: 0 none;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-dropdown [data-selectable] {
  overflow: hidden;
  cursor: pointer;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #303030;
  cursor: default;
  background: #ffffff;
}

.selectize-dropdown .active {
  color: #495c68;
  background-color: #f5fafd;
}

.selectize-dropdown .active.create {
  color: #495c68;
}

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown-content {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}

.selectize-control.single .selectize-input:after {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  width: 0;
  height: 0;
  margin-top: -3px;
  border-color: #808080 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  content: " ";
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-color: transparent transparent #808080 transparent;
  border-width: 0 5px 5px 5px;
}

.selectize-control.rtl.single .selectize-input:after {
  right: auto;
  left: 15px;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  background-color: #fafafa;
  opacity: 0.5;
}

.selectize-control.multi .selectize-input.has-items {
  padding-right: 5px;
  padding-left: 5px;
}

.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #999;
  text-shadow: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.selectize-control.multi .selectize-input.disabled [data-value],
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  border-color: #e6e6e6;
}

.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  background: none;
}

.selectize-control.multi .selectize-input [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  background-color: #1b9dec;
  background-image: -moz-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9));
  background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -o-linear-gradient(top, #1da7ee, #178ee9);
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff1da7ee", endColorstr="#ff178ee9", GradientType=0);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
}

.selectize-control.multi .selectize-input [data-value].active {
  background-color: #0085d4;
  background-image: -moz-linear-gradient(top, #008fd8, #0075cf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf));
  background-image: -webkit-linear-gradient(top, #008fd8, #0075cf);
  background-image: -o-linear-gradient(top, #008fd8, #0075cf);
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff008fd8", endColorstr="#ff0075cf", GradientType=0);
}

.selectize-control.single .selectize-input {
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffefefe", endColorstr="#fff2f2f2", GradientType=0);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: #b8b8b8;
}

.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-size: 0.85em;
  font-weight: bold;
}

.selectize-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}

.selectize-dropdown .optgroup:first-child {
  border-top: 0 none;
}

/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.14.8 - 2016-02-18T22:01:43.880Z
 * License: MIT
 */
/* Style when highlighting a search. */
.ui-select-highlight {
  font-weight: bold;
}

.ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

.ui-select-choices-row:hover {
  background-color: #f5f5f5;
}

/* Select2 theme */
/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
  border-color: #D44950;
}

.select2-result-single {
  padding-left: 0;
}

.select2-locked > .select2-search-choice-close {
  display: none;
}

.select-locked > .ui-select-match-close {
  display: none;
}

body > .select2-container.open {
  z-index: 9999; /* The z-index Select2 applies to the select2-drop */
}

/* Handle up direction Select2 */
.ui-select-container[theme=select2].direction-up .ui-select-match {
  border-radius: 4px; /* FIXME hardcoded value :-/ */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ui-select-container[theme=select2].direction-up .ui-select-dropdown {
  border-radius: 4px; /* FIXME hardcoded value :-/ */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-width: 1px; /* FIXME hardcoded value :-/ */
  border-top-style: solid;
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
  margin-top: -4px; /* FIXME hardcoded value :-/ */
}

.ui-select-container[theme=select2].direction-up .ui-select-dropdown .select2-search {
  margin-top: 4px; /* FIXME hardcoded value :-/ */
}

.ui-select-container[theme=select2].direction-up.select2-dropdown-open .ui-select-match {
  border-bottom-color: #5897fb;
}

/* Selectize theme */
/* Helper class to show styles when focus */
.selectize-input.selectize-focus {
  border-color: #007FBB !important;
}

/* Fix input width for Selectize theme */
.selectize-control > .selectize-input > input {
  width: 100%;
}

/* Fix dropdown width for Selectize theme */
.selectize-control > .selectize-dropdown {
  width: 100%;
}

/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
  border-color: #D44950;
}

/* Handle up direction Selectize */
.ui-select-container[theme=selectize].direction-up .ui-select-dropdown {
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
  margin-top: -2px; /* FIXME hardcoded value :-/ */
}

/* Bootstrap theme */
/* Helper class to show styles when focus */
.btn-default-focus {
  color: #333;
  background-color: #EBEBEB;
  border-color: #ADADAD;
  text-decoration: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ui-select-bootstrap .ui-select-toggle {
  position: relative;
}

.ui-select-bootstrap .ui-select-toggle > .caret {
  position: absolute;
  height: 10px;
  top: 50%;
  right: 10px;
  margin-top: -2px;
}

/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
  /* Instead of relative */
  position: static;
}

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
  border-radius: 4px; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
  border-radius: 4px !important; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.ui-select-bootstrap > .ui-select-match > .btn {
  /* Instead of center because of .btn */
  text-align: left !important;
}

.ui-select-bootstrap > .ui-select-match > .caret {
  position: absolute;
  top: 45%;
  right: 15px;
}

/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
  margin-top: -1px;
  position: absolute;
  background: #fff;
  z-index: 999;
  margin-left: 0;
  margin-bottom: 0;
}

body > .ui-select-bootstrap.open {
  z-index: 1000; /* Standard Bootstrap dropdown z-index */
}

.ui-select-multiple.ui-select-bootstrap {
  height: auto;
  padding: 0;
  position: relative;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search,
.timeline-filter [date-picker] {
  text-transform: lowercase !important;
  background-color: #fff !important; /* To prevent double background when disabled */
  border: 1px solid #C4CDD5;
  box-shadow: none;
  outline: none;
  width: 100%;
  height: 36px;
  padding: 10px;
  border-radius: 3px;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 1.2;
  color: #111A27;
}

.timeline-filter [date-picker] {
  background: url("/dist/img/icon/calendar.svg") no-repeat 96%;
  background-size: 20px;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 11px;
  line-height: 1;
  cursor: pointer;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  outline: 0;
  margin: 6px 6px 0 0;
  display: inline-block;
  padding: 3px 6px;
  border-radius: 0;
  font-size: 0.6875rem;
  background: #ccc;
  color: #000;
  display: none;
  border: none;
}

.ui-select-multiple .ui-select-match-item {
  position: relative;
  background: #4e8abe;
  color: #fff;
}

.ui-select-multiple .ui-select-match-item.dropping-before:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  margin-right: 2px;
  border-left: 1px solid #428bca;
}

.ui-select-multiple .ui-select-match-item.dropping-after:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  margin-left: 2px;
  border-right: 1px solid #428bca;
}

.ui-select-bootstrap .ui-select-choices-row > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  white-space: nowrap;
  font-size: 0.75rem;
  color: #162e45;
  font-family: "Roboto", sans-serif;
}

.ui-select-bootstrap .ui-select-choices-row > a:hover, .ui-select-bootstrap .ui-select-choices-row > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.ui-select-bootstrap .ui-select-choices-row.active > a {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}

.ui-select-bootstrap .ui-select-choices-row.disabled > a,
.ui-select-bootstrap .ui-select-choices-row.active.disabled > a {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}

/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
  display: none !important;
}

/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
  border-color: #D44950;
}

/* Handle up direction Bootstrap */
.ui-select-container[theme=bootstrap].direction-up .ui-select-dropdown {
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
}

.holder-pagination {
  display: flex;
  align-items: center;
}
.holder-pagination .pagination-label {
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 14px;
  text-transform: uppercase;
  color: #AFAEAC;
}
.holder-pagination .nav-pagination {
  margin: 0;
  margin-left: 15px;
  list-style: none;
}
.holder-pagination .nav-pagination li {
  display: inline-block;
}
.holder-pagination .nav-pagination li a {
  padding: 2px 7px;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 14px;
  text-transform: uppercase;
  color: #AFAEAC;
  text-align: center;
  border: 1px solid transparent;
}
.holder-pagination .nav-pagination li.active a {
  border: 1px solid #1db4cf;
}
@media screen and (max-width: 767px) {
  .holder-pagination {
    margin-top: 10px;
    width: 100%;
    justify-content: space-between;
  }
}

.main-header {
  width: 100%;
  z-index: 22;
}
.main-header .top-header {
  background: #fff;
}
.main-header .top-header > .row {
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding: 18px 0;
}
.main-header .top-header .left-content {
  display: flex;
  align-items: center;
}
.main-header .top-header .holder-form {
  position: relative;
  margin-right: auto;
  margin-left: 60px;
  width: 100%;
}
.main-header .top-header .holder-form.with-org-image .img-organisation {
  position: absolute;
  width: 84px;
  height: 60px;
  top: -15px;
  display: flex;
}
.main-header .top-header .holder-form.with-org-image .img-organisation img {
  display: block;
  margin: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
}
.main-header .top-header .holder-form.with-org-image form {
  padding-left: 84px;
}
@media screen and (max-width: 767px) {
  .main-header .top-header .holder-form.with-org-image form {
    padding-left: 10px;
  }
}
.main-header .top-header .holder-form form {
  display: inline-block;
}
.main-header .main-logo path {
  fill: #fff;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transform: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.main-header .main-logo:hover path {
  fill: #000;
}
.main-header .locale-holder {
  margin-right: 10px;
}
.main-header .locale-holder ul {
  margin: 0;
  list-style: none;
}
.main-header .locale-holder ul li {
  display: inline-block;
  margin: 0 5px;
}
.main-header .profile-menu {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #706e6b;
}
.main-header .profile-menu .profile-details {
  margin-right: 10px;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 14px;
  text-transform: uppercase;
}
.main-header .profile-menu .profile-details p {
  font-size: 12px;
}
.main-header .profile-menu:hover, .main-header .profile-menu.open {
  color: #1db4cf;
}
.main-header .profile-menu:hover .profile-pic-wrapper.round, .main-header .profile-menu.open .profile-pic-wrapper.round {
  border: 3px solid #1db4cf;
}
.main-header .main-profile {
  position: relative;
}
.main-header .main-profile.open .holder-account-menu {
  display: flex;
  color: #1db4cf;
}
.main-header .main-profile.open .profile-menu {
  color: #1db4cf;
}
.main-header .main-profile.open .profile-pic-wrapper.round {
  border: 3px solid #1db4cf;
}
.main-header .main-profile .profile-pic-wrapper.round {
  border: 3px solid transparent;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.main-header .main-profile .profile-pic-wrapper.round img {
  border-radius: 100%;
}
.main-header .main-profile .holder-account-menu {
  position: absolute;
  top: 152%;
  z-index: 99;
  display: none;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 5px 5px 0;
  margin-left: 50%;
  width: 234px;
  background: #fff;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.29);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.29);
  -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.29);
  -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.29);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.29);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.main-header .main-profile .holder-account-menu:before, .main-header .main-profile .holder-account-menu:after {
  content: "";
  position: absolute;
  background-color: #fff;
}
.main-header .main-profile .holder-account-menu:before {
  top: -4px;
  left: 50%;
  width: 7px;
  height: 7px;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.29);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.29);
  -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.29);
  -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.29);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.29);
  -webkit-transform: translateX(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  -o-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
}
.main-header .main-profile .holder-account-menu:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-header .main-profile .holder-account-menu a {
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  width: 110px;
  height: 110px;
  font-size: 10px;
  color: #fff;
  text-decoration: none;
  background-color: #1db4cf;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transform: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.main-header .main-profile .holder-account-menu a:hover .overlay, .main-header .main-profile .holder-account-menu a:active .overlay, .main-header .main-profile .holder-account-menu a:focus .overlay {
  opacity: 0;
}
.main-header .main-profile .holder-account-menu .profile-pic {
  position: relative;
  overflow: hidden;
  background-color: #000;
}
.main-header .main-profile .holder-account-menu .profile-pic img {
  width: 100%;
}
.main-header .main-profile .holder-account-menu .overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(29, 180, 207, 0.5);
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transform: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.main-header .main-profile svg path {
  fill: #fff;
}
.main-header .main-profile .profile-pic {
  position: relative;
}
.main-header .navbar {
  background-color: #16325C;
}
.main-header .navbar.open:after {
  content: "";
  position: absolute;
  top: 100%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: #1db4cf;
  border-bottom: 1px solid #dddbda;
}
.main-header .navbar ul li a {
  font-size: 14px;
  letter-spacing: 0.44px;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  white-space: nowrap;
}
.main-header .navbar .parent {
  padding: 15px 0;
  position: relative;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.main-header .navbar .nav-dropdown > a {
  position: relative;
}
.main-header .navbar .nav-dropdown > a:after {
  content: "";
  position: absolute;
  right: 0;
  width: 10px;
  height: 10px;
  border-color: #fff;
  border-style: solid;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.main-header .navbar .nav-dropdown .menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 66px;
  overflow: hidden;
  flex-wrap: wrap;
  opacity: 0;
  visibility: hidden;
}
.main-header .navbar .nav-dropdown .menu li {
  flex: 0 0 auto;
}
.main-header .navbar .nav-dropdown.active a:before {
  content: "";
  position: absolute;
  top: 101%;
  left: 50%;
  border: 7px solid transparent;
  border-bottom-color: #1db4cf;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.main-header .navbar .nav-dropdown.active a:after {
  top: 15px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.main-header .navbar .nav-dropdown.active .menu {
  display: flex;
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width: 1200px) {
  .main-header .top-header {
    padding: 0 165px;
  }
  .main-header .top-header .left-content {
    margin-left: -147px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .main-header .navbar > .row {
    max-width: 1108px;
    margin: 0 auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .main-header .navbar > .row {
    max-width: 945px;
    margin: 0 auto;
  }
  .main-header .navbar ul li a {
    font-size: 12px;
  }
  .main-header .navbar .nav-dropdown > a:after {
    top: 10px;
    width: 9px;
    height: 9px;
  }
}
@media screen and (min-width: 992px) {
  .main-header .navbar.open {
    margin-bottom: 66px;
  }
}
@media screen and (min-width: 768px) {
  .main-header .top-header > .row {
    border-left: 1px solid #ECEBEA;
  }
  .main-header .navbar .parent li:first-child a {
    padding-left: 0;
  }
}
@media screen and (max-width: 1199px) {
  .main-header .top-header > .row {
    border-left: 0;
  }
  .main-header .left-content {
    margin-left: 0;
  }
  .main-header .left-content .hide-for-large {
    display: none;
  }
  .main-header .main-logo {
    padding-left: 0;
  }
  .main-header .main-profile.open .holder-account-menu {
    -webkit-transform: translateX(-85%);
    -moz-transform: translateX(-85%);
    -ms-transform: translateX(-85%);
    -o-transform: translateX(-85%);
    transform: translateX(-85%);
  }
  .main-header .header-nav nav {
    padding: 0;
  }
}
@media screen and (max-width: 991px) {
  .main-header .main-profile .holder-account-menu {
    margin-left: 17%;
  }
  .main-header .main-profile.open .holder-account-menu:before {
    left: 90%;
  }
  .main-header .top-header .holder-user {
    padding-right: 0.625rem;
  }
  .main-header .navbar ul > li {
    flex: 1;
    width: 100%;
    border-bottom: 1px solid #dddbda;
  }
  .main-header .navbar ul > li:last-child {
    border-bottom: 0;
  }
  .main-header .navbar ul > li a {
    padding-left: 0;
    padding-right: 0;
    color: #16325C;
  }
  .main-header .navbar.open:after {
    display: none;
  }
  .main-header .navbar .parent {
    padding: 15px 12px;
  }
  .main-header .navbar .nav-dropdown > a:after {
    right: 0;
    border-color: #16325C;
  }
  .main-header .navbar .nav-dropdown.active a:before {
    display: none;
  }
  .main-header .navbar .nav-dropdown.active .menu {
    position: relative;
    display: block;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .main-header .top-header .holder-form {
    margin-top: 10px;
    margin-left: 0;
  }
  .main-header .top-header .holder-form form {
    width: 100%;
  }
}

.select2-container.org-switcher {
  margin-bottom: 0;
}
.select2-container.org-switcher.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: #706E6B;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.select2-container.org-switcher .select2-selection--single {
  border: 0;
}
.select2-container.org-switcher .select2-selection--single .select2-selection__rendered {
  line-height: inherit;
}
.select2-container.org-switcher .select2-selection--single .select2-selection__arrow b {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-color: #706E6B;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.select2-container.org-switcher .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 10px;
  right: 0;
  width: auto;
  height: auto;
}
.select2-container.org-switcher .select2-dropdown {
  padding: 20px 0;
  top: 34px;
  width: 410px !important;
  left: -106px !important;
  border-radius: 0;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.29);
}
.select2-container.org-switcher .select2-dropdown .select2-search {
  padding: 0 15px;
  border-bottom: 1px solid #ECEBEA;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.select2-container.org-switcher .select2-dropdown .select2-search .select2-search__field {
  padding: 0 15px;
  background: url("/dist/img/icon/search-blue.svg") no-repeat 98% center;
  border: 1px solid #C4CDD5;
  border-radius: 3px;
}
.select2-container.org-switcher .select2-dropdown .select2-results {
  padding: 0 15px;
}
.select2-container.org-switcher .select2-dropdown .select2-results__options::-webkit-scrollbar {
  width: 8px;
  background-color: #F3F2F2;
  border: 1px solid #ECEBEA;
}
.select2-container.org-switcher .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
  height: 116px;
  background: #1db4cf;
  border-radius: 4px;
}
.select2-container.org-switcher .select2-dropdown .select2-results__options li {
  font-size: 15px;
  letter-spacing: 0.2px;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .select2-container.org-switcher .select2-dropdown {
    top: 27px;
    right: 0;
    left: 0 !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 767px) {
  .select2-container.org-switcher {
    width: 100% !important;
    left: 0 !important;
  }
  .select2-container.org-switcher .select2-selection--single .select2-selection__arrow {
    right: 28px;
  }
}

@media screen and (max-width: 767px) {
  .select2-container--default.org-switcher.select2-container--open.select2-container--below .select2-selection--single,
  .select2-container--default.org-switcher.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
}
.navbar {
  position: relative;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 1095px;
  width: 100%;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.collapse {
  display: none;
}
.collapse.show {
  display: block;
}

@media screen and (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
}
@media screen and (max-width: 991px) {
  .navbar-toggler {
    display: flex;
    justify-content: space-between;
    width: 33px;
    height: 33px;
    margin: 20px 0;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transform: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
  }
  .navbar-toggler span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transform: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }
  .navbar-toggler span:nth-child(1) {
    top: 7px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  .navbar-toggler span:nth-child(2) {
    top: 17px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  .navbar-toggler span:nth-child(3) {
    top: 28px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  .navbar-toggler.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 2px;
    left: 12px;
  }
  .navbar-toggler.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
  }
  .navbar-toggler.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 26px;
    left: 12px;
  }
  .navbar .navbar-toggler {
    padding: 20px 12px;
    font-size: 18px;
    color: #fff;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transform: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .navbar .navbar-nav {
    align-items: flex-start;
    background: #fff;
  }
}
.off-canvas.position-left {
  bottom: 0;
  overflow-y: auto;
}

.off-canvas-header,
.off-canvas-body,
.off-canvas-footer {
  position: absolute;
  left: 0;
  width: 100%;
}

.off-canvas-header {
  top: 0;
  height: 5.25rem;
  background: #4e8abe;
}

.off-canvas-body {
  overflow-y: auto;
  background: #122c42;
  top: 5.25rem;
  bottom: 0;
}
.off-canvas-body hr {
  opacity: 0.2;
  margin-left: 2.25rem;
}
.off-canvas-body a {
  color: #ccc;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 2.375rem;
}
.off-canvas-body li > a > span {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.2;
}
.off-canvas-body li:hover > a {
  color: #fff;
}
.off-canvas-body h2,
.off-canvas-body h3 {
  color: #fff;
  font-size: 1.0625rem;
  line-height: 1.3125rem;
  margin: 0;
  padding-left: 2.25rem;
}
.off-canvas-body h3 {
  color: #4e8abe;
  font-size: 0.6875rem;
  line-height: 0.875rem;
  text-transform: uppercase;
  margin-bottom: 0.625rem;
}
.off-canvas-body .primary,
.off-canvas-body .secondary {
  padding: 2.25rem 2.25rem 0 0;
}
.off-canvas-body .primary {
  background: #243c50;
  padding-bottom: 2.25rem;
}
.off-canvas-body .primary .parent > li {
  padding-left: 4.0625rem;
  position: relative;
  margin: 0 0 8px 0;
  background-position: top 0.5rem left 2.25rem;
  background-repeat: no-repeat;
}
.off-canvas-body .primary .parent > li.active:before {
  content: "";
  width: 0.3125rem;
  height: 2rem;
  background: #ee343f;
  display: inline-block;
  position: absolute;
  top: 0.125rem;
  left: 0;
}
.off-canvas-body .primary li {
  position: relative;
}
.off-canvas-body .primary li:hover span.badge {
  background: #4e8abe;
}
.off-canvas-body .primary span.badge {
  min-width: 0.875rem;
  height: 0.875rem;
  font-weight: bold;
  text-align: center;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.4375rem;
  border-radius: 3px;
  padding: 2px 2px 2px 1px;
  background: #4a5f74;
  transition: background 0.25s linear;
}
.off-canvas-body .primary .start {
  background-image: url("/dist/img/icon/startpagina.svg");
}
.off-canvas-body .primary .start.active, .off-canvas-body .primary .start:active, .off-canvas-body .primary .start:hover {
  background-image: url("/dist/img/icon/startpagina_active.svg");
}
.off-canvas-body .primary li.divider {
  padding-left: 2.5rem;
  padding-top: 1.25rem;
}
.off-canvas-body .primary li.divider h3 {
  padding-left: 0;
}
.off-canvas-body .primary .dashboard {
  background: url("/dist/img/icon/kpi-dashboard.svg") top left 2.125rem no-repeat;
}
.off-canvas-body .primary .dashboard.active, .off-canvas-body .primary .dashboard:active, .off-canvas-body .primary .dashboard:hover {
  background-image: url("/dist/img/icon/kpi-dashboard_active.svg");
}
.off-canvas-body .primary .actions {
  background: url("/dist/img/icon/actions.svg") top left 2.125rem no-repeat;
}
.off-canvas-body .primary .actions.active, .off-canvas-body .primary .actions:active, .off-canvas-body .primary .actions:hover {
  background-image: url("/dist/img/icon/actions_active.svg");
}
.off-canvas-body .primary .timestream {
  background: url("/dist/img/icon/timeline.svg") top left 2.125rem no-repeat;
}
.off-canvas-body .primary .timestream.active, .off-canvas-body .primary .timestream:active, .off-canvas-body .primary .timestream:hover {
  background-image: url("/dist/img/icon/timeline_active.svg");
}
.off-canvas-body .primary .documents {
  background: url("/dist/img/icon/documents.svg") top left 2.125rem no-repeat;
}
.off-canvas-body .primary .documents.active, .off-canvas-body .primary .documents:active, .off-canvas-body .primary .documents:hover {
  background-image: url("/dist/img/icon/documents_active.svg");
}
.off-canvas-body .primary .reporting {
  background: url("/dist/img/icon/reporting.svg") top left 2.125rem no-repeat;
}
.off-canvas-body .primary .reporting.active, .off-canvas-body .primary .reporting:active, .off-canvas-body .primary .reporting:hover {
  background-image: url("/dist/img/icon/reporting_active.svg");
}
.off-canvas-body .primary .audits {
  background: url("/dist/img/icon/audits.svg") top left 2.125rem no-repeat;
}
.off-canvas-body .primary .audits.active, .off-canvas-body .primary .audits:active, .off-canvas-body .primary .audits:hover {
  background-image: url("/dist/img/icon/audits_active.svg");
}
.off-canvas-body .primary .dks {
  background: url("/dist/img/icon/dks_white.svg") top left 2.125rem no-repeat;
}
.off-canvas-body .primary .dks.active, .off-canvas-body .primary .dks:active, .off-canvas-body .primary .dks:hover {
  background-image: url("/dist/img/icon/dks_white_active.svg");
}
.off-canvas-body .primary .add-theme a {
  color: #4a5f74;
}
.off-canvas-body .primary .add-theme a:hover {
  color: #fff;
}
.off-canvas-body .secondary:last-of-type {
  padding-bottom: 2.25rem;
}
.off-canvas-body .secondary nav {
  padding-left: 1.1875rem;
}
.off-canvas-body .secondary a {
  color: #fff;
}
.off-canvas-body .secondary li.active a, .off-canvas-body .secondary li:active a, .off-canvas-body .secondary li:hover a, .off-canvas-body .secondary li:focus a {
  color: #ee343f;
}
.off-canvas-body .modules a {
  background: url("/dist/img/icon/modules.svg") center left 1.0625rem no-repeat;
  padding-left: 2.75rem;
}
@media screen and (min-width: 64em) {
  .off-canvas-body .primary {
    padding-top: 2.25rem;
  }
}

.off-canvas-toggle svg path {
  fill: #4e8abe;
}
.off-canvas-toggle:hover svg path {
  fill: #122c42;
}
.off-canvas-toggle.inverse svg path {
  fill: #fff;
}
.off-canvas-toggle.inverse:hover svg path {
  fill: #000;
}

.is-accordion-submenu-parent > a::after {
  border-color: #fff transparent transparent;
  margin-top: -0.1875rem;
}

.sub-header {
  background: #fff;
  padding: 0.625rem 1.25rem;
}
.sub-header .menu a:active, .sub-header .menu a:focus, .sub-header .menu a:hover {
  color: #ee343f;
}
.sub-header.themes {
  padding-top: 1.875rem;
}
.sub-header.themes .menu .active > a {
  color: #ee343f;
  background: transparent;
}

.more-info {
  display: inline-block;
  font-size: 0.6875rem;
  border-radius: 50%;
  transform: translateY(-100%);
  background: #4e8abe;
  color: #fff;
}

.theme-bar .add-theme {
  background-image: url("/dist/img/icon/toevoegen.svg");
}
.theme-bar .add-theme:hover {
  background-image: url("/dist/img/icon/toevoegen_active.svg");
}

.status-indicator {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 0.3125rem;
  border-radius: 5px;
}
.status-indicator.active {
  border: 1px solid rgba(50, 137, 38, 0.8);
  box-shadow: 0 0 5px #7ed321;
  background-color: #9bcd60;
  background-image: radial-gradient(ellipse farthest-corner at 50% 10%, #9bcd60 0%, #73a650 100%);
  background-image: -webkit-radial-gradient(ellipse farthest-corner at 50% 10%, #9bcd60 0%, #73a650 100%);
  background-image: -moz-radial-gradient(ellipse farthest-corner at 50% 10%, #9bcd60 0%, #73a650 100%);
}
.status-indicator.inactive {
  border: 1px solid #ae0e17;
  box-shadow: 0 0 5px #ee343f;
  background-color: #f2424f;
  background-image: linear-gradient(270deg, #f2424f 0%, #c71b2d 100%);
  background-image: -moz-linear-gradient(270deg, #f2424f 0%, #c71b2d 100%);
  background-image: -webkit-linear-gradient(270deg, #f2424f 0%, #c71b2d 100%);
}

.svg-icon {
  width: 18px;
  height: 18px;
  max-width: none;
}
.svg-icon.svg-icon-white {
  filter: brightness(0) invert(1);
}

.sortable .active {
  text-decoration: underline;
}

.table {
  padding-top: 1.25rem;
}
.table .table-inner {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.table input[type=checkbox] {
  margin-bottom: 0;
}

#measure_kpi_date,
#measure_kpi_date_date {
  background: url("/dist/img/icon/calendar.svg") no-repeat 98%;
  background-size: 15px;
  border-radius: 4px;
}

.table-head,
.table-options {
  border: 0.0625rem solid #dae4ed;
}

.table-rowkpi {
  border-left: 0.0625rem solid #dae4ed;
  border-right: 0.0625rem solid #dae4ed;
  border-bottom: 0.0625rem solid #dae4ed;
}

.table-body a {
  color: #122c42;
  text-decoration: underline;
}
.table-body a:hover, .table-body a:active, .table-body a:focus {
  color: #ee343f;
  text-decoration: none;
}

section.login-container section#flash-messages {
  padding-bottom: 0;
}

.import-table {
  line-height: 1rem;
}
.import-table .table-head {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-top: 1.25rem;
  font-size: 0.875rem;
}
.import-table .table-body {
  font-size: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.import-table .table-body:nth-child(odd) {
  background: #dae4ed;
}
.import-table input {
  margin: 0;
}

input.ui-select-search {
  text-transform: lowercase !important;
}

textarea#create_kpi_helpText {
  font-size: 0.8125rem;
  box-shadow: none;
  line-height: 1.5;
}

select#create_kpi_organisationAccesses {
  font-size: 0.8125rem;
  box-shadow: none;
  line-height: 1.5;
}

.table-list {
  margin-top: 1.25rem;
}
.table-list.regular-width {
  max-width: 61.25rem;
}
.table-list:not(.full-list) {
  margin-left: auto;
  margin-right: auto;
}
.table-list.full-width {
  max-width: none;
}
.table-list .table-text {
  padding: 0.625rem 1.25rem;
  font-size: 0.875rem;
  color: #122c42;
}
.table-list .action-create label.required:after {
  content: " *";
}
.table-list.grid-full-list {
  border: none;
  max-width: 55rem;
}
.table-list.grid-full-list .table-header,
.table-list.grid-full-list .table-footer,
.table-list.grid-full-list .table-children {
  border: 0.0625rem solid #dae4ed;
}
.table-list.grid-full-list .table-children {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  border-top: none;
}
.table-list.grid-full-list input,
.table-list.grid-full-list select {
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
}
.table-list.grid-full-list select {
  background: transparent url("/dist/img/icon/arrow-down-blue.svg") center right 20px no-repeat;
}
.table-list.grid-full-list input[date-picker] {
  background: url("/dist/img/icon/date.png") center right 20px no-repeat;
}
.table-list.grid-full-list label {
  color: #122c42;
  font-size: 0.8125rem;
  line-height: 3.0625rem;
  border-right: 0.0625rem solid #dae4ed;
  padding-left: 1.25rem;
}
.table-list.grid-full-list div#suppliers label {
  display: none;
}
.table-list.grid-full-list select#suppliers-suppliers {
  min-height: 300px;
  border: 0.0625rem solid #dae4ed;
}
.table-list.grid-full-list button#suppliers-opslaan {
  background-color: #122c42;
  border: 0.0625rem solid #122c42;
  color: white;
  font-family: "Muli", sans-serif;
  font-size: 0.8125rem;
  line-height: 1rem;
  transition: background 300ms linear 0s;
  border-radius: 0.375rem;
  display: inline-block;
  padding: 0.625rem 1.25rem;
  margin-top: 20px;
}
.table-list.grid-full-list button#suppliers-opslaan:hover {
  background-color: white;
  border: 1px solid #122e42;
  color: #122e42;
}
.table-list.grid-full-list div.maps-hover {
  width: 30%;
  background: rgba(78, 138, 190, 0.75);
  border-radius: 0.375rem;
  color: #fff;
  height: 70px;
  border: 0.0625rem solid #dae4ed;
  margin-bottom: -70px;
  margin-left: auto;
  margin-right: auto;
  padding: 0.625rem;
  position: relative;
  top: 0px;
  z-index: 21;
}
.table-list.grid-full-list .table-children {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  border-top: none;
}
.table-list.grid-full-list input,
.table-list.grid-full-list select {
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
}
.table-list.grid-full-list select {
  background: transparent url("/dist/img/icon/arrow-down-blue.svg") center right 20px no-repeat;
}
.table-list.grid-full-list input[date-picker] {
  background: url("/dist/img/icon/date.png") center right 20px no-repeat;
}
.table-list.grid-full-list label {
  color: #122c42;
  font-size: 0.8125rem;
  line-height: 3.0625rem;
  border-right: 0.0625rem solid #dae4ed;
  padding-left: 1.25rem;
}
.table-list.grid-full-list div#suppliers label {
  display: none;
}
.table-list.grid-full-list select#suppliers_suppliers {
  min-height: 300px;
  border: 0.0625rem solid #dae4ed;
}
.table-list.grid-full-list button#suppliers_Opslaan {
  background-color: #122c42;
  border: 0.0625rem solid #122c42;
  color: white;
  font-family: "Muli", sans-serif;
  font-size: 0.8125rem;
  line-height: 1rem;
  transition: background 300ms linear 0s;
  border-radius: 0.375rem;
  display: inline-block;
  padding: 0.625rem 1.25rem;
  margin-top: 20px;
}
.table-list.grid-full-list button#suppliers_Opslaan:hover {
  background-color: white;
  border: 1px solid #122e42;
  color: #122e42;
}
.table-list.grid-full-list div.mapsHover {
  width: 30%;
  background: rgba(78, 138, 190, 0.75);
  border-radius: 0.375rem;
  color: #fff;
  height: 70px;
  border: 0.0625rem solid #dae4ed;
  margin-bottom: -70px;
  margin-left: auto;
  margin-right: auto;
  padding: 0.625rem;
  position: relative;
  top: 0px;
  z-index: 21;
}
.table-list.grid .table-errors {
  margin-top: 1.875rem;
}

.measure-form-wrapper .textarea-wrapper textarea {
  box-shadow: none;
}
.measure-form-wrapper .preview {
  width: 50px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
}

.table-organisation .theme-footer {
  padding: 20px 0 0;
  border: 0;
}
.table-organisation .theme-footer .pager {
  text-align: right;
}
.table-organisation .theme-footer select {
  width: 60px;
  background: url("/dist/img/icon/arrow-down-blue.svg") no-repeat 82% center;
}
.table-organisation .theme-footer input[type=search] {
  display: block;
  padding: 6px 15px 6px 47px;
  font-size: 15px;
  letter-spacing: 0.21px;
  color: #b0adab;
  background: #fff url("/dist/img/icon/search-blue.svg") no-repeat 10px center;
  border: 1px solid #c4cdd5;
  border-radius: 3px;
  outline: 0;
}
.table-organisation .theme-footer .prev,
.table-organisation .theme-footer .next {
  color: #1db4cf;
  background: none;
  border-color: transparent;
}
.table-organisation .theme-footer .btn-cancel,
.table-organisation .theme-footer .btn-new {
  padding: 8px 15px;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 0;
}
.table-organisation .theme-footer .btn-new {
  min-height: 34px;
  line-height: inherit;
  background-color: #1db4cf;
  border-color: #1db4cf;
}
.table-organisation .theme-footer .btn-new:hover {
  color: #1db4cf;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .table-organisation .theme-footer {
    width: 800px;
  }
}

.table-list.grid {
  padding: 0 30px 12px;
  margin-top: 40px;
  margin-bottom: 30px;
  width: 100%;
  background-color: #fff;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -1px 6px 0 rgba(175, 173, 171, 0.7);
}
.table-list.grid .table-header {
  position: relative;
  justify-content: space-between;
  align-items: center;
  padding: 12px 30px;
  margin: 0 -30px;
  font-size: 22px;
  letter-spacing: 0.5px;
  line-height: 1.2;
  color: #0F223E;
}
.table-list.grid .table-header .show-for-medium img {
  margin-right: 20px;
}
.table-list.grid .table-header strong {
  font-weight: 300;
}
.table-list.grid .table-header:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #dddbda;
}
.table-list.grid .table-header .columns {
  padding: 0;
}
.table-list.grid .table-children {
  padding: 20px 0;
}
.table-list.grid .table-children label {
  font-size: 13px;
  letter-spacing: 0.5px;
  color: #1db4cf;
}
.table-list.grid .table-children .checkbox-list-item label {
  color: #0a0a0a;
}
.table-list.grid .table-children .checkbox-list-item input:checked + label {
  color: #1db4cf;
}
.table-list.grid .table-child ~ .table-child {
  margin-top: 20px;
}
.table-list.grid .holder-select {
  position: relative;
}
.table-list.grid .holder-select img {
  position: absolute;
  top: 3px;
  left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.table-list.grid .holder-select p {
  width: 100%;
}
.table-list.grid .holder-select select {
  padding-left: 50px;
}
.table-list.grid .table-footer {
  padding-top: 20px;
}
.table-list.grid .action-comment-section {
  border-top: 0;
}
@media screen and (max-width: 767px) {
  .table-list.grid .row {
    display: block;
  }
  .table-list.grid .row.s3-upload-label, .table-list.grid .row.action-comment-row {
    display: flex;
  }
  .table-list.grid .action-comment-section {
    padding-left: 0;
    padding-right: 0;
  }
  .table-list.grid .table-children label {
    margin-bottom: 5px;
  }
  .table-list.grid .table-footer {
    padding-top: 0;
  }
  .table-list.grid .table-footer button {
    margin-top: 0;
    width: 100%;
  }
  .table-list.grid .table-footer .columns ~ .columns button {
    margin-top: 10px;
  }
  .table-list.grid .table-footer .btn + .btn {
    margin-left: 0;
  }
}

.table-responsive {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    display: block;
    overflow-x: auto;
  }
}

@media screen and (max-width: 991px) {
  .main-table-wrapper .card-wrapper {
    margin-right: auto;
    margin-left: auto;
    max-width: 800px;
  }
}

.table-wrapper {
  max-width: 100%;
  margin-bottom: 0;
}
.table-wrapper .sorting,
.table-wrapper .sorting_desc,
.table-wrapper .sorting_asc {
  position: relative;
}
.table-wrapper .sorting:after,
.table-wrapper .sorting_desc:after,
.table-wrapper .sorting_asc:after {
  content: "";
  display: inline-block;
  margin-left: 8px;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  background: url("/dist/img/icon/icon-sort-default.svg") no-repeat;
  background-size: contain;
}
.table-wrapper .sorting_asc:after {
  background-image: url("/dist/img/icon/icon-sort-desc.svg");
}
.table-wrapper .sorting_desc:after {
  background-image: url("/dist/img/icon/icon-sort-asc.svg");
}
.table-wrapper thead {
  background: transparent;
  border: 0;
  border-bottom: 2px solid #1db4cf;
}
.table-wrapper thead th {
  padding: 19px 15px;
  font-size: 11px;
  letter-spacing: 0.5px;
  line-height: 11px;
  color: #1db4cf;
  text-transform: uppercase;
  white-space: nowrap;
}
.table-wrapper thead th:first-child {
  padding-left: 0;
}
.table-wrapper thead th:last-child {
  padding-right: 0;
}
.table-wrapper tbody {
  background: transparent;
  border: 0;
}
.table-wrapper tbody tr {
  border-bottom: 1px solid #dddbda;
}
.table-wrapper tbody tr:nth-child(even) {
  background-color: transparent;
}
.table-wrapper tbody td {
  padding: 12px 15px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.2;
  color: #2B2826;
}
.table-wrapper tbody td:first-child {
  padding-left: 0;
}
.table-wrapper tbody td:first-child img {
  margin-right: 15px;
}
.table-wrapper tbody td:last-child {
  padding-right: 0;
}
.table-wrapper tbody td img {
  vertical-align: top;
}
.table-wrapper tfoot {
  border: 0;
  background: transparent;
}
.table-wrapper .text-blue {
  display: block;
  padding: 0;
}
.table-wrapper .arrow-left {
  position: relative;
}
.table-wrapper .arrow-left:after {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  width: 15px;
  height: 15px;
  border-color: #1db4cf;
  border-style: solid;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
}
.table-wrapper .arrow-up {
  position: relative;
}
.table-wrapper .arrow-up:after {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  width: 15px;
  height: 15px;
  border-color: #1db4cf;
  border-style: solid;
  border-width: 2px 2px 0 0;
  transform: rotate(-45deg);
}
.table-wrapper .holder-action-btn {
  display: flex;
}
.table-wrapper .holder-action-btn .btn-tooltip {
  top: -40px;
  margin-left: -50%;
}
.table-wrapper .holder-arrow {
  display: flex;
  justify-content: flex-end;
}
.table-wrapper.table-document th {
  width: 20%;
}
.table-wrapper.table-document td img {
  margin-right: 18px;
}
@media screen and (max-width: 767px) {
  .table-wrapper {
    width: 767px;
  }
  .table-wrapper .holder-action-btn .btn-tooltip {
    display: none;
  }
}

.table-row--page {
  padding-bottom: 12px;
}
.table-row--page .row {
  margin: 0 auto;
}
.table-row--page .theme-header {
  padding: 20px 0 18px;
  margin-top: 0;
  border: 0;
  border-bottom: 2px solid #1db4cf;
}
.table-row--page .theme-header .columns,
.table-row--page .theme-header a {
  display: table-cell;
  color: #1db4cf;
  font-size: 11px;
  letter-spacing: 0.75px;
  line-height: 14px;
  text-transform: uppercase;
  font-weight: 500;
}
.table-row--page .columns:first-child {
  padding-left: 0;
}
.table-row--page .columns:last-child {
  padding-right: 0;
}
.table-row--page .theme-child {
  border-bottom: 1px solid #DDDBDA;
}
.table-row--page .theme-child div:first-child img {
  margin-right: 15px;
}
.table-row--page .theme-child a,
.table-row--page .theme-child .columns {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.2;
  color: #2B2826;
}
.table-row--page .holder-action-btn,
.table-row--page .document-buttons {
  text-align: right;
}
.table-row--page .holder-action-btn a,
.table-row--page .document-buttons a {
  position: relative;
}
.table-row--page .holder-action-btn a .btn-tooltip,
.table-row--page .document-buttons a .btn-tooltip {
  top: -30px;
  margin-left: -43%;
}
.table-row--page .holder-action-btn a:hover .btn-tooltip, .table-row--page .holder-action-btn a:active .btn-tooltip, .table-row--page .holder-action-btn a:focus .btn-tooltip,
.table-row--page .document-buttons a:hover .btn-tooltip,
.table-row--page .document-buttons a:active .btn-tooltip,
.table-row--page .document-buttons a:focus .btn-tooltip {
  opacity: 1;
  visibility: visible;
}
.table-row--page .arrow-left {
  position: relative;
  float: right;
}
.table-row--page .arrow-left:after {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  width: 15px;
  height: 15px;
  border-color: #1db4cf;
  border-style: solid;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
}
@media screen and (max-width: 991px) {
  .table-row--page {
    display: block;
    overflow-x: auto;
    width: 100%;
    max-width: 100%;
  }
  .table-row--page .row {
    margin: 0;
  }
  .table-row--page .theme-header,
  .table-row--page .theme-child {
    width: 800px;
  }
}
@media screen and (max-width: 767px) {
  .table-row--page .btn-tooltip {
    display: none;
  }
}

.table-measure--landing .table-child {
  padding: 10px 0;
}
.table-measure--landing .table-child a {
  font-size: 15px;
  font-weight: 300;
  color: #2B2826;
}
.table-measure--landing .table-child a .arrow-left {
  position: relative;
  float: right;
}
.table-measure--landing .table-child a .arrow-left:after {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  width: 15px;
  height: 15px;
  border-color: #1db4cf;
  border-style: solid;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
}

#actionsList_wrapper {
  width: 100%;
}
#actionsList_wrapper #actionsList_filter {
  display: none;
}
#actionsList_wrapper .col-sm-12 {
  width: 100%;
}
#actionsList_wrapper .row {
  margin-left: 0;
  margin-right: 0;
}
#actionsList_wrapper tbody tr {
  border-bottom: 3px solid #F3F2F2;
  background-color: #fff;
}
#actionsList_wrapper tbody tr td:first-child, #actionsList_wrapper tbody tr td:last-child {
  padding: 12px 15px;
}
#actionsList_wrapper tbody tr.shown {
  border-bottom: 0;
}
#actionsList_wrapper tbody tr.details {
  background-color: transparent;
}
#actionsList_wrapper tbody tr.details td {
  padding: 0;
}
#actionsList_wrapper tbody tr.details div {
  padding: 12px 15px;
  border-bottom: 1px solid #dddbda;
}
#actionsList_wrapper thead tr th:first-child {
  padding: 19px 15px;
}
#actionsList_wrapper .badge.red {
  background: #ee343f;
}

@media screen and (max-width: 767px) {
  .table-list .checkbox-list {
    padding: 0;
  }
  .table-list .table-footer .btn-form {
    margin-top: 10px;
    width: 100%;
    text-align: center;
  }
  .table-list .block-buttons button {
    width: 100%;
  }
  .table-list .block-buttons button ~ button {
    margin-top: 10px;
  }
}

.tab-section {
  margin-top: -0.0625rem;
}

.tabs {
  background: none;
  border: none;
  border-left: 0.0625rem solid #dae4ed;
  border-right: 0.0625rem solid #dae4ed;
  border-bottom: 0.0625rem solid #dae4ed;
}
.tabs > .tab {
  background-color: rgba(21, 45, 69, 0.03);
  border-right: 0.0625rem solid #dae4ed;
  border-top: 0.0625rem solid transparent;
  transition: all 0.2s ease-in-out;
}
.tabs > .tab.active {
  background: #fff;
}
.tabs > .tab.active a {
  opacity: 1;
}
.tabs > .tab.active:hover, .tabs > .tab.active:active {
  background: #fff;
  border-top-color: transparent;
}
.tabs > .tab:hover, .tabs > .tab:active {
  background: #f6fafe;
  border-top-color: #dae4ed;
}
.tabs > .tab:last-of-type {
  border-right: none;
}
.tabs > .tab a {
  color: #122c42;
  opacity: 0.7;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  display: block;
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
.tabs > .tab .badge {
  padding: 0.2rem;
  line-height: 1;
  min-width: 0;
  font-weight: bold;
  border-radius: 2px;
}

.tab-inner {
  margin: 40px 0.625rem 0;
}
.tab-inner .header-block {
  border: 0;
  box-shadow: none;
}
.tab-inner .tab-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.tab-inner .tab-nav a {
  padding: 9px 23px;
  font-size: 11px;
  color: #1db4cf;
  text-align: center;
  line-height: normal;
  text-transform: uppercase;
  border: 1px solid #1db4cf;
}
.tab-inner .tab-nav a:hover, .tab-inner .tab-nav a:active, .tab-inner .tab-nav a:focus {
  color: #fff;
  background: #1db4cf;
}
.tab-inner .tab-nav a.current {
  color: #fff;
  background: #1db4cf;
}
.tab-inner .tab-nav .tab.active a {
  color: #fff;
  background: #1db4cf;
}
@media screen and (min-width: 768px) {
  .tab-inner .tab-nav .tab ~ .tab a,
  .tab-inner .tab-nav a ~ a {
    border-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .tab-inner .action-page .tab-nav {
    margin-bottom: 10px;
  }
  .tab-inner .action-page .btn-border--blue {
    width: 100%;
  }
  .tab-inner .tab-nav {
    width: 100%;
  }
  .tab-inner .tab-nav a, .tab-inner .tab-nav .tab {
    width: 100%;
  }
  .tab-inner .tab-nav a ~ .tab a, .tab-inner .tab-nav a ~ a, .tab-inner .tab-nav .tab ~ .tab a, .tab-inner .tab-nav .tab ~ a {
    border-top: 0;
  }
  .tab-inner .tab-nav .tab a {
    display: block;
  }
}

.tooltip {
  min-width: 3.125rem;
  background: #122c42;
  max-width: 15rem !important;
}
.tooltip.top::before {
  border-color: #122c42 transparent transparent;
}

@media screen and (min-width: 768px) {
  .btn-tooltip {
    position: absolute;
    padding: 5px 10px;
    width: auto;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: #2c3e51;
    border-radius: 2px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transform: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
  }
  .btn-tooltip:after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 50%;
    border: 5px solid transparent;
    border-top-color: #2c3e51;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.holder-action-btn {
  display: flex;
  justify-content: flex-end;
}
.holder-action-btn a {
  position: relative;
  padding: 0;
}
.holder-action-btn a ~ a {
  margin-left: 24px;
}
.holder-action-btn a img {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transform: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.holder-action-btn a#delete_action_submit, .holder-action-btn a#delete_action_submit_outsourced {
  padding: 0;
  font-size: inherit;
}
.holder-action-btn a:hover img, .holder-action-btn a:active img, .holder-action-btn a:focus img {
  filter: brightness(0);
}
.holder-action-btn a:hover .btn-tooltip, .holder-action-btn a:active .btn-tooltip, .holder-action-btn a:focus .btn-tooltip {
  opacity: 1;
  visibility: visible;
}
.holder-action-btn .btn {
  padding: 10px;
  border-radius: 0;
}

.spinner {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
  transition: opacity 0.5s ease-in-out;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
}

.spinner > div {
  background-color: #4e8abe;
  height: 100%;
  width: 6px;
  display: inline-block;
  margin: 0 1px;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.circle-spinner {
  width: 32px;
  height: 32px;
  position: relative;
  float: left;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #4e8abe;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
div > p {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
div > p:last-of-type {
  margin-bottom: 0;
}

.error {
  color: #ee343f;
}

.fa-border {
  border: 1px solid #162e45;
  padding: 0;
  text-align: center;
}

.fa-border-rounded {
  border-radius: 50%;
}

body {
  font-family: "Roboto", sans-serif;
}

.text-blue {
  font-size: 10px;
  letter-spacing: 0.75px;
  font-weight: 500;
  line-height: 1.5;
  color: #1db4cf;
  text-transform: uppercase;
}

* {
  outline: none;
}

html,
body {
  background: #122c42;
}

body.auth {
  background: #16325c;
}

.no-background {
  background: transparent !important;
}

.border {
  border: 0.0625rem solid #dae4ed;
}
.border-top {
  border-top: 0.0625rem solid #dae4ed;
}
.border-right {
  border-right: 0.0625rem solid #dae4ed;
}
.border-bottom {
  border-bottom: 0.0625rem solid #dae4ed;
}
.border-left {
  border-left: 0.0625rem solid #dae4ed;
}

hr {
  border-color: #dae4ed;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

.off-canvas-wrapper,
.off-canvas-wrapper-inner,
.off-canvas-content {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.off-canvas-content {
  position: relative;
  display: block;
  background: #f7f7f6;
}

.off-canvas-wrapper {
  overflow: hidden;
}

.main-body {
  flex: 1 1 0%;
}

.row.full {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}
.row.full > .columns > .row {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1440px) {
  .row.wide {
    max-width: 1400px;
  }
}
@media only screen and (min-width: 1440px) {
  .row {
    max-width: 1110px;
  }
}

.push-small {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.push-small-top {
  padding-top: 0.625rem;
}
.push-small-bottom {
  padding-bottom: 0.625rem;
}
.push-small-left {
  padding-left: 0.625rem;
}
.push-small-right {
  padding-right: 0.625rem;
}

.pull-small {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.pull-small-top {
  margin-top: 0.625rem;
}
.pull-small-bottom {
  margin-bottom: 0.625rem;
}
.pull-small-left {
  margin-left: - 0.625rem;
}
.pull-small-right {
  margin-right: - 0.625rem;
}

.push-between {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
.push-between-top {
  padding-top: 0.9375rem;
}
.push-between-bottom {
  padding-bottom: 0.9375rem;
}
.push-between-left {
  padding-left: 0.9375rem;
}
.push-between-right {
  padding-right: 0.9375rem;
}

.pull-between {
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
}
.pull-between-top {
  margin-top: 0.9375rem;
}
.pull-between-bottom {
  margin-bottom: 0.9375rem;
}
.pull-between-left {
  margin-left: - 0.9375rem;
}
.pull-between-right {
  margin-right: - 0.9375rem;
}

.push-normal {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.push-normal-top {
  padding-top: 1.25rem;
}
.push-normal-bottom {
  padding-bottom: 1.25rem;
}
.push-normal-left {
  padding-left: 1.25rem;
}
.push-normal-right {
  padding-right: 1.25rem;
}

.pull-normal {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.pull-normal-top {
  margin-top: 1.25rem;
}
.pull-normal-bottom {
  margin-bottom: 1.25rem;
}
.pull-normal-left {
  margin-left: - 1.25rem;
}
.pull-normal-right {
  margin-right: - 1.25rem;
}

.push-medium {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}
.push-medium-top {
  padding-top: 1.875rem;
}
.push-medium-bottom {
  padding-bottom: 1.875rem;
}
.push-medium-left {
  padding-left: 1.875rem;
}
.push-medium-right {
  padding-right: 1.875rem;
}

.pull-medium {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
.pull-medium-top {
  margin-top: 1.875rem;
}
.pull-medium-bottom {
  margin-bottom: 1.875rem;
}
.pull-medium-left {
  margin-left: - 1.875rem;
}
.pull-medium-right {
  margin-right: - 1.875rem;
}

.push-large {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.push-large-top {
  padding-top: 2.5rem;
}
.push-large-bottom {
  padding-bottom: 2.5rem;
}
.push-large-left {
  padding-left: 2.5rem;
}
.push-large-right {
  padding-right: 2.5rem;
}

.pull-large {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.pull-large-top {
  margin-top: 2.5rem;
}
.pull-large-bottom {
  margin-bottom: 2.5rem;
}
.pull-large-left {
  margin-left: - 2.5rem;
}
.pull-large-right {
  margin-right: - 2.5rem;
}

.push-xlarge {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}
.push-xlarge-top {
  padding-top: 3.125rem;
}
.push-xlarge-bottom {
  padding-bottom: 3.125rem;
}
.push-xlarge-left {
  padding-left: 3.125rem;
}
.push-xlarge-right {
  padding-right: 3.125rem;
}

.pull-xlarge {
  margin-top: 3.125rem;
  margin-bottom: 3.125rem;
}
.pull-xlarge-top {
  margin-top: 3.125rem;
}
.pull-xlarge-bottom {
  margin-bottom: 3.125rem;
}
.pull-xlarge-left {
  margin-left: - 3.125rem;
}
.pull-xlarge-right {
  margin-right: - 3.125rem;
}

.push-xxlarge {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.push-xxlarge-top {
  padding-top: 5rem;
}
.push-xxlarge-bottom {
  padding-bottom: 5rem;
}
.push-xxlarge-left {
  padding-left: 5rem;
}
.push-xxlarge-right {
  padding-right: 5rem;
}

.pull-xxlarge {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.pull-xxlarge-top {
  margin-top: 5rem;
}
.pull-xxlarge-bottom {
  margin-bottom: 5rem;
}
.pull-xxlarge-left {
  margin-left: - 5rem;
}
.pull-xxlarge-right {
  margin-right: - 5rem;
}

.collapse--bottom {
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .push-bottom-small-only {
    margin-bottom: 1rem;
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  .push-bottom-medium-down {
    margin-bottom: 1rem;
    display: block;
  }
  .date-selection input {
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 1200px) {
  .position-left.reveal-for-xlarge {
    left: 0;
    z-index: auto;
    position: fixed;
  }
}
@media only screen and (max-width: 79.375rem) {
  .filter-bar-inner,
  .theme-bar {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}