/**
    Used in apps popups to show the history of updates
*/
/*
    DEFAULT Styles for our app reports
*/
/*
    This is the red and geen circle ticks and cross
*/
/*
    This is a location to put app specific styles - when an entire stylesheet is not required
*/
/*
    For the Monthly Metrics Report - _MonthlyMetricsReport.cshtml
*/
/*@forward 'breakpoints';
@forward 'colours';
@forward 'functions';
@forward 'sizes';
@forward 'spacing-sizes';
@forward 'typography';*/
/*> .seg-acc-content {
    display: none;
    position: relative;
    top: -1px;
    left: 1px;*/
/*height: 0;*/
/*width: calc(100% - 2px);*/
/*transform: scaleY(0);*/
/*transform-origin: top;
background-color: #fff;
overflow: hidden;
border-radius: inherit;
-webkit-animation: acc-content-fade-out $animation-duration forwards;
-moz-animation: acc-content-fade-out $animation-duration forwards;
-o-animation: acc-content-fade-out $animation-duration forwards;
animation: acc-content-fade-out $animation-duration forwards;*/
/*transition: height 0.2s, transform 0.5s ease;*/
/*}*/
/*&[data-is-expanded="true"] {
    > .seg-acc-content {
        display: block;*/
/*transform: scaleY(1);*/
/*height: calc(100% - 2px);*/
/*-webkit-animation: acc-content-fade-in $animation-duration forwards;
        -moz-animation: acc-content-fade-in $animation-duration forwards;
        -o-animation: acc-content-fade-in $animation-duration forwards;
        animation: acc-content-fade-in $animation-duration forwards;
    }
}*/
/*// generates default base styles
@include _seg-accordion-factory($is-overrides: false);

//generated overrides without needing accordion-type or additional selectors*/
/*@include _seg-accordion-factory($base-overrides: true) {
    display: flex;
    width: 100vh;
}*/
/*// generates ovverides with additional selectors*/
/*@include _seg-accordion-factory($top-level-selectors: '.management-accordion-item') {
    display: flex;
    width: 100vh;
}*/
/*// generates ovverides for an additional accordion-type
@include _seg-accordion-factory($accordion-type: 'bubble') {
    display: flex;
    width: 100vh;
}

// generates overrides with additional selectors and an aditional accordion-type*/
/*@include _seg-accordion-factory($top-level-selectors: '.test', $accordion-type: 'bubble') {
    display: flex;
    width: 100vh;
    .acc-title {

    }
}*/
/*
    DEFAULT Styles for our app reports
*/
/*
    This is the red and geen circle ticks and cross
*/
/*
    This is a location to put app specific styles - when an entire stylesheet is not required
*/
/*
    For the Monthly Metrics Report - _MonthlyMetricsReport.cshtml
*/
.app-image-content {
  position: relative;
  justify-content: space-between;
  flex-grow: 1;
  width: 100%;
  min-height: 300px;
  padding: 52px 18px 0;
  overflow: hidden;
  border-radius: 6px 6px 0 0;
}
@media all and (max-width: 2320px) {
  .app-image-content {
    min-height: 280px;
  }
}
@media all and (max-width: 2170px) {
  .app-image-content {
    min-height: 260px;
    padding: 36px 18px 0;
  }
}
@media all and (max-width: 2040px) {
  .app-image-content {
    min-height: 240px;
  }
}
@media all and (max-width: 1880px) {
  .app-image-content {
    min-height: 220px;
  }
}
@media all and (max-width: 1780px) {
  .app-image-content {
    min-height: 200px;
    padding: 24px 18px 0;
  }
}
@media all and (max-width: 1630px) {
  .app-image-content {
    min-height: 180px;
  }
}
@media all and (max-width: 1500px) {
  .app-image-content {
    min-height: 220px;
  }
}
@media all and (max-width: 1380px) {
  .app-image-content {
    min-height: 200px;
  }
}
@media all and (max-width: 1220px) {
  .app-image-content {
    min-height: 180px;
    padding: 18px 18px 0;
  }
}
@media all and (max-width: 1090px) {
  .app-image-content {
    min-height: 160px;
  }
}
@media all and (max-width: 1024px) {
  .app-image-content {
    min-height: 220px;
  }
}
@media all and (max-width: 980px) {
  .app-image-content {
    min-height: 200px;
  }
}
.app-image-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 150%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: var(--app-colour);
  z-index: 3;
  transform: translate(-25%, -25%);
}
.app-image-content svg {
  position: absolute;
  top: -36%;
  right: -5%;
  width: 80%;
}
.app-image-content svg.left-corner {
  top: 0;
  left: 0;
  height: 150%;
  z-index: 3;
  transform: translate(-25%, -25%);
}
.app-image-content img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 45%;
  right: 10%;
  z-index: 4;
}

.app-icon-title-container {
  z-index: 6;
  gap: 8px;
  max-width: 200px;
  font-size: 18px;
  color: #fff;
}
@media all and (max-width: 2300px) {
  .app-icon-title-container {
    max-width: 150px;
  }
}
@media all and (max-width: 1930px) {
  .app-icon-title-container {
    font-size: 14px;
  }
}
@media all and (max-width: 1024px) {
  .app-icon-title-container {
    font-size: 16px;
  }
}
.app-icon-title-container > i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-size: 34px;
  /*background-color: var(--app-colour);*/
  border: 1px solid;
  border-radius: 6px;
}
.app-icon-title-container [class*=seg-button] {
  position: absolute;
  left: 0;
  bottom: 30px;
  z-index: 3;
  flex-direction: row-reverse;
  width: max-content;
  padding-inline: 24px;
  gap: 12px;
  background-color: rgba(255, 255, 255, 0.4);
  color: #fff;
  border: 1px solid;
  box-shadow: none;
}
.app-icon-title-container [class*=seg-button]:hover .button-text {
  color: #fff;
}

:root {
  --safetyChecklistsUnderline: 144px;
  --safetyChecklistsUnderlineOffset: 0px;
}

/*$compressedPanelWidth: 372px;*/
.breadcrumb-separator {
  display: inline-block;
  position: relative;
  width: 24px;
  color: transparent;
  line-height: 1;
  height: 10px;
}
.breadcrumb-separator::before {
  content: "";
  display: block;
  position: absolute;
  left: 9px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-top: 1px solid #565655;
  border-right: 1px solid #565655;
  margin-top: -3px;
  transform: rotate(45deg);
}

.breadcrumb-label {
  text-transform: capitalize;
}

.app-with-context_layout {
  display: flex;
  flex: 0 0 100%;
  height: calc(100% - 126px);
  position: relative;
  overflow: hidden;
}
.app-with-context_layout.tour-enabled {
  height: calc(100% - 222px);
}
.app-with-context_layout.tour-bluebar-enabled {
  height: calc(100% - 270px);
}

.apps-panel {
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.apps-panel.tour-enabled .appButton[data-tour="0"] {
  display: none;
}
.apps-panel .appButton.hide-non-tour-button {
  display: none !important;
}
.apps-panel .appButton.tutorial-app:not(.tour-app-visible) {
  display: none !important;
}

.app-panel-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.app-context-drawer {
  flex: 1 0 240px;
  background-color: #F4F4F4;
  display: none;
  /*max-height: 480px;*/
  /*margin-top: auto;*/
}

.drawer-open .app-context-drawer {
  position: relative;
  display: flex;
}

.context-panel {
  /*box-shadow: inset 0px 0px 2px blue;*/
  background-color: #fff;
  width: 100%;
  display: flex;
  height: 100%;
  flex: 1 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  box-shadow: rgba(0, 0, 0, 0.1) -2px 0 10px;
  z-index: 10;
  /*
      !!This works best for Absolutely positioned elements!!
      absoluteHide and unhide work in relation with one another 
      to hide an element while allowing it to still be scanned through in the DOM
      (alternative to display none)
  */
  position: absolute;
  opacity: 0;
  pointer-events: none;
  clip: rect(0, 0, 0, 0);
}
.context-panel .context-panel-inner {
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 130px);
  overflow: auto;
}
.context-panel .stats-panel-header {
  max-width: unset;
  margin-inline: 2rem !important;
}
.context-panel .close-stats-panel-btn-container {
  display: initial;
}

.content-open .context-panel {
  max-width: 50%;
  /*
      !!This works best for Absolutely positioned elements!!
      absoluteHide and unhide work in relation with one another 
      to hide an element while allowing it to still be scanned through in the DOM
      (alternative to display none)
  */
  position: absolute;
  opacity: 1;
  pointer-events: auto;
  clip: initial;
}
.content-open .context-panel .apps-sp-static {
  /* Overrides for mc styles on stats bar */
}
.content-open .context-panel .apps-sp-static.stats-content-wrapper {
  margin: 0 auto;
  max-width: 100%;
}
.content-open .context-panel .apps-sp-static.stats-content-wrapper .ror-rules-breached-date {
  padding-right: 18%;
}
.content-open .context-panel .apps-sp-static .app-description {
  max-width: 980px;
  margin-block: 30px;
  margin-inline: auto;
  width: 95%;
}
.content-open .context-panel .apps-sp-static .app-description .description-title {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 12px;
}
.content-open .context-panel .apps-sp-static .app-description .description-title h1 {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 600;
  color: #333;
  text-transform: uppercase;
}
.content-open .context-panel .apps-sp-static .app-description > h1 {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 600;
  color: #333;
  text-transform: uppercase;
  gap: 24px;
  margin-bottom: 12px;
}
.content-open .context-panel .apps-sp-static .nav-vessel-dropdown,
.content-open .context-panel .apps-sp-static .nav-teams-dropdown {
  position: relative;
  min-height: 21px;
}
.content-open .context-panel .apps-sp-static .nav-vessel-dropdown .seg-mdl-dropdown,
.content-open .context-panel .apps-sp-static .nav-teams-dropdown .seg-mdl-dropdown {
  height: 21px;
  margin-block: 0;
}
.content-open .context-panel .apps-sp-static .nav-vessel-dropdown .seg-mdl-dropdown::before,
.content-open .context-panel .apps-sp-static .nav-teams-dropdown .seg-mdl-dropdown::before {
  content: "";
  position: absolute;
  left: -12px;
  height: 100%;
  border-left: 2px solid #b0b0b0;
  bottom: unset;
  width: unset;
  background-color: unset;
  z-index: unset;
}
.content-open .context-panel .apps-sp-static .nav-vessel-dropdown .seg-mdl-dropdown select,
.content-open .context-panel .apps-sp-static .nav-teams-dropdown .seg-mdl-dropdown select {
  position: relative;
  width: max-content;
  min-width: 150px;
  height: unset;
  top: 0;
  bottom: unset;
  line-height: unset;
  padding-bottom: 0;
  padding-right: 12px;
  color: #333;
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
}
.content-open .context-panel .apps-sp-static .nav-vessel-dropdown .seg-mdl-dropdown select:focus ~ .dropdown-arrow,
.content-open .context-panel .apps-sp-static .nav-teams-dropdown .seg-mdl-dropdown select:focus ~ .dropdown-arrow {
  transform: translateY(-25%) rotate(-135deg);
}
.content-open .context-panel .apps-sp-static .nav-vessel-dropdown .seg-mdl-dropdown select:hover,
.content-open .context-panel .apps-sp-static .nav-teams-dropdown .seg-mdl-dropdown select:hover {
  cursor: pointer;
}
.content-open .context-panel .apps-sp-static .nav-vessel-dropdown .seg-mdl-dropdown .dropdown-arrow,
.content-open .context-panel .apps-sp-static .nav-teams-dropdown .seg-mdl-dropdown .dropdown-arrow {
  position: absolute;
  top: 50%;
  right: 2px;
  width: 8px;
  height: 8px;
  transform: translateY(-80%) rotate(45deg);
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
  transition: transform 300ms ease;
}
.content-open .context-panel .apps-sp-static #VesselApps .management-page-apps-wrapper .apps-panel {
  max-width: 980px;
  margin-inline: auto;
  position: relative;
}
.content-open .context-panel .apps-sp-static #VesselApps .management-page-apps-wrapper .apps-panel::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 200vw;
  height: 100%;
  background-color: #eaeaea;
}
.content-open .context-panel .apps-sp-static #VesselApps .management-page-apps-wrapper .apps-panel .app-panel_tier-1 {
  justify-content: center;
}
.content-open .context-panel .apps-sp-static #VesselApps .management-page-apps-wrapper .apps-panel .app-panel_tier-1:not(.owl-loaded) {
  padding-inline: 24px;
  justify-content: start;
}
.content-open .context-panel .apps-sp-static #VesselApps .management-page-apps-wrapper .apps-panel .app-panel_tier-1 .owl-nav button {
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
}
.content-open .context-panel .apps-sp-static .app-with-context_layout.management-page-apps-wrapper {
  height: auto;
}
.content-open .context-panel .apps-sp-static .vessel-app-info {
  background-color: #666;
  color: #fff;
  position: relative;
  margin-top: -24px;
}
.content-open .context-panel .apps-sp-static .vessel-app-info .label-value {
  padding-top: 12px;
}
.content-open .context-panel .apps-sp-static .vessel-app-info .label-value .value {
  color: #b0b0b0;
}
.content-open .context-panel .apps-sp-static .vessel-app-info-inner {
  margin: 0 calc((100% - 1120px) / 2);
  padding: 48px 36px;
}
.content-open .context-panel .apps-sp-static .contact-wrapper {
  display: flex;
}
.content-open .context-panel .apps-sp-static .contact-wrapper.owl-carousel .owl-nav button {
  position: absolute;
  width: 24px;
  height: 100%;
  top: 0;
}
.content-open .context-panel .apps-sp-static .contact-wrapper.owl-carousel .owl-nav button span {
  font-size: 24px;
}
.content-open .context-panel .apps-sp-static .contact-wrapper.owl-carousel .owl-nav button.disabled {
  display: none;
}
.content-open .context-panel .apps-sp-static .contact-wrapper.owl-carousel button.owl-prev {
  right: calc(100% + 12px);
  /*
      This is dependent on a variable format like this:
      $gradient_grey: ( GradientLeft: #4D4D4D, GradientRight: #818181, Colour: "gradient-grey" );
  */
  background-image: #666;
  /*This is a fall back for if gradient is not supported*/
  background-image: linear-gradient(90deg, #666 0%, transparent 100%);
}
.content-open .context-panel .apps-sp-static .contact-wrapper.owl-carousel button.owl-prev::before {
  left: calc(100% - 2px);
}
.content-open .context-panel .apps-sp-static .contact-wrapper.owl-carousel button.owl-next {
  right: 0;
  width: 60px;
  text-align: right;
  /*
      This is dependent on a variable format like this:
      $gradient_grey: ( GradientLeft: #4D4D4D, GradientRight: #818181, Colour: "gradient-grey" );
  */
  background-image: transparent;
  /*This is a fall back for if gradient is not supported*/
  background-image: linear-gradient(90deg, transparent 0%, #666 100%);
}
.content-open .context-panel .apps-sp-static .contact-wrapper.owl-carousel button.owl-next::before {
  right: calc(100% - 2px);
}
.content-open .context-panel .apps-sp-static .contact-link {
  color: #b0b0b0;
  padding-top: 12px;
  transition: color 0.2s ease;
}
.content-open .context-panel .apps-sp-static .contact-link i {
  padding-right: 6px;
}
.content-open .context-panel .apps-sp-static .contact-link:hover, .content-open .context-panel .apps-sp-static .contact-link:focus {
  color: #f0f0f0;
}
.content-open .context-panel .apps-sp-static .hod-contact {
  display: flex;
  flex-direction: column;
  width: 360px;
}
.content-open .context-panel .apps-sp-static .close-btn {
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 30px;
  line-height: 24px;
  width: 30px;
  height: 30px;
  z-index: 1;
  text-align: center;
  transition: color 0.2s ease;
  background-color: rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(2px);
  border-radius: 50%;
}
.content-open .context-panel .apps-sp-static .close-btn:hover {
  color: #F00;
  cursor: pointer;
}
.content-open .context-panel .apps-sp-static #VesselAppNavigation {
  padding-block: 24px;
  background-color: #eaeaea;
}
.content-open .context-panel .apps-sp-static #VesselAppNavigation .app-navigation-header {
  display: flex;
  max-width: 980px;
  margin-inline: auto;
  gap: 24px;
}
.content-open .context-panel .apps-sp-static #VesselAppNavigation .header-title {
  flex: 0 0 auto;
  width: max-content;
}
.content-open .context-panel .apps-sp-static #VesselAppNavigation .header-title h1 {
  color: #333;
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
  margin: 0;
  line-height: 21px;
}
.content-open .context-panel .apps-sp-static #VesselAppNavigation .header-title span {
  font-size: 14px;
  text-transform: initial;
  font-weight: initial;
}
.content-open .context-panel .apps-sp-static #VesselAppNavigation .nav-vessel-dropdown,
.content-open .context-panel .apps-sp-static #VesselAppNavigation .nav-teams-dropdown {
  margin-right: 24px;
}
.content-open .context-panel .apps-sp-static #VesselAppNavigation .app-navigation-description {
  max-width: 980px;
  margin-inline: auto;
}
.content-open .context-panel .apps-sp-static #VesselAppNavigation .app-navigation-description p {
  margin: 0;
  padding-top: 12px;
}
.content-open .context-panel .apps-sp-static #VesselApps .vessel-app-view {
  padding-top: 30px;
}
.content-open .context-panel .apps-sp-static #VesselApps .vessel-app-view .app-panel_tier-2,
.content-open .context-panel .apps-sp-static #VesselApps .vessel-app-view .app-panel_tier-3 {
  max-width: 980px;
  margin-inline: auto;
  padding-inline: 24px;
  background-color: #fbfbfb;
}
.content-open .context-panel .apps-sp-static #VesselApps .vessel-app-view .app-panel-tier.tier-divider::after {
  top: calc(100% + 34px);
}
.content-open .context-panel .apps-sp-static #VesselAppsContent .management-stats-accordion .seg-acc-content-inner .seg-acc-content-inner > div:last-of-type {
  padding-bottom: 12px;
}
.content-open .context-panel .apps-sp-static #VesselAppsContent .management-stats-accordion .seg-acc-content-inner .seg-acc-content-inner .non-compliance-title {
  font-weight: 600;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance {
  /* styles pulled through from the vessels-app-stats-bar*/
  /* styles pulled through from the vessels-app-stats-bar*/
  /* styles pulled through from the vessels-app-stats-bar*/
  /* styles pulled through from the vessels-app-stats-bar*/
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .seg-app-layout-wrapper,
.content-open .context-panel .apps-sp-static #VesselAppInstance .stats-content-wrapper {
  max-width: 980px;
  margin-inline: auto;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .stats-content-wrapper {
  margin-block: 30px;
  padding: 24px;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid #DBDBDB;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .stats-content-wrapper.no-border {
  border: none;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .stats-content-wrapper.no-border [class*=coming-soon]::before {
  content: none;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .stats-content-wrapper.no-base-styles {
  margin-block: 30px;
  padding: 0;
  border-radius: 6px;
  background-color: transparent;
  border: none;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .stats-content-wrapper.no-base-styles [class*=coming-soon]::before {
  background-color: transparent;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .stats-content-wrapper.hide-section-heading .section-heading {
  display: none;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .stats-content-wrapper .section-heading::before {
  content: none;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .stats-content-wrapper .map-truncate-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .stats-content-wrapper .map-truncate-container .overdue-container {
  width: 80%;
  text-align: center;
  color: #f00;
  border: 1px solid #f00;
  height: 36px;
  line-height: 36px;
  border-radius: 6px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #SafetyInspectionReport.stats-content-wrapper {
  border: none;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .access-matrix .js-table-scroll-target {
  overflow-x: scroll;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-footer .col-3:nth-of-type(1) .row {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-footer .col-3:nth-of-type(1) .row .col-12:nth-of-type(3) .seg-multiselect {
  margin-bottom: 0;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-footer .col-3:nth-of-type(2) .row {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-footer .col-3:nth-of-type(2) .row .col-12:nth-of-type(2) .seg-textbox {
  margin: 0;
  height: 100%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-footer .col-3:nth-of-type(2) .row .col-12:nth-of-type(2) .seg-textbox textarea {
  height: 136px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-footer .col-3:nth-of-type(3) .seg-form-signature {
  margin: 12px 0 0 0;
  /*width: 100%;*/
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-footer .col-3:nth-of-type(4) .row {
  margin: 0;
  width: 100%;
  height: 100%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-footer .col-3:nth-of-type(4) .row .cssChecklistSubmit {
  justify-content: space-between;
  height: 100%;
  padding-top: 0;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-footer .col-3:nth-of-type(4) .row .cssChecklistSubmit .footer-notice {
  flex-grow: 1;
  margin-top: 11px;
  margin-bottom: 10px !important;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-footer .col-3:nth-of-type(4) .row .cssChecklistSubmit .submission-buttons .seg-mdl-btn input {
  min-width: unset;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .ror-section-user {
  margin-bottom: 24px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .ror-section-user .section-heading {
  padding-inline: 12px;
  background-color: #eaeaea;
  border-radius: 4px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .ror-section-user .section-heading .ror-department {
  font-weight: bold;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .ror-section-user .seg-acc-wrapper {
  margin-inline: 12px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .ror-section-user .non-compliance-summary-title {
  padding-left: 12px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .vessel-name-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 24px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .vessel-name-header::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: -8px;
  border-bottom: 1px solid #aeaeae;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .vessel-name-header .fleet-delete-action {
  margin: 0;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .vessel-name-header i {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px;
  font-size: 16px;
  border-radius: 100vh;
  background-color: #eaeaea;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .vessel-name-header i:hover {
  background-color: #333;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .js-familiarisation-setup i + span {
  display: none;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-title {
  margin: 30px 0;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-progress {
  margin: 20px 0;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-section .checklist-section-items .checklist-items-wrapper .collection-header .column:nth-child(3),
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-section .checklist-section-items .checklist-items-wrapper .collection-item .column:nth-child(3) {
  flex: 0 1 250px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-section .checklist-section-items .checklist-items-wrapper .collection-header {
  padding-bottom: 6px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-section .checklist-section-items .checklist-items-wrapper .collection-item {
  align-items: center;
  background-color: transparent;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .awe-grid .awe-tablc {
  height: initial !important;
  max-height: calc(100vh - 392px);
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .seg-mdl-list-actions {
  gap: 8px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #VesselAppInstance #completeChecklist {
  margin: 30px !important;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-purpose {
  margin: 0;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-section {
  margin: 0;
  margin-top: 20px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-items-wrapper {
  padding-bottom: 12px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-items-wrapper .checklist-items-header {
  display: flex;
  margin-bottom: 12px;
  position: relative;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-items-wrapper .checklist-items-header::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: -8px;
  border-bottom: 1px solid #aeaeae;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-items-wrapper .checklist-items-header .header-name {
  width: 50%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-items-wrapper .checklist-items-header .header-comment {
  width: 50%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-items-wrapper .checklist-item {
  display: flex;
  margin-bottom: 12px;
  color: #43b2e3;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-items-wrapper .checklist-item .checklist-item-title {
  width: 50%;
  padding-right: 12px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-items-wrapper .checklist-item .checklist-item-description {
  width: 50%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-items-header,
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item {
  display: flex;
  gap: 9px;
  padding-inline: 12px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-items-header > div:nth-of-type(1),
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(1) {
  width: 20%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-items-header > div:nth-of-type(2),
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(2) {
  width: 30%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-items-header > div:nth-of-type(3),
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(3) {
  width: 10%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-items-header > div:nth-of-type(4),
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(4) {
  width: 20%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-items-header > div:nth-of-type(5),
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(5) {
  width: 10%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-items-header > div:nth-of-type(6),
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(6) {
  width: 7%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-items-header {
  margin-block: 24px;
  position: relative;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-items-header::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  border-bottom: 1px solid #aeaeae;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item {
  margin-bottom: 12px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(4) {
  color: #43b2e3;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(5) {
  color: #ec272a;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(6) {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(6) a {
  margin: 0;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(6) i {
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(6) i.seg-View-Video {
  font-size: 9px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(6) i:hover {
  background-color: #333;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .crew-member-info-header,
.content-open .context-panel .apps-sp-static #VesselAppInstance .crew-member-info-wrapper {
  display: flex;
  justify-content: space-between;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .crew-member-info-header > div:nth-of-type(1),
.content-open .context-panel .apps-sp-static #VesselAppInstance .crew-member-info-wrapper > div:nth-of-type(1) {
  width: 30%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .crew-member-info-header > div:nth-of-type(2),
.content-open .context-panel .apps-sp-static #VesselAppInstance .crew-member-info-wrapper > div:nth-of-type(2) {
  width: 25%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .crew-member-info-header > div:nth-of-type(3),
.content-open .context-panel .apps-sp-static #VesselAppInstance .crew-member-info-wrapper > div:nth-of-type(3) {
  width: 20%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .crew-member-info-header > div:nth-of-type(4),
.content-open .context-panel .apps-sp-static #VesselAppInstance .crew-member-info-wrapper > div:nth-of-type(4) {
  width: 35%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance [class*=section-sub-heading] {
  color: #3e3e3e;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 6px;
  margin-bottom: 12px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance [class*=section-sub-heading]::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c1c1c1;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance [class*=section-sub-heading][class*=grid] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  /*can be edited*/
  /*can be edited*/
}
.content-open .context-panel .apps-sp-static #VesselAppInstance [class*=section-sub-heading][class*=grid][class*="4"] {
  grid-template-columns: repeat(4, 1fr);
}
.content-open .context-panel .apps-sp-static #VesselAppInstance [class*=section-sub-heading][class*=grid][class*="4"] > div:nth-of-type(4) {
  justify-self: end;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance [class*=section-sub-heading][class*=grid][class*="3"] {
  grid-template-columns: repeat(3, 1fr);
}
.content-open .context-panel .apps-sp-static #VesselAppInstance [class*=section-sub-heading][class*=grid][class*="2"] {
  grid-template-columns: repeat(2, 1fr);
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-completion {
  display: flex;
  margin-bottom: 12px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-completion > div:nth-of-type(1) {
  width: 50%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-completion > div:nth-of-type(2) {
  width: 50%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .app-navigation-header {
  display: flex;
  align-items: center;
  gap: 24px;
  position: relative;
  max-width: 980px;
  margin-inline: auto;
  margin-top: 30px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .app-navigation-header h1 {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #333;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .app-navigation-header a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  width: 24px;
  height: 24px;
  padding: 6px;
  color: #333;
  background-color: #eaeaea;
  border-radius: 50%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-items-header,
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item {
  display: flex;
  gap: 9px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-items-header > div:nth-of-type(1),
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(1) {
  width: 20%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-items-header > div:nth-of-type(2),
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(2) {
  width: 30%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-items-header > div:nth-of-type(3),
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(3) {
  width: 10%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-items-header > div:nth-of-type(4),
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(4) {
  width: 20%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-items-header > div:nth-of-type(5),
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(5) {
  width: 10%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-items-header > div:nth-of-type(6),
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(6) {
  width: 7%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-items-header {
  margin-block: 24px;
  position: relative;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-items-header::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #aeaeae;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item {
  margin-bottom: 12px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div {
  /*&:nth-of-type(5) {
      color: #ec272a;
  }*/
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(4) {
  color: #43b2e3;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(4).clr-danger {
  color: #d93c45;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(6) {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(6) a {
  margin: 0;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(6) i {
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(6) i.seg-View-Video {
  font-size: 9px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-item > div:nth-of-type(6) i:hover {
  background-color: #333;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .crew-member-info-header,
.content-open .context-panel .apps-sp-static #VesselAppInstance .crew-member-info-wrapper {
  display: flex;
  justify-content: space-between;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .crew-member-info-header > div:nth-of-type(1),
.content-open .context-panel .apps-sp-static #VesselAppInstance .crew-member-info-wrapper > div:nth-of-type(1) {
  width: 30%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .crew-member-info-header > div:nth-of-type(2),
.content-open .context-panel .apps-sp-static #VesselAppInstance .crew-member-info-wrapper > div:nth-of-type(2) {
  width: 25%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .crew-member-info-header > div:nth-of-type(3),
.content-open .context-panel .apps-sp-static #VesselAppInstance .crew-member-info-wrapper > div:nth-of-type(3) {
  width: 20%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .crew-member-info-header > div:nth-of-type(4),
.content-open .context-panel .apps-sp-static #VesselAppInstance .crew-member-info-wrapper > div:nth-of-type(4) {
  width: 35%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance [class*=section-sub-heading] {
  color: #3e3e3e;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 6px;
  margin-bottom: 12px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance [class*=section-sub-heading]::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c1c1c1;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance [class*=section-sub-heading][class*=grid] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  /*can be edited*/
  /*can be edited*/
}
.content-open .context-panel .apps-sp-static #VesselAppInstance [class*=section-sub-heading][class*=grid][class*="4"] {
  grid-template-columns: repeat(4, 1fr);
}
.content-open .context-panel .apps-sp-static #VesselAppInstance [class*=section-sub-heading][class*=grid][class*="4"] > div:nth-of-type(4) {
  justify-self: end;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance [class*=section-sub-heading][class*=grid][class*="3"] {
  grid-template-columns: repeat(3, 1fr);
}
.content-open .context-panel .apps-sp-static #VesselAppInstance [class*=section-sub-heading][class*=grid][class*="2"] {
  grid-template-columns: repeat(2, 1fr);
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-completion {
  display: flex;
  margin-bottom: 12px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-completion > div:nth-of-type(1) {
  width: 50%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .checklist-completion > div:nth-of-type(2) {
  width: 50%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-items-merge-header {
  display: flex;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-items-merge-header > div:nth-of-type(1) {
  width: 45%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .department-checklist-items-merge-header > div:nth-of-type(2) {
  width: 55%;
  padding-left: 13px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .metric-report-header > div:nth-of-type(3).day-count::before, .content-open .context-panel .apps-sp-static #VesselAppInstance .metric-report-header > div:nth-of-type(3).date-count::before {
  content: "NO. OF TIMES COMPLETED IN";
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .metric-report-header > div:nth-of-type(3).day-count > div, .content-open .context-panel .apps-sp-static #VesselAppInstance .metric-report-header > div:nth-of-type(3).date-count > div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 6px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .metric-report-header > div:nth-of-type(3).date-count::before {
  content: "NO. OF TIMES COMPLETED SINCE";
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .metric-report-header > div:nth-of-type(5).day-count::before {
  content: "NO. OF DAYS";
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .metric-report-header > div.day-count, .content-open .context-panel .apps-sp-static #VesselAppInstance .metric-report-header > div.date-count {
  position: relative;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .metric-report-header > div.day-count::before, .content-open .context-panel .apps-sp-static #VesselAppInstance .metric-report-header > div.date-count::before {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .crew-member-info-header {
  position: relative;
  padding-bottom: 18px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .crew-member-info-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .seg-header-bar_background_medium-grey_uppercase {
  display: flex;
  justify-content: space-between;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header,
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-item {
  display: flex;
  gap: 9px;
  width: 100%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header > div:nth-of-type(1),
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-item > div:nth-of-type(1) {
  width: 40%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header > div:nth-of-type(2),
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-item > div:nth-of-type(2) {
  width: 20%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header > div:nth-of-type(3),
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-item > div:nth-of-type(3) {
  width: 14%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header > div:nth-of-type(4),
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-item > div:nth-of-type(4) {
  width: 18%;
  text-align: right;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header > div:nth-of-type(5),
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-item > div:nth-of-type(5) {
  width: 8%;
  text-align: right;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header > div:nth-of-type(1) {
  width: calc(40% + 24px);
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-item > div:nth-of-type(4) {
  padding-right: 12px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container {
  padding-block: 0px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-header {
  padding-block: 0px;
  min-height: 15px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-merge-header {
  display: flex;
  padding-left: 18px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-merge-header > div:nth-of-type(1) {
  display: none;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-merge-header > div:nth-of-type(2) {
  width: 100%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(1),
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(1) {
  display: none;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(2),
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(2) {
  display: none;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(3),
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(3) {
  width: 10%;
  text-align: center;
  justify-content: center;
  color: inherit;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(4),
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(4) {
  width: 10%;
  text-align: center;
  justify-content: center;
  color: inherit;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(5),
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(5) {
  width: 10%;
  text-align: center;
  color: inherit;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(6),
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(6) {
  width: 10%;
  text-align: center;
  justify-content: center;
  color: inherit;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(7),
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(7) {
  width: 10%;
  text-align: center;
  color: inherit;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(8),
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(8) {
  width: 25%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(9),
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(9) {
  width: 25%;
  text-align: right;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-item {
  padding-inline: 0;
  padding-block: 0px !important;
  margin-block: 0px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-item > div:nth-of-type(2) {
  color: #44B2E3;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-item > div:nth-of-type(3) {
  display: flex;
  justify-content: space-between;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-item > div:nth-of-type(3) > div {
  padding: 5px 5px 5px 6px;
  border-radius: 50%;
  color: #fff;
  font-size: 8px;
  width: 20px;
  height: 20px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-item > div:nth-of-type(3) > div.connected {
  background-color: #21a13f;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .department-checklist-item > div:nth-of-type(3) > div.not_connected {
  background-color: #EC2024;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports.operational-checklist-logs .department-checklist-items-header > div:nth-of-type(1),
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports.operational-checklist-logs .department-checklist-item > div:nth-of-type(1) {
  width: 15%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports.operational-checklist-logs .department-checklist-items-header > div:nth-of-type(2),
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports.operational-checklist-logs .department-checklist-item > div:nth-of-type(2) {
  width: 20%;
  color: rgb(102, 102, 102);
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports.operational-checklist-logs .department-checklist-items-header > div:nth-of-type(3),
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports.operational-checklist-logs .department-checklist-item > div:nth-of-type(3) {
  width: 20%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports.operational-checklist-logs .department-checklist-items-header > div:nth-of-type(4),
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports.operational-checklist-logs .department-checklist-item > div:nth-of-type(4) {
  width: 30%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports.operational-checklist-logs .department-checklist-items-header > div:nth-of-type(4) span,
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports.operational-checklist-logs .department-checklist-item > div:nth-of-type(4) span {
  color: #e7453a;
  font-weight: 600;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports.operational-checklist-logs .department-checklist-items-header > div:nth-of-type(5),
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports.operational-checklist-logs .department-checklist-item > div:nth-of-type(5) {
  width: 15%;
  text-align: right;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .action-logged-container {
  position: relative;
  min-height: 24px;
  height: auto !important;
  display: flex;
  flex-direction: row;
  width: 100% !important;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .action-logged-container > div {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .action-logged-container > div .parent-logo {
  top: 0;
  left: 0;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .action-logged-container > div .parent-logo .action-log-icon {
  display: block;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: 50%;
  position: relative;
  transition: background-color 0.2s;
  border: 1px solid #565655;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .action-logged-container > div .parent-logo .action-log-icon i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #565655;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .action-logged-container > div .child-logo {
  top: 28px;
  left: 0;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .action-logged-container > div .child-logo .seg-badge {
  position: relative;
  box-shadow: none;
  min-width: 24px;
  height: 24px;
  border-radius: 15px;
  line-height: 24px;
  font-size: 13px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .action-logged-container .log-desc {
  padding-left: 6px;
  font-size: 12px;
  color: rgb(102, 102, 102);
}
.content-open .context-panel .apps-sp-static #VesselAppInstance #operationalChecklistReports .seg-acc-header .seg-acc-title .connected i {
  color: #fff;
}
.content-open .context-panel .apps-sp-static #riskAssessmentReports .department-checklist-items-header,
.content-open .context-panel .apps-sp-static #riskAssessmentReports .department-checklist-item {
  margin-bottom: 0px;
}
.content-open .context-panel .apps-sp-static #riskAssessmentReports .department-checklist-items-header > div:nth-of-type(1),
.content-open .context-panel .apps-sp-static #riskAssessmentReports .department-checklist-item > div:nth-of-type(1) {
  width: 40%;
}
.content-open .context-panel .apps-sp-static #riskAssessmentReports .department-checklist-items-header > div:nth-of-type(2),
.content-open .context-panel .apps-sp-static #riskAssessmentReports .department-checklist-item > div:nth-of-type(2) {
  width: 15%;
}
.content-open .context-panel .apps-sp-static #riskAssessmentReports .department-checklist-items-header > div:nth-of-type(3),
.content-open .context-panel .apps-sp-static #riskAssessmentReports .department-checklist-item > div:nth-of-type(3) {
  width: 12%;
}
.content-open .context-panel .apps-sp-static #riskAssessmentReports .department-checklist-items-header > div:nth-of-type(4),
.content-open .context-panel .apps-sp-static #riskAssessmentReports .department-checklist-item > div:nth-of-type(4) {
  width: 11%;
  text-align: center;
}
.content-open .context-panel .apps-sp-static #riskAssessmentReports .department-checklist-items-header > div:nth-of-type(5),
.content-open .context-panel .apps-sp-static #riskAssessmentReports .department-checklist-item > div:nth-of-type(5) {
  width: 15%;
  color: inherit;
}
.content-open .context-panel .apps-sp-static #riskAssessmentReports .department-checklist-items-header > div:nth-of-type(6),
.content-open .context-panel .apps-sp-static #riskAssessmentReports .department-checklist-item > div:nth-of-type(6) {
  width: 5%;
  text-align: end;
}
.content-open .context-panel .apps-sp-static #riskAssessmentReports .department-checklist-items-header {
  margin-bottom: 12px;
}
.content-open .context-panel .apps-sp-static #riskAssessmentReports .vessel-name-header i {
  color: var(--default-colour);
  background-color: transparent;
}
.content-open .context-panel .apps-sp-static #riskAssessmentReports .vessel-name-header i:hover {
  color: var(--default-colour);
  background-color: transparent;
}
.content-open .context-panel .apps-sp-static #riskAssessmentReports .stage-info {
  display: flex;
  gap: 24px;
  margin-bottom: 12px;
}
.content-open .context-panel .apps-sp-static #riskAssessmentReports .context-panel .vessel-name-header {
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.content-open .context-panel .apps-sp-static #riskAssessmentReports .context-panel .vessel-name-header::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #eaeaea;
  height: 1px;
  width: 100%;
}
.content-open .context-panel .apps-sp-static #riskAssessmentReports .context-panel .vessel-name-header .seg-close-dark-btn-wrapper {
  margin-left: 30px;
}
.content-open .context-panel .apps-sp-static #riskAssessmentReports .vessel-name-header > span {
  flex-grow: 1;
}
.content-open .context-panel .apps-sp-static #SafetyInspectionReport [class*=seg-header-bar], .content-open .context-panel .apps-sp-static #SafetyInspectionChecklistReport [class*=seg-header-bar] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: 6px;
}
.content-open .context-panel .apps-sp-static #SafetyInspectionReport [class*=seg-header-bar] [data-seg-component=seg-button] image-orientation, .content-open .context-panel .apps-sp-static #SafetyInspectionChecklistReport [class*=seg-header-bar] [data-seg-component=seg-button] image-orientation {
  font-size: 20px;
}
.content-open .context-panel .apps-sp-static #SafetyInspectionReport.stats-content-wrapper {
  border: none;
}
.content-open .context-panel .apps-sp-static #SafetyInspectionReport .department-checklist-items-header > div:nth-of-type(1), .content-open .context-panel .apps-sp-static #SafetyInspectionReport .department-checklist-item > div:nth-of-type(1) {
  width: 20%;
}
.content-open .context-panel .apps-sp-static #SafetyInspectionReport .department-checklist-items-header > div:nth-of-type(2), .content-open .context-panel .apps-sp-static #SafetyInspectionReport .department-checklist-item > div:nth-of-type(2) {
  width: 50%;
}
.content-open .context-panel .apps-sp-static #SafetyInspectionReport .department-checklist-items-header > div:nth-of-type(3), .content-open .context-panel .apps-sp-static #SafetyInspectionReport .department-checklist-item > div:nth-of-type(3) {
  width: 30%;
}
.content-open .context-panel .apps-sp-static #SafetyInspectionChecklistReport .department-checklist-items-header > div:nth-of-type(1),
.content-open .context-panel .apps-sp-static #SafetyInspectionChecklistReport .department-checklist-item > div:nth-of-type(1) {
  width: 50%;
}
.content-open .context-panel .apps-sp-static #SafetyInspectionChecklistReport .department-checklist-items-header > div:nth-of-type(2),
.content-open .context-panel .apps-sp-static #SafetyInspectionChecklistReport .department-checklist-item > div:nth-of-type(2) {
  width: 20%;
}
.content-open .context-panel .apps-sp-static #SafetyInspectionChecklistReport .department-checklist-items-header > div:nth-of-type(3),
.content-open .context-panel .apps-sp-static #SafetyInspectionChecklistReport .department-checklist-item > div:nth-of-type(3) {
  width: 30%;
}
.content-open .context-panel .apps-sp-static #SafetyInspectionChecklistReport .department-checklist-item > div:nth-of-type(2), .content-open .context-panel .apps-sp-static #SafetyInspectionChecklistReport .department-checklist-item > div:nth-of-type(3) {
  color: #43b2e3;
}
.content-open .context-panel .apps-sp-static .seg-app-1034 #VesselAppInstance .ror-non-compliance-section .crew-member-info-wrapper > div:nth-of-type(1) {
  width: 25%;
}
.content-open .context-panel .apps-sp-static .seg-app-1034 #VesselAppInstance .ror-non-compliance-section .crew-member-info-wrapper > div:nth-of-type(2) {
  width: 38%;
}
.content-open .context-panel .apps-sp-static .seg-app-1034 #VesselAppInstance .ror-non-compliance-section .crew-member-info-wrapper > div:nth-of-type(3) {
  width: 17%;
}
.content-open .context-panel .apps-sp-static .seg-app-1034 #VesselAppInstance .ror-non-compliance-section .crew-member-info-wrapper > div:nth-of-type(4) {
  width: 20%;
}
.content-open .context-panel .apps-sp-static .seg-app-1053 #VesselAppInstance .department-checklist-item, .content-open .context-panel .apps-sp-static .seg-app-1072 #VesselAppInstance .department-checklist-item {
  padding-inline: 12px;
}
.content-open .context-panel .apps-sp-static .seg-app-1053 #VesselAppInstance .department-checklist-item > div:nth-of-type(1), .content-open .context-panel .apps-sp-static .seg-app-1072 #VesselAppInstance .department-checklist-item > div:nth-of-type(1) {
  width: 20%;
}
.content-open .context-panel .apps-sp-static .seg-app-1053 #VesselAppInstance .department-checklist-item > div:nth-of-type(2), .content-open .context-panel .apps-sp-static .seg-app-1072 #VesselAppInstance .department-checklist-item > div:nth-of-type(2) {
  width: 30%;
}
.content-open .context-panel .apps-sp-static .seg-app-1053 #VesselAppInstance .department-checklist-item > div:nth-of-type(3), .content-open .context-panel .apps-sp-static .seg-app-1072 #VesselAppInstance .department-checklist-item > div:nth-of-type(3) {
  width: 10%;
}
.content-open .context-panel .apps-sp-static .seg-app-1053 #VesselAppInstance .department-checklist-item > div:nth-of-type(4), .content-open .context-panel .apps-sp-static .seg-app-1072 #VesselAppInstance .department-checklist-item > div:nth-of-type(4) {
  width: 20%;
  text-align: start;
}
.content-open .context-panel .apps-sp-static .seg-app-1053 #VesselAppInstance .department-checklist-item > div:nth-of-type(5), .content-open .context-panel .apps-sp-static .seg-app-1072 #VesselAppInstance .department-checklist-item > div:nth-of-type(5) {
  width: 10%;
}
.content-open .context-panel .apps-sp-static .seg-app-1053 #VesselAppInstance .department-checklist-item > div:nth-of-type(6), .content-open .context-panel .apps-sp-static .seg-app-1072 #VesselAppInstance .department-checklist-item > div:nth-of-type(6) {
  width: 7%;
}
.content-open .context-panel .apps-sp-static #seafarerDocs .seafarerDocs-accordion[data-is-expanded=true] {
  border-color: #fbd000;
}
.content-open .context-panel .apps-sp-static #seafarerDocs .seafarerDocs-accordion[data-is-expanded=true] .seg-acc-header::after {
  border-color: #fbd000;
}
.content-open .context-panel .apps-sp-static .floating-action {
  position: absolute;
  right: 0;
  top: -12px;
  font-size: 14px;
  font-weight: normal;
  color: inherit;
  text-transform: none;
  display: flex;
  align-items: center;
}
.content-open .context-panel .apps-sp-static .floating-action:hover {
  color: inherit;
}
.content-open .context-panel .apps-sp-static .floating-action i {
  font-size: 21px;
  border: 1.5px solid #323232;
  border-radius: 50%;
  color: #323232;
  padding: 4px;
  margin-left: 10px;
}
.content-open .context-panel .apps-sp-static .floating-action.active {
  color: #0D9FFB;
}
.content-open .context-panel .apps-sp-static .floating-action.active i {
  background-color: #0D9FFB;
  border-color: #0D9FFB;
  color: #FFFFFF;
}
.content-open .context-panel .apps-sp-static .emtp-contact {
  position: relative;
  overflow: hidden;
  padding-right: 280px;
  font-size: 16px;
}
.content-open .context-panel .apps-sp-static .emtp-contact::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 200%;
  background-color: var(--app-colour);
  top: 0;
  left: calc(100% - 260px);
  z-index: -1;
  transform-origin: top left;
  transform: rotate(-25deg);
}
.content-open .context-panel .apps-sp-static .emtp-contact i {
  font-size: 38px;
  border: 2px solid;
  border-radius: 7px;
  padding: 18px;
  color: #FFFFFF;
  position: absolute;
  top: 25px;
  right: 25px;
}
.content-open .context-panel .apps-sp-static .emtp-contact i + i {
  margin-left: 24px;
}
.content-open .context-panel .apps-sp-static .emtp-contact a.seg-button_rounded_dark.course-option-button {
  background-color: var(--app-colour);
  color: #FFFFFF;
  border-color: var(--app-colour);
  box-shadow: none;
  font-size: 12px;
  height: 42px;
}
.content-open .context-panel .apps-sp-static .modal-content .edit-wrapper .heading-row {
  padding-bottom: 6px;
  position: relative;
}
.content-open .context-panel .apps-sp-static .modal-content .edit-wrapper .heading-row::after {
  content: "";
  width: calc(100% - 12px);
  height: 1px;
  position: absolute;
  left: 6px;
  bottom: 0;
  background: #efefef;
}
.content-open .context-panel .apps-sp-static .modal-content .edit-wrapper .heading-row .heading {
  font-weight: 600;
}
.content-open .context-panel .apps-sp-static .modal-content .edit-wrapper .heading-row ~ .row {
  padding-top: 6px;
}
.content-open .context-panel .apps-sp-static .modal-content .seg-row .acknowledge-info label, .content-open .context-panel .apps-sp-static .modal-content .seg-row .acknowledge-meta label {
  margin-bottom: 0px;
  margin-top: 0;
  text-shadow: 0 0 black;
}
.content-open .context-panel .apps-sp-static .modal-content .seg-row .acknowledge-info.acknowledge-info, .content-open .context-panel .apps-sp-static .modal-content .seg-row .acknowledge-meta.acknowledge-info {
  padding-top: 10px;
}
.content-open .context-panel .apps-sp-static .modal-content .acknowledge-title {
  text-shadow: 0 0 black;
  padding: 5px 0;
  border-bottom: 1px solid #43b2e3;
  color: #43b2e3;
}
.content-open .context-panel .apps-sp-static .modal-content .acknowledge-info {
  display: flex;
  flex-direction: column;
  padding-top: 15px;
  padding-bottom: 15px;
}
.content-open .context-panel .apps-sp-static .modal-content .acknowledge-info .acknowledge-info-header {
  padding: 5px 0;
  border-bottom: 1px solid #efefef;
}
.content-open .context-panel .apps-sp-static .modal-content .acknowledge-info .acknowledge-info-header > div {
  text-shadow: 0 0 black;
}
.content-open .context-panel .apps-sp-static .modal-content .acknowledge-info .acknowledge-info-header, .content-open .context-panel .apps-sp-static .modal-content .acknowledge-info .acknowledge-info-items {
  display: inline-flex;
}
.content-open .context-panel .apps-sp-static .modal-content .acknowledge-info .acknowledge-info-header > div:nth-child(1), .content-open .context-panel .apps-sp-static .modal-content .acknowledge-info .acknowledge-info-items > div:nth-child(1) {
  flex: 0 0 100px;
}
.content-open .context-panel .apps-sp-static .modal-content .acknowledge-info .acknowledge-info-header > div:nth-child(2), .content-open .context-panel .apps-sp-static .modal-content .acknowledge-info .acknowledge-info-items > div:nth-child(2) {
  flex: 0 0 calc(100% - 100px);
}
.content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper {
  display: flex;
  flex-direction: column;
  padding-top: 15px;
  padding-bottom: 15px;
}
.content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-header {
  padding: 5px 0;
  border-bottom: 1px solid #efefef;
}
.content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-header > div {
  text-shadow: 0 0 black;
}
.content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-header, .content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-items {
  display: inline-flex;
}
.content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-header > div:nth-child(1):not(.change-history-item), .content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-items > div:nth-child(1):not(.change-history-item) {
  flex: 0 0 150px;
}
.content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-header > div:nth-child(2):not(.change-history-item), .content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-items > div:nth-child(2):not(.change-history-item) {
  flex: 0 0 calc(100% - 340px);
}
.content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-header > div:nth-child(3):not(.change-history-item), .content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-items > div:nth-child(3):not(.change-history-item) {
  flex: 0 0 190px;
}
.content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-header.change-history-items, .content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-items.change-history-items {
  display: flex;
  flex-direction: column;
}
.content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-header .change-history-item, .content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-items .change-history-item {
  display: inline-flex;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}
.content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-header .change-history-item::after, .content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-items .change-history-item::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #efefef;
  position: absolute;
  bottom: 0;
}
.content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-header .change-history-item:last-child, .content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-items .change-history-item:last-child {
  padding-bottom: 0;
}
.content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-header .change-history-item:last-child::after, .content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-items .change-history-item:last-child::after {
  display: none;
}
.content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-header .change-history-item > div:nth-child(1), .content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-items .change-history-item > div:nth-child(1) {
  flex: 0 0 150px;
}
.content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-header .change-history-item > div:nth-child(2), .content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-items .change-history-item > div:nth-child(2) {
  flex: 0 0 calc(100% - 340px);
}
.content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-header .change-history-item > div:nth-child(3), .content-open .context-panel .apps-sp-static .modal-content .change-history-wrapper .change-history-items .change-history-item > div:nth-child(3) {
  flex: 0 0 190px;
}
.content-open .context-panel .apps-sp-static .modal-content .active-checklist-item .icons-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 50px;
  height: calc(100% - 15px);
}
.content-open .context-panel .apps-sp-static .modal-content .active-checklist-item .icons-wrapper .open-mchecklist {
  font-size: 30px;
  color: #ec5b25;
  line-height: 30px;
}
.content-open .context-panel .apps-sp-static #BulkSettings {
  padding-inline: 0;
}
.content-open .context-panel .apps-sp-static #BulkSettings form > * {
  padding-inline: 24px;
}
.content-open .context-panel .apps-sp-static #BulkSettings .settings-title {
  font-size: 18px;
  color: #555;
}
.content-open .context-panel .apps-sp-static #BulkSettings .vessel-description {
  font-size: 22px;
  font-weight: 700;
  color: #555;
  text-transform: uppercase;
}
.content-open .context-panel .apps-sp-static #BulkSettings .tables-wrapper {
  padding-block: 18px 38px;
  background-color: #FAFAFA;
}
.content-open .context-panel .apps-sp-static #BulkSettings .checklist-items-wrapper,
.content-open .context-panel .apps-sp-static #BulkSettings .vessel-checklist-items {
  max-height: 640px;
  overflow-y: auto;
}
.content-open .context-panel .apps-sp-static #BulkSettings .table-container {
  position: relative;
  padding: 12px;
  border-radius: 6px;
  border: 1px solid #3e3e3e;
}
.content-open .context-panel .apps-sp-static #BulkSettings .table-container > label {
  position: absolute;
  top: -21px;
  left: 6px;
  width: max-content;
  margin: 0;
  padding: 6px;
  color: #191919;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: none;
  background-color: #fafafa;
}
.content-open .context-panel .apps-sp-static #BulkSettings .table-container > label::before, .content-open .context-panel .apps-sp-static #BulkSettings .table-container > label::after {
  content: none;
}
.content-open .context-panel .apps-sp-static #BulkSettings .table-container .crud-checklist-item:last-of-type::after {
  content: none;
}
.content-open .context-panel .apps-sp-static #BulkSettings .table-container.deleted-checklist .crud-checklist-items .checklist-items-wrapper > div > div:nth-of-type(1) {
  width: 75%;
  align-items: center;
}
.content-open .context-panel .apps-sp-static #BulkSettings .table-container.deleted-checklist .crud-checklist-items .checklist-items-wrapper > div > div:nth-of-type(2) {
  width: 25%;
}
.content-open .context-panel .apps-sp-static #BulkSettings .table-container.deleted-checklist .crud-checklist-items .checklist-items-wrapper > div > div [class*=seg-button] {
  width: max-content;
  box-shadow: 0 0 1px #555;
  color: #555;
}
.content-open .context-panel .apps-sp-static #BulkSettings .reset-button-wrapper {
  width: max-content;
}
.content-open .context-panel .apps-sp-static #BulkSettings .reset-button-wrapper .action-icon i {
  box-shadow: none;
  background-color: #3e3e3e;
  color: #fff;
}
.content-open .context-panel .apps-sp-static #BulkSettings .reset-button-wrapper > span {
  color: #707070;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .crud-checklist-items-header,
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .crud-checklist-item {
  position: relative;
  align-items: center;
  padding-block: 12px;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .crud-checklist-items-header::after,
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .crud-checklist-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #919191;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .crud-checklist-item.header > div {
  text-align: center;
  color: #191919;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .crud-checklist-item.header > div:nth-of-type(1) {
  width: 75%;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .crud-checklist-item.header > div:nth-of-type(2) {
  width: 25%;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .crud-checklist-items-header > div:nth-of-type(1) {
  width: 55%;
  color: #555555;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .crud-checklist-items-header > div:nth-of-type(1) span {
  color: #191919;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .crud-checklist-items-header > div:nth-of-type(1) span:nth-of-type(1) {
  width: 65%;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .crud-checklist-items-header > div:nth-of-type(1) span:nth-of-type(2) {
  width: max-content;
  height: max-content;
  padding: 1px 6px;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 100vh;
  border: 1px solid;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .crud-checklist-items-header > div:nth-of-type(1) span:nth-of-type(2).empty {
  border: none;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .crud-checklist-items-header > div:nth-of-type(2) {
  width: 23.33%;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .crud-checklist-items-header > div:nth-of-type(3) {
  width: 15.33%;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .crud-checklist-items-header > div:nth-of-type(4) {
  width: 6%;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .crud-checklist-items-header > div:not(:nth-of-type(1)) {
  text-align: center;
  color: #191919;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .checklist-items-wrapper > div > div:nth-of-type(1) {
  width: 55%;
  color: #555555;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .checklist-items-wrapper > div > div:nth-of-type(1) span {
  color: #191919;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .checklist-items-wrapper > div > div:nth-of-type(1) span:nth-of-type(1) {
  width: 65%;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .checklist-items-wrapper > div > div:nth-of-type(1) span:nth-of-type(2) {
  width: max-content;
  height: max-content;
  padding: 1px 6px;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 100vh;
  border: 1px solid;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .checklist-items-wrapper > div > div:nth-of-type(1) span:nth-of-type(2).empty {
  border: none;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .checklist-items-wrapper > div > div:nth-of-type(2) {
  width: 23.33%;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .checklist-items-wrapper > div > div:nth-of-type(3) {
  width: 15.33%;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .checklist-items-wrapper > div > div:nth-of-type(4) {
  width: 6%;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .checklist-items-wrapper > div > div:not(:nth-of-type(1)) {
  text-align: center;
  color: #191919;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .checklist-items-wrapper > div .seg-checkbox {
  display: flex;
  justify-content: center;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .checklist-items-wrapper > div .seg-checkbox label {
  width: unset;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .checklist-items-wrapper > div .seg-checkbox label::before {
  min-width: 20px;
  width: 20px;
  min-height: 20px;
  height: 20px;
  box-shadow: 0 0 1px #555;
  border-radius: 3px;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .checklist-items-wrapper > div .seg-checkbox label::after {
  top: 12px;
  left: 4px;
  width: 5px;
  height: 13px;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .checklist-items-wrapper > div .seg-checkbox input:checked ~ label::before {
  background-color: #555;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items .checklist-items-wrapper > div .seg-checkbox input:checked ~ label::after {
  border-color: #fff;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items.vessel-checklist-items .crud-checklist-item {
  justify-content: space-between;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items.vessel-checklist-items .crud-checklist-item::after {
  top: 0;
  bottom: unset;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items.vessel-checklist-items .crud-checklist-item > div:nth-of-type(1) {
  width: 95%;
  font-size: 16px;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items.vessel-checklist-items .crud-checklist-item > div:nth-of-type(2) {
  width: 5%;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items.vessel-checklist-items .crud-checklist-item input:checked ~ label::before {
  background-color: #555;
}
.content-open .context-panel .apps-sp-static #BulkSettings .crud-checklist-items.vessel-checklist-items .crud-checklist-item input:checked ~ label::after {
  border-color: #fff;
}
.content-open .context-panel .apps-sp-static #BulkSettings .select-vessel-title {
  color: #191919;
  font-size: 16px;
  font-weight: 600;
}
.content-open .context-panel .apps-sp-static #reviewChecklist .section-danger {
  background-color: #f49999;
}
.content-open .context-panel .apps-sp-static #reviewChecklist .section-warning {
  background-color: #ffd099;
}
.content-open .context-panel .apps-sp-static #reviewChecklist .section-success {
  background-color: #b3ebc7;
}
.content-open .context-panel .apps-sp-static #MaintenanceActivityPlan .charcoal-action-button.action-icon i {
  box-shadow: none;
  background-color: #333;
  color: #fff;
}
.content-open .context-panel .apps-sp-static #internalNotices .nav-vessel-dropdown .seg-mdl-dropdown {
  width: max-content;
}
.content-open .context-panel .apps-sp-static #internalNotices .nav-vessel-dropdown .seg-mdl-dropdown::before, .content-open .context-panel .apps-sp-static #internalNotices .nav-vessel-dropdown .seg-mdl-dropdown::after {
  content: none;
}
.content-open .context-panel .apps-sp-static #internalNotices .nav-vessel-dropdown .seg-mdl-dropdown select {
  color: transparent;
}
.content-open .context-panel .apps-sp-static #internalNotices .nav-vessel-dropdown .seg-mdl-dropdown select {
  font-size: 16px;
}
@media screen and (max-width: 1332px) {
  .content-open .context-panel .apps-sp-static #internalNotices .nav-vessel-dropdown .seg-mdl-dropdown select {
    font-size: 14px;
  }
}
.content-open .context-panel .apps-sp-static #internalNotices .nav-vessel-dropdown .seg-mdl-dropdown select:focus {
  color: var(--mcDashboardBlue);
}
.content-open .context-panel .apps-sp-static #internalNotices .nav-vessel-dropdown .seg-mdl-dropdown select:focus option {
  color: #3e3e3e;
}
.content-open .context-panel .apps-sp-static #internalNotices .seg-mdl-dropdown {
  width: max-content;
}
.content-open .context-panel .apps-sp-static #internalNotices .seg-mdl-dropdown label {
  margin-top: 0;
  width: max-content;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
@media screen and (max-width: 1332px) {
  .content-open .context-panel .apps-sp-static #internalNotices .seg-mdl-dropdown label {
    font-size: 14px;
  }
}
.content-open .context-panel .apps-sp-static #internalNotices .seg-mdl-dropdown label::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  border-bottom: 2px solid var(--mcDashboardBlue);
}
@media screen and (max-width: 1332px) {
  .content-open .context-panel .apps-sp-static #internalNotices .seg-mdl-dropdown label::after {
    bottom: -4px;
  }
}
.content-open .context-panel .apps-sp-static #internalNotices .seg-mdl-dropdown label::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -18px;
  width: 8px;
  height: 8px;
  transform: translateY(-65%) rotate(45deg);
  border-bottom: 2px solid;
  border-right: 2px solid;
  transition: transform 300ms ease;
}
.content-open .context-panel .apps-sp-static #internalNotices .seg-mdl-dropdown .dropdown-arrow {
  display: none;
}
.content-open .context-panel .apps-sp-static #internalNotices .seg-mdl-dropdown.seg-mdl-focussed label, .content-open .context-panel .apps-sp-static #internalNotices .seg-mdl-dropdown.seg-mdl-completed label {
  color: var(--mcDashboardBlue);
}
.content-open .context-panel .apps-sp-static #internalNotices .seg-mdl-dropdown.seg-mdl-completed label {
  transform: none;
}
.content-open .context-panel .apps-sp-static #internalNotices .seg-mdl-dropdown.seg-mdl-focussed label {
  transform: scale(0.8) translateX(-13%) translateY(-47%);
  padding-bottom: 24px;
}
.content-open .context-panel .apps-sp-static #internalNotices .seg-mdl-dropdown.seg-mdl-focussed label::before {
  transform: translateY(-200%) rotate(135deg);
}
.content-open .context-panel .apps-sp-static #internalNotices .nav-vessel-dropdown select {
  max-width: 400px;
  word-wrap: break-word;
  font-size: 14px !important;
}
.content-open .context-panel .apps-sp-static #internalNotices .nav-vessel-dropdown label {
  max-width: 350px;
  line-height: 1;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.content-open .context-panel .apps-sp-static #internalNotices .nav-vessel-dropdown .seg-mdl-focussed label {
  transform: scale(0.8) translateX(-13%) translateY(-70%);
}
.content-open .context-panel .apps-sp-static #internalNotices .nav-vessel-dropdown .seg-mdl-focussed label::before {
  transform: translateY(-200%) rotate(135deg);
}
.content-open .context-panel .apps-sp-static #internalNotices .nav-vessel-dropdown .seg-mdl-focussed label::after {
  bottom: -12px;
}
.content-open .context-panel .apps-sp-static #internalNotices .nav-vessel-dropdown .seg-mdl-dropdown::before {
  content: "";
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-report-header {
  position: relative;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-report-header::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: red;
  bottom: 0;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-wrapper .ror-section-user {
  box-shadow: inset 0 0 0 1px #eaeaea;
  padding: 2rem;
  border-radius: 6px;
  margin-top: 3rem;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-wrapper .ror-section-user .section-heading::before {
  content: none;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-wrapper .ror-section-user .section-heading .ror-department {
  font-weight: normal;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-wrapper .department-checklist-items-header::after {
  width: calc(100% - 24px);
  left: 12px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-wrapper .department-checklist-items-header > div:nth-of-type(1) {
  width: 15%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-wrapper .department-checklist-items-header > div:nth-of-type(2) {
  width: 35%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-wrapper .department-checklist-items-header > div:nth-of-type(3) {
  width: 15%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-wrapper .department-checklist-items-header > div:nth-of-type(4) {
  width: 35%;
  padding-left: 8px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-wrapper .department-checklist-items .department-checklist-item {
  padding-inline: 0;
  margin-inline: 0;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-wrapper .department-checklist-items .department-checklist-item > div:nth-of-type(1) {
  width: 15%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-wrapper .department-checklist-items .department-checklist-item > div:nth-of-type(2) {
  width: 35%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-wrapper .department-checklist-items .department-checklist-item > div:nth-of-type(3) {
  width: 15%;
  padding-left: 6px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-wrapper .department-checklist-items .department-checklist-item > div:nth-of-type(3).warning {
  color: #CC0000;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-wrapper .department-checklist-items .department-checklist-item > div:nth-of-type(4) {
  width: 35%;
  padding-left: 14px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-wrapper .department-checklist-items [class*=seg-button][class*=rounded] {
  box-shadow: none;
  color: #43B2E3;
  padding: 0;
  margin: 0;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-wrapper .department-checklist-items [class*=seg-button][class*=rounded]::after {
  content: none;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-wrapper .department-checklist-items [class*=seg-button]:hover .button-text {
  color: unset;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-wrapper .ror-section-user.column-3 .department-checklist-items-header > div:nth-of-type(1) {
  width: 40%;
  margin-right: 24px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-wrapper .ror-section-user.column-3 .department-checklist-items-header > div:nth-of-type(2) {
  width: 30%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-wrapper .ror-section-user.column-3 .department-checklist-items-header > div:nth-of-type(3) {
  width: 30%;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-wrapper .ror-section-user.column-3 .crew-member-info-wrapper > div:nth-of-type(1) {
  width: 40%;
  margin-right: 24px;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-wrapper .ror-section-user.column-3 .crew-member-info-wrapper > div:nth-of-type(2) {
  width: 30%;
  color: #44B2E3;
}
.content-open .context-panel .apps-sp-static #VesselAppInstance .safety-inspection-wrapper .ror-section-user.column-3 .crew-member-info-wrapper > div:nth-of-type(3) {
  width: 30%;
  color: #44B2E3;
  padding-left: 42px;
}
.content-open .context-panel.statbar-fullscreen-forced {
  max-width: 100%;
}
.content-open .context-panel.statbar-fullscreen:not(.statbar-fullscreen-forced) [data-bind=statbar-fullscreen], .content-open .context-panel.statbar-fullscreen:not(.statbar-fullscreen-forced) [data-bind=statbar-fullscreen-close] {
  display: none;
}
.content-open .apps-panel {
  max-width: calc(100% - 50%);
}

.top-level-app-panel {
  /*max-width: 100vw;*/
  width: 100%;
}
.top-level-app-panel .scroll-area .scroll-inner {
  margin: 0;
}
.top-level-app-panel .scroll-area .scroll-inner::before {
  content: "";
  background-color: #eaeaea;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 24px;
}
.top-level-app-panel .scroll-area button.arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  height: calc(100% - 84px);
  background-color: #000;
  width: 3px;
  transform: translate(0, -50%);
}
.top-level-app-panel .scroll-area button.arrow-left {
  padding-right: 4px;
}
.top-level-app-panel .scroll-area button.arrow-left::before {
  left: calc(100% - 2px);
}
.top-level-app-panel .scroll-area button.arrow-right {
  padding-left: 4px;
}
.top-level-app-panel .scroll-area button.arrow-right::before {
  right: calc(100% - 2px);
}
.top-level-app-panel .scroll-area button.arrow {
  height: calc(100% - 24px);
  background-color: #eaeaea;
  width: 24px;
}

.app-panel_tier-1,
.app-panel_tier-2,
.app-panel_tier-3 {
  display: flex;
  /*margin-bottom: 24px;*/
}

.app-panel_tier-1 {
  /*background-color: #eaeaea;*/
  display: flex;
  /*display: inline-flex;
  min-width: 100vw;*/
}
.app-panel_tier-1:not(.owl-loaded) {
  margin-bottom: 24px;
  background-color: #eaeaea;
  padding-top: 24px;
  padding-bottom: 12px;
  padding-left: 18px;
}
.app-panel_tier-1 .owl-item {
  max-width: 144px;
}
.app-panel_tier-1 .owl-item:not(.active) {
  opacity: 0;
  pointer-events: none;
}
.app-panel_tier-1 .btn-wrapper {
  margin-top: 12px;
}
.app-panel_tier-1 .btn-wrapper::before {
  content: "";
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  height: 17px;
  width: 17px;
  background-color: #eaeaea;
  transform: translate(-50%, -50%) rotate(45deg) scale(0, 0);
  z-index: 1;
  display: block;
  transition: transform 0.3s ease-out;
}
.app-panel_tier-1 .btn-wrapper.active-parent::before {
  transform: translate(-50%, -50%) rotate(45deg) scale(1, 1);
}
.app-panel_tier-1 .btn-wrapper.active-parent.parent-app-toggle .dots .dot, .app-panel_tier-1 .btn-wrapper.active.parent-app-toggle .dots .dot {
  box-shadow: inset #fff 0 0 0 2px;
}

.app-panel_tier-2 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 24px;
  background-color: #fff;
  position: relative;
  padding-inline: 12px;
}
.app-panel_tier-2.tier-3-divider::after {
  content: "";
  position: absolute;
  top: calc(100% + 35px);
  left: 84px;
  width: var(--safetyChecklistsUnderline);
  height: 0.5px;
  background-color: #919191;
  transition: transform 0.3s ease-out 0.4s;
}
.app-panel_tier-2 .btn-wrapper.active-parent.parent-app-toggle .dots .dot, .app-panel_tier-2 .btn-wrapper.active.parent-app-toggle .dots .dot {
  box-shadow: inset #fff 0 0 0 2px;
}
.app-panel_tier-2 .btn-wrapper.active-parent::before {
  transform: scale(1, 1);
}

.app-panel_tier-3 {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 24px;
  padding-inline: 12px;
  background-color: #fff;
}
.app-panel_tier-3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 84px;
  width: calc(var(--tier-apps-width) * 1px - 144px);
  border-bottom: 1px solid #919191;
}
.app-panel_tier-3 .btn-wrapper::before {
  content: "";
  position: absolute;
  top: -24px;
  right: 50%;
  height: 24px;
  width: 1px;
  background-color: #919191;
  transform-origin: right;
  transform: scale(0, 0);
  transition: transform 0.3s ease-out 0.4s;
}
.app-panel_tier-3 .btn-wrapper.tier-3.show::after {
  transform: scale(1, 1);
}
.app-panel_tier-3 .btn-wrapper.tier-3.show::before {
  transform: scale(1, 1);
}
.app-panel_tier-3.fence-border-dotted {
  border-radius: 14px;
  border-color: #aeaeae;
  border-width: 2px;
  border-style: dashed;
  padding-left: 28px;
  padding-right: 28px;
  padding-bottom: 7px;
  margin-left: 14px;
  margin-right: 14px;
}
.app-panel_tier-3.fence-border-dotted .btn-wrapper::before {
  width: 0;
  height: 0;
}

.app-fence {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
}
.app-fence.fence-active {
  border-radius: 14px;
  border-color: #aeaeae;
  border-width: 2px;
  border-style: dashed;
  padding-left: 28px;
  padding-right: 28px;
  margin-left: 14px;
  margin-right: 14px;
}
.app-fence.fence-active .appButton {
  margin-top: 28px;
}

.tier-2.btn-wrapper, .tier-3.btn-wrapper {
  display: none;
  min-height: 144px;
}

.btn-wrapper {
  align-self: center;
  margin-top: 24px;
  text-align: center;
}
.btn-wrapper.active-parent.parent-app-toggle .dots .dot, .btn-wrapper.active.parent-app-toggle .dots .dot {
  box-shadow: inset #fff 0 0 0 2px;
}

.btn-wrapper.parent-selected {
  display: block;
  margin-block: 24px 12px;
}

.owl-carousel .owl-item,
.appButton {
  background-color: inherit;
}

.owl-carousel.tripple-height-label .btn-wrapper {
  height: 180px;
}

.btn-wrapper.app-coming-soon .icon-container {
  border: 2px dashed #919191;
}

.btn-wrapper .app-state-icon-container {
  display: inline-flex;
  align-items: flex-end;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 30px;
  width: 30px;
  padding: 6px 6px 0 0;
  z-index: 2;
  font-size: 24px;
  border-radius: 0 12px 0 0;
  background-color: inherit;
  color: #919191;
}

/*App has children styles*/
.btn-wrapper a .dots {
  display: none;
}
.btn-wrapper.parent-app-toggle .dots {
  position: absolute;
  top: 84px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  padding: 0px 3px;
  width: 30px;
  z-index: 1;
  background-color: inherit;
  transition: background-color 0.3s linear;
}
.btn-wrapper.parent-app-toggle .dots .dot {
  display: block;
  box-shadow: inset #919191 0 0 0 2px;
  height: 6px;
  width: 6px;
  border-radius: 2px;
}
.btn-wrapper.active-parent.parent-app-toggle .dots .dot, .btn-wrapper.active.parent-app-toggle .dots .dot {
  box-shadow: inset #fbfbfb 0 0 0 2px;
  border-radius: 2px 2px 0 0;
}

/*Owl carousel overwrites*/
#VesselApps .owl-nav button, #AppTours .owl-nav button {
  position: absolute;
  width: 24px;
  background-color: #eaeaea;
  height: calc(100% - 12px);
  transform: translateY(-50%);
  top: calc(50% - 6px);
  color: transparent;
}
#VesselApps .owl-nav button::before, #AppTours .owl-nav button::before {
  content: "";
  position: absolute;
  top: 50%;
  width: 2px;
  height: calc(100% - 60px);
  transform: translateY(-50%);
  background-color: #919191;
}
#VesselApps .owl-nav button:after, #AppTours .owl-nav button:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
}
#VesselApps .owl-nav button span, #AppTours .owl-nav button span {
  font-size: 24px;
}
#VesselApps .owl-nav button.disabled, #AppTours .owl-nav button.disabled {
  opacity: 0;
}
#VesselApps button.owl-prev, #AppTours button.owl-prev {
  left: 0;
}
#VesselApps button.owl-prev::before, #AppTours button.owl-prev::before {
  left: calc(100% - 2px);
}
#VesselApps button.owl-prev:after, #AppTours button.owl-prev:after {
  box-shadow: inset #919191 1px 1px 0 0;
  transform: translate(-50%, -50%) rotate(135deg) scale(-1, -1);
}
#VesselApps button.owl-next, #AppTours button.owl-next {
  right: 0;
}
#VesselApps button.owl-next::before, #AppTours button.owl-next::before {
  right: calc(100% - 2px);
}
#VesselApps button.owl-next:after, #AppTours button.owl-next:after {
  box-shadow: inset #919191 1px 1px 0 0px;
  transform: translate(-100%, -50%) rotate(135deg);
}

.apps-panel .owl-carousel .owl-stage-outer::after {
  /*We add this in to prevent white space happenning when we reach the end of the scollable list*/
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: #eaeaea;
}
.apps-panel .owl-carousel .owl-stage {
  margin-inline: 12px;
  padding-top: 24px;
  background-color: #eaeaea;
}
.apps-panel .owl-dots {
  display: none;
}

.apps-tour-bar {
  background-color: #43B2E3;
  height: 48px;
  width: 100%;
  position: relative;
  color: #fff;
  text-align: center;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
}
.apps-tour-bar a {
  color: #fff;
  text-decoration: underline;
  font-weight: bold;
}
.apps-tour-bar .tour-blue-bar-close {
  position: absolute;
  right: 24px;
  top: 0;
  font-size: 24px;
  cursor: pointer;
  line-height: 42px;
  display: inline-flex;
  align-items: center;
}

.mdl-header .mdl-header-bottom .mdl-header-nav-btn .tutorial-toggle.tutorial-active {
  color: #43b2e3;
}
.mdl-header .mdl-header-bottom .seg-tutorial-mode-wrapper {
  display: flex;
  position: relative;
  /*Supports
      fade
      bounce
      stretch-down
      stretch-right
      drop-in
      slide-up
      slide-down
      slide-left
      slide-right
  */
}
.mdl-header .mdl-header-bottom .seg-tutorial-mode-wrapper [data-transition-in=stretch-left] {
  animation: transition-in_stretch-left;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
}
@keyframes transition-in_stretch-left {
  0% {
    transform-origin: right;
    transform: scale(0, 1);
  }
  100% {
    transform-origin: right;
    transform: scale(1, 1);
  }
}
.mdl-header .mdl-header-bottom .seg-tutorial-mode-wrapper .seg-tutorial-mode-enabled {
  height: 30px;
  padding-top: 5px;
  background-color: #43b2e3;
  color: rgba(255, 255, 255, 0);
  border-radius: 24px;
  position: absolute;
  right: 0;
  padding-left: 21px;
  width: 160px;
  width: 30px;
  opacity: 0;
  transition: opacity 0.1s ease-out, width 0s linear 0.1s;
}
.mdl-header .mdl-header-bottom .seg-tutorial-mode-wrapper .seg-tutorial-mode-enabled.active {
  width: 180px;
  padding-right: 30px;
  color: #fff;
  transition: opacity 0s ease-out, color 0.2s ease 0.2s, width 0.2s cubic-bezier(1, 0, 0.87, 1.05), padding 0.2s cubic-bezier(1, 0, 0.87, 1.05);
  opacity: 1;
}

.app-panel-tier.tier-divider::after {
  content: "";
  position: absolute;
  top: calc(100% + 35px);
  left: 84px;
  width: var(--safetyChecklistsUnderline);
  height: 0.5px;
  background-color: #919191;
  transition: transform 0.3s ease-out 0.4s;
}

/*This is needed for when we are in tutorial mode seems like the header height offset changes with 1px*/
.tour-enabled .app-panel-tier.tier-divider::after {
  top: calc(100% + 36px);
}

/*Theming for bootbox in familiarisation check*/
.bootbox-btn-wrapper-btn-primary .seg-mdl-btn {
  background-color: #666;
}

@media all and (max-width: 1550px) {
  .content-open .context-panel {
    max-width: 800px;
    /*
        !!This works best for Absolutely positioned elements!!
        absoluteHide and unhide work in relation with one another 
        to hide an element while allowing it to still be scanned through in the DOM
        (alternative to display none)
    */
    position: absolute;
    opacity: 1;
    pointer-events: auto;
    clip: initial;
  }
  .content-open .apps-panel {
    max-width: calc(100% - 800px);
  }
  .content-open.expanded .context-panel {
    /*This should allow a single app column along with the owl carousel arrows*/
    /*max-width: 55%;*/
    max-width: calc(100% - 208px);
  }
  .content-open.expanded .apps-panel {
    /*This should allow a single app column along with the owl carousel arrows*/
    /*max-width: 45%;*/
    max-width: 208px;
  }
}
@media all and (max-width: 1320px) {
  .content-open .context-panel {
    max-width: calc(100% - 208px);
  }
  .content-open .apps-panel {
    max-width: 208px;
  }

  .content-open.expanded .context-panel {
    max-width: 100%;
  }
  .content-open.expanded .apps-panel {
    max-width: 0;
  }
}
.no-app-selected {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.no-app-selected .illustration-notice-icon {
  background-color: rgba(234, 234, 234, 0.4588235294);
  border-radius: 6px;
  line-height: 1.2;
  display: inline-flex;
  flex-direction: column;
  padding: 24px 0;
}
.no-app-selected .illustration-notice-icon i {
  padding-bottom: 12px;
  display: inline-block;
  color: #fff;
  font-size: 40px;
}
.no-app-selected .statistical-data-section {
  width: 60%;
  max-width: 600px;
}
.no-app-selected .statistical-data-section img {
  max-width: 397px;
}

.stats-content-wrapper {
  width: 100%;
  transform: scale(1, 1);
  transform-origin: right;
  /* styles pulled through from the vessels-app-stats-bar*/
  /* styles pulled through from the vessels-app-stats-bar*/
  /* styles pulled through from the vessels-app-stats-bar*/
  /*.risk-assessment {
      .stats-table-header {
          @include _grid-column-widths((10%,60%,30%));
      }
  }*/
}
.stats-content-wrapper .section-heading {
  padding: 12px 0;
  text-transform: uppercase;
  font-weight: 500;
  color: #333;
  position: relative;
  margin-bottom: 12px;
  display: flex;
  line-height: 14px;
  align-items: center;
}
.stats-content-wrapper .section-heading::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #eaeaea;
  height: 1px;
  width: 100%;
}
.stats-content-wrapper .section-heading .date-label,
.stats-content-wrapper .section-heading .micro-label {
  text-transform: initial;
  align-self: center;
  margin-left: auto;
}
.stats-content-wrapper .section-heading .date-label [data-seg-component=seg-button]:not(.seg-close-btn-wrapper),
.stats-content-wrapper .section-heading .micro-label [data-seg-component=seg-button]:not(.seg-close-btn-wrapper) {
  font-weight: normal;
}
.stats-content-wrapper .section-heading .date-label [data-seg-component=seg-button]:not(.seg-close-btn-wrapper) i,
.stats-content-wrapper .section-heading .micro-label [data-seg-component=seg-button]:not(.seg-close-btn-wrapper) i {
  background-color: #fff !important;
}
.stats-content-wrapper .expand-btn {
  display: none;
  position: relative;
  width: 24px;
  height: 24px;
}
.stats-content-wrapper .expand-btn i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1, 1);
  font-size: 12px;
}
.stats-content-wrapper [class*=seg-header-bar] {
  position: relative;
  font-size: 14px;
  line-height: 12px;
  margin-block: 24px 12px;
}
.stats-content-wrapper [class*=seg-header-bar] .header-actions {
  display: inline-block;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.stats-content-wrapper .header-actions {
  position: absolute;
  right: 12px;
}
.stats-content-wrapper .header-actions .action-icon {
  margin: 0;
}
.stats-content-wrapper .header-actions .action-icon:hover i {
  background-color: #666;
}
.stats-content-wrapper [class*=section-sub-heading] {
  color: #3e3e3e;
  text-transform: uppercase;
  position: relative;
  margin-block: 18px 12px;
}
.stats-content-wrapper [class*=section-sub-heading]::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c1c1c1;
}
.stats-content-wrapper [class*=section-sub-heading][class*=grid] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 1rem;
  /*can be edited*/
  /*can be edited*/
}
.stats-content-wrapper [class*=section-sub-heading][class*=grid][class*="4"] {
  grid-template-columns: repeat(4, 1fr);
}
.stats-content-wrapper [class*=section-sub-heading][class*=grid][class*="4"] > div:nth-of-type(4) {
  justify-self: end;
}
.stats-content-wrapper [class*=section-sub-heading][class*=grid][class*="3"] {
  grid-template-columns: repeat(3, 1fr);
}
.stats-content-wrapper [class*=section-sub-heading][class*=grid][class*="2"] {
  grid-template-columns: repeat(2, 1fr);
}
.stats-content-wrapper [class*=section-sub-heading] .count-outline {
  box-shadow: none;
}
.stats-content-wrapper .section-department-text {
  padding-top: 6px;
  display: flex;
  min-height: 150px;
}
.stats-content-wrapper .section-department-text .seg-textbox {
  margin: 12px 0 0;
  width: calc(100% - 2px);
}
.stats-content-wrapper .section-department-text textarea {
  height: 150px;
}
.stats-content-wrapper .intro p {
  padding: 12px;
}
.stats-content-wrapper .stats-content-table {
  width: 100%;
  margin: 0;
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  padding: 12px 0;
}
.stats-content-wrapper .stats-content-table th {
  font-weight: normal;
  font-size: 12px;
  vertical-align: top;
}
.stats-content-wrapper .stats-content-table th:first-child {
  width: 280px;
}
.stats-content-wrapper .stats-content-table th:first-child div {
  padding-left: 18px;
}
.stats-content-wrapper .stats-content-table th:not(:first-child),
.stats-content-wrapper .stats-content-table td:not(:first-child) {
  text-align: center;
}
.stats-content-wrapper .stats-content-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #fff;
}
.stats-content-wrapper .stats-content-table thead th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  background-color: #fff;
}
.stats-content-wrapper .stats-content-table thead th:first-child div {
  width: 100%;
  background-color: #fff;
}
.stats-content-wrapper .stats-content-table td {
  text-align: center;
}
.stats-content-wrapper .stats-content-table td div, .stats-content-wrapper .stats-content-table th div {
  padding: 6px;
  min-width: 96px;
}
.stats-content-wrapper .stats-content-table tbody th {
  position: relative;
}
.stats-content-wrapper .stats-content-table tbody td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  text-align: left;
}
.stats-content-wrapper .stats-content-table tbody td:first-child div {
  width: 100%;
  background-color: #fff;
  padding-left: 18px;
}
.stats-content-wrapper .metric-chart > div {
  display: block;
  height: 240px;
  width: 100%;
  border: 1px solid #333;
  border-radius: 6px;
  margin: 24px 0;
  position: relative;
}
.stats-content-wrapper .metric-chart > div label {
  position: absolute;
  top: 0;
  left: -2px;
  transform: translateY(-50%);
  padding: 6px 6px 6px 0;
  background-color: #fff;
}
.stats-content-wrapper .warning-content-block {
  box-shadow: inset 0 0 0 1px #F00;
  padding: 1rem;
  display: flex;
  justify-content: center;
  color: #F00;
  border-radius: 6px;
  margin-block: 1rem;
}
.stats-content-wrapper .summary-content-block [class*=seg-button] {
  box-shadow: none;
}
.stats-content-wrapper .summary-content-block [class*=seg-button] i, .stats-content-wrapper .summary-content-block [class*=seg-button]:hover i {
  color: #3e3e3e;
}
.stats-content-wrapper .access-matrix .stats-content-table th .appButton,
.stats-content-wrapper .access-matrix .stats-content-table th .appButton * {
  padding: 0;
  min-width: 44px;
}
.stats-content-wrapper .access-matrix .stats-content-table th .appButton {
  width: 90px;
  height: auto;
  margin-bottom: 12px;
}
.stats-content-wrapper .access-matrix .stats-content-table th .appButton.app-coming-soon .icon-container {
  border: 1px dashed #919191;
}
.stats-content-wrapper .access-matrix .stats-content-table th .appButton.app-coming-soon .app-state-icon-container {
  position: absolute;
  left: -2px;
  bottom: -3px;
  min-width: unset;
  color: #919191;
  z-index: 1;
}
.stats-content-wrapper .access-matrix .stats-content-table th .appButton.app-coming-soon .app-state-icon-container i {
  background-color: #fff;
  padding: 1px;
}
.stats-content-wrapper .access-matrix .stats-content-table th .icon-container {
  width: 44px;
  height: 44px;
  border: 1px solid #919191;
  border-radius: 6px;
}
.stats-content-wrapper .access-matrix .stats-content-table th .icon-container i {
  font-size: 26px;
}
.stats-content-wrapper .access-matrix .stats-content-table th .app-button-label {
  width: 90px;
  font-size: 10px;
}
.stats-content-wrapper .familiarisation .edit-mode .action-icon i {
  background-color: #323232;
  box-shadow: none;
  color: #fff;
}
.stats-content-wrapper .department-checklist-items-header,
.stats-content-wrapper .department-checklist-item {
  display: flex;
  gap: 9px;
}
.stats-content-wrapper .department-checklist-items-header > div:nth-of-type(1),
.stats-content-wrapper .department-checklist-item > div:nth-of-type(1) {
  width: 20%;
}
.stats-content-wrapper .department-checklist-items-header > div:nth-of-type(2),
.stats-content-wrapper .department-checklist-item > div:nth-of-type(2) {
  width: 30%;
}
.stats-content-wrapper .department-checklist-items-header > div:nth-of-type(3),
.stats-content-wrapper .department-checklist-item > div:nth-of-type(3) {
  width: 10%;
}
.stats-content-wrapper .department-checklist-items-header > div:nth-of-type(4),
.stats-content-wrapper .department-checklist-item > div:nth-of-type(4) {
  width: 20%;
}
.stats-content-wrapper .department-checklist-items-header > div:nth-of-type(5),
.stats-content-wrapper .department-checklist-item > div:nth-of-type(5) {
  width: 10%;
}
.stats-content-wrapper .department-checklist-items-header > div:nth-of-type(6),
.stats-content-wrapper .department-checklist-item > div:nth-of-type(6) {
  width: 7%;
}
.stats-content-wrapper .department-checklist-items-header {
  margin-block: 24px;
  position: relative;
}
.stats-content-wrapper .department-checklist-items-header::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #aeaeae;
}
.stats-content-wrapper .department-checklist-item {
  margin-bottom: 12px;
}
.stats-content-wrapper .department-checklist-item > div {
  /*&:nth-of-type(5) {
      color: #ec272a;
  }*/
}
.stats-content-wrapper .department-checklist-item > div:nth-of-type(4) {
  color: #43b2e3;
}
.stats-content-wrapper .department-checklist-item > div:nth-of-type(4).clr-danger {
  color: #d93c45;
}
.stats-content-wrapper .department-checklist-item > div:nth-of-type(6) {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.stats-content-wrapper .department-checklist-item > div:nth-of-type(6) a {
  margin: 0;
}
.stats-content-wrapper .department-checklist-item > div:nth-of-type(6) i {
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.stats-content-wrapper .department-checklist-item > div:nth-of-type(6) i.seg-View-Video {
  font-size: 9px;
}
.stats-content-wrapper .department-checklist-item > div:nth-of-type(6) i:hover {
  background-color: #333;
}
.stats-content-wrapper .crew-member-info-header,
.stats-content-wrapper .crew-member-info-wrapper {
  display: flex;
  justify-content: space-between;
}
.stats-content-wrapper .crew-member-info-header > div:nth-of-type(1),
.stats-content-wrapper .crew-member-info-wrapper > div:nth-of-type(1) {
  width: 30%;
}
.stats-content-wrapper .crew-member-info-header > div:nth-of-type(2),
.stats-content-wrapper .crew-member-info-wrapper > div:nth-of-type(2) {
  width: 25%;
}
.stats-content-wrapper .crew-member-info-header > div:nth-of-type(3),
.stats-content-wrapper .crew-member-info-wrapper > div:nth-of-type(3) {
  width: 20%;
}
.stats-content-wrapper .crew-member-info-header > div:nth-of-type(4),
.stats-content-wrapper .crew-member-info-wrapper > div:nth-of-type(4) {
  width: 35%;
}
.stats-content-wrapper [class*=section-sub-heading] {
  color: #3e3e3e;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 6px;
  margin-bottom: 12px;
}
.stats-content-wrapper [class*=section-sub-heading]::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c1c1c1;
}
.stats-content-wrapper [class*=section-sub-heading][class*=grid] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  /*can be edited*/
  /*can be edited*/
}
.stats-content-wrapper [class*=section-sub-heading][class*=grid][class*="4"] {
  grid-template-columns: repeat(4, 1fr);
}
.stats-content-wrapper [class*=section-sub-heading][class*=grid][class*="4"] > div:nth-of-type(4) {
  justify-self: end;
}
.stats-content-wrapper [class*=section-sub-heading][class*=grid][class*="3"] {
  grid-template-columns: repeat(3, 1fr);
}
.stats-content-wrapper [class*=section-sub-heading][class*=grid][class*="2"] {
  grid-template-columns: repeat(2, 1fr);
}
.stats-content-wrapper .checklist-completion {
  display: flex;
  margin-bottom: 12px;
}
.stats-content-wrapper .checklist-completion > div:nth-of-type(1) {
  width: 50%;
}
.stats-content-wrapper .checklist-completion > div:nth-of-type(2) {
  width: 50%;
}
.stats-content-wrapper .department-checklist-items-header,
.stats-content-wrapper .department-checklist-item {
  display: flex;
  gap: 9px;
}
.stats-content-wrapper .department-checklist-items-header > div:nth-of-type(1),
.stats-content-wrapper .department-checklist-item > div:nth-of-type(1) {
  width: 20%;
}
.stats-content-wrapper .department-checklist-items-header > div:nth-of-type(2),
.stats-content-wrapper .department-checklist-item > div:nth-of-type(2) {
  width: 30%;
}
.stats-content-wrapper .department-checklist-items-header > div:nth-of-type(3),
.stats-content-wrapper .department-checklist-item > div:nth-of-type(3) {
  width: 10%;
}
.stats-content-wrapper .department-checklist-items-header > div:nth-of-type(4),
.stats-content-wrapper .department-checklist-item > div:nth-of-type(4) {
  width: 20%;
}
.stats-content-wrapper .department-checklist-items-header > div:nth-of-type(5),
.stats-content-wrapper .department-checklist-item > div:nth-of-type(5) {
  width: 10%;
}
.stats-content-wrapper .department-checklist-items-header > div:nth-of-type(6),
.stats-content-wrapper .department-checklist-item > div:nth-of-type(6) {
  width: 7%;
}
.stats-content-wrapper .department-checklist-items-header {
  margin-block: 24px;
  position: relative;
}
.stats-content-wrapper .department-checklist-items-header::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #aeaeae;
}
.stats-content-wrapper .department-checklist-item {
  margin-bottom: 12px;
}
.stats-content-wrapper .department-checklist-item > div {
  /*&:nth-of-type(5) {
      color: #ec272a;
  }*/
}
.stats-content-wrapper .department-checklist-item > div:nth-of-type(4) {
  color: #43b2e3;
}
.stats-content-wrapper .department-checklist-item > div:nth-of-type(4).clr-danger {
  color: #d93c45;
}
.stats-content-wrapper .department-checklist-item > div:nth-of-type(6) {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.stats-content-wrapper .department-checklist-item > div:nth-of-type(6) a {
  margin: 0;
}
.stats-content-wrapper .department-checklist-item > div:nth-of-type(6) i {
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.stats-content-wrapper .department-checklist-item > div:nth-of-type(6) i.seg-View-Video {
  font-size: 9px;
}
.stats-content-wrapper .department-checklist-item > div:nth-of-type(6) i:hover {
  background-color: #333;
}
.stats-content-wrapper .crew-member-info-header,
.stats-content-wrapper .crew-member-info-wrapper {
  display: flex;
  justify-content: space-between;
}
.stats-content-wrapper .crew-member-info-header > div:nth-of-type(1),
.stats-content-wrapper .crew-member-info-wrapper > div:nth-of-type(1) {
  width: 30%;
}
.stats-content-wrapper .crew-member-info-header > div:nth-of-type(2),
.stats-content-wrapper .crew-member-info-wrapper > div:nth-of-type(2) {
  width: 25%;
}
.stats-content-wrapper .crew-member-info-header > div:nth-of-type(3),
.stats-content-wrapper .crew-member-info-wrapper > div:nth-of-type(3) {
  width: 20%;
}
.stats-content-wrapper .crew-member-info-header > div:nth-of-type(4),
.stats-content-wrapper .crew-member-info-wrapper > div:nth-of-type(4) {
  width: 35%;
}
.stats-content-wrapper [class*=section-sub-heading] {
  color: #3e3e3e;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 6px;
  margin-bottom: 12px;
}
.stats-content-wrapper [class*=section-sub-heading]::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c1c1c1;
}
.stats-content-wrapper [class*=section-sub-heading][class*=grid] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  /*can be edited*/
  /*can be edited*/
}
.stats-content-wrapper [class*=section-sub-heading][class*=grid][class*="4"] {
  grid-template-columns: repeat(4, 1fr);
}
.stats-content-wrapper [class*=section-sub-heading][class*=grid][class*="4"] > div:nth-of-type(4) {
  justify-self: end;
}
.stats-content-wrapper [class*=section-sub-heading][class*=grid][class*="3"] {
  grid-template-columns: repeat(3, 1fr);
}
.stats-content-wrapper [class*=section-sub-heading][class*=grid][class*="2"] {
  grid-template-columns: repeat(2, 1fr);
}
.stats-content-wrapper .checklist-completion {
  display: flex;
  margin-bottom: 12px;
}
.stats-content-wrapper .checklist-completion > div:nth-of-type(1) {
  width: 50%;
}
.stats-content-wrapper .checklist-completion > div:nth-of-type(2) {
  width: 50%;
}
.stats-content-wrapper .department-checklist-items-merge-header {
  display: flex;
}
.stats-content-wrapper .department-checklist-items-merge-header > div:nth-of-type(1) {
  width: 45%;
}
.stats-content-wrapper .department-checklist-items-merge-header > div:nth-of-type(2) {
  width: 55%;
  padding-left: 13px;
}
.stats-content-wrapper .metric-report-header > div:nth-of-type(3).day-count::before, .stats-content-wrapper .metric-report-header > div:nth-of-type(3).date-count::before {
  content: "NO. OF TIMES COMPLETED IN";
}
.stats-content-wrapper .metric-report-header > div:nth-of-type(3).day-count > div, .stats-content-wrapper .metric-report-header > div:nth-of-type(3).date-count > div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 6px;
}
.stats-content-wrapper .metric-report-header > div:nth-of-type(3).date-count::before {
  content: "NO. OF TIMES COMPLETED SINCE";
}
.stats-content-wrapper .metric-report-header > div:nth-of-type(5).day-count::before {
  content: "NO. OF DAYS";
}
.stats-content-wrapper .metric-report-header > div.day-count, .stats-content-wrapper .metric-report-header > div.date-count {
  position: relative;
}
.stats-content-wrapper .metric-report-header > div.day-count::before, .stats-content-wrapper .metric-report-header > div.date-count::before {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
}
.stats-content-wrapper #operationalChecklistReports .crew-member-info-header {
  position: relative;
  padding-bottom: 18px;
}
.stats-content-wrapper #operationalChecklistReports .crew-member-info-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid;
}
.stats-content-wrapper #operationalChecklistReports .seg-header-bar_background_medium-grey_uppercase {
  display: flex;
  justify-content: space-between;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header,
.stats-content-wrapper #operationalChecklistReports .department-checklist-item {
  display: flex;
  gap: 9px;
  width: 100%;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header > div:nth-of-type(1),
.stats-content-wrapper #operationalChecklistReports .department-checklist-item > div:nth-of-type(1) {
  width: 40%;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header > div:nth-of-type(2),
.stats-content-wrapper #operationalChecklistReports .department-checklist-item > div:nth-of-type(2) {
  width: 20%;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header > div:nth-of-type(3),
.stats-content-wrapper #operationalChecklistReports .department-checklist-item > div:nth-of-type(3) {
  width: 14%;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header > div:nth-of-type(4),
.stats-content-wrapper #operationalChecklistReports .department-checklist-item > div:nth-of-type(4) {
  width: 18%;
  text-align: right;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header > div:nth-of-type(5),
.stats-content-wrapper #operationalChecklistReports .department-checklist-item > div:nth-of-type(5) {
  width: 8%;
  text-align: right;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header > div:nth-of-type(1) {
  width: calc(40% + 24px);
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-item > div:nth-of-type(4) {
  padding-right: 12px;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container {
  padding-block: 0px;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-header {
  padding-block: 0px;
  min-height: 15px;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-merge-header {
  display: flex;
  padding-left: 18px;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-merge-header > div:nth-of-type(1) {
  display: none;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-merge-header > div:nth-of-type(2) {
  width: 100%;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(1),
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(1) {
  display: none;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(2),
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(2) {
  display: none;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(3),
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(3) {
  width: 10%;
  text-align: center;
  justify-content: center;
  color: inherit;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(4),
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(4) {
  width: 10%;
  text-align: center;
  justify-content: center;
  color: inherit;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(5),
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(5) {
  width: 10%;
  text-align: center;
  color: inherit;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(6),
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(6) {
  width: 10%;
  text-align: center;
  justify-content: center;
  color: inherit;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(7),
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(7) {
  width: 10%;
  text-align: center;
  color: inherit;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(8),
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(8) {
  width: 25%;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(9),
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(9) {
  width: 25%;
  text-align: right;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-item {
  padding-inline: 0;
  padding-block: 0px !important;
  margin-block: 0px;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-item > div:nth-of-type(2) {
  color: #44B2E3;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-item > div:nth-of-type(3) {
  display: flex;
  justify-content: space-between;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-item > div:nth-of-type(3) > div {
  padding: 5px 5px 5px 6px;
  border-radius: 50%;
  color: #fff;
  font-size: 8px;
  width: 20px;
  height: 20px;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-item > div:nth-of-type(3) > div.connected {
  background-color: #21a13f;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-item > div:nth-of-type(3) > div.not_connected {
  background-color: #EC2024;
}
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-items-header > div:nth-of-type(1),
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-item > div:nth-of-type(1) {
  width: 15%;
}
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-items-header > div:nth-of-type(2),
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-item > div:nth-of-type(2) {
  width: 20%;
  color: rgb(102, 102, 102);
}
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-items-header > div:nth-of-type(3),
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-item > div:nth-of-type(3) {
  width: 20%;
}
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-items-header > div:nth-of-type(4),
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-item > div:nth-of-type(4) {
  width: 30%;
}
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-items-header > div:nth-of-type(4) span,
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-item > div:nth-of-type(4) span {
  color: #e7453a;
  font-weight: 600;
}
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-items-header > div:nth-of-type(5),
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-item > div:nth-of-type(5) {
  width: 15%;
  text-align: right;
}
.stats-content-wrapper #operationalChecklistReports .action-logged-container {
  position: relative;
  min-height: 24px;
  height: auto !important;
  display: flex;
  flex-direction: row;
  width: 100% !important;
}
.stats-content-wrapper #operationalChecklistReports .action-logged-container > div {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.stats-content-wrapper #operationalChecklistReports .action-logged-container > div .parent-logo {
  top: 0;
  left: 0;
}
.stats-content-wrapper #operationalChecklistReports .action-logged-container > div .parent-logo .action-log-icon {
  display: block;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: 50%;
  position: relative;
  transition: background-color 0.2s;
  border: 1px solid #565655;
}
.stats-content-wrapper #operationalChecklistReports .action-logged-container > div .parent-logo .action-log-icon i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #565655;
}
.stats-content-wrapper #operationalChecklistReports .action-logged-container > div .child-logo {
  top: 28px;
  left: 0;
}
.stats-content-wrapper #operationalChecklistReports .action-logged-container > div .child-logo .seg-badge {
  position: relative;
  box-shadow: none;
  min-width: 24px;
  height: 24px;
  border-radius: 15px;
  line-height: 24px;
  font-size: 13px;
}
.stats-content-wrapper #operationalChecklistReports .action-logged-container .log-desc {
  padding-left: 6px;
  font-size: 12px;
  color: rgb(102, 102, 102);
}
.stats-content-wrapper #operationalChecklistReports .seg-acc-header .seg-acc-title .connected i {
  color: #fff;
}
.stats-content-wrapper #riskAssessmentReports .department-checklist-items-header,
.stats-content-wrapper #riskAssessmentReports .department-checklist-item {
  margin-bottom: 0px;
}
.stats-content-wrapper #riskAssessmentReports .department-checklist-items-header > div:nth-of-type(1),
.stats-content-wrapper #riskAssessmentReports .department-checklist-item > div:nth-of-type(1) {
  width: 40%;
}
.stats-content-wrapper #riskAssessmentReports .department-checklist-items-header > div:nth-of-type(2),
.stats-content-wrapper #riskAssessmentReports .department-checklist-item > div:nth-of-type(2) {
  width: 15%;
}
.stats-content-wrapper #riskAssessmentReports .department-checklist-items-header > div:nth-of-type(3),
.stats-content-wrapper #riskAssessmentReports .department-checklist-item > div:nth-of-type(3) {
  width: 12%;
}
.stats-content-wrapper #riskAssessmentReports .department-checklist-items-header > div:nth-of-type(4),
.stats-content-wrapper #riskAssessmentReports .department-checklist-item > div:nth-of-type(4) {
  width: 11%;
  text-align: center;
}
.stats-content-wrapper #riskAssessmentReports .department-checklist-items-header > div:nth-of-type(5),
.stats-content-wrapper #riskAssessmentReports .department-checklist-item > div:nth-of-type(5) {
  width: 15%;
  color: inherit;
}
.stats-content-wrapper #riskAssessmentReports .department-checklist-items-header > div:nth-of-type(6),
.stats-content-wrapper #riskAssessmentReports .department-checklist-item > div:nth-of-type(6) {
  width: 5%;
  text-align: end;
}
.stats-content-wrapper #riskAssessmentReports .department-checklist-items-header {
  margin-bottom: 12px;
}
.stats-content-wrapper #riskAssessmentReports .vessel-name-header i {
  color: var(--default-colour);
  background-color: transparent;
}
.stats-content-wrapper #riskAssessmentReports .vessel-name-header i:hover {
  color: var(--default-colour);
  background-color: transparent;
}
.stats-content-wrapper #riskAssessmentReports .stage-info {
  display: flex;
  gap: 24px;
  margin-bottom: 12px;
}
.stats-content-wrapper #riskAssessmentReports .context-panel .vessel-name-header {
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.stats-content-wrapper #riskAssessmentReports .context-panel .vessel-name-header::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #eaeaea;
  height: 1px;
  width: 100%;
}
.stats-content-wrapper #riskAssessmentReports .context-panel .vessel-name-header .seg-close-dark-btn-wrapper {
  margin-left: 30px;
}
.stats-content-wrapper #riskAssessmentReports .vessel-name-header > span {
  flex-grow: 1;
}
.stats-content-wrapper #SafetyInspectionReport [class*=seg-header-bar], .stats-content-wrapper #SafetyInspectionChecklistReport [class*=seg-header-bar] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: 6px;
}
.stats-content-wrapper #SafetyInspectionReport [class*=seg-header-bar] [data-seg-component=seg-button] image-orientation, .stats-content-wrapper #SafetyInspectionChecklistReport [class*=seg-header-bar] [data-seg-component=seg-button] image-orientation {
  font-size: 20px;
}
.stats-content-wrapper #SafetyInspectionReport.stats-content-wrapper {
  border: none;
}
.stats-content-wrapper #SafetyInspectionReport .department-checklist-items-header > div:nth-of-type(1), .stats-content-wrapper #SafetyInspectionReport .department-checklist-item > div:nth-of-type(1) {
  width: 20%;
}
.stats-content-wrapper #SafetyInspectionReport .department-checklist-items-header > div:nth-of-type(2), .stats-content-wrapper #SafetyInspectionReport .department-checklist-item > div:nth-of-type(2) {
  width: 50%;
}
.stats-content-wrapper #SafetyInspectionReport .department-checklist-items-header > div:nth-of-type(3), .stats-content-wrapper #SafetyInspectionReport .department-checklist-item > div:nth-of-type(3) {
  width: 30%;
}
.stats-content-wrapper #SafetyInspectionChecklistReport .department-checklist-items-header > div:nth-of-type(1),
.stats-content-wrapper #SafetyInspectionChecklistReport .department-checklist-item > div:nth-of-type(1) {
  width: 50%;
}
.stats-content-wrapper #SafetyInspectionChecklistReport .department-checklist-items-header > div:nth-of-type(2),
.stats-content-wrapper #SafetyInspectionChecklistReport .department-checklist-item > div:nth-of-type(2) {
  width: 20%;
}
.stats-content-wrapper #SafetyInspectionChecklistReport .department-checklist-items-header > div:nth-of-type(3),
.stats-content-wrapper #SafetyInspectionChecklistReport .department-checklist-item > div:nth-of-type(3) {
  width: 30%;
}
.stats-content-wrapper #SafetyInspectionChecklistReport .department-checklist-item > div:nth-of-type(2), .stats-content-wrapper #SafetyInspectionChecklistReport .department-checklist-item > div:nth-of-type(3) {
  color: #43b2e3;
}
.stats-content-wrapper .stats-content-table .stats-table-header {
  position: relative;
}
.stats-content-wrapper .stats-content-table .stats-table-content .chevron-img {
  width: 24px;
  height: auto;
}
.stats-content-wrapper .stats-content-table thead tr th {
  position: sticky;
  left: 0;
  z-index: 2;
  background-color: #fff;
}
.stats-content-wrapper .stats-content-table thead tr th::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #ADB1B9;
}
.stats-content-wrapper .stats-content-table tbody tr td:first-child div {
  font-size: 12px;
}

.familiarisation-content {
  padding: 12px 12px 0;
}

.truncateLabel {
  color: #44b2e3;
}
.truncateLabel:hover {
  cursor: pointer;
}

.truncate-target {
  display: inline-block;
}

.stats-content-wrapper {
  padding: 24px;
  /* styles pulled through from the vessels-app-stats-bar*/
  /* styles pulled through from the vessels-app-stats-bar*/
  /* .highlight-blue {
      color: #44B2E3;
  }

  .highlight-red {
      color: #CC0000 !important;
  }

  .highlight-green {
      color: #17A13F !important;
  }*/
  /* Big Boy Filter */
}
.stats-content-wrapper .department-checklist-items-header,
.stats-content-wrapper .department-checklist-item {
  display: flex;
  gap: 9px;
}
.stats-content-wrapper .department-checklist-items-header > div:nth-of-type(1),
.stats-content-wrapper .department-checklist-item > div:nth-of-type(1) {
  width: 20%;
}
.stats-content-wrapper .department-checklist-items-header > div:nth-of-type(2),
.stats-content-wrapper .department-checklist-item > div:nth-of-type(2) {
  width: 30%;
}
.stats-content-wrapper .department-checklist-items-header > div:nth-of-type(3),
.stats-content-wrapper .department-checklist-item > div:nth-of-type(3) {
  width: 10%;
}
.stats-content-wrapper .department-checklist-items-header > div:nth-of-type(4),
.stats-content-wrapper .department-checklist-item > div:nth-of-type(4) {
  width: 20%;
}
.stats-content-wrapper .department-checklist-items-header > div:nth-of-type(5),
.stats-content-wrapper .department-checklist-item > div:nth-of-type(5) {
  width: 10%;
}
.stats-content-wrapper .department-checklist-items-header > div:nth-of-type(6),
.stats-content-wrapper .department-checklist-item > div:nth-of-type(6) {
  width: 7%;
}
.stats-content-wrapper .department-checklist-items-header {
  margin-block: 24px;
  position: relative;
}
.stats-content-wrapper .department-checklist-items-header::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #aeaeae;
}
.stats-content-wrapper .department-checklist-item {
  margin-bottom: 12px;
}
.stats-content-wrapper .department-checklist-item > div {
  /*&:nth-of-type(5) {
      color: #ec272a;
  }*/
}
.stats-content-wrapper .department-checklist-item > div:nth-of-type(4) {
  color: #43b2e3;
}
.stats-content-wrapper .department-checklist-item > div:nth-of-type(4).clr-danger {
  color: #d93c45;
}
.stats-content-wrapper .department-checklist-item > div:nth-of-type(6) {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.stats-content-wrapper .department-checklist-item > div:nth-of-type(6) a {
  margin: 0;
}
.stats-content-wrapper .department-checklist-item > div:nth-of-type(6) i {
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.stats-content-wrapper .department-checklist-item > div:nth-of-type(6) i.seg-View-Video {
  font-size: 9px;
}
.stats-content-wrapper .department-checklist-item > div:nth-of-type(6) i:hover {
  background-color: #333;
}
.stats-content-wrapper .crew-member-info-header,
.stats-content-wrapper .crew-member-info-wrapper {
  display: flex;
  justify-content: space-between;
}
.stats-content-wrapper .crew-member-info-header > div:nth-of-type(1),
.stats-content-wrapper .crew-member-info-wrapper > div:nth-of-type(1) {
  width: 30%;
}
.stats-content-wrapper .crew-member-info-header > div:nth-of-type(2),
.stats-content-wrapper .crew-member-info-wrapper > div:nth-of-type(2) {
  width: 25%;
}
.stats-content-wrapper .crew-member-info-header > div:nth-of-type(3),
.stats-content-wrapper .crew-member-info-wrapper > div:nth-of-type(3) {
  width: 20%;
}
.stats-content-wrapper .crew-member-info-header > div:nth-of-type(4),
.stats-content-wrapper .crew-member-info-wrapper > div:nth-of-type(4) {
  width: 35%;
}
.stats-content-wrapper [class*=section-sub-heading] {
  color: #3e3e3e;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 6px;
  margin-bottom: 12px;
}
.stats-content-wrapper [class*=section-sub-heading]::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c1c1c1;
}
.stats-content-wrapper [class*=section-sub-heading][class*=grid] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  /*can be edited*/
  /*can be edited*/
}
.stats-content-wrapper [class*=section-sub-heading][class*=grid][class*="4"] {
  grid-template-columns: repeat(4, 1fr);
}
.stats-content-wrapper [class*=section-sub-heading][class*=grid][class*="4"] > div:nth-of-type(4) {
  justify-self: end;
}
.stats-content-wrapper [class*=section-sub-heading][class*=grid][class*="3"] {
  grid-template-columns: repeat(3, 1fr);
}
.stats-content-wrapper [class*=section-sub-heading][class*=grid][class*="2"] {
  grid-template-columns: repeat(2, 1fr);
}
.stats-content-wrapper .checklist-completion {
  display: flex;
  margin-bottom: 12px;
}
.stats-content-wrapper .checklist-completion > div:nth-of-type(1) {
  width: 50%;
}
.stats-content-wrapper .checklist-completion > div:nth-of-type(2) {
  width: 50%;
}
.stats-content-wrapper .department-checklist-items-merge-header {
  display: flex;
}
.stats-content-wrapper .department-checklist-items-merge-header > div:nth-of-type(1) {
  width: 45%;
}
.stats-content-wrapper .department-checklist-items-merge-header > div:nth-of-type(2) {
  width: 55%;
  padding-left: 13px;
}
.stats-content-wrapper .metric-report-header > div:nth-of-type(3).day-count::before, .stats-content-wrapper .metric-report-header > div:nth-of-type(3).date-count::before {
  content: "NO. OF TIMES COMPLETED IN";
}
.stats-content-wrapper .metric-report-header > div:nth-of-type(3).day-count > div, .stats-content-wrapper .metric-report-header > div:nth-of-type(3).date-count > div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 6px;
}
.stats-content-wrapper .metric-report-header > div:nth-of-type(3).date-count::before {
  content: "NO. OF TIMES COMPLETED SINCE";
}
.stats-content-wrapper .metric-report-header > div:nth-of-type(5).day-count::before {
  content: "NO. OF DAYS";
}
.stats-content-wrapper .metric-report-header > div.day-count, .stats-content-wrapper .metric-report-header > div.date-count {
  position: relative;
}
.stats-content-wrapper .metric-report-header > div.day-count::before, .stats-content-wrapper .metric-report-header > div.date-count::before {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
}
.stats-content-wrapper #operationalChecklistReports .crew-member-info-header {
  position: relative;
  padding-bottom: 18px;
}
.stats-content-wrapper #operationalChecklistReports .crew-member-info-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid;
}
.stats-content-wrapper #operationalChecklistReports .seg-header-bar_background_medium-grey_uppercase {
  display: flex;
  justify-content: space-between;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header,
.stats-content-wrapper #operationalChecklistReports .department-checklist-item {
  display: flex;
  gap: 9px;
  width: 100%;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header > div:nth-of-type(1),
.stats-content-wrapper #operationalChecklistReports .department-checklist-item > div:nth-of-type(1) {
  width: 40%;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header > div:nth-of-type(2),
.stats-content-wrapper #operationalChecklistReports .department-checklist-item > div:nth-of-type(2) {
  width: 20%;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header > div:nth-of-type(3),
.stats-content-wrapper #operationalChecklistReports .department-checklist-item > div:nth-of-type(3) {
  width: 14%;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header > div:nth-of-type(4),
.stats-content-wrapper #operationalChecklistReports .department-checklist-item > div:nth-of-type(4) {
  width: 18%;
  text-align: right;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header > div:nth-of-type(5),
.stats-content-wrapper #operationalChecklistReports .department-checklist-item > div:nth-of-type(5) {
  width: 8%;
  text-align: right;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header > div:nth-of-type(1) {
  width: calc(40% + 24px);
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-item > div:nth-of-type(4) {
  padding-right: 12px;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container {
  padding-block: 0px;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-header {
  padding-block: 0px;
  min-height: 15px;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-merge-header {
  display: flex;
  padding-left: 18px;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-merge-header > div:nth-of-type(1) {
  display: none;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-merge-header > div:nth-of-type(2) {
  width: 100%;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(1),
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(1) {
  display: none;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(2),
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(2) {
  display: none;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(3),
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(3) {
  width: 10%;
  text-align: center;
  justify-content: center;
  color: inherit;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(4),
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(4) {
  width: 10%;
  text-align: center;
  justify-content: center;
  color: inherit;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(5),
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(5) {
  width: 10%;
  text-align: center;
  color: inherit;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(6),
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(6) {
  width: 10%;
  text-align: center;
  justify-content: center;
  color: inherit;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(7),
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(7) {
  width: 10%;
  text-align: center;
  color: inherit;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(8),
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(8) {
  width: 25%;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-items-header > div:nth-of-type(9),
.stats-content-wrapper #operationalChecklistReports .department-checklist-items-header ~ .seg-accordion-container .seg-acc-content #operationalChecklistMetric .department-checklist-item > div:nth-of-type(9) {
  width: 25%;
  text-align: right;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-item {
  padding-inline: 0;
  padding-block: 0px !important;
  margin-block: 0px;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-item > div:nth-of-type(2) {
  color: #44B2E3;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-item > div:nth-of-type(3) {
  display: flex;
  justify-content: space-between;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-item > div:nth-of-type(3) > div {
  padding: 5px 5px 5px 6px;
  border-radius: 50%;
  color: #fff;
  font-size: 8px;
  width: 20px;
  height: 20px;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-item > div:nth-of-type(3) > div.connected {
  background-color: #21a13f;
}
.stats-content-wrapper #operationalChecklistReports .department-checklist-item > div:nth-of-type(3) > div.not_connected {
  background-color: #EC2024;
}
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-items-header > div:nth-of-type(1),
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-item > div:nth-of-type(1) {
  width: 15%;
}
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-items-header > div:nth-of-type(2),
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-item > div:nth-of-type(2) {
  width: 20%;
  color: rgb(102, 102, 102);
}
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-items-header > div:nth-of-type(3),
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-item > div:nth-of-type(3) {
  width: 20%;
}
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-items-header > div:nth-of-type(4),
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-item > div:nth-of-type(4) {
  width: 30%;
}
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-items-header > div:nth-of-type(4) span,
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-item > div:nth-of-type(4) span {
  color: #e7453a;
  font-weight: 600;
}
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-items-header > div:nth-of-type(5),
.stats-content-wrapper #operationalChecklistReports.operational-checklist-logs .department-checklist-item > div:nth-of-type(5) {
  width: 15%;
  text-align: right;
}
.stats-content-wrapper #operationalChecklistReports .action-logged-container {
  position: relative;
  min-height: 24px;
  height: auto !important;
  display: flex;
  flex-direction: row;
  width: 100% !important;
}
.stats-content-wrapper #operationalChecklistReports .action-logged-container > div {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.stats-content-wrapper #operationalChecklistReports .action-logged-container > div .parent-logo {
  top: 0;
  left: 0;
}
.stats-content-wrapper #operationalChecklistReports .action-logged-container > div .parent-logo .action-log-icon {
  display: block;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: 50%;
  position: relative;
  transition: background-color 0.2s;
  border: 1px solid #565655;
}
.stats-content-wrapper #operationalChecklistReports .action-logged-container > div .parent-logo .action-log-icon i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #565655;
}
.stats-content-wrapper #operationalChecklistReports .action-logged-container > div .child-logo {
  top: 28px;
  left: 0;
}
.stats-content-wrapper #operationalChecklistReports .action-logged-container > div .child-logo .seg-badge {
  position: relative;
  box-shadow: none;
  min-width: 24px;
  height: 24px;
  border-radius: 15px;
  line-height: 24px;
  font-size: 13px;
}
.stats-content-wrapper #operationalChecklistReports .action-logged-container .log-desc {
  padding-left: 6px;
  font-size: 12px;
  color: rgb(102, 102, 102);
}
.stats-content-wrapper #operationalChecklistReports .seg-acc-header .seg-acc-title .connected i {
  color: #fff;
}
.stats-content-wrapper .review-container {
  display: flex;
  align-items: center;
}
.stats-content-wrapper .review-container .icon-container {
  display: flex;
  align-content: center;
  justify-content: center;
  margin-left: 6px;
  width: 16px;
  height: 16px;
  border-radius: 15px;
  text-align: center;
  margin-right: 6px;
}
.stats-content-wrapper .review-container .icon-container.cross {
  background-color: #CC0000;
}
.stats-content-wrapper .review-container .icon-container.tick {
  background-color: green;
}
.stats-content-wrapper .review-container .icon-container i {
  position: relative;
  transform: translateY(-50%) translateX(-100%);
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  font-size: 7px;
  color: #fff;
  background-color: unset;
}
.stats-content-wrapper .highlight-blue-border {
  position: relative;
  border: 1px solid #0d9ffb;
  padding: 0px 12px 0px 12px;
  border-radius: 5px;
  margin-block: 12px;
}
.stats-content-wrapper [data-is-expanded=true] .seg-acc-title > div:first-child > div:first-child {
  font-weight: bold;
}
.stats-content-wrapper .ror-non-compliance-section .seg-accordion {
  display: none;
}
.stats-content-wrapper .ror-non-compliance-section[data-filter-insufficientrestin24hourperiod=true] .seg-accordion[data-filter-insufficientrestin24hourperiod=true],
.stats-content-wrapper .ror-non-compliance-section[data-filter-insufficientRestInA7DayPeriod=true] .seg-accordion[data-filter-insufficientRestInA7DayPeriod=true],
.stats-content-wrapper .ror-non-compliance-section[data-filter-noRestPeriodEqualToOrGreaterThan6Hours=true] .seg-accordion[data-filter-noRestPeriodEqualToOrGreaterThan6Hours=true],
.stats-content-wrapper .ror-non-compliance-section[data-filter-workperiodgreaterthen14hours=true] .seg-accordion[data-filter-workperiodgreaterthen14hours=true],
.stats-content-wrapper .ror-non-compliance-section[data-filter-withdpacomment=true] .seg-accordion[data-filter-withdpacomment=true],
.stats-content-wrapper .ror-non-compliance-section[data-filter-withoutdpacomment=true] .seg-accordion[data-filter-withoutdpacomment=true] {
  display: inherit;
}
.stats-content-wrapper .ror-non-compliance-section[data-filter-insufficientrestin24hourperiod=true] .seg-accordion .ror-non-compliance-user-details .noncompliance[data-filter-insufficientrestin24hourperiod=true],
.stats-content-wrapper .ror-non-compliance-section[data-filter-insufficientRestInA7DayPeriod=true] .seg-accordion .ror-non-compliance-user-details .noncompliance[data-filter-insufficientRestInA7DayPeriod=true],
.stats-content-wrapper .ror-non-compliance-section[data-filter-noRestPeriodEqualToOrGreaterThan6Hours=true] .seg-accordion .ror-non-compliance-user-details .noncompliance[data-filter-noRestPeriodEqualToOrGreaterThan6Hours=true],
.stats-content-wrapper .ror-non-compliance-section[data-filter-workperiodgreaterthen14hours=true] .seg-accordion .ror-non-compliance-user-details .noncompliance[data-filter-workperiodgreaterthen14hours=true],
.stats-content-wrapper .ror-non-compliance-section[data-filter-withdpacomment=true] .seg-accordion .ror-non-compliance-user-details .noncompliance[data-filter-withdpacomment=true],
.stats-content-wrapper .ror-non-compliance-section[data-filter-withoutdpacomment=true] .seg-accordion .ror-non-compliance-user-details .noncompliance[data-filter-withoutdpacomment=true] {
  display: inherit;
}
.stats-content-wrapper .ror-non-compliance-section .seg-accordion[data-filter-insufficientrestin24hourperiod=false][data-filter-insufficientRestInA7DayPeriod=false][data-filter-noRestPeriodEqualToOrGreaterThan6Hours=false][data-filter-workperiodgreaterthen14hours=false][data-filter-withdpacomment=false][data-filter-withoutdpacomment=false] {
  display: none;
}
.stats-content-wrapper .ror-non-compliance-section[data-filter-insufficientrestin24hourperiod=false][data-filter-insufficientRestInA7DayPeriod=false][data-filter-noRestPeriodEqualToOrGreaterThan6Hours=false][data-filter-workperiodgreaterthen14hours=false][data-filter-withdpacomment=false][data-filter-withoutdpacomment=false] .seg-accordion {
  display: inherit;
}
.stats-content-wrapper .section-heading > div {
  font-weight: bold;
}
.stats-content-wrapper #map-report {
  /* styles pulled through from the vessels-app-stats-bar*/
}
.stats-content-wrapper #map-report .department-checklist-items-header,
.stats-content-wrapper #map-report .department-checklist-item {
  display: flex;
  gap: 9px;
}
.stats-content-wrapper #map-report .department-checklist-items-header > div:nth-of-type(1),
.stats-content-wrapper #map-report .department-checklist-item > div:nth-of-type(1) {
  width: 20%;
}
.stats-content-wrapper #map-report .department-checklist-items-header > div:nth-of-type(2),
.stats-content-wrapper #map-report .department-checklist-item > div:nth-of-type(2) {
  width: 30%;
}
.stats-content-wrapper #map-report .department-checklist-items-header > div:nth-of-type(3),
.stats-content-wrapper #map-report .department-checklist-item > div:nth-of-type(3) {
  width: 10%;
}
.stats-content-wrapper #map-report .department-checklist-items-header > div:nth-of-type(4),
.stats-content-wrapper #map-report .department-checklist-item > div:nth-of-type(4) {
  width: 20%;
}
.stats-content-wrapper #map-report .department-checklist-items-header > div:nth-of-type(5),
.stats-content-wrapper #map-report .department-checklist-item > div:nth-of-type(5) {
  width: 10%;
}
.stats-content-wrapper #map-report .department-checklist-items-header > div:nth-of-type(6),
.stats-content-wrapper #map-report .department-checklist-item > div:nth-of-type(6) {
  width: 7%;
}
.stats-content-wrapper #map-report .department-checklist-items-header {
  margin-block: 24px;
  position: relative;
}
.stats-content-wrapper #map-report .department-checklist-items-header::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #aeaeae;
}
.stats-content-wrapper #map-report .department-checklist-item {
  margin-bottom: 12px;
}
.stats-content-wrapper #map-report .department-checklist-item > div {
  /*&:nth-of-type(5) {
      color: #ec272a;
  }*/
}
.stats-content-wrapper #map-report .department-checklist-item > div:nth-of-type(4) {
  color: #43b2e3;
}
.stats-content-wrapper #map-report .department-checklist-item > div:nth-of-type(4).clr-danger {
  color: #d93c45;
}
.stats-content-wrapper #map-report .department-checklist-item > div:nth-of-type(6) {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.stats-content-wrapper #map-report .department-checklist-item > div:nth-of-type(6) a {
  margin: 0;
}
.stats-content-wrapper #map-report .department-checklist-item > div:nth-of-type(6) i {
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.stats-content-wrapper #map-report .department-checklist-item > div:nth-of-type(6) i.seg-View-Video {
  font-size: 9px;
}
.stats-content-wrapper #map-report .department-checklist-item > div:nth-of-type(6) i:hover {
  background-color: #333;
}
.stats-content-wrapper #map-report .crew-member-info-header,
.stats-content-wrapper #map-report .crew-member-info-wrapper {
  display: flex;
  justify-content: space-between;
}
.stats-content-wrapper #map-report .crew-member-info-header > div:nth-of-type(1),
.stats-content-wrapper #map-report .crew-member-info-wrapper > div:nth-of-type(1) {
  width: 30%;
}
.stats-content-wrapper #map-report .crew-member-info-header > div:nth-of-type(2),
.stats-content-wrapper #map-report .crew-member-info-wrapper > div:nth-of-type(2) {
  width: 25%;
}
.stats-content-wrapper #map-report .crew-member-info-header > div:nth-of-type(3),
.stats-content-wrapper #map-report .crew-member-info-wrapper > div:nth-of-type(3) {
  width: 20%;
}
.stats-content-wrapper #map-report .crew-member-info-header > div:nth-of-type(4),
.stats-content-wrapper #map-report .crew-member-info-wrapper > div:nth-of-type(4) {
  width: 35%;
}
.stats-content-wrapper #map-report [class*=section-sub-heading] {
  color: #3e3e3e;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 6px;
  margin-bottom: 12px;
}
.stats-content-wrapper #map-report [class*=section-sub-heading]::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c1c1c1;
}
.stats-content-wrapper #map-report [class*=section-sub-heading][class*=grid] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  /*can be edited*/
  /*can be edited*/
}
.stats-content-wrapper #map-report [class*=section-sub-heading][class*=grid][class*="4"] {
  grid-template-columns: repeat(4, 1fr);
}
.stats-content-wrapper #map-report [class*=section-sub-heading][class*=grid][class*="4"] > div:nth-of-type(4) {
  justify-self: end;
}
.stats-content-wrapper #map-report [class*=section-sub-heading][class*=grid][class*="3"] {
  grid-template-columns: repeat(3, 1fr);
}
.stats-content-wrapper #map-report [class*=section-sub-heading][class*=grid][class*="2"] {
  grid-template-columns: repeat(2, 1fr);
}
.stats-content-wrapper #map-report .checklist-completion {
  display: flex;
  margin-bottom: 12px;
}
.stats-content-wrapper #map-report .checklist-completion > div:nth-of-type(1) {
  width: 50%;
}
.stats-content-wrapper #map-report .checklist-completion > div:nth-of-type(2) {
  width: 50%;
}
.stats-content-wrapper .stats-table .header-row {
  font-weight: 500;
}
.stats-content-wrapper .department-checklist-item {
  padding-bottom: 12px;
}
.stats-content-wrapper .department-checklist-item > div:nth-of-type(3) > div {
  font-size: 7px;
}
.stats-content-wrapper .seg-accordion-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-block: 12px;
}
.stats-content-wrapper .seg-accordion-container.flex-row {
  flex-direction: row;
}
.stats-content-wrapper .seg-accordion-container.gap-0 {
  gap: 0;
}
.stats-content-wrapper .seg-accordion-container.gap-6 {
  gap: 6px;
}
.stats-content-wrapper .seg-accordion-container.gap-12 {
  gap: 12px;
}
.stats-content-wrapper .seg-accordion-container.gap-24 {
  gap: 24px;
}
.stats-content-wrapper .seg-accordion-container.gap-36 {
  gap: 36px;
}
.stats-content-wrapper .seg-accordion-container > .seg-accordion.blue-border:last-of-type {
  margin-bottom: 24px;
}
@-webkit-keyframes display-acc-content {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes display-acc-content {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes display-acc-content {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes display-acc-content {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes acc-content-fade-in {
  0% {
    height: 0;
    opacity: 0;
    transform: scaleY(0);
  }
  100% {
    height: calc(100% - 2px);
    opacity: 1;
    transform: scaleY(1);
  }
}
@-moz-keyframes acc-content-fade-in {
  0% {
    height: 0;
    opacity: 0;
    transform: scaleY(0);
  }
  100% {
    height: calc(100% - 2px);
    opacity: 1;
    transform: scaleY(1);
  }
}
@-ms-keyframes acc-content-fade-in {
  0% {
    height: 0;
    opacity: 0;
    transform: scaleY(0);
  }
  100% {
    height: calc(100% - 2px);
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes acc-content-fade-in {
  0% {
    height: 0;
    opacity: 0;
    transform: scaleY(0);
  }
  100% {
    height: calc(100% - 2px);
    opacity: 1;
    transform: scaleY(1);
  }
}
@-webkit-keyframes acc-content-fade-out {
  100% {
    height: calc(100% - 2px);
    opacity: 1;
    transform: scaleY(1);
  }
  0% {
    height: 0;
    opacity: 0;
    transform: scaleY(0);
  }
}
@-moz-keyframes acc-content-fade-out {
  100% {
    height: calc(100% - 2px);
    opacity: 1;
    transform: scaleY(1);
  }
  0% {
    height: 0;
    opacity: 0;
    transform: scaleY(0);
  }
}
@-ms-keyframes acc-content-fade-out {
  100% {
    height: calc(100% - 2px);
    opacity: 1;
    transform: scaleY(1);
  }
  0% {
    height: 0;
    opacity: 0;
    transform: scaleY(0);
  }
}
@keyframes acc-content-fade-out {
  100% {
    height: calc(100% - 2px);
    opacity: 1;
    transform: scaleY(1);
  }
  0% {
    height: 0;
    opacity: 0;
    transform: scaleY(0);
  }
}
.stats-content-wrapper .seg-accordion[data-accordion-type=false][data-is-expanded=true].no-underline .seg-acc-header::after {
  content: none;
}
.stats-content-wrapper .seg-accordion[data-accordion-type=false]:hover .acc-title::before {
  inset: 6px 0;
  opacity: 1;
}
.stats-content-wrapper .seg-accordion[data-accordion-type=false] .list-item-container {
  margin: 0;
  padding: 0;
  list-style: none;
}
.stats-content-wrapper .seg-accordion[data-accordion-type=false] .list-item-container .list-item {
  display: flex;
  justify-content: space-between;
}
.stats-content-wrapper .seg-accordion[data-accordion-type=false] .list-item-container .list-item .incomplete {
  color: #ec2024;
}
.stats-content-wrapper .seg-accordion[data-accordion-type=false] .list-item-container .list-item span:not(.button-text, .force-reread-button) {
  padding-right: 6px;
}
.stats-content-wrapper .seg-accordion[data-accordion-type=false] .list-item-container .list-item span:not(.button-text, .force-reread-button).incomplete {
  color: #ec2024;
}
.stats-content-wrapper .seg-accordion[data-accordion-type=false] .list-item-container .list-item span.placeholder-spacing {
  min-width: 93px;
}
.stats-content-wrapper .seg-accordion[data-accordion-type=false] .status {
  margin-left: auto;
}
.stats-content-wrapper .seg-accordion[data-accordion-type=false] .acc-title {
  width: 100%;
  color: #666666;
}
.stats-content-wrapper .seg-accordion[data-accordion-type=false] .acc-title .name-status-wrapper {
  padding-left: 0;
}
.stats-content-wrapper .seg-accordion[data-accordion-type=false] .acc-title .name-status-wrapper .status {
  margin-left: 0;
}
.stats-content-wrapper .seg-accordion[data-accordion-type=false] .acc-title::before {
  content: "";
  position: absolute;
  inset: 0;
  transition: inset 0.2s ease-out, opacity 0.2s ease-in;
  background-color: var(--seg-highlight-gold, #eaeaea);
  opacity: 0;
  z-index: -1;
}
.stats-content-wrapper .seg-accordion[data-is-expanded=true].no-underline .seg-acc-header::after {
  content: none;
}
.stats-content-wrapper .seg-accordion:hover .acc-title::before {
  inset: 6px 0;
  opacity: 1;
}
.stats-content-wrapper .seg-accordion .list-item-container {
  margin: 0;
  padding: 0;
  list-style: none;
}
.stats-content-wrapper .seg-accordion .list-item-container .list-item {
  display: flex;
  justify-content: space-between;
}
.stats-content-wrapper .seg-accordion .list-item-container .list-item .incomplete {
  color: #ec2024;
}
.stats-content-wrapper .seg-accordion .list-item-container .list-item span:not(.button-text, .force-reread-button) {
  padding-right: 6px;
}
.stats-content-wrapper .seg-accordion .list-item-container .list-item span:not(.button-text, .force-reread-button).incomplete {
  color: #ec2024;
}
.stats-content-wrapper .seg-accordion .list-item-container .list-item span.placeholder-spacing {
  min-width: 93px;
}
.stats-content-wrapper .seg-accordion .status {
  margin-left: auto;
}
.stats-content-wrapper .seg-accordion .acc-title {
  width: 100%;
  color: #666666;
}
.stats-content-wrapper .seg-accordion .acc-title .name-status-wrapper {
  padding-left: 0;
}
.stats-content-wrapper .seg-accordion .acc-title .name-status-wrapper .status {
  margin-left: 0;
}
.stats-content-wrapper .seg-accordion .acc-title::before {
  content: "";
  position: absolute;
  inset: 0;
  transition: inset 0.2s ease-out, opacity 0.2s ease-in;
  background-color: var(--seg-highlight-gold, #eaeaea);
  opacity: 0;
  z-index: -1;
}
.stats-content-wrapper .name-status-wrapper {
  display: grid;
  grid-template-columns: 1fr 2fr minmax(min-content, max-content);
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  text-transform: uppercase;
}
.stats-content-wrapper .name-status-wrapper > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
}
.stats-content-wrapper .name-status-wrapper .apply-to-all-members {
  display: none;
  padding-left: 12px;
}

.seg-close-btn-wrapper {
  position: fixed;
  top: 147px;
  right: 32px;
  z-index: 999;
}

.stats-panel-header [class*=seg-button] {
  max-width: unset;
}
[class*=seg-button] ~ .close-stats-panel-btn-container .seg-close-btn-wrapper {
  top: 155px;
}

@media all and (max-width: 1550px) {
  .stats-content-wrapper .expand-btn {
    display: inline-block;
    order: 3;
  }

  .content-open.expanded .stats-content-wrapper .seg-acc-wrapper .list-item-container .list-item .status {
    display: block;
  }
  .content-open.expanded .stats-content-wrapper .seg-acc-wrapper .list-item-container .list-item .status-short {
    display: none;
  }
  .content-open.expanded .stats-content-wrapper .expand-btn {
    display: inline-block;
    order: 3;
  }
  .content-open.expanded .stats-content-wrapper .expand-btn i {
    transform: translate(-50%, -50%) scale(-1, -1);
  }
}
@media all and (max-width: 1320px) {
  .content-open.expanded .stats-content-wrapper {
    animation: scale-up 0.1s linear;
  }
  .content-open.expanded .stats-content-wrapper .section-heading .date-label,
.content-open.expanded .stats-content-wrapper .section-heading .micro-label {
    font-weight: normal;
    font-size: 12px;
  }
  .content-open.expanded .stats-content-wrapper .expand-btn {
    display: inline-block;
    order: 3;
  }
  .content-open.expanded .stats-content-wrapper .expand-btn i {
    transform: translate(-50%, -50%) scale(-1, -1);
  }

  .stats-content-wrapper {
    padding: 12px;
  }
  .stats-content-wrapper .seg-acc-wrapper .list-item-container .list-item .status {
    display: none;
  }
  .stats-content-wrapper .seg-acc-wrapper .list-item-container .list-item .status-short {
    display: block;
  }
}
.apps-sp-static .apps-sp-container {
  margin-top: 24px;
}
.apps-sp-static .apps-sp-subheader-wrapper {
  display: flex;
  margin-bottom: 12px;
}
.apps-sp-static .apps-sp-subheader-dot {
  display: flex;
  height: 30px;
  box-shadow: 0 0 0 1px #eaeaea;
  border-radius: 30px;
  min-width: 30px;
  text-align: center;
  line-height: 30px;
  padding: 0 6px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-basis: auto;
}
.apps-sp-static .apps-sp-data-container {
  max-height: calc(100vh - 377px);
  overflow: auto;
}
.apps-sp-static .apps-sp-subheader-text,
.apps-sp-static .apps-sp-notify-text {
  font-size: 12px;
  line-height: 1.2;
  margin-left: 12px;
}
.apps-sp-static .apps-sp-data-item {
  display: flex;
  position: relative;
  align-items: center;
  margin: 6px 0;
}
.apps-sp-static .apps-sp-data-item .seg-badge {
  position: relative;
  display: block;
  inset: unset;
  min-width: 30px;
  height: 30px;
  border-radius: 30px;
  line-height: 30px;
  font-size: 14px;
}
.apps-sp-static .active-checklist-toggle {
  padding: 12px 0;
  display: flex;
  align-items: center;
  height: 48px;
  margin-top: 24px;
  position: relative;
  z-index: 2;
}
.apps-sp-static .active-checklist-toggle::before {
  content: "";
  position: absolute;
  top: 0;
  left: -24px;
  height: 100%;
  width: calc(100% + 48px);
  background-color: #f8f8f8;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.2s ease, color 0.2s ease;
}
.apps-sp-static .active-checklist-toggle:hover {
  cursor: pointer;
}
.apps-sp-static .active-checklist-toggle.side-panel-selected::before {
  opacity: 1;
}
.apps-sp-static .active-checklist-toggle .apps-sp-subheader-dot {
  margin-left: auto;
}
.apps-sp-static .action-icon:hover i {
  background-color: #0fb2aa;
  color: #fff;
}
.apps-sp-static .apps-sp-action-item {
  font-size: 14px;
}
.apps-sp-static .apps-sp-action-item i {
  font-size: 16px;
}

@keyframes scale-up {
  0% {
    transform: scale(0.95, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
.context-drawer-container {
  display: flex;
  position: relative;
  width: 100%;
  /* Overrides */
  /* Overrides End */
}
.context-drawer-container .context-drawer-search {
  position: absolute;
  top: 12px;
  right: 24px;
}
.context-drawer-container .context-drawer-search input {
  background-color: #fff;
}
.context-drawer-container.whitelist .drawer-item-carousel > a {
  display: block;
}
.context-drawer-container.whitelist .seg-badge {
  display: block !important;
}
.context-drawer-container #bulksettings::after {
  --default-colour: transparent;
}
.context-drawer-container .drawer-item-carousel {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  row-gap: 12px;
  column-gap: 24px;
  width: 100%;
  padding: 48px 0;
  overflow-x: hidden;
}
.context-drawer-container .drawer-item-carousel.icon-b-default-white .drawer-item .seg-coming-soon,
.context-drawer-container .drawer-item-carousel.icon-b-default-white .drawer-item .seg-lock {
  background-color: #fff;
}
.context-drawer-container .drawer-item-carousel .drawer-item {
  display: inline-flex;
  align-items: flex-start;
  position: relative;
  width: 100%;
  padding-left: 5px;
}
.context-drawer-container .drawer-item-carousel .drawer-item .seg-coming-soon {
  position: absolute;
  bottom: 8px;
  font-size: 15px;
  z-index: 1;
  background-color: #f4f4f4;
  color: #b0b0b0;
  left: 2px;
}
.context-drawer-container .drawer-item-carousel .drawer-item .seg-lock {
  position: absolute;
  bottom: 0;
  font-size: 18px;
  z-index: 1;
  background-color: #f4f4f4;
  color: #b0b0b0;
}
.context-drawer-container .drawer-item-carousel .drawer-item .drawer-options-text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  min-height: 42px;
  padding: 0 12px;
  font-size: 18px;
  color: #b0b0b0;
  font-weight: 300;
}
.context-drawer-container .drawer-item-carousel .drawer-item .drawer-options-text-wrapper .inline-notifications {
  max-height: 24px;
  margin: 3px 0;
}
.context-drawer-container .drawer-item-carousel .drawer-item .drawer-options-text-wrapper .inline-notifications .chevron-img {
  width: 24px;
  aspect-ratio: 1/1;
}
.context-drawer-container .drawer-item-carousel .drawer-item .drawer-options-text-wrapper .drawer-item-top-row {
  display: flex;
  position: relative;
  align-items: center;
  min-height: 24px;
}
.context-drawer-container .drawer-item-carousel .drawer-item .drawer-options-text-wrapper .drawer-item-top-row .title {
  color: #333;
  font-size: 12px;
  line-height: 18px;
  margin-right: 6px;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 280px;
}
.context-drawer-container .drawer-item-carousel .drawer-item .drawer-options-text-wrapper .drawer-item-top-row .header {
  font-size: 16px;
  color: #333;
  line-height: 20px;
  padding-left: 14px;
}
.context-drawer-container .drawer-item-carousel .drawer-item .drawer-options-text-wrapper .description {
  display: flex;
  flex-direction: column;
  max-width: 278px;
  color: #b0b0b0;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.context-drawer-container .drawer-item-carousel .drawer-item .drawer-options-text-wrapper .drawer-item-data {
  display: flex;
  font-size: 12px;
}
.context-drawer-container .drawer-item-carousel .drawer-item .drawer-options-text-wrapper .drawer-item-data-header {
  font-weight: bold;
  padding-right: 4px;
}
.context-drawer-container .drawer-item-carousel .drawer-item .drawer-options-text-wrapper .stage-info {
  display: flex;
  gap: 6px;
  line-height: 24px;
}
.context-drawer-container .drawer-item-carousel .drawer-item .drawer-options-text-wrapper .stage-info > div:nth-child(1) {
  width: max-content;
}
.context-drawer-container .drawer-item-carousel > a {
  display: none;
  flex: 0 0 360px;
  width: 360px;
  height: 100%;
  cursor: pointer;
  height: min-content;
  border-radius: 5px;
  padding: 5px;
}
.context-drawer-container .drawer-item-carousel > a:hover {
  background-color: rgb(255, 255, 255);
}
.context-drawer-container .drawer-item-carousel > a:hover .drawer-item-icon {
  box-shadow: inset 0 0 0 2px var(--app-colour);
}
.context-drawer-container .drawer-item-carousel > a:hover .drawer-item-icon i {
  color: var(--app-colour);
}
.context-drawer-container .drawer-item-carousel > a:hover .seg-coming-soon,
.context-drawer-container .drawer-item-carousel > a:hover .seg-lock {
  background-color: #fff;
  color: var(--app-colour);
}
.context-drawer-container .drawer-item-carousel > a:hover .drawer-options-text-wrapper .drawer-item-top-row .title {
  color: #464646;
}
.context-drawer-container .drawer-item-carousel > a:hover .drawer-options-text-wrapper .description {
  color: #464646;
}
.context-drawer-container .drawer-item-carousel > a:hover .drawer-item-wrapper .drawer-options-text-wrapper:first-child .drawer-item-top-row .header {
  color: #333;
}
.context-drawer-container .drawer-item-carousel > a:hover .drawer-item-wrapper .drawer-options-text-wrapper:last-child .drawer-item-data-header {
  color: #333;
}
.context-drawer-container .drawer-item-carousel > a:focus, .context-drawer-container .drawer-item-carousel > a.drawer-item-selected {
  background-color: var(--app-colour);
}
.context-drawer-container .drawer-item-carousel > a:focus .drawer-item-icon, .context-drawer-container .drawer-item-carousel > a.drawer-item-selected .drawer-item-icon {
  box-shadow: inset 0 0 0 2px #fff;
}
.context-drawer-container .drawer-item-carousel > a:focus .drawer-item-icon i, .context-drawer-container .drawer-item-carousel > a.drawer-item-selected .drawer-item-icon i {
  color: #fff;
}
.context-drawer-container .drawer-item-carousel > a:focus .drawer-item .seg-coming-soon,
.context-drawer-container .drawer-item-carousel > a:focus .drawer-item .seg-lock, .context-drawer-container .drawer-item-carousel > a.drawer-item-selected .drawer-item .seg-coming-soon,
.context-drawer-container .drawer-item-carousel > a.drawer-item-selected .drawer-item .seg-lock {
  color: #fff;
  background-color: var(--app-colour);
}
.context-drawer-container .drawer-item-carousel > a:focus .drawer-options-text-wrapper, .context-drawer-container .drawer-item-carousel > a.drawer-item-selected .drawer-options-text-wrapper {
  color: #fff;
}
.context-drawer-container .drawer-item-carousel > a:focus .drawer-options-text-wrapper .drawer-item-top-row .title, .context-drawer-container .drawer-item-carousel > a.drawer-item-selected .drawer-options-text-wrapper .drawer-item-top-row .title {
  color: #fff;
}
.context-drawer-container .drawer-item-carousel > a:focus .drawer-options-text-wrapper .description, .context-drawer-container .drawer-item-carousel > a.drawer-item-selected .drawer-options-text-wrapper .description {
  color: #fff;
}
.context-drawer-container .drawer-item-carousel > a:focus .drawer-item-wrapper .drawer-options-text-wrapper:first-child .drawer-item-top-row .header, .context-drawer-container .drawer-item-carousel > a.drawer-item-selected .drawer-item-wrapper .drawer-options-text-wrapper:first-child .drawer-item-top-row .header {
  color: #fff;
}
.context-drawer-container .drawer-item-carousel > a:focus .drawer-item-wrapper .drawer-options-text-wrapper:first-child::after, .context-drawer-container .drawer-item-carousel > a.drawer-item-selected .drawer-item-wrapper .drawer-options-text-wrapper:first-child::after {
  background-color: #fff;
}
.context-drawer-container .drawer-item-carousel > a:focus .drawer-item-wrapper .drawer-options-text-wrapper:last-child .drawer-item-data-header, .context-drawer-container .drawer-item-carousel > a.drawer-item-selected .drawer-item-wrapper .drawer-options-text-wrapper:last-child .drawer-item-data-header {
  color: #fff;
}
.context-drawer-container .drawer-item-carousel > a.show-item {
  display: inline-flex;
  position: relative;
  padding-left: 0;
}
.context-drawer-container .drawer-item-carousel > a.show-item[data-state=hidden-from-crew]::before, .context-drawer-container .drawer-item-carousel > a.show-item[data-state=placeholder]::before, .context-drawer-container .drawer-item-carousel > a.show-item[data-state=inactive]::before {
  position: absolute;
  top: -12px;
  right: 8px;
  padding: 3px 6px;
  font-size: 12px;
  background-color: #f4f4f4;
  color: #43B2E4;
  border-radius: inherit;
  z-index: 1;
}
.context-drawer-container .drawer-item-carousel > a.show-item[data-state=hidden-from-crew]:hover::before, .context-drawer-container .drawer-item-carousel > a.show-item[data-state=placeholder]:hover::before, .context-drawer-container .drawer-item-carousel > a.show-item[data-state=inactive]:hover::before {
  background-color: #fff;
}
.context-drawer-container .drawer-item-carousel > a.show-item[data-state=hidden-from-crew]:focus::before, .context-drawer-container .drawer-item-carousel > a.show-item[data-state=hidden-from-crew].drawer-item-selected::before, .context-drawer-container .drawer-item-carousel > a.show-item[data-state=placeholder]:focus::before, .context-drawer-container .drawer-item-carousel > a.show-item[data-state=placeholder].drawer-item-selected::before, .context-drawer-container .drawer-item-carousel > a.show-item[data-state=inactive]:focus::before, .context-drawer-container .drawer-item-carousel > a.show-item[data-state=inactive].drawer-item-selected::before {
  background-color: var(--app-colour);
  color: #fff;
}
.context-drawer-container .drawer-item-carousel > a.show-item[data-state=hidden-from-crew]::before {
  content: "Hidden From Vessel View";
}
.context-drawer-container .drawer-item-carousel > a.show-item[data-state=placeholder]::before {
  content: "Inactive Placeholder in Vessel View";
}
.context-drawer-container .drawer-item-carousel > a.show-item[data-state=inactive]::before {
  content: "Not Activated";
}
.context-drawer-container .drawer-item-carousel > a.whitelist {
  display: block;
}
.context-drawer-container .drawer-item-carousel .drawer-item-icon {
  height: 48px;
  width: 48px;
  min-width: 48px;
  display: inline-block;
  position: relative;
  box-shadow: inset 0 0 0 2px #b0b0b0;
  border-radius: 50%;
}
.context-drawer-container .drawer-item-carousel .drawer-item-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: #b0b0b0;
}

.drawer-item-wrapper {
  display: block;
  position: relative;
  width: 100%;
}
.drawer-item-wrapper .drawer-options-text-wrapper:first-child {
  position: relative;
}
.drawer-item-wrapper .drawer-options-text-wrapper:first-child .drawer-item-top-row {
  display: flex;
  align-items: center;
}
.drawer-item-wrapper .drawer-options-text-wrapper:first-child .drawer-item-top-row .header {
  height: max-content;
  padding-left: 12px;
  color: #b0b0b0;
  font-size: 14px;
}
.drawer-item-wrapper .drawer-options-text-wrapper:first-child::after {
  content: "";
  position: absolute;
  width: calc(100% + 10px);
  height: 1px;
  background-color: #ccc;
  bottom: -6px;
  left: -5px;
}
.drawer-item-wrapper .drawer-options-text-wrapper:last-child {
  margin-top: 12px;
  color: #b0b0b0;
  font-size: 12px;
}
.drawer-item-wrapper.drawer-item-selected {
  /*background-color: mix(#eaeaea, #000000, 65%);*/
  /*background-color: #fff;*/
  /*color: black;*/
  /*border-radius: 14px;*/
  /*div {
      color: black;
      border-color: black;

      i {
          color: black;
      }
  }*/
}

.drawer-clear-dot {
  z-index: 1;
  height: 24px;
  width: 24px;
  margin-block: 3px;
  margin-left: auto;
  margin-right: 12px;
  padding: 0px;
  text-align: center;
  line-height: 23px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px #AEAEAE;
}

.operation-wrapper {
  position: relative;
  width: 100%;
  background-color: #333;
  padding-right: 24px;
  top: initial;
}
.operation-wrapper .action-icon:hover i {
  color: var(--app-colour);
}

/*app specific overrides*/
/*this specificity is KILLLLLLLING me, slowly*/
.app-1300.context-drawer-container .drawer-item-carousel .drawer-item .drawer-options-text-wrapper .description {
  line-height: 14px;
}

footer {
  background-color: #eaeaea;
  padding-bottom: 14px;
  padding-top: 14px;
}
footer .social-wrapper .social-share-title {
  display: none;
}
footer .social-wrapper ul#footer-social-menu {
  margin-top: 20px;
}
footer .social-wrapper ul#footer-social-menu li {
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 10px;
}
footer .social-wrapper ul#footer-social-menu li a {
  height: 24px;
}
footer .row {
  padding-top: 14px;
}
footer .footer-inner-title {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 13px;
  color: #000;
}
footer .footer-inner-link-wrapper .footer-inner-content {
  padding-right: 25px;
  font-size: 11px;
}
footer .footer-inner-link-wrapper .footer-inner-content .footer-inner-link-list .footer-link-item {
  padding-bottom: 2px;
}
footer .footer-inner-app-links .footer-inner-app-links-content {
  display: flex;
  flex-wrap: wrap;
}
footer .footer-inner-app-links .footer-inner-app-links-content .footer-inner-app-links-text {
  font-size: 12px;
  padding-top: 12px;
}
footer .footer-inner-app-links .footer-inner-app-links-content .download-app-button-wrapper {
  position: relative;
}
footer .footer-inner-app-links .footer-inner-app-links-content .download-apps-button {
  height: 42px;
  width: 112px;
  display: inline-block;
  background-size: cover;
}
footer .footer-inner-app-links .footer-inner-app-links-content .download-apps-button.download-apps-apple-badge {
  background-image: url(../../../images/appstores/iOS-badge.png);
}
footer .footer-inner-app-links .footer-inner-app-links-content .download-apps-button.download-apps-android-badge {
  background-image: url(../../../images/appstores/google-play-badge.png);
}
footer .footer-inner-newsletter .subscribe-wrapper .input-wrapper {
  position: relative;
  display: flex;
}
footer .footer-inner-newsletter .subscribe-wrapper .input-wrapper .seg-mdl-textfield {
  background-color: #fff;
  border-radius: 8px 0px 0 8px;
}
footer .footer-inner-newsletter .subscribe-wrapper .input-wrapper .seg-mdl-textfield::before {
  background-color: transparent;
  margin-left: 14px;
  width: calc(100% - 18px);
}
footer .footer-inner-newsletter .subscribe-wrapper .input-wrapper .seg-mdl-textfield label {
  padding-left: 14px;
  margin-top: 7px;
}
footer .footer-inner-newsletter .subscribe-wrapper .input-wrapper .seg-mdl-textfield input {
  padding-left: 14px;
  padding-bottom: 7px;
}
footer .footer-inner-newsletter .subscribe-wrapper .input-wrapper .footer-subscribe-btn {
  height: 36px;
  border-radius: 0 8px 8px 0;
  margin-left: 0px;
  box-shadow: none;
  background-color: #000;
  margin-top: 5px;
}
footer .footer-inner-newsletter .subscribe-wrapper .input-wrapper .footer-subscribe-btn input {
  color: #fff;
}
footer .footer-inner-newsletter .subscribe-wrapper .input-wrapper .footer-subscribe-btn:hover {
  background-color: #aeaeae;
}
footer .footer-inner-newsletter .subscribe-wrapper .input-wrapper .footer-subscribe-btn:hover input {
  color: #000;
}
footer .footer-social-media i {
  padding-left: 7px;
  font-size: 18px;
}
footer .footer-copy-notice {
  border-top: 1px solid #aeaeae;
  margin-top: 14px;
}
footer .footer-copy-notice .nowrap {
  white-space: nowrap;
}
footer a {
  color: #666666;
}
footer a:hover {
  color: #000;
}

.tour-enabled.content-open.expanded .apps-panel {
  max-width: calc(100% - 960px);
}

.tour-enabled.content-open.expanded .context-panel {
  max-width: 960px;
}

.content-open .apps-panel.tour-enabled {
  max-width: 50%;
}

.content-open.expanded .tour-enabled ~ .context-panel {
  max-width: 50%;
}

.context-panel .tour-panel-inner {
  max-height: calc(100vh - 96px);
  width: 100%;
  height: 100vh;
  overflow: auto;
}
.context-panel .tour-wrapper.app-1300 {
  --app-colour: #265574;
}
.context-panel .tour-wrapper .tour-breadcrumbs {
  display: flex;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 0px 24px;
  background-color: #eaeaea;
}
.context-panel .tour-wrapper .tour-breadcrumbs a {
  font-weight: bold;
}
.context-panel .tour-wrapper .tour-breadcrumbs .share-social-media {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #323232;
}
.context-panel .tour-wrapper .tour-breadcrumbs .share-social-media h4 {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}
.context-panel .tour-wrapper .tour-breadcrumbs .share-social-media .social-icons {
  display: flex;
  align-content: center;
  gap: 3px;
}
.context-panel .tour-wrapper .tour-breadcrumbs .share-social-media .social-icons a {
  height: 20px;
}
.context-panel .tour-wrapper .tour-breadcrumbs .share-social-media i {
  font-size: 20px;
  color: #323232;
}
.context-panel .tour-wrapper .tour-content {
  max-height: calc(100vh - 200px);
}
.context-panel .tour-wrapper .tour-section {
  padding-bottom: 48px;
}
.context-panel .tour-wrapper .tour-details-wrapper {
  padding: 24px;
}
.context-panel .tour-wrapper .tour-details-wrapper .tour-blurb-container .tour-blurb-header {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  font-weight: bold;
  text-transform: uppercase;
}
.context-panel .tour-wrapper .tour-details-wrapper .tour-blurb-container .tour-blurb-header i {
  padding-right: 8px;
  font-size: 18px;
}
.context-panel .tour-wrapper .tour-details-wrapper .tour-blurb-container .tour-blurb-header .tour-blurb-header-text {
  font-size: 15px;
  font-weight: 600;
}
.context-panel .tour-wrapper .tour-details-wrapper .tour-image-slider {
  margin-bottom: 24px;
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 0;
}
.context-panel .tour-wrapper .tour-details-wrapper .tour-image-slider .tour-image-wrapper {
  min-height: 100px;
  width: 100%;
  text-align: center;
}
.context-panel .tour-wrapper .tour-details-wrapper .tour-image-slider .tour-image-wrapper .image-inner-content {
  display: flex;
  align-items: start;
}
.context-panel .tour-wrapper .tour-details-wrapper .tour-image-slider .tour-image-wrapper .app-icon-title-container i, .context-panel .tour-wrapper .tour-details-wrapper .tour-image-slider .tour-image-wrapper .app-icon-title-container span {
  z-index: 3;
}
.context-panel .tour-wrapper .tour-details-wrapper .tour-image-slider .tour-image-wrapper img {
  right: 15%;
  width: 40%;
  transform: unset;
  border-radius: 0.5rem;
}
@media all and (max-width: 2000px) {
  .context-panel .tour-wrapper .tour-details-wrapper .tour-image-slider .tour-image-wrapper img {
    right: 5%;
  }
}
@media all and (max-width: 1150px) {
  .context-panel .tour-wrapper .tour-details-wrapper .tour-image-slider .tour-image-wrapper img {
    right: 25%;
    max-width: 40%;
  }
}
@media all and (max-width: 1000px) {
  .context-panel .tour-wrapper .tour-details-wrapper .tour-image-slider .tour-image-wrapper img {
    right: 15%;
  }
}
.context-panel .tour-wrapper .tour-details-wrapper .tour-image-slider .tour-image-wrapper .app-description {
  z-index: 4;
  max-width: 350px;
  font-size: 18px;
  color: #fff;
  text-align: start;
}
@media screen and (max-width: 1800px) {
  .context-panel .tour-wrapper .tour-details-wrapper .tour-image-slider .tour-image-wrapper .app-description {
    margin-bottom: 24px;
    font-size: 14px;
  }
}
.context-panel .tour-wrapper .tour-details-wrapper .tour-image-slider .tour-slider-right {
  display: inline-block;
  content: "";
  width: 20px;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 10px solid #aeaeae;
  border-bottom: 15px solid transparent;
  cursor: pointer;
}
.context-panel .tour-wrapper .tour-details-wrapper .tour-image-slider .tour-slider-left {
  display: inline-block;
  content: "";
  width: 20px;
  height: 0;
  border-top: 15px solid transparent;
  border-right: 10px solid #aeaeae;
  border-bottom: 15px solid transparent;
  cursor: pointer;
}
.context-panel .tour-wrapper .tour-header-arrow {
  position: relative;
  padding-left: 28px;
}
.context-panel .tour-wrapper .tour-header-arrow::after {
  content: "";
  display: block;
  position: absolute;
  left: 9px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-top: 1px solid #565655;
  border-right: 1px solid #565655;
  margin-top: -3px;
  transform: rotate(45deg);
}
.context-panel .tour-wrapper .tour-action-buttons {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 24px;
}
.context-panel .tour-wrapper .tour-action-buttons .seg-mdl-btn {
  margin: 0;
}
.context-panel .tour-wrapper .tour-action-buttons .seg-mdl-btn input {
  color: #919191;
  text-transform: uppercase;
}
.context-panel .tour-wrapper .tour-action-buttons .seg-mdl-btn.seg-mdl-active input {
  color: #fff;
}
.context-panel .tour-wrapper .tour-action-buttons .seg-mdl-btn.tour-btn-getstarted {
  background-color: #fcd303;
}
.context-panel .tour-wrapper .tour-action-buttons .seg-mdl-btn.tour-btn-getaccess {
  background-color: #43B2E3;
  box-shadow: inset 0 0 0 1px #43b2e3;
}
.context-panel .tour-wrapper .tour-action-buttons .seg-mdl-btn.tour-btn-getaccess input {
  color: #fff;
}
.context-panel .tour-wrapper .tour-mobile-platforms {
  padding-top: 48px;
  padding-bottom: 48px;
  background-color: #f4f4f4;
}
.context-panel .tour-wrapper .tour-mobile-platforms .tour-mobile-platforms-header {
  text-align: center;
  padding-bottom: 24px;
  font-weight: bold;
  text-transform: uppercase;
}
.context-panel .tour-wrapper .tour-mobile-platforms .tour-mobile-platforms-actions {
  justify-content: center;
  display: flex;
}
.context-panel .tour-wrapper .tour-mobile-platforms .tour-mobile-platforms-actions .download-app-button-wrapper {
  position: relative;
}
.context-panel .tour-wrapper .tour-mobile-platforms .tour-mobile-platforms-actions .download-apps-button {
  height: 48px;
  width: 140px;
  display: inline-block;
  background-size: cover;
}
.context-panel .tour-wrapper .tour-mobile-platforms .tour-mobile-platforms-actions .download-apps-button.download-apps-apple-badge {
  background-image: url(../../../images/appstores/iOS-badge.png);
}
.context-panel .tour-wrapper .tour-mobile-platforms .tour-mobile-platforms-actions .download-apps-button.download-apps-android-badge {
  background-image: url(../../../images/appstores/google-play-badge.png);
}
.context-panel .tour-wrapper .tour-get-started {
  min-height: 140px;
  background-image: url("../../../images/tour/E-learning-lms-background.jpg");
  background-size: cover;
  background-position-x: center;
  background-position-y: -90px;
  color: #fff;
  border-radius: 0.5rem;
  padding: 24px 24px 48px 24px;
  margin-bottom: 24px;
  position: relative;
}
.context-panel .tour-wrapper .tour-get-started::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(145deg, rgba(38, 50, 78, 0.7) 30%, rgba(38, 50, 78, 0) 100%);
  z-index: 0;
}
.context-panel .tour-wrapper .tour-get-started .tour-get-started-text {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  z-index: 1;
  position: relative;
}
.context-panel .tour-wrapper .tour-get-started .tour-get-started-text span {
  font-size: 15px;
  text-transform: uppercase;
  padding-bottom: 12px;
}
.context-panel .tour-wrapper .tour-get-started .tour-get-started-actions {
  margin-bottom: 12px;
}
.context-panel .tour-wrapper .tour-get-started .tour-get-started-actions [class*=seg-button] {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  height: 60px;
  box-shadow: none;
  background-color: #014679;
}
@media all and (max-width: 1800px) {
  .context-panel .tour-wrapper .tour-get-started .tour-get-started-actions [class*=seg-button] {
    height: 48px;
    max-width: 250px;
  }
}
@media all and (max-width: 1200px) {
  .context-panel .tour-wrapper .tour-get-started .tour-get-started-actions [class*=seg-button] {
    height: 38px;
    max-width: 200px;
  }
}
.context-panel .tour-wrapper .tour-get-started .tour-get-started-actions [class*=seg-button] .button-text {
  font-size: 20px;
  color: #fff;
}
@media all and (max-width: 1800px) {
  .context-panel .tour-wrapper .tour-get-started .tour-get-started-actions [class*=seg-button] .button-text {
    font-size: 18px;
  }
}
@media all and (max-width: 1200px) {
  .context-panel .tour-wrapper .tour-get-started .tour-get-started-actions [class*=seg-button] .button-text {
    font-size: 16px;
  }
}
.context-panel .tour-wrapper .tour-availability {
  display: flex;
  flex-flow: wrap;
  gap: 24px;
  padding: 0 0 48px;
}
.context-panel .tour-wrapper .tour-availability > .tour-availability-wrapper {
  width: max-content;
  max-width: calc(14.2857142857% - 12px);
}
@media all and (max-width: 980px) {
  .context-panel .tour-wrapper .tour-availability > .tour-availability-wrapper {
    max-width: 25%;
  }
}
.context-panel .tour-wrapper .tour-availability .tour-availability-image {
  max-width: 100%;
}
.context-panel .tour-wrapper .tour-availability .tour-availability-wrapper {
  text-align: center;
}
@media all and (max-width: 1392px) {
  .context-panel .tour-wrapper .ephemeris-factor-content .widget:last-of-type::after {
    content: none;
  }
}
@media all and (max-width: 1235px) {
  .context-panel .tour-wrapper .ephemeris-factor-content .widget:last-of-type::after {
    content: "";
  }
}
@media all and (max-width: 1235px) {
  .context-panel .tour-wrapper .ephemeris-factor-content .widget:nth-of-type(4)::after {
    content: none;
  }
}
@media all and (max-width: 1014px) {
  .context-panel .tour-wrapper .ephemeris-factor-content .widget:nth-of-type(4)::after {
    content: "";
  }
}
@media all and (max-width: 1014px) {
  .context-panel .tour-wrapper .ephemeris-factor-content .widget:nth-of-type(3)::after {
    content: none;
  }
}
@media all and (max-width: 1800px) {
  .context-panel .tour-wrapper .ephemeris-factor-content .widget .denominator {
    font-size: 16px;
  }
}
@media all and (max-width: 1600px) {
  .context-panel .tour-wrapper .ephemeris-factor-content .widget .denominator {
    font-size: 14px;
  }
}
@media all and (max-width: 1800px) {
  .context-panel .tour-wrapper .ephemeris-factor-content .widget .your-tally .value,
.context-panel .tour-wrapper .ephemeris-factor-content .widget .your-tally .inline-denominator,
.context-panel .tour-wrapper .ephemeris-factor-content .widget .avg-tally .value,
.context-panel .tour-wrapper .ephemeris-factor-content .widget .avg-tally .inline-denominator {
    font-size: 16px;
  }
}
@media all and (max-width: 1600px) {
  .context-panel .tour-wrapper .ephemeris-factor-content .widget .your-tally .value,
.context-panel .tour-wrapper .ephemeris-factor-content .widget .your-tally .inline-denominator,
.context-panel .tour-wrapper .ephemeris-factor-content .widget .avg-tally .value,
.context-panel .tour-wrapper .ephemeris-factor-content .widget .avg-tally .inline-denominator {
    font-size: 14px;
  }
}
@media all and (max-width: 1800px) {
  .context-panel .tour-wrapper .ephemeris-factor-content .widget .tally-label {
    font-size: 12px;
  }
}
@media all and (max-width: 1600px) {
  .context-panel .tour-wrapper .ephemeris-factor-content .widget .tally-label {
    font-size: 10px;
  }
}
@media all and (max-width: 1800px) {
  .context-panel .tour-wrapper .ephemeris-factor-content .icon-label span {
    font-size: 12px;
  }
}
@media all and (max-width: 1600px) {
  .context-panel .tour-wrapper .ephemeris-factor-content .icon-label span {
    font-size: 10px;
  }
}
@media all and (max-width: 1800px) {
  .context-panel .tour-wrapper .ephemeris-factor-content .icon-label i {
    width: 60px;
    height: 60px;
    font-size: 26px;
  }
}
@media all and (max-width: 1600px) {
  .context-panel .tour-wrapper .ephemeris-factor-content .icon-label i {
    width: 50px;
    height: 50px;
    font-size: 22px;
  }
}
.context-panel .seg-mdl-btn {
  margin-left: 28px;
  width: 210px;
  text-align: center;
  border-radius: 7px;
  box-shadow: inset 0 0 0 1px #919191;
  background-color: #fff;
  -webkit-mask-image: none;
}
.context-panel .seg-mdl-btn input {
  width: 100%;
}

.app-image-content {
  min-height: 450px;
  padding: 36px 30px 0;
  border-radius: 6px;
}
@media screen and (max-width: 1280px) {
  .app-image-content {
    min-height: unset;
  }
}
.app-image-content .sub-title {
  font-size: 18px;
}
.app-image-content .main-title {
  font-size: 34px;
  font-weight: 600;
}

.app-icon-title-container {
  max-width: 350px;
  font-size: 32px;
  text-align: start;
}
@media screen and (max-width: 1280px) {
  .app-icon-title-container {
    max-width: unset;
  }
}
.app-icon-title-container > i {
  width: 76px;
  height: 76px;
  font-size: 44px;
  border: 2px solid;
}
@media screen and (max-width: 1800px) {
  .app-icon-title-container > i {
    width: 60px;
    height: 60px;
    font-size: 36px;
  }
}
.app-icon-title-container [class*=seg-button] {
  position: relative;
  bottom: unset;
  margin-bottom: 24px;
}

.welcome {
  position: relative;
  padding: 30px 12px;
  box-shadow: inset 0 -1px 0 0 #eaeaea;
}
.welcome h2 {
  margin: 0;
  max-width: calc(100% - 234px);
  font-size: 24px;
}
.welcome > span {
  font-size: 12px;
}
.welcome .seg-mdl-btn {
  margin-left: 28px;
  width: 210px;
  text-align: center;
  border-radius: 7px;
  box-shadow: inset 0 0 0 1px #323232;
  background-color: #fff;
  -webkit-mask-image: none;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.welcome .seg-mdl-btn input {
  color: #323232;
  padding: 6px 18px;
}
.welcome .seg-mdl-btn.seg-mdl-active input {
  color: #fff;
}

#noPermission ~ .modal-footer .seg-mdl-modal-btn-container.seg-mdl-modal-btn-container-first .seg-mdl-btn {
  background-color: #fff;
}
#noPermission ~ .modal-footer .seg-mdl-modal-btn-container.seg-mdl-modal-btn-container-first .seg-mdl-btn input {
  color: #666;
}

.no-permission-wrapper.outlined-section-row {
  margin: 21px;
  border-color: #43B2E3;
}
.no-permission-wrapper.outlined-section-row .outlined-section-title {
  color: #43B2E3;
}
.no-permission-wrapper .no-permission-content-wrapper {
  display: flex;
  align-items: center;
}
.no-permission-wrapper .no-permission-icon-wrapper {
  display: flex;
  margin-left: auto;
  height: 90px;
  width: 90px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 8px #43b2e3;
  position: relative;
  flex-shrink: 0;
  opacity: 0.5;
}
.no-permission-wrapper .no-permission-icon-wrapper i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 42px;
  color: #43B2E3;
}
.no-permission-wrapper .no-permission-content {
  padding-right: 24px;
}
.no-permission-wrapper .no-permission-content p {
  margin-bottom: 0;
}
.no-permission-wrapper .no-permission-content p + p {
  margin-top: 12px;
}

.plan-include-list {
  list-style: none;
  max-width: 50%;
}
.plan-include-list li {
  position: relative;
  min-width: max-content;
}
.plan-include-list li::before {
  content: "\f288";
  font-family: "Seg";
  color: #3D75A6;
  position: absolute;
  top: 50%;
  left: -12px;
  font-size: 20px;
  transform: translateY(-50%);
}

.app-pricing-text-highlight {
  color: #FF9300;
}

.pricing-text {
  font-size: 25px;
  line-height: 1.3;
}

.app-image-content img {
  position: initial;
  margin-left: 100px;
}

#GetAccessButton {
  --default-colour: #FF9300;
  height: 48px;
  min-width: max-content;
  max-width: 220px;
  box-shadow: none;
}
#GetAccessButton:hover {
  box-shadow: none;
}
#GetAccessButton .button-text {
  font-weight: 600;
}

@keyframes menuAnchorIn {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
.mdl-header-breadcrumbs {
  /*position: relative;
          float: left;
          z-index: 2;*/
  /*max-width: calc(90vw - 150px);*/
  /*control this with js*/
  /*overflow-x: auto;*/
  /*removed this to try js responsive implementation*/
  /*overflow-Y: hidden;*/
  /*removed this to try js responsive implementation*/
  /*max-height: 30px;*/
  /*removed this to try js responsive implementation*/
  /*white-space: nowrap;*/
  /*removed this to try js responsive implementation*/
  /*this is required for chrome and IE*/
  /*width: 100%;
          align-self: flex-start;
          margin-right: auto;*/
  position: relative;
  z-index: 2;
  /*width: 100%;*/
  margin-right: auto;
  display: flex;
  justify-content: flex-start;
  white-space: nowrap;
  flex-wrap: wrap;
}
.mdl-header-breadcrumbs .mdl-header-vessel-title {
  font-size: 18px;
  line-height: 50px;
}
.mdl-header-breadcrumbs .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  height: 5px;
}
.mdl-header-breadcrumbs .mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 0px;
}
.mdl-header-breadcrumbs .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  margin: 2px 0;
}
.mdl-header-breadcrumbs .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  margin: 1px auto;
}
.mdl-header-breadcrumbs .header-anchor-holder {
  display: inline-flex;
  overflow: hidden;
  border: 1px solid blue;
  width: 100%;
  height: 100%;
}
.mdl-header-breadcrumbs a {
  opacity: 0;
  color: #323232;
  font-size: 14px;
  line-height: 48px;
  padding-left: 30px;
  transform: translateX(0px);
  position: relative;
  height: 48px;
  display: inline-block;
  transition: text-shadow 0.2s linear;
  text-overflow: ellipsis;
  animation: menuAnchorIn 500ms forwards;
  /* &:nth-child(1) {
      opacity: 1;
  }*/
}
.mdl-header-breadcrumbs a::before {
  content: " ";
  opacity: 0;
  display: inline-block;
  position: absolute;
  left: 23px;
  bottom: 8px;
  width: 0;
  border-bottom: 2px solid transparent;
  transform-origin: center;
  transform: scaleX(0);
  transition: all 350ms ease-in-out;
}
.mdl-header-breadcrumbs a:hover {
  opacity: 1;
  text-shadow: 0 0 #666;
}
.mdl-header-breadcrumbs a:hover::before {
  content: " ";
  opacity: 0.7;
  display: inline-block;
  position: absolute;
  left: 23px;
  bottom: 7px;
  width: calc(100% - 12px);
  border-bottom: 2px solid var(--app-colour, #43B2E3);
  transform-origin: center;
  transform: scaleX(1);
}
.mdl-header-breadcrumbs a:nth-child(2) {
  animation-delay: 150ms;
}
.mdl-header-breadcrumbs a:nth-child(3) {
  animation-delay: 300ms;
}
.mdl-header-breadcrumbs a:nth-child(4) {
  animation-delay: 450ms;
}
.mdl-header-breadcrumbs a:nth-child(5) {
  animation-delay: 600ms;
}
.mdl-header-breadcrumbs a:nth-child(6) {
  animation-delay: 750ms;
}
.mdl-header-breadcrumbs a:nth-child(7) {
  animation-delay: 900ms;
}
.mdl-header-breadcrumbs a:nth-child(8) {
  animation-delay: 1050ms;
}
.mdl-header-breadcrumbs a:nth-child(9) {
  animation-delay: 1200ms;
}
.mdl-header-breadcrumbs a:nth-child(10) {
  animation-delay: 1350ms;
}
.mdl-header-breadcrumbs a:nth-child(11) {
  animation-delay: 1500ms;
}
.mdl-header-breadcrumbs a:nth-child(12) {
  animation-delay: 1650ms;
}
.mdl-header-breadcrumbs a:nth-child(13) {
  animation-delay: 1800ms;
}
.mdl-header-breadcrumbs a:nth-child(14) {
  animation-delay: 1950ms;
}
.mdl-header-breadcrumbs a:nth-child(15) {
  animation-delay: 2100ms;
}
.mdl-header-breadcrumbs a:nth-child(16) {
  animation-delay: 2250ms;
}
.mdl-header-breadcrumbs a:nth-child(17) {
  animation-delay: 2400ms;
}
.mdl-header-breadcrumbs a:nth-child(18) {
  animation-delay: 2550ms;
}
.mdl-header-breadcrumbs a:nth-child(19) {
  animation-delay: 2700ms;
}
.mdl-header-breadcrumbs a:nth-child(20) {
  animation-delay: 2850ms;
}
.mdl-header-breadcrumbs a:nth-child(21) {
  animation-delay: 3000ms;
}
.mdl-header-breadcrumbs a:nth-child(22) {
  animation-delay: 3150ms;
}
.mdl-header-breadcrumbs a:nth-child(23) {
  animation-delay: 3300ms;
}
.mdl-header-breadcrumbs a:nth-child(24) {
  animation-delay: 3450ms;
}
.mdl-header-breadcrumbs a:nth-child(25) {
  animation-delay: 3600ms;
}
.mdl-header-breadcrumbs a:nth-child(26) {
  animation-delay: 3750ms;
}
.mdl-header-breadcrumbs a:nth-child(27) {
  animation-delay: 3900ms;
}
.mdl-header-breadcrumbs a:nth-child(28) {
  animation-delay: 4050ms;
}
.mdl-header-breadcrumbs a:nth-child(29) {
  animation-delay: 4200ms;
}
.mdl-header-breadcrumbs a:nth-child(30) {
  animation-delay: 4350ms;
}
.mdl-header-breadcrumbs a:nth-child(31) {
  animation-delay: 4500ms;
}
.mdl-header-breadcrumbs a:nth-child(32) {
  animation-delay: 4650ms;
}
.mdl-header-breadcrumbs a:nth-child(33) {
  animation-delay: 4800ms;
}
.mdl-header-breadcrumbs a:nth-child(34) {
  animation-delay: 4950ms;
}
.mdl-header-breadcrumbs a:nth-child(35) {
  animation-delay: 5100ms;
}
.mdl-header-breadcrumbs a:nth-child(36) {
  animation-delay: 5250ms;
}
.mdl-header-breadcrumbs a:nth-child(37) {
  animation-delay: 5400ms;
}
.mdl-header-breadcrumbs a:nth-child(38) {
  animation-delay: 5550ms;
}
.mdl-header-breadcrumbs a:nth-child(39) {
  animation-delay: 5700ms;
}
.mdl-header-breadcrumbs a:nth-child(40) {
  animation-delay: 5850ms;
}
.mdl-header-breadcrumbs a:nth-child(41) {
  animation-delay: 6000ms;
}
.mdl-header-breadcrumbs a:nth-child(42) {
  animation-delay: 6150ms;
}
.mdl-header-breadcrumbs a:nth-child(43) {
  animation-delay: 6300ms;
}
.mdl-header-breadcrumbs a:nth-child(44) {
  animation-delay: 6450ms;
}
.mdl-header-breadcrumbs a:nth-child(45) {
  animation-delay: 6600ms;
}
.mdl-header-breadcrumbs a:nth-child(46) {
  animation-delay: 6750ms;
}
.mdl-header-breadcrumbs a:nth-child(47) {
  animation-delay: 6900ms;
}
.mdl-header-breadcrumbs a:nth-child(48) {
  animation-delay: 7050ms;
}
.mdl-header-breadcrumbs a:nth-child(49) {
  animation-delay: 7200ms;
}
.mdl-header-breadcrumbs a:nth-child(50) {
  animation-delay: 7350ms;
}
.mdl-header-breadcrumbs a:nth-child(51) {
  animation-delay: 7500ms;
}
.mdl-header-breadcrumbs a:nth-child(52) {
  animation-delay: 7650ms;
}
.mdl-header-breadcrumbs a:nth-child(53) {
  animation-delay: 7800ms;
}
.mdl-header-breadcrumbs a:nth-child(54) {
  animation-delay: 7950ms;
}
.mdl-header-breadcrumbs a:nth-child(55) {
  animation-delay: 8100ms;
}
.mdl-header-breadcrumbs a:nth-child(56) {
  animation-delay: 8250ms;
}
.mdl-header-breadcrumbs a:nth-child(57) {
  animation-delay: 8400ms;
}
.mdl-header-breadcrumbs a:nth-child(58) {
  animation-delay: 8550ms;
}
.mdl-header-breadcrumbs a:nth-child(59) {
  animation-delay: 8700ms;
}
.mdl-header-breadcrumbs a:nth-child(60) {
  animation-delay: 8850ms;
}
.mdl-header-breadcrumbs a:nth-child(61) {
  animation-delay: 9000ms;
}
.mdl-header-breadcrumbs a:nth-child(62) {
  animation-delay: 9150ms;
}
.mdl-header-breadcrumbs a:nth-child(63) {
  animation-delay: 9300ms;
}
.mdl-header-breadcrumbs a:nth-child(64) {
  animation-delay: 9450ms;
}
.mdl-header-breadcrumbs a:nth-child(65) {
  animation-delay: 9600ms;
}
.mdl-header-breadcrumbs a:nth-child(66) {
  animation-delay: 9750ms;
}
.mdl-header-breadcrumbs a:nth-child(67) {
  animation-delay: 9900ms;
}
.mdl-header-breadcrumbs a:nth-child(68) {
  animation-delay: 10050ms;
}
.mdl-header-breadcrumbs a:nth-child(69) {
  animation-delay: 10200ms;
}
.mdl-header-breadcrumbs a:nth-child(70) {
  animation-delay: 10350ms;
}
.mdl-header-breadcrumbs a:nth-child(71) {
  animation-delay: 10500ms;
}
.mdl-header-breadcrumbs a:nth-child(72) {
  animation-delay: 10650ms;
}
.mdl-header-breadcrumbs a:nth-child(73) {
  animation-delay: 10800ms;
}
.mdl-header-breadcrumbs a:nth-child(74) {
  animation-delay: 10950ms;
}
.mdl-header-breadcrumbs a:nth-child(75) {
  animation-delay: 11100ms;
}
.mdl-header-breadcrumbs a:nth-child(76) {
  animation-delay: 11250ms;
}
.mdl-header-breadcrumbs a:nth-child(77) {
  animation-delay: 11400ms;
}
.mdl-header-breadcrumbs a:nth-child(78) {
  animation-delay: 11550ms;
}
.mdl-header-breadcrumbs a:nth-child(79) {
  animation-delay: 11700ms;
}
.mdl-header-breadcrumbs a:nth-child(80) {
  animation-delay: 11850ms;
}
.mdl-header-breadcrumbs a:nth-child(81) {
  animation-delay: 12000ms;
}
.mdl-header-breadcrumbs a:nth-child(82) {
  animation-delay: 12150ms;
}
.mdl-header-breadcrumbs a:nth-child(83) {
  animation-delay: 12300ms;
}
.mdl-header-breadcrumbs a:nth-child(84) {
  animation-delay: 12450ms;
}
.mdl-header-breadcrumbs a:nth-child(85) {
  animation-delay: 12600ms;
}
.mdl-header-breadcrumbs a:nth-child(86) {
  animation-delay: 12750ms;
}
.mdl-header-breadcrumbs a:nth-child(87) {
  animation-delay: 12900ms;
}
.mdl-header-breadcrumbs a:nth-child(88) {
  animation-delay: 13050ms;
}
.mdl-header-breadcrumbs a:nth-child(89) {
  animation-delay: 13200ms;
}
.mdl-header-breadcrumbs a:nth-child(90) {
  animation-delay: 13350ms;
}
.mdl-header-breadcrumbs a:nth-child(91) {
  animation-delay: 13500ms;
}
.mdl-header-breadcrumbs a:nth-child(92) {
  animation-delay: 13650ms;
}
.mdl-header-breadcrumbs a:nth-child(93) {
  animation-delay: 13800ms;
}
.mdl-header-breadcrumbs a:nth-child(94) {
  animation-delay: 13950ms;
}
.mdl-header-breadcrumbs a:nth-child(95) {
  animation-delay: 14100ms;
}
.mdl-header-breadcrumbs a:nth-child(96) {
  animation-delay: 14250ms;
}
.mdl-header-breadcrumbs a:nth-child(97) {
  animation-delay: 14400ms;
}
.mdl-header-breadcrumbs a:nth-child(98) {
  animation-delay: 14550ms;
}
.mdl-header-breadcrumbs a:nth-child(99) {
  animation-delay: 14700ms;
}
.mdl-header-breadcrumbs a:nth-child(100) {
  animation-delay: 14850ms;
}
.mdl-header-breadcrumbs a::after {
  content: "";
  display: block;
  position: absolute;
  left: 9px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-top: 1px solid #565655;
  border-right: 1px solid #565655;
  margin-top: -3px;
  transform: rotate(45deg);
}
.mdl-header-breadcrumbs a:first-child {
  padding-left: 0;
  text-transform: uppercase;
}
.mdl-header-breadcrumbs a:first-child::before {
  left: -4px;
  width: 110%;
}
.mdl-header-breadcrumbs a:first-child::after {
  display: none;
}
@media screen and (max-width: 1300px) {
  .mdl-header-breadcrumbs.responsive-breadcrumbs-on {
    display: inline-grid;
    grid-template-columns: auto 1fr;
    width: auto;
  }
}
@media screen and (max-width: 1300px) {
  .mdl-header-breadcrumbs.responsive-breadcrumbs-on a.breadcrumb-child {
    display: none;
  }
}
@media screen and (max-width: 1300px) {
  .mdl-header-breadcrumbs.responsive-breadcrumbs-on a.mdl-manual-breadcrumd {
    display: none;
  }
  .mdl-header-breadcrumbs.responsive-breadcrumbs-on a.mdl-manual-breadcrumd:first-of-type {
    display: inline-block;
  }
}
.mdl-header-breadcrumbs.responsive-breadcrumbs-on .breadcrumb-navigation-responsive-container {
  display: none;
}
@media screen and (max-width: 1300px) {
  .mdl-header-breadcrumbs.responsive-breadcrumbs-on .breadcrumb-navigation-responsive-container {
    display: inline-flex;
  }
}
.mdl-header-breadcrumbs.responsive-breadcrumbs-on .breadcrumb-navigation-responsive-container::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-top: 1px solid #565655;
  border-right: 1px solid #565655;
  margin-top: -3px;
  transform: rotate(45deg);
}
.mdl-header-breadcrumbs.responsive-breadcrumbs-on .breadcrumb-navigation-responsive-container .seg-arrow-down {
  top: 0px;
  right: 8px;
  z-index: 0;
  font-size: 12px;
  transform-origin: center;
  transition: all 250ms ease-in-out;
}
.mdl-header-breadcrumbs.responsive-breadcrumbs-on .breadcrumb-navigation-responsive-container .seg-arrow-down::before {
  transition: all 250ms ease-in-out;
}
.mdl-header-breadcrumbs.responsive-breadcrumbs-on .breadcrumb-navigation-responsive-container.closed .seg-arrow-down {
  transform: rotate(0deg);
}
.mdl-header-breadcrumbs.responsive-breadcrumbs-on .breadcrumb-navigation-responsive-container.open .seg-arrow-down {
  transform: rotate(180deg);
}
.mdl-header-breadcrumbs.responsive-breadcrumbs-on .breadcrumb-navigation-responsive-container:hover .seg-arrow-down::before, .mdl-header-breadcrumbs.responsive-breadcrumbs-on .breadcrumb-navigation-responsive-container:focus .seg-arrow-down::before {
  color: var(--app-colour, --bs-primary);
}
.mdl-header-breadcrumbs.responsive-breadcrumbs-on .breadcrumb-navigation-responsive-container .breadcrumb-navigation-responsive {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 1px solid #666666;
  transition: all 250ms ease-in-out;
  z-index: 1;
}
.mdl-header-breadcrumbs.responsive-breadcrumbs-on .breadcrumb-navigation-responsive-container .breadcrumb-navigation-responsive optgroup {
  background: #FFFFFF;
  background: #FFFFFF;
}
.mdl-header-breadcrumbs.responsive-breadcrumbs-on .breadcrumb-navigation-responsive-container .breadcrumb-navigation-responsive option {
  background: #FFFFFF;
  background: #FFFFFF;
}
.mdl-header-breadcrumbs.responsive-breadcrumbs-on .breadcrumb-navigation-responsive-container .breadcrumb-navigation-responsive:hover, .mdl-header-breadcrumbs.responsive-breadcrumbs-on .breadcrumb-navigation-responsive-container .breadcrumb-navigation-responsive:focus {
  border: 1px solid var(--app-colour, --bs-primary);
}
.mdl-header-breadcrumbs.responsive-breadcrumbs-on.breadcrumb-anchor-wrapping {
  display: inline-grid;
  grid-template-columns: auto 1fr;
  width: auto;
}
.mdl-header-breadcrumbs.responsive-breadcrumbs-on.breadcrumb-anchor-wrapping a.breadcrumb-child {
  display: none;
}
.mdl-header-breadcrumbs.responsive-breadcrumbs-on.breadcrumb-anchor-wrapping a.mdl-manual-breadcrumd {
  display: none;
}
.mdl-header-breadcrumbs.responsive-breadcrumbs-on.breadcrumb-anchor-wrapping a.mdl-manual-breadcrumd:first-of-type {
  display: inline-block;
}
.mdl-header-breadcrumbs.responsive-breadcrumbs-on.breadcrumb-anchor-wrapping .breadcrumb-navigation-responsive-container {
  display: inline-flex;
}

/*App colours*/
.app-1 {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

[data-app="1"] {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

/*.appButton:active.app-icon .app-colour-1,*/
.btn-wrapper.active-parent .app-colour-1,
.btn-wrapper.active .app-colour-1 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1 {
  color: #333333;
}

.seg-text-secondary-colour-1 {
  color: #1A1A1A;
}

.seg-hover-text-primary-colour-1:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-1:hover {
  color: #1A1A1A;
}

.app-2 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="2"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-2,*/
.btn-wrapper.active-parent .app-colour-2,
.btn-wrapper.active .app-colour-2 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2 {
  color: #676767;
}

.seg-text-secondary-colour-2 {
  color: #494949;
}

.seg-hover-text-primary-colour-2:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-2:hover {
  color: #494949;
}

.app-3 {
  --app-colour: #9B4160;
  --app-colour-alt: #80334F;
}

[data-app="3"] {
  --app-colour: #9B4160;
  --app-colour-alt: #80334F;
}

/*.appButton:active.app-icon .app-colour-3,*/
.btn-wrapper.active-parent .app-colour-3,
.btn-wrapper.active .app-colour-3 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3 {
  color: #9B4160;
}

.seg-text-secondary-colour-3 {
  color: #80334F;
}

.seg-hover-text-primary-colour-3:hover {
  color: #9B4160;
}

.seg-hover-text-secondary-colour-3:hover {
  color: #80334F;
}

.app-4 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="4"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-4,*/
.btn-wrapper.active-parent .app-colour-4,
.btn-wrapper.active .app-colour-4 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-4 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-4 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-4 {
  color: #FFCA28;
}

.seg-text-secondary-colour-4 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-4:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-4:hover {
  color: #FFB300;
}

.app-5 {
  --app-colour: #0C8ABB;
  --app-colour-alt: #0B729B;
}

[data-app="5"] {
  --app-colour: #0C8ABB;
  --app-colour-alt: #0B729B;
}

/*.appButton:active.app-icon .app-colour-5,*/
.btn-wrapper.active-parent .app-colour-5,
.btn-wrapper.active .app-colour-5 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-5 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-5 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-5 {
  color: #0C8ABB;
}

.seg-text-secondary-colour-5 {
  color: #0B729B;
}

.seg-hover-text-primary-colour-5:hover {
  color: #0C8ABB;
}

.seg-hover-text-secondary-colour-5:hover {
  color: #0B729B;
}

.app-6 {
  --app-colour: #1F853F;
  --app-colour-alt: #157237;
}

[data-app="6"] {
  --app-colour: #1F853F;
  --app-colour-alt: #157237;
}

/*.appButton:active.app-icon .app-colour-6,*/
.btn-wrapper.active-parent .app-colour-6,
.btn-wrapper.active .app-colour-6 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6 {
  color: #1F853F;
}

.seg-text-secondary-colour-6 {
  color: #157237;
}

.seg-hover-text-primary-colour-6:hover {
  color: #1F853F;
}

.seg-hover-text-secondary-colour-6:hover {
  color: #157237;
}

.app-7 {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

[data-app="7"] {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

/*.appButton:active.app-icon .app-colour-7,*/
.btn-wrapper.active-parent .app-colour-7,
.btn-wrapper.active .app-colour-7 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-7 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-7 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-7 {
  color: #1975BD;
}

.seg-text-secondary-colour-7 {
  color: #16609B;
}

.seg-hover-text-primary-colour-7:hover {
  color: #1975BD;
}

.seg-hover-text-secondary-colour-7:hover {
  color: #16609B;
}

.app-8 {
  --app-colour: #0FB2AA;
  --app-colour-alt: #078D83;
}

[data-app="8"] {
  --app-colour: #0FB2AA;
  --app-colour-alt: #078D83;
}

/*.appButton:active.app-icon .app-colour-8,*/
.btn-wrapper.active-parent .app-colour-8,
.btn-wrapper.active .app-colour-8 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-8 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-8 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-8 {
  color: #0FB2AA;
}

.seg-text-secondary-colour-8 {
  color: #078D83;
}

.seg-hover-text-primary-colour-8:hover {
  color: #0FB2AA;
}

.seg-hover-text-secondary-colour-8:hover {
  color: #078D83;
}

.app-9 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="9"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-9,*/
.btn-wrapper.active-parent .app-colour-9,
.btn-wrapper.active .app-colour-9 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-9 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-9 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-9 {
  color: #CC0000;
}

.seg-text-secondary-colour-9 {
  color: #A30202;
}

.seg-hover-text-primary-colour-9:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-9:hover {
  color: #A30202;
}

.app-10 {
  --app-colour: #01CBFD;
  --app-colour-alt: #00aad4;
}

[data-app="10"] {
  --app-colour: #01CBFD;
  --app-colour-alt: #00aad4;
}

/*.appButton:active.app-icon .app-colour-10,*/
.btn-wrapper.active-parent .app-colour-10,
.btn-wrapper.active .app-colour-10 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-10 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-10 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-10 {
  color: #01CBFD;
}

.seg-text-secondary-colour-10 {
  color: #00aad4;
}

.seg-hover-text-primary-colour-10:hover {
  color: #01CBFD;
}

.seg-hover-text-secondary-colour-10:hover {
  color: #00aad4;
}

.app-11 {
  --app-colour: #0FB1FD;
  --app-colour-alt: #0064D9;
}

[data-app="11"] {
  --app-colour: #0FB1FD;
  --app-colour-alt: #0064D9;
}

/*.appButton:active.app-icon .app-colour-11,*/
.btn-wrapper.active-parent .app-colour-11,
.btn-wrapper.active .app-colour-11 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-11 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-11 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-11 {
  color: #0FB1FD;
}

.seg-text-secondary-colour-11 {
  color: #0064D9;
}

.seg-hover-text-primary-colour-11:hover {
  color: #0FB1FD;
}

.seg-hover-text-secondary-colour-11:hover {
  color: #0064D9;
}

.app-12 {
  --app-colour: #EF5B14;
  --app-colour-alt: #D8541F;
}

[data-app="12"] {
  --app-colour: #EF5B14;
  --app-colour-alt: #D8541F;
}

/*.appButton:active.app-icon .app-colour-12,*/
.btn-wrapper.active-parent .app-colour-12,
.btn-wrapper.active .app-colour-12 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-12 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-12 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-12 {
  color: #EF5B14;
}

.seg-text-secondary-colour-12 {
  color: #D8541F;
}

.seg-hover-text-primary-colour-12:hover {
  color: #EF5B14;
}

.seg-hover-text-secondary-colour-12:hover {
  color: #D8541F;
}

.app-13 {
  --app-colour: #9DD72A;
  --app-colour-alt: #7BBA42;
}

[data-app="13"] {
  --app-colour: #9DD72A;
  --app-colour-alt: #7BBA42;
}

/*.appButton:active.app-icon .app-colour-13,*/
.btn-wrapper.active-parent .app-colour-13,
.btn-wrapper.active .app-colour-13 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-13 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-13 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-13 {
  color: #9DD72A;
}

.seg-text-secondary-colour-13 {
  color: #7BBA42;
}

.seg-hover-text-primary-colour-13:hover {
  color: #9DD72A;
}

.seg-hover-text-secondary-colour-13:hover {
  color: #7BBA42;
}

.app-14 {
  --app-colour: #EC5B25;
  --app-colour-alt: #BE481C;
}

[data-app="14"] {
  --app-colour: #EC5B25;
  --app-colour-alt: #BE481C;
}

/*.appButton:active.app-icon .app-colour-14,*/
.btn-wrapper.active-parent .app-colour-14,
.btn-wrapper.active .app-colour-14 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-14 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-14 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-14 {
  color: #EC5B25;
}

.seg-text-secondary-colour-14 {
  color: #BE481C;
}

.seg-hover-text-primary-colour-14:hover {
  color: #EC5B25;
}

.seg-hover-text-secondary-colour-14:hover {
  color: #BE481C;
}

[data-app-selected="14"] .active-checklist-toggle:hover {
  color: #EC5B25;
}
[data-app-selected="14"] .active-checklist-toggle:hover .apps-sp-subheader-dot {
  color: #EC5B25;
  box-shadow: 0 0 0 1px #EC5B25;
}
[data-app-selected="14"] .active-checklist-toggle.side-panel-selected {
  color: #EC5B25;
}
[data-app-selected="14"] .active-checklist-toggle.side-panel-selected .apps-sp-subheader-dot {
  color: #EC5B25;
  box-shadow: 0 0 0 1px #EC5B25;
}

.app-15 {
  --app-colour: #953C5A;
  --app-colour-alt: #702541;
}

[data-app="15"] {
  --app-colour: #953C5A;
  --app-colour-alt: #702541;
}

/*.appButton:active.app-icon .app-colour-15,*/
.btn-wrapper.active-parent .app-colour-15,
.btn-wrapper.active .app-colour-15 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-15 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-15 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-15 {
  color: #953C5A;
}

.seg-text-secondary-colour-15 {
  color: #702541;
}

.seg-hover-text-primary-colour-15:hover {
  color: #953C5A;
}

.seg-hover-text-secondary-colour-15:hover {
  color: #702541;
}

.app-16 {
  --app-colour: #FCC047;
  --app-colour-alt: #EDA434;
}

[data-app="16"] {
  --app-colour: #FCC047;
  --app-colour-alt: #EDA434;
}

/*.appButton:active.app-icon .app-colour-16,*/
.btn-wrapper.active-parent .app-colour-16,
.btn-wrapper.active .app-colour-16 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-16 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-16 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-16 {
  color: #FCC047;
}

.seg-text-secondary-colour-16 {
  color: #EDA434;
}

.seg-hover-text-primary-colour-16:hover {
  color: #FCC047;
}

.seg-hover-text-secondary-colour-16:hover {
  color: #EDA434;
}

.app-17 {
  --app-colour: #0D9FFB;
  --app-colour-alt: #2893A9;
}

[data-app="17"] {
  --app-colour: #0D9FFB;
  --app-colour-alt: #2893A9;
}

/*.appButton:active.app-icon .app-colour-17,*/
.btn-wrapper.active-parent .app-colour-17,
.btn-wrapper.active .app-colour-17 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-17 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-17 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-17 {
  color: #0D9FFB;
}

.seg-text-secondary-colour-17 {
  color: #2893A9;
}

.seg-hover-text-primary-colour-17:hover {
  color: #0D9FFB;
}

.seg-hover-text-secondary-colour-17:hover {
  color: #2893A9;
}

.app-18 {
  --app-colour: #795F96;
  --app-colour-alt: #664F7F;
}

[data-app="18"] {
  --app-colour: #795F96;
  --app-colour-alt: #664F7F;
}

/*.appButton:active.app-icon .app-colour-18,*/
.btn-wrapper.active-parent .app-colour-18,
.btn-wrapper.active .app-colour-18 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-18 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-18 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-18 {
  color: #795F96;
}

.seg-text-secondary-colour-18 {
  color: #664F7F;
}

.seg-hover-text-primary-colour-18:hover {
  color: #795F96;
}

.seg-hover-text-secondary-colour-18:hover {
  color: #664F7F;
}

.app-1013 {
  --app-colour: #0c8abb;
  --app-colour-alt: #0b729b;
}

[data-app="1013"] {
  --app-colour: #0c8abb;
  --app-colour-alt: #0b729b;
}

/*.appButton:active.app-icon .app-colour-1013,*/
.btn-wrapper.active-parent .app-colour-1013,
.btn-wrapper.active .app-colour-1013 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1013 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1013 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1013 {
  color: #0c8abb;
}

.seg-text-secondary-colour-1013 {
  color: #0b729b;
}

.seg-hover-text-primary-colour-1013:hover {
  color: #0c8abb;
}

.seg-hover-text-secondary-colour-1013:hover {
  color: #0b729b;
}

.app-1014 {
  --app-colour: #1975bd;
  --app-colour-alt: #16609b;
}

[data-app="1014"] {
  --app-colour: #1975bd;
  --app-colour-alt: #16609b;
}

/*.appButton:active.app-icon .app-colour-1014,*/
.btn-wrapper.active-parent .app-colour-1014,
.btn-wrapper.active .app-colour-1014 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1014 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1014 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1014 {
  color: #1975bd;
}

.seg-text-secondary-colour-1014 {
  color: #16609b;
}

.seg-hover-text-primary-colour-1014:hover {
  color: #1975bd;
}

.seg-hover-text-secondary-colour-1014:hover {
  color: #16609b;
}

.app-1015 {
  --app-colour: #34b9d5;
  --app-colour-alt: #2893a9;
}

[data-app="1015"] {
  --app-colour: #34b9d5;
  --app-colour-alt: #2893a9;
}

/*.appButton:active.app-icon .app-colour-1015,*/
.btn-wrapper.active-parent .app-colour-1015,
.btn-wrapper.active .app-colour-1015 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1015 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1015 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1015 {
  color: #34b9d5;
}

.seg-text-secondary-colour-1015 {
  color: #2893a9;
}

.seg-hover-text-primary-colour-1015:hover {
  color: #34b9d5;
}

.seg-hover-text-secondary-colour-1015:hover {
  color: #2893a9;
}

.app-1016 {
  --app-colour: #0fb2aa;
  --app-colour-alt: #079389;
}

[data-app="1016"] {
  --app-colour: #0fb2aa;
  --app-colour-alt: #079389;
}

/*.appButton:active.app-icon .app-colour-1016,*/
.btn-wrapper.active-parent .app-colour-1016,
.btn-wrapper.active .app-colour-1016 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1016 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1016 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1016 {
  color: #0fb2aa;
}

.seg-text-secondary-colour-1016 {
  color: #079389;
}

.seg-hover-text-primary-colour-1016:hover {
  color: #0fb2aa;
}

.seg-hover-text-secondary-colour-1016:hover {
  color: #079389;
}

.app-1017 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="1017"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-1017,*/
.btn-wrapper.active-parent .app-colour-1017,
.btn-wrapper.active .app-colour-1017 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1017 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1017 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1017 {
  color: #FFCA28;
}

.seg-text-secondary-colour-1017 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-1017:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-1017:hover {
  color: #FFB300;
}

[data-app-selected="1017"] .drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}
[data-app-selected="1017"] .drawer-item-carousel .drawer-item.drawer-item-selected {
  /*color: (nth($a, 2));*/
  color: #454545;
}

[data-app="1017"].drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}

.app-1018 {
  --app-colour: #BA5127;
  --app-colour-alt: #A54820;
}

[data-app="1018"] {
  --app-colour: #BA5127;
  --app-colour-alt: #A54820;
}

/*.appButton:active.app-icon .app-colour-1018,*/
.btn-wrapper.active-parent .app-colour-1018,
.btn-wrapper.active .app-colour-1018 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1018 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1018 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1018 {
  color: #BA5127;
}

.seg-text-secondary-colour-1018 {
  color: #A54820;
}

.seg-hover-text-primary-colour-1018:hover {
  color: #BA5127;
}

.seg-hover-text-secondary-colour-1018:hover {
  color: #A54820;
}

[data-app-selected="1018"] .drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}
[data-app-selected="1018"] .drawer-item-carousel .drawer-item.drawer-item-selected {
  /*color: (nth($a, 2));*/
  color: #454545;
}

[data-app="1018"].drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}

.app-1019 {
  --app-colour: #EC5B25;
  --app-colour-alt: #BE481C;
}

[data-app="1019"] {
  --app-colour: #EC5B25;
  --app-colour-alt: #BE481C;
}

/*.appButton:active.app-icon .app-colour-1019,*/
.btn-wrapper.active-parent .app-colour-1019,
.btn-wrapper.active .app-colour-1019 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1019 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1019 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1019 {
  color: #EC5B25;
}

.seg-text-secondary-colour-1019 {
  color: #BE481C;
}

.seg-hover-text-primary-colour-1019:hover {
  color: #EC5B25;
}

.seg-hover-text-secondary-colour-1019:hover {
  color: #BE481C;
}

[data-app-selected="1019"] .drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}
[data-app-selected="1019"] .drawer-item-carousel .drawer-item.drawer-item-selected {
  /*color: (nth($a, 2));*/
  color: #454545;
}

[data-app="1019"].drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}

.app-1020 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="1020"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-1020,*/
.btn-wrapper.active-parent .app-colour-1020,
.btn-wrapper.active .app-colour-1020 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1020 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1020 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1020 {
  color: #CC0000;
}

.seg-text-secondary-colour-1020 {
  color: #A30202;
}

.seg-hover-text-primary-colour-1020:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-1020:hover {
  color: #A30202;
}

[data-app-selected="1020"] .drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}
[data-app-selected="1020"] .drawer-item-carousel .drawer-item.drawer-item-selected {
  /*color: (nth($a, 2));*/
  color: #454545;
}

[data-app="1020"].drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}

.app-1021 {
  --app-colour: #FF9800;
  --app-colour-alt: #F57C00;
}

[data-app="1021"] {
  --app-colour: #FF9800;
  --app-colour-alt: #F57C00;
}

/*.appButton:active.app-icon .app-colour-1021,*/
.btn-wrapper.active-parent .app-colour-1021,
.btn-wrapper.active .app-colour-1021 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1021 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1021 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1021 {
  color: #FF9800;
}

.seg-text-secondary-colour-1021 {
  color: #F57C00;
}

.seg-hover-text-primary-colour-1021:hover {
  color: #FF9800;
}

.seg-hover-text-secondary-colour-1021:hover {
  color: #F57C00;
}

[data-app-selected="1021"] .drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}
[data-app-selected="1021"] .drawer-item-carousel .drawer-item.drawer-item-selected {
  /*color: (nth($a, 2));*/
  color: #454545;
}

[data-app="1021"].drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}

.app-1022 {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

[data-app="1022"] {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

/*.appButton:active.app-icon .app-colour-1022,*/
.btn-wrapper.active-parent .app-colour-1022,
.btn-wrapper.active .app-colour-1022 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1022 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1022 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1022 {
  color: #333333;
}

.seg-text-secondary-colour-1022 {
  color: #1A1A1A;
}

.seg-hover-text-primary-colour-1022:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-1022:hover {
  color: #1A1A1A;
}

.app-1023 {
  --app-colour: #E85D41;
  --app-colour-alt: #C44E36;
}

[data-app="1023"] {
  --app-colour: #E85D41;
  --app-colour-alt: #C44E36;
}

/*.appButton:active.app-icon .app-colour-1023,*/
.btn-wrapper.active-parent .app-colour-1023,
.btn-wrapper.active .app-colour-1023 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1023 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1023 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1023 {
  color: #E85D41;
}

.seg-text-secondary-colour-1023 {
  color: #C44E36;
}

.seg-hover-text-primary-colour-1023:hover {
  color: #E85D41;
}

.seg-hover-text-secondary-colour-1023:hover {
  color: #C44E36;
}

.app-1024 {
  --app-colour: #51BFD0;
  --app-colour-alt: #45A2B1;
}

[data-app="1024"] {
  --app-colour: #51BFD0;
  --app-colour-alt: #45A2B1;
}

/*.appButton:active.app-icon .app-colour-1024,*/
.btn-wrapper.active-parent .app-colour-1024,
.btn-wrapper.active .app-colour-1024 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1024 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1024 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1024 {
  color: #51BFD0;
}

.seg-text-secondary-colour-1024 {
  color: #45A2B1;
}

.seg-hover-text-primary-colour-1024:hover {
  color: #51BFD0;
}

.seg-hover-text-secondary-colour-1024:hover {
  color: #45A2B1;
}

.app-1025 {
  --app-colour: #7DB9A3;
  --app-colour-alt: #699E8B;
}

[data-app="1025"] {
  --app-colour: #7DB9A3;
  --app-colour-alt: #699E8B;
}

/*.appButton:active.app-icon .app-colour-1025,*/
.btn-wrapper.active-parent .app-colour-1025,
.btn-wrapper.active .app-colour-1025 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1025 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1025 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1025 {
  color: #7DB9A3;
}

.seg-text-secondary-colour-1025 {
  color: #699E8B;
}

.seg-hover-text-primary-colour-1025:hover {
  color: #7DB9A3;
}

.seg-hover-text-secondary-colour-1025:hover {
  color: #699E8B;
}

.app-1026 {
  --app-colour: #F16A25;
  --app-colour-alt: #CB591D;
}

[data-app="1026"] {
  --app-colour: #F16A25;
  --app-colour-alt: #CB591D;
}

/*.appButton:active.app-icon .app-colour-1026,*/
.btn-wrapper.active-parent .app-colour-1026,
.btn-wrapper.active .app-colour-1026 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1026 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1026 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1026 {
  color: #F16A25;
}

.seg-text-secondary-colour-1026 {
  color: #CB591D;
}

.seg-hover-text-primary-colour-1026:hover {
  color: #F16A25;
}

.seg-hover-text-secondary-colour-1026:hover {
  color: #CB591D;
}

.app-1027 {
  --app-colour: #9BBA5A;
  --app-colour-alt: #829E4B;
}

[data-app="1027"] {
  --app-colour: #9BBA5A;
  --app-colour-alt: #829E4B;
}

/*.appButton:active.app-icon .app-colour-1027,*/
.btn-wrapper.active-parent .app-colour-1027,
.btn-wrapper.active .app-colour-1027 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1027 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1027 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1027 {
  color: #9BBA5A;
}

.seg-text-secondary-colour-1027 {
  color: #829E4B;
}

.seg-hover-text-primary-colour-1027:hover {
  color: #9BBA5A;
}

.seg-hover-text-secondary-colour-1027:hover {
  color: #829E4B;
}

.app-1028 {
  --app-colour: #578BC8;
  --app-colour-alt: #4A78AB;
}

[data-app="1028"] {
  --app-colour: #578BC8;
  --app-colour-alt: #4A78AB;
}

/*.appButton:active.app-icon .app-colour-1028,*/
.btn-wrapper.active-parent .app-colour-1028,
.btn-wrapper.active .app-colour-1028 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1028 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1028 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1028 {
  color: #578BC8;
}

.seg-text-secondary-colour-1028 {
  color: #4A78AB;
}

.seg-hover-text-primary-colour-1028:hover {
  color: #578BC8;
}

.seg-hover-text-secondary-colour-1028:hover {
  color: #4A78AB;
}

.app-1029 {
  --app-colour: #957BB7;
  --app-colour-alt: #80699D;
}

[data-app="1029"] {
  --app-colour: #957BB7;
  --app-colour-alt: #80699D;
}

/*.appButton:active.app-icon .app-colour-1029,*/
.btn-wrapper.active-parent .app-colour-1029,
.btn-wrapper.active .app-colour-1029 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1029 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1029 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1029 {
  color: #957BB7;
}

.seg-text-secondary-colour-1029 {
  color: #80699D;
}

.seg-hover-text-primary-colour-1029:hover {
  color: #957BB7;
}

.seg-hover-text-secondary-colour-1029:hover {
  color: #80699D;
}

.app-1030 {
  --app-colour: #C13A43;
  --app-colour-alt: #A32F37;
}

[data-app="1030"] {
  --app-colour: #C13A43;
  --app-colour-alt: #A32F37;
}

/*.appButton:active.app-icon .app-colour-1030,*/
.btn-wrapper.active-parent .app-colour-1030,
.btn-wrapper.active .app-colour-1030 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1030 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1030 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1030 {
  color: #C13A43;
}

.seg-text-secondary-colour-1030 {
  color: #A32F37;
}

.seg-hover-text-primary-colour-1030:hover {
  color: #C13A43;
}

.seg-hover-text-secondary-colour-1030:hover {
  color: #A32F37;
}

.app-1031 {
  --app-colour: #2FA5B9;
  --app-colour-alt: #278D9E;
}

[data-app="1031"] {
  --app-colour: #2FA5B9;
  --app-colour-alt: #278D9E;
}

/*.appButton:active.app-icon .app-colour-1031,*/
.btn-wrapper.active-parent .app-colour-1031,
.btn-wrapper.active .app-colour-1031 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1031 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1031 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1031 {
  color: #2FA5B9;
}

.seg-text-secondary-colour-1031 {
  color: #278D9E;
}

.seg-hover-text-primary-colour-1031:hover {
  color: #2FA5B9;
}

.seg-hover-text-secondary-colour-1031:hover {
  color: #278D9E;
}

.app-1032 {
  --app-colour: #118C6C;
  --app-colour-alt: #0F6B51;
}

[data-app="1032"] {
  --app-colour: #118C6C;
  --app-colour-alt: #0F6B51;
}

/*.appButton:active.app-icon .app-colour-1032,*/
.btn-wrapper.active-parent .app-colour-1032,
.btn-wrapper.active .app-colour-1032 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1032 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1032 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1032 {
  color: #118C6C;
}

.seg-text-secondary-colour-1032 {
  color: #0F6B51;
}

.seg-hover-text-primary-colour-1032:hover {
  color: #118C6C;
}

.seg-hover-text-secondary-colour-1032:hover {
  color: #0F6B51;
}

.app-1033 {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

[data-app="1033"] {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

/*.appButton:active.app-icon .app-colour-1033,*/
.btn-wrapper.active-parent .app-colour-1033,
.btn-wrapper.active .app-colour-1033 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1033 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1033 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1033 {
  color: #333333;
}

.seg-text-secondary-colour-1033 {
  color: #1A1A1A;
}

.seg-hover-text-primary-colour-1033:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-1033:hover {
  color: #1A1A1A;
}

.app-1034 {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

[data-app="1034"] {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

/*.appButton:active.app-icon .app-colour-1034,*/
.btn-wrapper.active-parent .app-colour-1034,
.btn-wrapper.active .app-colour-1034 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1034 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1034 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1034 {
  color: #FBD000;
}

.seg-text-secondary-colour-1034 {
  color: #F4BE1E;
}

.seg-hover-text-primary-colour-1034:hover {
  color: #FBD000;
}

.seg-hover-text-secondary-colour-1034:hover {
  color: #F4BE1E;
}

[data-app-selected="1034"] .drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}
[data-app-selected="1034"] .drawer-item-carousel .drawer-item.drawer-item-selected {
  /*color: (nth($a, 2));*/
  color: #454545;
}

[data-app="1034"].drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}

.app-1035 {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

[data-app="1035"] {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

/*.appButton:active.app-icon .app-colour-1035,*/
.btn-wrapper.active-parent .app-colour-1035,
.btn-wrapper.active .app-colour-1035 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1035 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1035 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1035 {
  color: #333333;
}

.seg-text-secondary-colour-1035 {
  color: #1A1A1A;
}

.seg-hover-text-primary-colour-1035:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-1035:hover {
  color: #1A1A1A;
}

.app-1036 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="1036"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-1036,*/
.btn-wrapper.active-parent .app-colour-1036,
.btn-wrapper.active .app-colour-1036 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1036 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1036 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1036 {
  color: #676767;
}

.seg-text-secondary-colour-1036 {
  color: #494949;
}

.seg-hover-text-primary-colour-1036:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-1036:hover {
  color: #494949;
}

.app-1037 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="1037"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-1037,*/
.btn-wrapper.active-parent .app-colour-1037,
.btn-wrapper.active .app-colour-1037 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1037 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1037 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1037 {
  color: #676767;
}

.seg-text-secondary-colour-1037 {
  color: #494949;
}

.seg-hover-text-primary-colour-1037:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-1037:hover {
  color: #494949;
}

.app-1190 {
  --app-colour: #FFBD11;
  --app-colour-alt: #494949;
}

[data-app="1190"] {
  --app-colour: #FFBD11;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-1190,*/
.btn-wrapper.active-parent .app-colour-1190,
.btn-wrapper.active .app-colour-1190 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1190 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1190 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1190 {
  color: #FFBD11;
}

.seg-text-secondary-colour-1190 {
  color: #494949;
}

.seg-hover-text-primary-colour-1190:hover {
  color: #FFBD11;
}

.seg-hover-text-secondary-colour-1190:hover {
  color: #494949;
}

.app-1038 {
  --app-colour: #FFBD11;
  --app-colour-alt: #494949;
}

[data-app="1038"] {
  --app-colour: #FFBD11;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-1038,*/
.btn-wrapper.active-parent .app-colour-1038,
.btn-wrapper.active .app-colour-1038 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1038 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1038 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1038 {
  color: #FFBD11;
}

.seg-text-secondary-colour-1038 {
  color: #494949;
}

.seg-hover-text-primary-colour-1038:hover {
  color: #FFBD11;
}

.seg-hover-text-secondary-colour-1038:hover {
  color: #494949;
}

.app-1039 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="1039"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-1039,*/
.btn-wrapper.active-parent .app-colour-1039,
.btn-wrapper.active .app-colour-1039 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1039 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1039 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1039 {
  color: #676767;
}

.seg-text-secondary-colour-1039 {
  color: #494949;
}

.seg-hover-text-primary-colour-1039:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-1039:hover {
  color: #494949;
}

.app-1040 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="1040"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-1040,*/
.btn-wrapper.active-parent .app-colour-1040,
.btn-wrapper.active .app-colour-1040 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1040 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1040 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1040 {
  color: #676767;
}

.seg-text-secondary-colour-1040 {
  color: #494949;
}

.seg-hover-text-primary-colour-1040:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-1040:hover {
  color: #494949;
}

.app-1041 {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

[data-app="1041"] {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

/*.appButton:active.app-icon .app-colour-1041,*/
.btn-wrapper.active-parent .app-colour-1041,
.btn-wrapper.active .app-colour-1041 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1041 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1041 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1041 {
  color: #FBD000;
}

.seg-text-secondary-colour-1041 {
  color: #F4BE1E;
}

.seg-hover-text-primary-colour-1041:hover {
  color: #FBD000;
}

.seg-hover-text-secondary-colour-1041:hover {
  color: #F4BE1E;
}

.app-1042 {
  --app-colour: #76D133;
  --app-colour-alt: #5D982A;
}

[data-app="1042"] {
  --app-colour: #76D133;
  --app-colour-alt: #5D982A;
}

/*.appButton:active.app-icon .app-colour-1042,*/
.btn-wrapper.active-parent .app-colour-1042,
.btn-wrapper.active .app-colour-1042 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1042 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1042 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1042 {
  color: #76D133;
}

.seg-text-secondary-colour-1042 {
  color: #5D982A;
}

.seg-hover-text-primary-colour-1042:hover {
  color: #76D133;
}

.seg-hover-text-secondary-colour-1042:hover {
  color: #5D982A;
}

.app-1043 {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

[data-app="1043"] {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

/*.appButton:active.app-icon .app-colour-1043,*/
.btn-wrapper.active-parent .app-colour-1043,
.btn-wrapper.active .app-colour-1043 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1043 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1043 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1043 {
  color: #333333;
}

.seg-text-secondary-colour-1043 {
  color: #1A1A1A;
}

.seg-hover-text-primary-colour-1043:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-1043:hover {
  color: #1A1A1A;
}

.app-1044 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1044"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1044,*/
.btn-wrapper.active-parent .app-colour-1044,
.btn-wrapper.active .app-colour-1044 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1044 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1044 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1044 {
  color: #0090EA;
}

.seg-text-secondary-colour-1044 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1044:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1044:hover {
  color: #1074b3;
}

.app-1045 {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

[data-app="1045"] {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

/*.appButton:active.app-icon .app-colour-1045,*/
.btn-wrapper.active-parent .app-colour-1045,
.btn-wrapper.active .app-colour-1045 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1045 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1045 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1045 {
  color: #01D0E2;
}

.seg-text-secondary-colour-1045 {
  color: #11a1ad;
}

.seg-hover-text-primary-colour-1045:hover {
  color: #01D0E2;
}

.seg-hover-text-secondary-colour-1045:hover {
  color: #11a1ad;
}

.app-1046 {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

[data-app="1046"] {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

/*.appButton:active.app-icon .app-colour-1046,*/
.btn-wrapper.active-parent .app-colour-1046,
.btn-wrapper.active .app-colour-1046 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1046 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1046 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1046 {
  color: #005DCA;
}

.seg-text-secondary-colour-1046 {
  color: #0d509e;
}

.seg-hover-text-primary-colour-1046:hover {
  color: #005DCA;
}

.seg-hover-text-secondary-colour-1046:hover {
  color: #0d509e;
}

.app-1047 {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

[data-app="1047"] {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-1047,*/
.btn-wrapper.active-parent .app-colour-1047,
.btn-wrapper.active .app-colour-1047 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1047 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1047 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1047 {
  color: #E7453A;
}

.seg-text-secondary-colour-1047 {
  color: #C62828;
}

.seg-hover-text-primary-colour-1047:hover {
  color: #E7453A;
}

.seg-hover-text-secondary-colour-1047:hover {
  color: #C62828;
}

.app-1048 {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

[data-app="1048"] {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

/*.appButton:active.app-icon .app-colour-1048,*/
.btn-wrapper.active-parent .app-colour-1048,
.btn-wrapper.active .app-colour-1048 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1048 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1048 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1048 {
  color: #333333;
}

.seg-text-secondary-colour-1048 {
  color: #1A1A1A;
}

.seg-hover-text-primary-colour-1048:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-1048:hover {
  color: #1A1A1A;
}

.app-1049 {
  --app-colour: #39ADAE;
  --app-colour-alt: #39ADAE;
}

[data-app="1049"] {
  --app-colour: #39ADAE;
  --app-colour-alt: #39ADAE;
}

/*.appButton:active.app-icon .app-colour-1049,*/
.btn-wrapper.active-parent .app-colour-1049,
.btn-wrapper.active .app-colour-1049 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1049 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1049 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1049 {
  color: #39ADAE;
}

.seg-text-secondary-colour-1049 {
  color: #39ADAE;
}

.seg-hover-text-primary-colour-1049:hover {
  color: #39ADAE;
}

.seg-hover-text-secondary-colour-1049:hover {
  color: #39ADAE;
}

.app-1050 {
  --app-colour: #00ACB2;
  --app-colour-alt: #009595;
}

[data-app="1050"] {
  --app-colour: #00ACB2;
  --app-colour-alt: #009595;
}

/*.appButton:active.app-icon .app-colour-1050,*/
.btn-wrapper.active-parent .app-colour-1050,
.btn-wrapper.active .app-colour-1050 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1050 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1050 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1050 {
  color: #00ACB2;
}

.seg-text-secondary-colour-1050 {
  color: #009595;
}

.seg-hover-text-primary-colour-1050:hover {
  color: #00ACB2;
}

.seg-hover-text-secondary-colour-1050:hover {
  color: #009595;
}

.app-1051 {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

[data-app="1051"] {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-1051,*/
.btn-wrapper.active-parent .app-colour-1051,
.btn-wrapper.active .app-colour-1051 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1051 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1051 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1051 {
  color: #E7453A;
}

.seg-text-secondary-colour-1051 {
  color: #C62828;
}

.seg-hover-text-primary-colour-1051:hover {
  color: #E7453A;
}

.seg-hover-text-secondary-colour-1051:hover {
  color: #C62828;
}

.app-1052 {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

[data-app="1052"] {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

/*.appButton:active.app-icon .app-colour-1052,*/
.btn-wrapper.active-parent .app-colour-1052,
.btn-wrapper.active .app-colour-1052 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1052 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1052 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1052 {
  color: #333333;
}

.seg-text-secondary-colour-1052 {
  color: #1A1A1A;
}

.seg-hover-text-primary-colour-1052:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-1052:hover {
  color: #1A1A1A;
}

.app-1053 {
  --app-colour: #39ADAE;
  --app-colour-alt: #39ADAE;
}

[data-app="1053"] {
  --app-colour: #39ADAE;
  --app-colour-alt: #39ADAE;
}

/*.appButton:active.app-icon .app-colour-1053,*/
.btn-wrapper.active-parent .app-colour-1053,
.btn-wrapper.active .app-colour-1053 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1053 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1053 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1053 {
  color: #39ADAE;
}

.seg-text-secondary-colour-1053 {
  color: #39ADAE;
}

.seg-hover-text-primary-colour-1053:hover {
  color: #39ADAE;
}

.seg-hover-text-secondary-colour-1053:hover {
  color: #39ADAE;
}

.app-1054 {
  --app-colour: #00ACB2;
  --app-colour-alt: #009595;
}

[data-app="1054"] {
  --app-colour: #00ACB2;
  --app-colour-alt: #009595;
}

/*.appButton:active.app-icon .app-colour-1054,*/
.btn-wrapper.active-parent .app-colour-1054,
.btn-wrapper.active .app-colour-1054 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1054 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1054 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1054 {
  color: #00ACB2;
}

.seg-text-secondary-colour-1054 {
  color: #009595;
}

.seg-hover-text-primary-colour-1054:hover {
  color: #00ACB2;
}

.seg-hover-text-secondary-colour-1054:hover {
  color: #009595;
}

.app-1055 {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

[data-app="1055"] {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-1055,*/
.btn-wrapper.active-parent .app-colour-1055,
.btn-wrapper.active .app-colour-1055 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1055 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1055 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1055 {
  color: #E7453A;
}

.seg-text-secondary-colour-1055 {
  color: #C62828;
}

.seg-hover-text-primary-colour-1055:hover {
  color: #E7453A;
}

.seg-hover-text-secondary-colour-1055:hover {
  color: #C62828;
}

.app-1056 {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

[data-app="1056"] {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

/*.appButton:active.app-icon .app-colour-1056,*/
.btn-wrapper.active-parent .app-colour-1056,
.btn-wrapper.active .app-colour-1056 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1056 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1056 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1056 {
  color: #333333;
}

.seg-text-secondary-colour-1056 {
  color: #1A1A1A;
}

.seg-hover-text-primary-colour-1056:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-1056:hover {
  color: #1A1A1A;
}

.app-1057 {
  --app-colour: #39ADAE;
  --app-colour-alt: #39ADAE;
}

[data-app="1057"] {
  --app-colour: #39ADAE;
  --app-colour-alt: #39ADAE;
}

/*.appButton:active.app-icon .app-colour-1057,*/
.btn-wrapper.active-parent .app-colour-1057,
.btn-wrapper.active .app-colour-1057 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1057 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1057 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1057 {
  color: #39ADAE;
}

.seg-text-secondary-colour-1057 {
  color: #39ADAE;
}

.seg-hover-text-primary-colour-1057:hover {
  color: #39ADAE;
}

.seg-hover-text-secondary-colour-1057:hover {
  color: #39ADAE;
}

.app-1058 {
  --app-colour: #00ACB2;
  --app-colour-alt: #009595;
}

[data-app="1058"] {
  --app-colour: #00ACB2;
  --app-colour-alt: #009595;
}

/*.appButton:active.app-icon .app-colour-1058,*/
.btn-wrapper.active-parent .app-colour-1058,
.btn-wrapper.active .app-colour-1058 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1058 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1058 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1058 {
  color: #00ACB2;
}

.seg-text-secondary-colour-1058 {
  color: #009595;
}

.seg-hover-text-primary-colour-1058:hover {
  color: #00ACB2;
}

.seg-hover-text-secondary-colour-1058:hover {
  color: #009595;
}

.app-1059 {
  --app-colour: #1F853F;
  --app-colour-alt: #157237;
}

[data-app="1059"] {
  --app-colour: #1F853F;
  --app-colour-alt: #157237;
}

/*.appButton:active.app-icon .app-colour-1059,*/
.btn-wrapper.active-parent .app-colour-1059,
.btn-wrapper.active .app-colour-1059 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1059 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1059 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1059 {
  color: #1F853F;
}

.seg-text-secondary-colour-1059 {
  color: #157237;
}

.seg-hover-text-primary-colour-1059:hover {
  color: #1F853F;
}

.seg-hover-text-secondary-colour-1059:hover {
  color: #157237;
}

.app-1060 {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

[data-app="1060"] {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

/*.appButton:active.app-icon .app-colour-1060,*/
.btn-wrapper.active-parent .app-colour-1060,
.btn-wrapper.active .app-colour-1060 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1060 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1060 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1060 {
  color: #333333;
}

.seg-text-secondary-colour-1060 {
  color: #1A1A1A;
}

.seg-hover-text-primary-colour-1060:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-1060:hover {
  color: #1A1A1A;
}

.app-1061 {
  --app-colour: #39ADAE;
  --app-colour-alt: #39ADAE;
}

[data-app="1061"] {
  --app-colour: #39ADAE;
  --app-colour-alt: #39ADAE;
}

/*.appButton:active.app-icon .app-colour-1061,*/
.btn-wrapper.active-parent .app-colour-1061,
.btn-wrapper.active .app-colour-1061 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1061 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1061 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1061 {
  color: #39ADAE;
}

.seg-text-secondary-colour-1061 {
  color: #39ADAE;
}

.seg-hover-text-primary-colour-1061:hover {
  color: #39ADAE;
}

.seg-hover-text-secondary-colour-1061:hover {
  color: #39ADAE;
}

.app-1062 {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

[data-app="1062"] {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

/*.appButton:active.app-icon .app-colour-1062,*/
.btn-wrapper.active-parent .app-colour-1062,
.btn-wrapper.active .app-colour-1062 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1062 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1062 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1062 {
  color: #1975BD;
}

.seg-text-secondary-colour-1062 {
  color: #16609B;
}

.seg-hover-text-primary-colour-1062:hover {
  color: #1975BD;
}

.seg-hover-text-secondary-colour-1062:hover {
  color: #16609B;
}

.app-1063 {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

[data-app="1063"] {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

/*.appButton:active.app-icon .app-colour-1063,*/
.btn-wrapper.active-parent .app-colour-1063,
.btn-wrapper.active .app-colour-1063 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1063 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1063 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1063 {
  color: #1975BD;
}

.seg-text-secondary-colour-1063 {
  color: #16609B;
}

.seg-hover-text-primary-colour-1063:hover {
  color: #1975BD;
}

.seg-hover-text-secondary-colour-1063:hover {
  color: #16609B;
}

.app-1064 {
  --app-colour: #00ACB2;
  --app-colour-alt: #009595;
}

[data-app="1064"] {
  --app-colour: #00ACB2;
  --app-colour-alt: #009595;
}

/*.appButton:active.app-icon .app-colour-1064,*/
.btn-wrapper.active-parent .app-colour-1064,
.btn-wrapper.active .app-colour-1064 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1064 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1064 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1064 {
  color: #00ACB2;
}

.seg-text-secondary-colour-1064 {
  color: #009595;
}

.seg-hover-text-primary-colour-1064:hover {
  color: #00ACB2;
}

.seg-hover-text-secondary-colour-1064:hover {
  color: #009595;
}

.app-1065 {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

[data-app="1065"] {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

/*.appButton:active.app-icon .app-colour-1065,*/
.btn-wrapper.active-parent .app-colour-1065,
.btn-wrapper.active .app-colour-1065 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1065 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1065 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1065 {
  color: #1975BD;
}

.seg-text-secondary-colour-1065 {
  color: #16609B;
}

.seg-hover-text-primary-colour-1065:hover {
  color: #1975BD;
}

.seg-hover-text-secondary-colour-1065:hover {
  color: #16609B;
}

.app-1066 {
  --app-colour: #607D8B;
  --app-colour-alt: #455A64;
}

[data-app="1066"] {
  --app-colour: #607D8B;
  --app-colour-alt: #455A64;
}

/*.appButton:active.app-icon .app-colour-1066,*/
.btn-wrapper.active-parent .app-colour-1066,
.btn-wrapper.active .app-colour-1066 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1066 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1066 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1066 {
  color: #607D8B;
}

.seg-text-secondary-colour-1066 {
  color: #455A64;
}

.seg-hover-text-primary-colour-1066:hover {
  color: #607D8B;
}

.seg-hover-text-secondary-colour-1066:hover {
  color: #455A64;
}

.app-1067 {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

[data-app="1067"] {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

/*.appButton:active.app-icon .app-colour-1067,*/
.btn-wrapper.active-parent .app-colour-1067,
.btn-wrapper.active .app-colour-1067 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1067 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1067 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1067 {
  color: #1975BD;
}

.seg-text-secondary-colour-1067 {
  color: #16609B;
}

.seg-hover-text-primary-colour-1067:hover {
  color: #1975BD;
}

.seg-hover-text-secondary-colour-1067:hover {
  color: #16609B;
}

.app-1068 {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

[data-app="1068"] {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

/*.appButton:active.app-icon .app-colour-1068,*/
.btn-wrapper.active-parent .app-colour-1068,
.btn-wrapper.active .app-colour-1068 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1068 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1068 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1068 {
  color: #1975BD;
}

.seg-text-secondary-colour-1068 {
  color: #16609B;
}

.seg-hover-text-primary-colour-1068:hover {
  color: #1975BD;
}

.seg-hover-text-secondary-colour-1068:hover {
  color: #16609B;
}

.app-1069 {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

[data-app="1069"] {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

/*.appButton:active.app-icon .app-colour-1069,*/
.btn-wrapper.active-parent .app-colour-1069,
.btn-wrapper.active .app-colour-1069 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1069 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1069 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1069 {
  color: #1975BD;
}

.seg-text-secondary-colour-1069 {
  color: #16609B;
}

.seg-hover-text-primary-colour-1069:hover {
  color: #1975BD;
}

.seg-hover-text-secondary-colour-1069:hover {
  color: #16609B;
}

.app-1070 {
  --app-colour: #607D8B;
  --app-colour-alt: #455A64;
}

[data-app="1070"] {
  --app-colour: #607D8B;
  --app-colour-alt: #455A64;
}

/*.appButton:active.app-icon .app-colour-1070,*/
.btn-wrapper.active-parent .app-colour-1070,
.btn-wrapper.active .app-colour-1070 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1070 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1070 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1070 {
  color: #607D8B;
}

.seg-text-secondary-colour-1070 {
  color: #455A64;
}

.seg-hover-text-primary-colour-1070:hover {
  color: #607D8B;
}

.seg-hover-text-secondary-colour-1070:hover {
  color: #455A64;
}

.app-1071 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1071"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1071,*/
.btn-wrapper.active-parent .app-colour-1071,
.btn-wrapper.active .app-colour-1071 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1071 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1071 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1071 {
  color: #0090EA;
}

.seg-text-secondary-colour-1071 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1071:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1071:hover {
  color: #1074b3;
}

.app-1072 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="1072"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-1072,*/
.btn-wrapper.active-parent .app-colour-1072,
.btn-wrapper.active .app-colour-1072 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1072 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1072 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1072 {
  color: #676767;
}

.seg-text-secondary-colour-1072 {
  color: #494949;
}

.seg-hover-text-primary-colour-1072:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-1072:hover {
  color: #494949;
}

.app-1079 {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

[data-app="1079"] {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

/*.appButton:active.app-icon .app-colour-1079,*/
.btn-wrapper.active-parent .app-colour-1079,
.btn-wrapper.active .app-colour-1079 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1079 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1079 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1079 {
  color: #7D217F;
}

.seg-text-secondary-colour-1079 {
  color: #52215A;
}

.seg-hover-text-primary-colour-1079:hover {
  color: #7D217F;
}

.seg-hover-text-secondary-colour-1079:hover {
  color: #52215A;
}

.app-1080 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1080"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1080,*/
.btn-wrapper.active-parent .app-colour-1080,
.btn-wrapper.active .app-colour-1080 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1080 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1080 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1080 {
  color: #0090EA;
}

.seg-text-secondary-colour-1080 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1080:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1080:hover {
  color: #1074b3;
}

.app-1081 {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

[data-app="1081"] {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

/*.appButton:active.app-icon .app-colour-1081,*/
.btn-wrapper.active-parent .app-colour-1081,
.btn-wrapper.active .app-colour-1081 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1081 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1081 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1081 {
  color: #7D217F;
}

.seg-text-secondary-colour-1081 {
  color: #52215A;
}

.seg-hover-text-primary-colour-1081:hover {
  color: #7D217F;
}

.seg-hover-text-secondary-colour-1081:hover {
  color: #52215A;
}

.app-1085 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1085"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1085,*/
.btn-wrapper.active-parent .app-colour-1085,
.btn-wrapper.active .app-colour-1085 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1085 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1085 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1085 {
  color: #0090EA;
}

.seg-text-secondary-colour-1085 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1085:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1085:hover {
  color: #1074b3;
}

.app-1086 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1086"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1086,*/
.btn-wrapper.active-parent .app-colour-1086,
.btn-wrapper.active .app-colour-1086 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1086 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1086 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1086 {
  color: #0090EA;
}

.seg-text-secondary-colour-1086 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1086:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1086:hover {
  color: #1074b3;
}

.app-1087 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1087"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1087,*/
.btn-wrapper.active-parent .app-colour-1087,
.btn-wrapper.active .app-colour-1087 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1087 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1087 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1087 {
  color: #0090EA;
}

.seg-text-secondary-colour-1087 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1087:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1087:hover {
  color: #1074b3;
}

.app-1088 {
  --app-colour: #8F1B6A;
  --app-colour-alt: #591748;
}

[data-app="1088"] {
  --app-colour: #8F1B6A;
  --app-colour-alt: #591748;
}

/*.appButton:active.app-icon .app-colour-1088,*/
.btn-wrapper.active-parent .app-colour-1088,
.btn-wrapper.active .app-colour-1088 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1088 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1088 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1088 {
  color: #8F1B6A;
}

.seg-text-secondary-colour-1088 {
  color: #591748;
}

.seg-hover-text-primary-colour-1088:hover {
  color: #8F1B6A;
}

.seg-hover-text-secondary-colour-1088:hover {
  color: #591748;
}

.app-1089 {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

[data-app="1089"] {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

/*.appButton:active.app-icon .app-colour-1089,*/
.btn-wrapper.active-parent .app-colour-1089,
.btn-wrapper.active .app-colour-1089 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1089 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1089 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1089 {
  color: #01D0E2;
}

.seg-text-secondary-colour-1089 {
  color: #11a1ad;
}

.seg-hover-text-primary-colour-1089:hover {
  color: #01D0E2;
}

.seg-hover-text-secondary-colour-1089:hover {
  color: #11a1ad;
}

.app-1090 {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

[data-app="1090"] {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

/*.appButton:active.app-icon .app-colour-1090,*/
.btn-wrapper.active-parent .app-colour-1090,
.btn-wrapper.active .app-colour-1090 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1090 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1090 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1090 {
  color: #01D0E2;
}

.seg-text-secondary-colour-1090 {
  color: #11a1ad;
}

.seg-hover-text-primary-colour-1090:hover {
  color: #01D0E2;
}

.seg-hover-text-secondary-colour-1090:hover {
  color: #11a1ad;
}

.app-1091 {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

[data-app="1091"] {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

/*.appButton:active.app-icon .app-colour-1091,*/
.btn-wrapper.active-parent .app-colour-1091,
.btn-wrapper.active .app-colour-1091 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1091 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1091 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1091 {
  color: #01D0E2;
}

.seg-text-secondary-colour-1091 {
  color: #11a1ad;
}

.seg-hover-text-primary-colour-1091:hover {
  color: #01D0E2;
}

.seg-hover-text-secondary-colour-1091:hover {
  color: #11a1ad;
}

.app-1092 {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

[data-app="1092"] {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

/*.appButton:active.app-icon .app-colour-1092,*/
.btn-wrapper.active-parent .app-colour-1092,
.btn-wrapper.active .app-colour-1092 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1092 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1092 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1092 {
  color: #01D0E2;
}

.seg-text-secondary-colour-1092 {
  color: #11a1ad;
}

.seg-hover-text-primary-colour-1092:hover {
  color: #01D0E2;
}

.seg-hover-text-secondary-colour-1092:hover {
  color: #11a1ad;
}

.app-1093 {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

[data-app="1093"] {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

/*.appButton:active.app-icon .app-colour-1093,*/
.btn-wrapper.active-parent .app-colour-1093,
.btn-wrapper.active .app-colour-1093 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1093 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1093 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1093 {
  color: #01D0E2;
}

.seg-text-secondary-colour-1093 {
  color: #11a1ad;
}

.seg-hover-text-primary-colour-1093:hover {
  color: #01D0E2;
}

.seg-hover-text-secondary-colour-1093:hover {
  color: #11a1ad;
}

.app-1094 {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

[data-app="1094"] {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

/*.appButton:active.app-icon .app-colour-1094,*/
.btn-wrapper.active-parent .app-colour-1094,
.btn-wrapper.active .app-colour-1094 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1094 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1094 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1094 {
  color: #005DCA;
}

.seg-text-secondary-colour-1094 {
  color: #0d509e;
}

.seg-hover-text-primary-colour-1094:hover {
  color: #005DCA;
}

.seg-hover-text-secondary-colour-1094:hover {
  color: #0d509e;
}

.app-1095 {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

[data-app="1095"] {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

/*.appButton:active.app-icon .app-colour-1095,*/
.btn-wrapper.active-parent .app-colour-1095,
.btn-wrapper.active .app-colour-1095 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1095 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1095 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1095 {
  color: #005DCA;
}

.seg-text-secondary-colour-1095 {
  color: #0d509e;
}

.seg-hover-text-primary-colour-1095:hover {
  color: #005DCA;
}

.seg-hover-text-secondary-colour-1095:hover {
  color: #0d509e;
}

.app-1096 {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

[data-app="1096"] {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

/*.appButton:active.app-icon .app-colour-1096,*/
.btn-wrapper.active-parent .app-colour-1096,
.btn-wrapper.active .app-colour-1096 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1096 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1096 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1096 {
  color: #005DCA;
}

.seg-text-secondary-colour-1096 {
  color: #0d509e;
}

.seg-hover-text-primary-colour-1096:hover {
  color: #005DCA;
}

.seg-hover-text-secondary-colour-1096:hover {
  color: #0d509e;
}

.app-1097 {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

[data-app="1097"] {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

/*.appButton:active.app-icon .app-colour-1097,*/
.btn-wrapper.active-parent .app-colour-1097,
.btn-wrapper.active .app-colour-1097 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1097 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1097 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1097 {
  color: #005DCA;
}

.seg-text-secondary-colour-1097 {
  color: #0d509e;
}

.seg-hover-text-primary-colour-1097:hover {
  color: #005DCA;
}

.seg-hover-text-secondary-colour-1097:hover {
  color: #0d509e;
}

.app-1098 {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

[data-app="1098"] {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

/*.appButton:active.app-icon .app-colour-1098,*/
.btn-wrapper.active-parent .app-colour-1098,
.btn-wrapper.active .app-colour-1098 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1098 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1098 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1098 {
  color: #005DCA;
}

.seg-text-secondary-colour-1098 {
  color: #0d509e;
}

.seg-hover-text-primary-colour-1098:hover {
  color: #005DCA;
}

.seg-hover-text-secondary-colour-1098:hover {
  color: #0d509e;
}

.app-1099 {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

[data-app="1099"] {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

/*.appButton:active.app-icon .app-colour-1099,*/
.btn-wrapper.active-parent .app-colour-1099,
.btn-wrapper.active .app-colour-1099 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1099 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1099 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1099 {
  color: #005DCA;
}

.seg-text-secondary-colour-1099 {
  color: #0d509e;
}

.seg-hover-text-primary-colour-1099:hover {
  color: #005DCA;
}

.seg-hover-text-secondary-colour-1099:hover {
  color: #0d509e;
}

.app-1100 {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

[data-app="1100"] {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

/*.appButton:active.app-icon .app-colour-1100,*/
.btn-wrapper.active-parent .app-colour-1100,
.btn-wrapper.active .app-colour-1100 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1100 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1100 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1100 {
  color: #005DCA;
}

.seg-text-secondary-colour-1100 {
  color: #0d509e;
}

.seg-hover-text-primary-colour-1100:hover {
  color: #005DCA;
}

.seg-hover-text-secondary-colour-1100:hover {
  color: #0d509e;
}

.app-1101 {
  --app-colour: #ffca28;
  --app-colour-alt: #ffca28;
}

[data-app="1101"] {
  --app-colour: #ffca28;
  --app-colour-alt: #ffca28;
}

/*.appButton:active.app-icon .app-colour-1101,*/
.btn-wrapper.active-parent .app-colour-1101,
.btn-wrapper.active .app-colour-1101 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1101 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1101 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1101 {
  color: #ffca28;
}

.seg-text-secondary-colour-1101 {
  color: #ffca28;
}

.seg-hover-text-primary-colour-1101:hover {
  color: #ffca28;
}

.seg-hover-text-secondary-colour-1101:hover {
  color: #ffca28;
}

.app-1102 {
  --app-colour: #FDCF35;
  --app-colour-alt: #FBC02D;
}

[data-app="1102"] {
  --app-colour: #FDCF35;
  --app-colour-alt: #FBC02D;
}

/*.appButton:active.app-icon .app-colour-1102,*/
.btn-wrapper.active-parent .app-colour-1102,
.btn-wrapper.active .app-colour-1102 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1102 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1102 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1102 {
  color: #FDCF35;
}

.seg-text-secondary-colour-1102 {
  color: #FBC02D;
}

.seg-hover-text-primary-colour-1102:hover {
  color: #FDCF35;
}

.seg-hover-text-secondary-colour-1102:hover {
  color: #FBC02D;
}

.app-1103 {
  --app-colour: #FDCF35;
  --app-colour-alt: #FBC02D;
}

[data-app="1103"] {
  --app-colour: #FDCF35;
  --app-colour-alt: #FBC02D;
}

/*.appButton:active.app-icon .app-colour-1103,*/
.btn-wrapper.active-parent .app-colour-1103,
.btn-wrapper.active .app-colour-1103 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1103 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1103 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1103 {
  color: #FDCF35;
}

.seg-text-secondary-colour-1103 {
  color: #FBC02D;
}

.seg-hover-text-primary-colour-1103:hover {
  color: #FDCF35;
}

.seg-hover-text-secondary-colour-1103:hover {
  color: #FBC02D;
}

.app-1104 {
  --app-colour: #FDCF35;
  --app-colour-alt: #FBC02D;
}

[data-app="1104"] {
  --app-colour: #FDCF35;
  --app-colour-alt: #FBC02D;
}

/*.appButton:active.app-icon .app-colour-1104,*/
.btn-wrapper.active-parent .app-colour-1104,
.btn-wrapper.active .app-colour-1104 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1104 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1104 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1104 {
  color: #FDCF35;
}

.seg-text-secondary-colour-1104 {
  color: #FBC02D;
}

.seg-hover-text-primary-colour-1104:hover {
  color: #FDCF35;
}

.seg-hover-text-secondary-colour-1104:hover {
  color: #FBC02D;
}

.app-1105 {
  --app-colour: #FDCF35;
  --app-colour-alt: #FBC02D;
}

[data-app="1105"] {
  --app-colour: #FDCF35;
  --app-colour-alt: #FBC02D;
}

/*.appButton:active.app-icon .app-colour-1105,*/
.btn-wrapper.active-parent .app-colour-1105,
.btn-wrapper.active .app-colour-1105 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1105 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1105 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1105 {
  color: #FDCF35;
}

.seg-text-secondary-colour-1105 {
  color: #FBC02D;
}

.seg-hover-text-primary-colour-1105:hover {
  color: #FDCF35;
}

.seg-hover-text-secondary-colour-1105:hover {
  color: #FBC02D;
}

.app-1106 {
  --app-colour: #FDCF35;
  --app-colour-alt: #FBC02D;
}

[data-app="1106"] {
  --app-colour: #FDCF35;
  --app-colour-alt: #FBC02D;
}

/*.appButton:active.app-icon .app-colour-1106,*/
.btn-wrapper.active-parent .app-colour-1106,
.btn-wrapper.active .app-colour-1106 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1106 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1106 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1106 {
  color: #FDCF35;
}

.seg-text-secondary-colour-1106 {
  color: #FBC02D;
}

.seg-hover-text-primary-colour-1106:hover {
  color: #FDCF35;
}

.seg-hover-text-secondary-colour-1106:hover {
  color: #FBC02D;
}

.app-1107 {
  --app-colour: #1975bd;
  --app-colour-alt: #16609b;
}

[data-app="1107"] {
  --app-colour: #1975bd;
  --app-colour-alt: #16609b;
}

/*.appButton:active.app-icon .app-colour-1107,*/
.btn-wrapper.active-parent .app-colour-1107,
.btn-wrapper.active .app-colour-1107 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1107 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1107 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1107 {
  color: #1975bd;
}

.seg-text-secondary-colour-1107 {
  color: #16609b;
}

.seg-hover-text-primary-colour-1107:hover {
  color: #1975bd;
}

.seg-hover-text-secondary-colour-1107:hover {
  color: #16609b;
}

.app-1108 {
  --app-colour: #34b9d5;
  --app-colour-alt: #2893a9;
}

[data-app="1108"] {
  --app-colour: #34b9d5;
  --app-colour-alt: #2893a9;
}

/*.appButton:active.app-icon .app-colour-1108,*/
.btn-wrapper.active-parent .app-colour-1108,
.btn-wrapper.active .app-colour-1108 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1108 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1108 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1108 {
  color: #34b9d5;
}

.seg-text-secondary-colour-1108 {
  color: #2893a9;
}

.seg-hover-text-primary-colour-1108:hover {
  color: #34b9d5;
}

.seg-hover-text-secondary-colour-1108:hover {
  color: #2893a9;
}

.app-1109 {
  --app-colour: #F44336;
  --app-colour-alt: #C62828;
}

[data-app="1109"] {
  --app-colour: #F44336;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-1109,*/
.btn-wrapper.active-parent .app-colour-1109,
.btn-wrapper.active .app-colour-1109 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1109 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1109 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1109 {
  color: #F44336;
}

.seg-text-secondary-colour-1109 {
  color: #C62828;
}

.seg-hover-text-primary-colour-1109:hover {
  color: #F44336;
}

.seg-hover-text-secondary-colour-1109:hover {
  color: #C62828;
}

.app-1110 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="1110"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-1110,*/
.btn-wrapper.active-parent .app-colour-1110,
.btn-wrapper.active .app-colour-1110 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1110 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1110 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1110 {
  color: #CC0000;
}

.seg-text-secondary-colour-1110 {
  color: #A30202;
}

.seg-hover-text-primary-colour-1110:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-1110:hover {
  color: #A30202;
}

.app-1111 {
  --app-colour: #00ACB2;
  --app-colour-alt: #009595;
}

[data-app="1111"] {
  --app-colour: #00ACB2;
  --app-colour-alt: #009595;
}

/*.appButton:active.app-icon .app-colour-1111,*/
.btn-wrapper.active-parent .app-colour-1111,
.btn-wrapper.active .app-colour-1111 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1111 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1111 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1111 {
  color: #00ACB2;
}

.seg-text-secondary-colour-1111 {
  color: #009595;
}

.seg-hover-text-primary-colour-1111:hover {
  color: #00ACB2;
}

.seg-hover-text-secondary-colour-1111:hover {
  color: #009595;
}

.app-1112 {
  --app-colour: #607D8B;
  --app-colour-alt: #455A64;
}

[data-app="1112"] {
  --app-colour: #607D8B;
  --app-colour-alt: #455A64;
}

/*.appButton:active.app-icon .app-colour-1112,*/
.btn-wrapper.active-parent .app-colour-1112,
.btn-wrapper.active .app-colour-1112 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1112 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1112 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1112 {
  color: #607D8B;
}

.seg-text-secondary-colour-1112 {
  color: #455A64;
}

.seg-hover-text-primary-colour-1112:hover {
  color: #607D8B;
}

.seg-hover-text-secondary-colour-1112:hover {
  color: #455A64;
}

.app-1113 {
  --app-colour: #607D8B;
  --app-colour-alt: #455A64;
}

[data-app="1113"] {
  --app-colour: #607D8B;
  --app-colour-alt: #455A64;
}

/*.appButton:active.app-icon .app-colour-1113,*/
.btn-wrapper.active-parent .app-colour-1113,
.btn-wrapper.active .app-colour-1113 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1113 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1113 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1113 {
  color: #607D8B;
}

.seg-text-secondary-colour-1113 {
  color: #455A64;
}

.seg-hover-text-primary-colour-1113:hover {
  color: #607D8B;
}

.seg-hover-text-secondary-colour-1113:hover {
  color: #455A64;
}

.app-1114 {
  --app-colour: #607D8B;
  --app-colour-alt: #455A64;
}

[data-app="1114"] {
  --app-colour: #607D8B;
  --app-colour-alt: #455A64;
}

/*.appButton:active.app-icon .app-colour-1114,*/
.btn-wrapper.active-parent .app-colour-1114,
.btn-wrapper.active .app-colour-1114 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1114 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1114 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1114 {
  color: #607D8B;
}

.seg-text-secondary-colour-1114 {
  color: #455A64;
}

.seg-hover-text-primary-colour-1114:hover {
  color: #607D8B;
}

.seg-hover-text-secondary-colour-1114:hover {
  color: #455A64;
}

.app-1115 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1115"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1115,*/
.btn-wrapper.active-parent .app-colour-1115,
.btn-wrapper.active .app-colour-1115 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1115 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1115 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1115 {
  color: #0090EA;
}

.seg-text-secondary-colour-1115 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1115:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1115:hover {
  color: #1074b3;
}

.app-1116 {
  --app-colour: #FCC047;
  --app-colour-alt: #EDA434;
}

[data-app="1116"] {
  --app-colour: #FCC047;
  --app-colour-alt: #EDA434;
}

/*.appButton:active.app-icon .app-colour-1116,*/
.btn-wrapper.active-parent .app-colour-1116,
.btn-wrapper.active .app-colour-1116 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1116 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1116 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1116 {
  color: #FCC047;
}

.seg-text-secondary-colour-1116 {
  color: #EDA434;
}

.seg-hover-text-primary-colour-1116:hover {
  color: #FCC047;
}

.seg-hover-text-secondary-colour-1116:hover {
  color: #EDA434;
}

.app-1118 {
  --app-colour: #561F57;
  --app-colour-alt: #37163A;
}

[data-app="1118"] {
  --app-colour: #561F57;
  --app-colour-alt: #37163A;
}

/*.appButton:active.app-icon .app-colour-1118,*/
.btn-wrapper.active-parent .app-colour-1118,
.btn-wrapper.active .app-colour-1118 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1118 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1118 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1118 {
  color: #561F57;
}

.seg-text-secondary-colour-1118 {
  color: #37163A;
}

.seg-hover-text-primary-colour-1118:hover {
  color: #561F57;
}

.seg-hover-text-secondary-colour-1118:hover {
  color: #37163A;
}

.app-1119 {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

[data-app="1119"] {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-1119,*/
.btn-wrapper.active-parent .app-colour-1119,
.btn-wrapper.active .app-colour-1119 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1119 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1119 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1119 {
  color: #E7453A;
}

.seg-text-secondary-colour-1119 {
  color: #C62828;
}

.seg-hover-text-primary-colour-1119:hover {
  color: #E7453A;
}

.seg-hover-text-secondary-colour-1119:hover {
  color: #C62828;
}

.app-1120 {
  --app-colour: #39ADAE;
  --app-colour-alt: #39ADAE;
}

[data-app="1120"] {
  --app-colour: #39ADAE;
  --app-colour-alt: #39ADAE;
}

/*.appButton:active.app-icon .app-colour-1120,*/
.btn-wrapper.active-parent .app-colour-1120,
.btn-wrapper.active .app-colour-1120 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1120 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1120 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1120 {
  color: #39ADAE;
}

.seg-text-secondary-colour-1120 {
  color: #39ADAE;
}

.seg-hover-text-primary-colour-1120:hover {
  color: #39ADAE;
}

.seg-hover-text-secondary-colour-1120:hover {
  color: #39ADAE;
}

.app-1134 {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

[data-app="1134"] {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

/*.appButton:active.app-icon .app-colour-1134,*/
.btn-wrapper.active-parent .app-colour-1134,
.btn-wrapper.active .app-colour-1134 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1134 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1134 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1134 {
  color: #7D217F;
}

.seg-text-secondary-colour-1134 {
  color: #52215A;
}

.seg-hover-text-primary-colour-1134:hover {
  color: #7D217F;
}

.seg-hover-text-secondary-colour-1134:hover {
  color: #52215A;
}

.app-1135 {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

[data-app="1135"] {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

/*.appButton:active.app-icon .app-colour-1135,*/
.btn-wrapper.active-parent .app-colour-1135,
.btn-wrapper.active .app-colour-1135 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1135 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1135 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1135 {
  color: #7D217F;
}

.seg-text-secondary-colour-1135 {
  color: #52215A;
}

.seg-hover-text-primary-colour-1135:hover {
  color: #7D217F;
}

.seg-hover-text-secondary-colour-1135:hover {
  color: #52215A;
}

.app-1136 {
  --app-colour: #8F1B6A;
  --app-colour-alt: #591748;
}

[data-app="1136"] {
  --app-colour: #8F1B6A;
  --app-colour-alt: #591748;
}

/*.appButton:active.app-icon .app-colour-1136,*/
.btn-wrapper.active-parent .app-colour-1136,
.btn-wrapper.active .app-colour-1136 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1136 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1136 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1136 {
  color: #8F1B6A;
}

.seg-text-secondary-colour-1136 {
  color: #591748;
}

.seg-hover-text-primary-colour-1136:hover {
  color: #8F1B6A;
}

.seg-hover-text-secondary-colour-1136:hover {
  color: #591748;
}

.app-1137 {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

[data-app="1137"] {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

/*.appButton:active.app-icon .app-colour-1137,*/
.btn-wrapper.active-parent .app-colour-1137,
.btn-wrapper.active .app-colour-1137 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1137 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1137 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1137 {
  color: #005DCA;
}

.seg-text-secondary-colour-1137 {
  color: #0d509e;
}

.seg-hover-text-primary-colour-1137:hover {
  color: #005DCA;
}

.seg-hover-text-secondary-colour-1137:hover {
  color: #0d509e;
}

.app-1138 {
  --app-colour: #561F57;
  --app-colour-alt: #37163A;
}

[data-app="1138"] {
  --app-colour: #561F57;
  --app-colour-alt: #37163A;
}

/*.appButton:active.app-icon .app-colour-1138,*/
.btn-wrapper.active-parent .app-colour-1138,
.btn-wrapper.active .app-colour-1138 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1138 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1138 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1138 {
  color: #561F57;
}

.seg-text-secondary-colour-1138 {
  color: #37163A;
}

.seg-hover-text-primary-colour-1138:hover {
  color: #561F57;
}

.seg-hover-text-secondary-colour-1138:hover {
  color: #37163A;
}

.app-1140 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="1140"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-1140,*/
.btn-wrapper.active-parent .app-colour-1140,
.btn-wrapper.active .app-colour-1140 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1140 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1140 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1140 {
  color: #676767;
}

.seg-text-secondary-colour-1140 {
  color: #494949;
}

.seg-hover-text-primary-colour-1140:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-1140:hover {
  color: #494949;
}

.app-1143 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1143"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1143,*/
.btn-wrapper.active-parent .app-colour-1143,
.btn-wrapper.active .app-colour-1143 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1143 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1143 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1143 {
  color: #0090EA;
}

.seg-text-secondary-colour-1143 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1143:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1143:hover {
  color: #1074b3;
}

.app-1144 {
  --app-colour: #009CB1;
  --app-colour-alt: #0a7b8a;
}

[data-app="1144"] {
  --app-colour: #009CB1;
  --app-colour-alt: #0a7b8a;
}

/*.appButton:active.app-icon .app-colour-1144,*/
.btn-wrapper.active-parent .app-colour-1144,
.btn-wrapper.active .app-colour-1144 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1144 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1144 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1144 {
  color: #009CB1;
}

.seg-text-secondary-colour-1144 {
  color: #0a7b8a;
}

.seg-hover-text-primary-colour-1144:hover {
  color: #009CB1;
}

.seg-hover-text-secondary-colour-1144:hover {
  color: #0a7b8a;
}

.app-1145 {
  --app-colour: #6561a4;
  --app-colour-alt: #534f88;
}

[data-app="1145"] {
  --app-colour: #6561a4;
  --app-colour-alt: #534f88;
}

/*.appButton:active.app-icon .app-colour-1145,*/
.btn-wrapper.active-parent .app-colour-1145,
.btn-wrapper.active .app-colour-1145 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1145 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1145 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1145 {
  color: #6561a4;
}

.seg-text-secondary-colour-1145 {
  color: #534f88;
}

.seg-hover-text-primary-colour-1145:hover {
  color: #6561a4;
}

.seg-hover-text-secondary-colour-1145:hover {
  color: #534f88;
}

.app-1146 {
  --app-colour: #0c8abb;
  --app-colour-alt: #0b729b;
}

[data-app="1146"] {
  --app-colour: #0c8abb;
  --app-colour-alt: #0b729b;
}

/*.appButton:active.app-icon .app-colour-1146,*/
.btn-wrapper.active-parent .app-colour-1146,
.btn-wrapper.active .app-colour-1146 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1146 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1146 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1146 {
  color: #0c8abb;
}

.seg-text-secondary-colour-1146 {
  color: #0b729b;
}

.seg-hover-text-primary-colour-1146:hover {
  color: #0c8abb;
}

.seg-hover-text-secondary-colour-1146:hover {
  color: #0b729b;
}

.app-1147 {
  --app-colour: #1975bd;
  --app-colour-alt: #16609b;
}

[data-app="1147"] {
  --app-colour: #1975bd;
  --app-colour-alt: #16609b;
}

/*.appButton:active.app-icon .app-colour-1147,*/
.btn-wrapper.active-parent .app-colour-1147,
.btn-wrapper.active .app-colour-1147 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1147 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1147 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1147 {
  color: #1975bd;
}

.seg-text-secondary-colour-1147 {
  color: #16609b;
}

.seg-hover-text-primary-colour-1147:hover {
  color: #1975bd;
}

.seg-hover-text-secondary-colour-1147:hover {
  color: #16609b;
}

.app-1148 {
  --app-colour: #561F57;
  --app-colour-alt: #37163A;
}

[data-app="1148"] {
  --app-colour: #561F57;
  --app-colour-alt: #37163A;
}

/*.appButton:active.app-icon .app-colour-1148,*/
.btn-wrapper.active-parent .app-colour-1148,
.btn-wrapper.active .app-colour-1148 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1148 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1148 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1148 {
  color: #561F57;
}

.seg-text-secondary-colour-1148 {
  color: #37163A;
}

.seg-hover-text-primary-colour-1148:hover {
  color: #561F57;
}

.seg-hover-text-secondary-colour-1148:hover {
  color: #37163A;
}

.app-1149 {
  --app-colour: #561F57;
  --app-colour-alt: #37163A;
}

[data-app="1149"] {
  --app-colour: #561F57;
  --app-colour-alt: #37163A;
}

/*.appButton:active.app-icon .app-colour-1149,*/
.btn-wrapper.active-parent .app-colour-1149,
.btn-wrapper.active .app-colour-1149 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1149 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1149 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1149 {
  color: #561F57;
}

.seg-text-secondary-colour-1149 {
  color: #37163A;
}

.seg-hover-text-primary-colour-1149:hover {
  color: #561F57;
}

.seg-hover-text-secondary-colour-1149:hover {
  color: #37163A;
}

.app-1150 {
  --app-colour: #036297;
  --app-colour-alt: #004872;
}

[data-app="1150"] {
  --app-colour: #036297;
  --app-colour-alt: #004872;
}

/*.appButton:active.app-icon .app-colour-1150,*/
.btn-wrapper.active-parent .app-colour-1150,
.btn-wrapper.active .app-colour-1150 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1150 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1150 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1150 {
  color: #036297;
}

.seg-text-secondary-colour-1150 {
  color: #004872;
}

.seg-hover-text-primary-colour-1150:hover {
  color: #036297;
}

.seg-hover-text-secondary-colour-1150:hover {
  color: #004872;
}

.app-1151 {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

[data-app="1151"] {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

/*.appButton:active.app-icon .app-colour-1151,*/
.btn-wrapper.active-parent .app-colour-1151,
.btn-wrapper.active .app-colour-1151 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1151 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1151 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1151 {
  color: #7D217F;
}

.seg-text-secondary-colour-1151 {
  color: #52215A;
}

.seg-hover-text-primary-colour-1151:hover {
  color: #7D217F;
}

.seg-hover-text-secondary-colour-1151:hover {
  color: #52215A;
}

.app-1152 {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

[data-app="1152"] {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-1152,*/
.btn-wrapper.active-parent .app-colour-1152,
.btn-wrapper.active .app-colour-1152 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1152 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1152 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1152 {
  color: #E7453A;
}

.seg-text-secondary-colour-1152 {
  color: #C62828;
}

.seg-hover-text-primary-colour-1152:hover {
  color: #E7453A;
}

.seg-hover-text-secondary-colour-1152:hover {
  color: #C62828;
}

.app-1153 {
  --app-colour: #FEB32A;
  --app-colour-alt: #FD9926;
}

[data-app="1153"] {
  --app-colour: #FEB32A;
  --app-colour-alt: #FD9926;
}

/*.appButton:active.app-icon .app-colour-1153,*/
.btn-wrapper.active-parent .app-colour-1153,
.btn-wrapper.active .app-colour-1153 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1153 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1153 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1153 {
  color: #FEB32A;
}

.seg-text-secondary-colour-1153 {
  color: #FD9926;
}

.seg-hover-text-primary-colour-1153:hover {
  color: #FEB32A;
}

.seg-hover-text-secondary-colour-1153:hover {
  color: #FD9926;
}

.app-1154 {
  --app-colour: #76D133;
  --app-colour-alt: #5D982A;
}

[data-app="1154"] {
  --app-colour: #76D133;
  --app-colour-alt: #5D982A;
}

/*.appButton:active.app-icon .app-colour-1154,*/
.btn-wrapper.active-parent .app-colour-1154,
.btn-wrapper.active .app-colour-1154 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1154 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1154 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1154 {
  color: #76D133;
}

.seg-text-secondary-colour-1154 {
  color: #5D982A;
}

.seg-hover-text-primary-colour-1154:hover {
  color: #76D133;
}

.seg-hover-text-secondary-colour-1154:hover {
  color: #5D982A;
}

.app-1155 {
  --app-colour: #790000;
  --app-colour-alt: #5d0000;
}

[data-app="1155"] {
  --app-colour: #790000;
  --app-colour-alt: #5d0000;
}

/*.appButton:active.app-icon .app-colour-1155,*/
.btn-wrapper.active-parent .app-colour-1155,
.btn-wrapper.active .app-colour-1155 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1155 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1155 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1155 {
  color: #790000;
}

.seg-text-secondary-colour-1155 {
  color: #5d0000;
}

.seg-hover-text-primary-colour-1155:hover {
  color: #790000;
}

.seg-hover-text-secondary-colour-1155:hover {
  color: #5d0000;
}

.app-1156 {
  --app-colour: #A8242B;
  --app-colour-alt: #841720;
}

[data-app="1156"] {
  --app-colour: #A8242B;
  --app-colour-alt: #841720;
}

/*.appButton:active.app-icon .app-colour-1156,*/
.btn-wrapper.active-parent .app-colour-1156,
.btn-wrapper.active .app-colour-1156 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1156 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1156 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1156 {
  color: #A8242B;
}

.seg-text-secondary-colour-1156 {
  color: #841720;
}

.seg-hover-text-primary-colour-1156:hover {
  color: #A8242B;
}

.seg-hover-text-secondary-colour-1156:hover {
  color: #841720;
}

.app-1157 {
  --app-colour: #0089FF;
  --app-colour-alt: #016DC9;
}

[data-app="1157"] {
  --app-colour: #0089FF;
  --app-colour-alt: #016DC9;
}

/*.appButton:active.app-icon .app-colour-1157,*/
.btn-wrapper.active-parent .app-colour-1157,
.btn-wrapper.active .app-colour-1157 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1157 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1157 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1157 {
  color: #0089FF;
}

.seg-text-secondary-colour-1157 {
  color: #016DC9;
}

.seg-hover-text-primary-colour-1157:hover {
  color: #0089FF;
}

.seg-hover-text-secondary-colour-1157:hover {
  color: #016DC9;
}

.app-1158 {
  --app-colour: #0EADC0;
  --app-colour-alt: #217991;
}

[data-app="1158"] {
  --app-colour: #0EADC0;
  --app-colour-alt: #217991;
}

/*.appButton:active.app-icon .app-colour-1158,*/
.btn-wrapper.active-parent .app-colour-1158,
.btn-wrapper.active .app-colour-1158 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1158 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1158 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1158 {
  color: #0EADC0;
}

.seg-text-secondary-colour-1158 {
  color: #217991;
}

.seg-hover-text-primary-colour-1158:hover {
  color: #0EADC0;
}

.seg-hover-text-secondary-colour-1158:hover {
  color: #217991;
}

.app-1164 {
  --app-colour: #01CBFD;
  --app-colour-alt: #00aad4;
}

[data-app="1164"] {
  --app-colour: #01CBFD;
  --app-colour-alt: #00aad4;
}

/*.appButton:active.app-icon .app-colour-1164,*/
.btn-wrapper.active-parent .app-colour-1164,
.btn-wrapper.active .app-colour-1164 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1164 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1164 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1164 {
  color: #01CBFD;
}

.seg-text-secondary-colour-1164 {
  color: #00aad4;
}

.seg-hover-text-primary-colour-1164:hover {
  color: #01CBFD;
}

.seg-hover-text-secondary-colour-1164:hover {
  color: #00aad4;
}

.app-1165 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="1165"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-1165,*/
.btn-wrapper.active-parent .app-colour-1165,
.btn-wrapper.active .app-colour-1165 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1165 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1165 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1165 {
  color: #676767;
}

.seg-text-secondary-colour-1165 {
  color: #494949;
}

.seg-hover-text-primary-colour-1165:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-1165:hover {
  color: #494949;
}

.app-1166 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="1166"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-1166,*/
.btn-wrapper.active-parent .app-colour-1166,
.btn-wrapper.active .app-colour-1166 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1166 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1166 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1166 {
  color: #FFCA28;
}

.seg-text-secondary-colour-1166 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-1166:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-1166:hover {
  color: #FFB300;
}

.app-1167 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="1167"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-1167,*/
.btn-wrapper.active-parent .app-colour-1167,
.btn-wrapper.active .app-colour-1167 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1167 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1167 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1167 {
  color: #FFCA28;
}

.seg-text-secondary-colour-1167 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-1167:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-1167:hover {
  color: #FFB300;
}

.app-1168 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="1168"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-1168,*/
.btn-wrapper.active-parent .app-colour-1168,
.btn-wrapper.active .app-colour-1168 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1168 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1168 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1168 {
  color: #FFCA28;
}

.seg-text-secondary-colour-1168 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-1168:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-1168:hover {
  color: #FFB300;
}

.app-1169 {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

[data-app="1169"] {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

/*.appButton:active.app-icon .app-colour-1169,*/
.btn-wrapper.active-parent .app-colour-1169,
.btn-wrapper.active .app-colour-1169 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1169 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1169 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1169 {
  color: #1975BD;
}

.seg-text-secondary-colour-1169 {
  color: #16609B;
}

.seg-hover-text-primary-colour-1169:hover {
  color: #1975BD;
}

.seg-hover-text-secondary-colour-1169:hover {
  color: #16609B;
}

.app-1170 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="1170"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-1170,*/
.btn-wrapper.active-parent .app-colour-1170,
.btn-wrapper.active .app-colour-1170 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1170 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1170 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1170 {
  color: #FFCA28;
}

.seg-text-secondary-colour-1170 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-1170:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-1170:hover {
  color: #FFB300;
}

.app-1171 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1171"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1171,*/
.btn-wrapper.active-parent .app-colour-1171,
.btn-wrapper.active .app-colour-1171 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1171 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1171 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1171 {
  color: #0090EA;
}

.seg-text-secondary-colour-1171 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1171:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1171:hover {
  color: #1074b3;
}

.app-1172 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1172"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1172,*/
.btn-wrapper.active-parent .app-colour-1172,
.btn-wrapper.active .app-colour-1172 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1172 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1172 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1172 {
  color: #0090EA;
}

.seg-text-secondary-colour-1172 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1172:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1172:hover {
  color: #1074b3;
}

.app-1173 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1173"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1173,*/
.btn-wrapper.active-parent .app-colour-1173,
.btn-wrapper.active .app-colour-1173 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1173 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1173 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1173 {
  color: #0090EA;
}

.seg-text-secondary-colour-1173 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1173:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1173:hover {
  color: #1074b3;
}

.app-1174 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1174"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1174,*/
.btn-wrapper.active-parent .app-colour-1174,
.btn-wrapper.active .app-colour-1174 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1174 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1174 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1174 {
  color: #0090EA;
}

.seg-text-secondary-colour-1174 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1174:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1174:hover {
  color: #1074b3;
}

.app-1175 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1175"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1175,*/
.btn-wrapper.active-parent .app-colour-1175,
.btn-wrapper.active .app-colour-1175 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1175 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1175 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1175 {
  color: #0090EA;
}

.seg-text-secondary-colour-1175 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1175:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1175:hover {
  color: #1074b3;
}

.app-1300 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="1300"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-1300,*/
.btn-wrapper.active-parent .app-colour-1300,
.btn-wrapper.active .app-colour-1300 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1300 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1300 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1300 {
  color: #CC0000;
}

.seg-text-secondary-colour-1300 {
  color: #A30202;
}

.seg-hover-text-primary-colour-1300:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-1300:hover {
  color: #A30202;
}

.app-1301 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="1301"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-1301,*/
.btn-wrapper.active-parent .app-colour-1301,
.btn-wrapper.active .app-colour-1301 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1301 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1301 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1301 {
  color: #CC0000;
}

.seg-text-secondary-colour-1301 {
  color: #A30202;
}

.seg-hover-text-primary-colour-1301:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-1301:hover {
  color: #A30202;
}

.app-1302 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="1302"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-1302,*/
.btn-wrapper.active-parent .app-colour-1302,
.btn-wrapper.active .app-colour-1302 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1302 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1302 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1302 {
  color: #CC0000;
}

.seg-text-secondary-colour-1302 {
  color: #A30202;
}

.seg-hover-text-primary-colour-1302:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-1302:hover {
  color: #A30202;
}

.app-1305 {
  --app-colour: #014679;
  --app-colour-alt: #0D2E46;
}

[data-app="1305"] {
  --app-colour: #014679;
  --app-colour-alt: #0D2E46;
}

/*.appButton:active.app-icon .app-colour-1305,*/
.btn-wrapper.active-parent .app-colour-1305,
.btn-wrapper.active .app-colour-1305 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1305 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1305 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1305 {
  color: #014679;
}

.seg-text-secondary-colour-1305 {
  color: #0D2E46;
}

.seg-hover-text-primary-colour-1305:hover {
  color: #014679;
}

.seg-hover-text-secondary-colour-1305:hover {
  color: #0D2E46;
}

.app-1308 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="1308"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-1308,*/
.btn-wrapper.active-parent .app-colour-1308,
.btn-wrapper.active .app-colour-1308 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1308 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1308 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1308 {
  color: #FFCA28;
}

.seg-text-secondary-colour-1308 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-1308:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-1308:hover {
  color: #FFB300;
}

.app-1309 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="1309"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-1309,*/
.btn-wrapper.active-parent .app-colour-1309,
.btn-wrapper.active .app-colour-1309 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1309 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1309 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1309 {
  color: #FFCA28;
}

.seg-text-secondary-colour-1309 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-1309:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-1309:hover {
  color: #FFB300;
}

.app-1310 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="1310"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-1310,*/
.btn-wrapper.active-parent .app-colour-1310,
.btn-wrapper.active .app-colour-1310 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1310 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1310 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1310 {
  color: #FFCA28;
}

.seg-text-secondary-colour-1310 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-1310:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-1310:hover {
  color: #FFB300;
}

.app-1311 {
  --app-colour: #34b9d5;
  --app-colour-alt: #2893a9;
}

[data-app="1311"] {
  --app-colour: #34b9d5;
  --app-colour-alt: #2893a9;
}

/*.appButton:active.app-icon .app-colour-1311,*/
.btn-wrapper.active-parent .app-colour-1311,
.btn-wrapper.active .app-colour-1311 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1311 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1311 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1311 {
  color: #34b9d5;
}

.seg-text-secondary-colour-1311 {
  color: #2893a9;
}

.seg-hover-text-primary-colour-1311:hover {
  color: #34b9d5;
}

.seg-hover-text-secondary-colour-1311:hover {
  color: #2893a9;
}

.app-1313 {
  --app-colour: #C20010;
  --app-colour-alt: #C81A27;
}

[data-app="1313"] {
  --app-colour: #C20010;
  --app-colour-alt: #C81A27;
}

/*.appButton:active.app-icon .app-colour-1313,*/
.btn-wrapper.active-parent .app-colour-1313,
.btn-wrapper.active .app-colour-1313 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1313 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1313 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1313 {
  color: #C20010;
}

.seg-text-secondary-colour-1313 {
  color: #C81A27;
}

.seg-hover-text-primary-colour-1313:hover {
  color: #C20010;
}

.seg-hover-text-secondary-colour-1313:hover {
  color: #C81A27;
}

.app-6000 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6000"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6000,*/
.btn-wrapper.active-parent .app-colour-6000,
.btn-wrapper.active .app-colour-6000 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6000 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6000 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6000 {
  color: #CC0000;
}

.seg-text-secondary-colour-6000 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6000:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6000:hover {
  color: #A30202;
}

.app-6001 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6001"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6001,*/
.btn-wrapper.active-parent .app-colour-6001,
.btn-wrapper.active .app-colour-6001 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6001 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6001 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6001 {
  color: #CC0000;
}

.seg-text-secondary-colour-6001 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6001:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6001:hover {
  color: #A30202;
}

.app-6002 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6002"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6002,*/
.btn-wrapper.active-parent .app-colour-6002,
.btn-wrapper.active .app-colour-6002 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6002 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6002 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6002 {
  color: #CC0000;
}

.seg-text-secondary-colour-6002 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6002:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6002:hover {
  color: #A30202;
}

.app-6003 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6003"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6003,*/
.btn-wrapper.active-parent .app-colour-6003,
.btn-wrapper.active .app-colour-6003 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6003 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6003 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6003 {
  color: #CC0000;
}

.seg-text-secondary-colour-6003 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6003:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6003:hover {
  color: #A30202;
}

.app-6004 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6004"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6004,*/
.btn-wrapper.active-parent .app-colour-6004,
.btn-wrapper.active .app-colour-6004 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6004 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6004 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6004 {
  color: #CC0000;
}

.seg-text-secondary-colour-6004 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6004:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6004:hover {
  color: #A30202;
}

.app-6005 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6005"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6005,*/
.btn-wrapper.active-parent .app-colour-6005,
.btn-wrapper.active .app-colour-6005 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6005 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6005 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6005 {
  color: #CC0000;
}

.seg-text-secondary-colour-6005 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6005:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6005:hover {
  color: #A30202;
}

.app-6006 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6006"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6006,*/
.btn-wrapper.active-parent .app-colour-6006,
.btn-wrapper.active .app-colour-6006 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6006 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6006 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6006 {
  color: #CC0000;
}

.seg-text-secondary-colour-6006 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6006:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6006:hover {
  color: #A30202;
}

.app-6007 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6007"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6007,*/
.btn-wrapper.active-parent .app-colour-6007,
.btn-wrapper.active .app-colour-6007 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6007 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6007 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6007 {
  color: #CC0000;
}

.seg-text-secondary-colour-6007 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6007:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6007:hover {
  color: #A30202;
}

.app-1301 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="1301"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-1301,*/
.btn-wrapper.active-parent .app-colour-1301,
.btn-wrapper.active .app-colour-1301 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1301 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1301 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1301 {
  color: #CC0000;
}

.seg-text-secondary-colour-1301 {
  color: #A30202;
}

.seg-hover-text-primary-colour-1301:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-1301:hover {
  color: #A30202;
}

.app-1302 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="1302"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-1302,*/
.btn-wrapper.active-parent .app-colour-1302,
.btn-wrapper.active .app-colour-1302 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1302 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1302 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1302 {
  color: #CC0000;
}

.seg-text-secondary-colour-1302 {
  color: #A30202;
}

.seg-hover-text-primary-colour-1302:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-1302:hover {
  color: #A30202;
}

.app-2000 {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

[data-app="2000"] {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

/*.appButton:active.app-icon .app-colour-2000,*/
.btn-wrapper.active-parent .app-colour-2000,
.btn-wrapper.active .app-colour-2000 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2000 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2000 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2000 {
  color: #333333;
}

.seg-text-secondary-colour-2000 {
  color: #1A1A1A;
}

.seg-hover-text-primary-colour-2000:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-2000:hover {
  color: #1A1A1A;
}

.app-2001 {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

[data-app="2001"] {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

/*.appButton:active.app-icon .app-colour-2001,*/
.btn-wrapper.active-parent .app-colour-2001,
.btn-wrapper.active .app-colour-2001 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2001 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2001 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2001 {
  color: #FBD000;
}

.seg-text-secondary-colour-2001 {
  color: #F4BE1E;
}

.seg-hover-text-primary-colour-2001:hover {
  color: #FBD000;
}

.seg-hover-text-secondary-colour-2001:hover {
  color: #F4BE1E;
}

.app-2002 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="2002"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-2002,*/
.btn-wrapper.active-parent .app-colour-2002,
.btn-wrapper.active .app-colour-2002 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2002 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2002 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2002 {
  color: #676767;
}

.seg-text-secondary-colour-2002 {
  color: #494949;
}

.seg-hover-text-primary-colour-2002:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-2002:hover {
  color: #494949;
}

.app-2003 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="2003"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-2003,*/
.btn-wrapper.active-parent .app-colour-2003,
.btn-wrapper.active .app-colour-2003 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2003 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2003 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2003 {
  color: #676767;
}

.seg-text-secondary-colour-2003 {
  color: #494949;
}

.seg-hover-text-primary-colour-2003:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-2003:hover {
  color: #494949;
}

.app-2004 {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

[data-app="2004"] {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

/*.appButton:active.app-icon .app-colour-2004,*/
.btn-wrapper.active-parent .app-colour-2004,
.btn-wrapper.active .app-colour-2004 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2004 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2004 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2004 {
  color: #FBD000;
}

.seg-text-secondary-colour-2004 {
  color: #F4BE1E;
}

.seg-hover-text-primary-colour-2004:hover {
  color: #FBD000;
}

.seg-hover-text-secondary-colour-2004:hover {
  color: #F4BE1E;
}

.app-2005 {
  --app-colour: #0EADC0;
  --app-colour-alt: #217991;
}

[data-app="2005"] {
  --app-colour: #0EADC0;
  --app-colour-alt: #217991;
}

/*.appButton:active.app-icon .app-colour-2005,*/
.btn-wrapper.active-parent .app-colour-2005,
.btn-wrapper.active .app-colour-2005 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2005 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2005 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2005 {
  color: #0EADC0;
}

.seg-text-secondary-colour-2005 {
  color: #217991;
}

.seg-hover-text-primary-colour-2005:hover {
  color: #0EADC0;
}

.seg-hover-text-secondary-colour-2005:hover {
  color: #217991;
}

.app-2010 {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

[data-app="2010"] {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

/*.appButton:active.app-icon .app-colour-2010,*/
.btn-wrapper.active-parent .app-colour-2010,
.btn-wrapper.active .app-colour-2010 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2010 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2010 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2010 {
  color: #FBD000;
}

.seg-text-secondary-colour-2010 {
  color: #F4BE1E;
}

.seg-hover-text-primary-colour-2010:hover {
  color: #FBD000;
}

.seg-hover-text-secondary-colour-2010:hover {
  color: #F4BE1E;
}

.app-2011 {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

[data-app="2011"] {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

/*.appButton:active.app-icon .app-colour-2011,*/
.btn-wrapper.active-parent .app-colour-2011,
.btn-wrapper.active .app-colour-2011 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2011 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2011 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2011 {
  color: #FBD000;
}

.seg-text-secondary-colour-2011 {
  color: #F4BE1E;
}

.seg-hover-text-primary-colour-2011:hover {
  color: #FBD000;
}

.seg-hover-text-secondary-colour-2011:hover {
  color: #F4BE1E;
}

.app-2012 {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

[data-app="2012"] {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

/*.appButton:active.app-icon .app-colour-2012,*/
.btn-wrapper.active-parent .app-colour-2012,
.btn-wrapper.active .app-colour-2012 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2012 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2012 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2012 {
  color: #FBD000;
}

.seg-text-secondary-colour-2012 {
  color: #F4BE1E;
}

.seg-hover-text-primary-colour-2012:hover {
  color: #FBD000;
}

.seg-hover-text-secondary-colour-2012:hover {
  color: #F4BE1E;
}

.app-2013 {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

[data-app="2013"] {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

/*.appButton:active.app-icon .app-colour-2013,*/
.btn-wrapper.active-parent .app-colour-2013,
.btn-wrapper.active .app-colour-2013 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2013 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2013 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2013 {
  color: #FBD000;
}

.seg-text-secondary-colour-2013 {
  color: #F4BE1E;
}

.seg-hover-text-primary-colour-2013:hover {
  color: #FBD000;
}

.seg-hover-text-secondary-colour-2013:hover {
  color: #F4BE1E;
}

.app-2014 {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

[data-app="2014"] {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

/*.appButton:active.app-icon .app-colour-2014,*/
.btn-wrapper.active-parent .app-colour-2014,
.btn-wrapper.active .app-colour-2014 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2014 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2014 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2014 {
  color: #FBD000;
}

.seg-text-secondary-colour-2014 {
  color: #F4BE1E;
}

.seg-hover-text-primary-colour-2014:hover {
  color: #FBD000;
}

.seg-hover-text-secondary-colour-2014:hover {
  color: #F4BE1E;
}

.app-2200 {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

[data-app="2200"] {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

/*.appButton:active.app-icon .app-colour-2200,*/
.btn-wrapper.active-parent .app-colour-2200,
.btn-wrapper.active .app-colour-2200 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2200 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2200 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2200 {
  color: #333333;
}

.seg-text-secondary-colour-2200 {
  color: #1A1A1A;
}

.seg-hover-text-primary-colour-2200:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-2200:hover {
  color: #1A1A1A;
}

.app-2202 {
  --app-colour: #000CB0;
  --app-colour-alt: #000874;
}

[data-app="2202"] {
  --app-colour: #000CB0;
  --app-colour-alt: #000874;
}

/*.appButton:active.app-icon .app-colour-2202,*/
.btn-wrapper.active-parent .app-colour-2202,
.btn-wrapper.active .app-colour-2202 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2202 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2202 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2202 {
  color: #000CB0;
}

.seg-text-secondary-colour-2202 {
  color: #000874;
}

.seg-hover-text-primary-colour-2202:hover {
  color: #000CB0;
}

.seg-hover-text-secondary-colour-2202:hover {
  color: #000874;
}

.app-1176 {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

[data-app="1176"] {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

/*.appButton:active.app-icon .app-colour-1176,*/
.btn-wrapper.active-parent .app-colour-1176,
.btn-wrapper.active .app-colour-1176 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1176 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1176 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1176 {
  color: #1A3A59;
}

.seg-text-secondary-colour-1176 {
  color: #1A3A59;
}

.seg-hover-text-primary-colour-1176:hover {
  color: #1A3A59;
}

.seg-hover-text-secondary-colour-1176:hover {
  color: #1A3A59;
}

.app-999 {
  --app-colour: #24344E;
  --app-colour-alt: #2A4B80;
}

[data-app="999"] {
  --app-colour: #24344E;
  --app-colour-alt: #2A4B80;
}

/*.appButton:active.app-icon .app-colour-999,*/
.btn-wrapper.active-parent .app-colour-999,
.btn-wrapper.active .app-colour-999 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-999 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-999 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-999 {
  color: #24344E;
}

.seg-text-secondary-colour-999 {
  color: #2A4B80;
}

.seg-hover-text-primary-colour-999:hover {
  color: #24344E;
}

.seg-hover-text-secondary-colour-999:hover {
  color: #2A4B80;
}

.app-998 {
  --app-colour: #FFBA00;
  --app-colour-alt: #F5BE45;
}

[data-app="998"] {
  --app-colour: #FFBA00;
  --app-colour-alt: #F5BE45;
}

/*.appButton:active.app-icon .app-colour-998,*/
.btn-wrapper.active-parent .app-colour-998,
.btn-wrapper.active .app-colour-998 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-998 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-998 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-998 {
  color: #FFBA00;
}

.seg-text-secondary-colour-998 {
  color: #F5BE45;
}

.seg-hover-text-primary-colour-998:hover {
  color: #FFBA00;
}

.seg-hover-text-secondary-colour-998:hover {
  color: #F5BE45;
}

.app-1159 {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

[data-app="1159"] {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-1159,*/
.btn-wrapper.active-parent .app-colour-1159,
.btn-wrapper.active .app-colour-1159 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1159 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1159 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1159 {
  color: #E7453A;
}

.seg-text-secondary-colour-1159 {
  color: #C62828;
}

.seg-hover-text-primary-colour-1159:hover {
  color: #E7453A;
}

.seg-hover-text-secondary-colour-1159:hover {
  color: #C62828;
}

.app-1160 {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

[data-app="1160"] {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-1160,*/
.btn-wrapper.active-parent .app-colour-1160,
.btn-wrapper.active .app-colour-1160 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1160 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1160 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1160 {
  color: #E7453A;
}

.seg-text-secondary-colour-1160 {
  color: #C62828;
}

.seg-hover-text-primary-colour-1160:hover {
  color: #E7453A;
}

.seg-hover-text-secondary-colour-1160:hover {
  color: #C62828;
}

.app-1161 {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

[data-app="1161"] {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-1161,*/
.btn-wrapper.active-parent .app-colour-1161,
.btn-wrapper.active .app-colour-1161 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1161 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1161 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1161 {
  color: #E7453A;
}

.seg-text-secondary-colour-1161 {
  color: #C62828;
}

.seg-hover-text-primary-colour-1161:hover {
  color: #E7453A;
}

.seg-hover-text-secondary-colour-1161:hover {
  color: #C62828;
}

.app-1162 {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

[data-app="1162"] {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-1162,*/
.btn-wrapper.active-parent .app-colour-1162,
.btn-wrapper.active .app-colour-1162 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1162 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1162 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1162 {
  color: #E7453A;
}

.seg-text-secondary-colour-1162 {
  color: #C62828;
}

.seg-hover-text-primary-colour-1162:hover {
  color: #E7453A;
}

.seg-hover-text-secondary-colour-1162:hover {
  color: #C62828;
}

.app-1163 {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

[data-app="1163"] {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-1163,*/
.btn-wrapper.active-parent .app-colour-1163,
.btn-wrapper.active .app-colour-1163 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1163 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1163 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1163 {
  color: #E7453A;
}

.seg-text-secondary-colour-1163 {
  color: #C62828;
}

.seg-hover-text-primary-colour-1163:hover {
  color: #E7453A;
}

.seg-hover-text-secondary-colour-1163:hover {
  color: #C62828;
}

.app-3017 {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

[data-app="3017"] {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

/*.appButton:active.app-icon .app-colour-3017,*/
.btn-wrapper.active-parent .app-colour-3017,
.btn-wrapper.active .app-colour-3017 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3017 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3017 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3017 {
  color: #1A3A59;
}

.seg-text-secondary-colour-3017 {
  color: #1A3A59;
}

.seg-hover-text-primary-colour-3017:hover {
  color: #1A3A59;
}

.seg-hover-text-secondary-colour-3017:hover {
  color: #1A3A59;
}

.app-3006 {
  --app-colour: #0FB1FD;
  --app-colour-alt: #0064D9;
}

[data-app="3006"] {
  --app-colour: #0FB1FD;
  --app-colour-alt: #0064D9;
}

/*.appButton:active.app-icon .app-colour-3006,*/
.btn-wrapper.active-parent .app-colour-3006,
.btn-wrapper.active .app-colour-3006 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3006 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3006 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3006 {
  color: #0FB1FD;
}

.seg-text-secondary-colour-3006 {
  color: #0064D9;
}

.seg-hover-text-primary-colour-3006:hover {
  color: #0FB1FD;
}

.seg-hover-text-secondary-colour-3006:hover {
  color: #0064D9;
}

.app-3106 {
  --app-colour: #A8242B;
  --app-colour-alt: #A8242B;
}

[data-app="3106"] {
  --app-colour: #A8242B;
  --app-colour-alt: #A8242B;
}

/*.appButton:active.app-icon .app-colour-3106,*/
.btn-wrapper.active-parent .app-colour-3106,
.btn-wrapper.active .app-colour-3106 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3106 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3106 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3106 {
  color: #A8242B;
}

.seg-text-secondary-colour-3106 {
  color: #A8242B;
}

.seg-hover-text-primary-colour-3106:hover {
  color: #A8242B;
}

.seg-hover-text-secondary-colour-3106:hover {
  color: #A8242B;
}

.app-3109 {
  --app-colour: #373A31;
  --app-colour-alt: #373A31;
}

[data-app="3109"] {
  --app-colour: #373A31;
  --app-colour-alt: #373A31;
}

/*.appButton:active.app-icon .app-colour-3109,*/
.btn-wrapper.active-parent .app-colour-3109,
.btn-wrapper.active .app-colour-3109 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3109 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3109 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3109 {
  color: #373A31;
}

.seg-text-secondary-colour-3109 {
  color: #373A31;
}

.seg-hover-text-primary-colour-3109:hover {
  color: #373A31;
}

.seg-hover-text-secondary-colour-3109:hover {
  color: #373A31;
}

.app-3110 {
  --app-colour: #373A31;
  --app-colour-alt: #373A31;
}

[data-app="3110"] {
  --app-colour: #373A31;
  --app-colour-alt: #373A31;
}

/*.appButton:active.app-icon .app-colour-3110,*/
.btn-wrapper.active-parent .app-colour-3110,
.btn-wrapper.active .app-colour-3110 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3110 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3110 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3110 {
  color: #373A31;
}

.seg-text-secondary-colour-3110 {
  color: #373A31;
}

.seg-hover-text-primary-colour-3110:hover {
  color: #373A31;
}

.seg-hover-text-secondary-colour-3110:hover {
  color: #373A31;
}

.app-3113 {
  --app-colour: #790000;
  --app-colour-alt: #790000;
}

[data-app="3113"] {
  --app-colour: #790000;
  --app-colour-alt: #790000;
}

/*.appButton:active.app-icon .app-colour-3113,*/
.btn-wrapper.active-parent .app-colour-3113,
.btn-wrapper.active .app-colour-3113 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3113 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3113 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3113 {
  color: #790000;
}

.seg-text-secondary-colour-3113 {
  color: #790000;
}

.seg-hover-text-primary-colour-3113:hover {
  color: #790000;
}

.seg-hover-text-secondary-colour-3113:hover {
  color: #790000;
}

.app-3117 {
  --app-colour: #FFBD25;
  --app-colour-alt: #FFBD25;
}

[data-app="3117"] {
  --app-colour: #FFBD25;
  --app-colour-alt: #FFBD25;
}

/*.appButton:active.app-icon .app-colour-3117,*/
.btn-wrapper.active-parent .app-colour-3117,
.btn-wrapper.active .app-colour-3117 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3117 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3117 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3117 {
  color: #FFBD25;
}

.seg-text-secondary-colour-3117 {
  color: #FFBD25;
}

.seg-hover-text-primary-colour-3117:hover {
  color: #FFBD25;
}

.seg-hover-text-secondary-colour-3117:hover {
  color: #FFBD25;
}

.app-3119 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3119"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3119,*/
.btn-wrapper.active-parent .app-colour-3119,
.btn-wrapper.active .app-colour-3119 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3119 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3119 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3119 {
  color: #676767;
}

.seg-text-secondary-colour-3119 {
  color: #494949;
}

.seg-hover-text-primary-colour-3119:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3119:hover {
  color: #494949;
}

.app-3120 {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

[data-app="3120"] {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

/*.appButton:active.app-icon .app-colour-3120,*/
.btn-wrapper.active-parent .app-colour-3120,
.btn-wrapper.active .app-colour-3120 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3120 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3120 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3120 {
  color: #7D217F;
}

.seg-text-secondary-colour-3120 {
  color: #52215A;
}

.seg-hover-text-primary-colour-3120:hover {
  color: #7D217F;
}

.seg-hover-text-secondary-colour-3120:hover {
  color: #52215A;
}

.app-3121 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3121"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3121,*/
.btn-wrapper.active-parent .app-colour-3121,
.btn-wrapper.active .app-colour-3121 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3121 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3121 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3121 {
  color: #676767;
}

.seg-text-secondary-colour-3121 {
  color: #494949;
}

.seg-hover-text-primary-colour-3121:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3121:hover {
  color: #494949;
}

.app-3122 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3122"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3122,*/
.btn-wrapper.active-parent .app-colour-3122,
.btn-wrapper.active .app-colour-3122 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3122 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3122 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3122 {
  color: #676767;
}

.seg-text-secondary-colour-3122 {
  color: #494949;
}

.seg-hover-text-primary-colour-3122:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3122:hover {
  color: #494949;
}

.app-3123 {
  --app-colour: #0D9FFB;
  --app-colour-alt: #2893A9;
}

[data-app="3123"] {
  --app-colour: #0D9FFB;
  --app-colour-alt: #2893A9;
}

/*.appButton:active.app-icon .app-colour-3123,*/
.btn-wrapper.active-parent .app-colour-3123,
.btn-wrapper.active .app-colour-3123 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3123 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3123 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3123 {
  color: #0D9FFB;
}

.seg-text-secondary-colour-3123 {
  color: #2893A9;
}

.seg-hover-text-primary-colour-3123:hover {
  color: #0D9FFB;
}

.seg-hover-text-secondary-colour-3123:hover {
  color: #2893A9;
}

.app-3124 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3124"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3124,*/
.btn-wrapper.active-parent .app-colour-3124,
.btn-wrapper.active .app-colour-3124 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3124 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3124 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3124 {
  color: #676767;
}

.seg-text-secondary-colour-3124 {
  color: #494949;
}

.seg-hover-text-primary-colour-3124:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3124:hover {
  color: #494949;
}

.app-3125 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3125"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3125,*/
.btn-wrapper.active-parent .app-colour-3125,
.btn-wrapper.active .app-colour-3125 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3125 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3125 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3125 {
  color: #676767;
}

.seg-text-secondary-colour-3125 {
  color: #494949;
}

.seg-hover-text-primary-colour-3125:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3125:hover {
  color: #494949;
}

.app-3126 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3126"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3126,*/
.btn-wrapper.active-parent .app-colour-3126,
.btn-wrapper.active .app-colour-3126 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3126 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3126 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3126 {
  color: #676767;
}

.seg-text-secondary-colour-3126 {
  color: #494949;
}

.seg-hover-text-primary-colour-3126:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3126:hover {
  color: #494949;
}

.app-3132 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3132"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3132,*/
.btn-wrapper.active-parent .app-colour-3132,
.btn-wrapper.active .app-colour-3132 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3132 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3132 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3132 {
  color: #676767;
}

.seg-text-secondary-colour-3132 {
  color: #494949;
}

.seg-hover-text-primary-colour-3132:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3132:hover {
  color: #494949;
}

.app-3009 {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

[data-app="3009"] {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

/*.appButton:active.app-icon .app-colour-3009,*/
.btn-wrapper.active-parent .app-colour-3009,
.btn-wrapper.active .app-colour-3009 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3009 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3009 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3009 {
  color: #1A3A59;
}

.seg-text-secondary-colour-3009 {
  color: #1A3A59;
}

.seg-hover-text-primary-colour-3009:hover {
  color: #1A3A59;
}

.seg-hover-text-secondary-colour-3009:hover {
  color: #1A3A59;
}

.app-3010 {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

[data-app="3010"] {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

/*.appButton:active.app-icon .app-colour-3010,*/
.btn-wrapper.active-parent .app-colour-3010,
.btn-wrapper.active .app-colour-3010 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3010 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3010 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3010 {
  color: #1A3A59;
}

.seg-text-secondary-colour-3010 {
  color: #1A3A59;
}

.seg-hover-text-primary-colour-3010:hover {
  color: #1A3A59;
}

.seg-hover-text-secondary-colour-3010:hover {
  color: #1A3A59;
}

.app-3213 {
  --app-colour: #0FB1FD;
  --app-colour-alt: #0064D9;
}

[data-app="3213"] {
  --app-colour: #0FB1FD;
  --app-colour-alt: #0064D9;
}

/*.appButton:active.app-icon .app-colour-3213,*/
.btn-wrapper.active-parent .app-colour-3213,
.btn-wrapper.active .app-colour-3213 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3213 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3213 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3213 {
  color: #0FB1FD;
}

.seg-text-secondary-colour-3213 {
  color: #0064D9;
}

.seg-hover-text-primary-colour-3213:hover {
  color: #0FB1FD;
}

.seg-hover-text-secondary-colour-3213:hover {
  color: #0064D9;
}

.app-3214 {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

[data-app="3214"] {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

/*.appButton:active.app-icon .app-colour-3214,*/
.btn-wrapper.active-parent .app-colour-3214,
.btn-wrapper.active .app-colour-3214 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3214 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3214 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3214 {
  color: #1A3A59;
}

.seg-text-secondary-colour-3214 {
  color: #1A3A59;
}

.seg-hover-text-primary-colour-3214:hover {
  color: #1A3A59;
}

.seg-hover-text-secondary-colour-3214:hover {
  color: #1A3A59;
}

.app-3230 {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

[data-app="3230"] {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

/*.appButton:active.app-icon .app-colour-3230,*/
.btn-wrapper.active-parent .app-colour-3230,
.btn-wrapper.active .app-colour-3230 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3230 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3230 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3230 {
  color: #7D217F;
}

.seg-text-secondary-colour-3230 {
  color: #52215A;
}

.seg-hover-text-primary-colour-3230:hover {
  color: #7D217F;
}

.seg-hover-text-secondary-colour-3230:hover {
  color: #52215A;
}

.app-3231 {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

[data-app="3231"] {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

/*.appButton:active.app-icon .app-colour-3231,*/
.btn-wrapper.active-parent .app-colour-3231,
.btn-wrapper.active .app-colour-3231 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3231 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3231 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3231 {
  color: #1A3A59;
}

.seg-text-secondary-colour-3231 {
  color: #1A3A59;
}

.seg-hover-text-primary-colour-3231:hover {
  color: #1A3A59;
}

.seg-hover-text-secondary-colour-3231:hover {
  color: #1A3A59;
}

.app-3232 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3232"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3232,*/
.btn-wrapper.active-parent .app-colour-3232,
.btn-wrapper.active .app-colour-3232 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3232 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3232 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3232 {
  color: #676767;
}

.seg-text-secondary-colour-3232 {
  color: #494949;
}

.seg-hover-text-primary-colour-3232:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3232:hover {
  color: #494949;
}

.app-3233 {
  --app-colour: #34B9D5;
  --app-colour-alt: #2893A9;
}

[data-app="3233"] {
  --app-colour: #34B9D5;
  --app-colour-alt: #2893A9;
}

/*.appButton:active.app-icon .app-colour-3233,*/
.btn-wrapper.active-parent .app-colour-3233,
.btn-wrapper.active .app-colour-3233 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3233 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3233 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3233 {
  color: #34B9D5;
}

.seg-text-secondary-colour-3233 {
  color: #2893A9;
}

.seg-hover-text-primary-colour-3233:hover {
  color: #34B9D5;
}

.seg-hover-text-secondary-colour-3233:hover {
  color: #2893A9;
}

.app-3234 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3234"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3234,*/
.btn-wrapper.active-parent .app-colour-3234,
.btn-wrapper.active .app-colour-3234 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3234 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3234 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3234 {
  color: #676767;
}

.seg-text-secondary-colour-3234 {
  color: #494949;
}

.seg-hover-text-primary-colour-3234:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3234:hover {
  color: #494949;
}

.app-3235 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3235"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3235,*/
.btn-wrapper.active-parent .app-colour-3235,
.btn-wrapper.active .app-colour-3235 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3235 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3235 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3235 {
  color: #676767;
}

.seg-text-secondary-colour-3235 {
  color: #494949;
}

.seg-hover-text-primary-colour-3235:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3235:hover {
  color: #494949;
}

.app-3236 {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

[data-app="3236"] {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

/*.appButton:active.app-icon .app-colour-3236,*/
.btn-wrapper.active-parent .app-colour-3236,
.btn-wrapper.active .app-colour-3236 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3236 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3236 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3236 {
  color: #FBD000;
}

.seg-text-secondary-colour-3236 {
  color: #F4BE1E;
}

.seg-hover-text-primary-colour-3236:hover {
  color: #FBD000;
}

.seg-hover-text-secondary-colour-3236:hover {
  color: #F4BE1E;
}

.app-3237 {
  --app-colour: #1a3a59;
  --app-colour-alt: #494949;
}

[data-app="3237"] {
  --app-colour: #1a3a59;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3237,*/
.btn-wrapper.active-parent .app-colour-3237,
.btn-wrapper.active .app-colour-3237 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3237 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3237 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3237 {
  color: #1a3a59;
}

.seg-text-secondary-colour-3237 {
  color: #494949;
}

.seg-hover-text-primary-colour-3237:hover {
  color: #1a3a59;
}

.seg-hover-text-secondary-colour-3237:hover {
  color: #494949;
}

.app-3243 {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

[data-app="3243"] {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

/*.appButton:active.app-icon .app-colour-3243,*/
.btn-wrapper.active-parent .app-colour-3243,
.btn-wrapper.active .app-colour-3243 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3243 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3243 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3243 {
  color: #1A3A59;
}

.seg-text-secondary-colour-3243 {
  color: #1A3A59;
}

.seg-hover-text-primary-colour-3243:hover {
  color: #1A3A59;
}

.seg-hover-text-secondary-colour-3243:hover {
  color: #1A3A59;
}

.app-3250 {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

[data-app="3250"] {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

/*.appButton:active.app-icon .app-colour-3250,*/
.btn-wrapper.active-parent .app-colour-3250,
.btn-wrapper.active .app-colour-3250 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3250 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3250 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3250 {
  color: #1975BD;
}

.seg-text-secondary-colour-3250 {
  color: #16609B;
}

.seg-hover-text-primary-colour-3250:hover {
  color: #1975BD;
}

.seg-hover-text-secondary-colour-3250:hover {
  color: #16609B;
}

.app-3251 {
  --app-colour: #10A3B8;
  --app-colour-alt: #10A3B8;
}

[data-app="3251"] {
  --app-colour: #10A3B8;
  --app-colour-alt: #10A3B8;
}

/*.appButton:active.app-icon .app-colour-3251,*/
.btn-wrapper.active-parent .app-colour-3251,
.btn-wrapper.active .app-colour-3251 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3251 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3251 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3251 {
  color: #10A3B8;
}

.seg-text-secondary-colour-3251 {
  color: #10A3B8;
}

.seg-hover-text-primary-colour-3251:hover {
  color: #10A3B8;
}

.seg-hover-text-secondary-colour-3251:hover {
  color: #10A3B8;
}

.app-3210 {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

[data-app="3210"] {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

/*.appButton:active.app-icon .app-colour-3210,*/
.btn-wrapper.active-parent .app-colour-3210,
.btn-wrapper.active .app-colour-3210 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3210 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3210 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3210 {
  color: #1A3A59;
}

.seg-text-secondary-colour-3210 {
  color: #1A3A59;
}

.seg-hover-text-primary-colour-3210:hover {
  color: #1A3A59;
}

.seg-hover-text-secondary-colour-3210:hover {
  color: #1A3A59;
}

.app-3211 {
  --app-colour: #F44336;
  --app-colour-alt: #C62828;
}

[data-app="3211"] {
  --app-colour: #F44336;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-3211,*/
.btn-wrapper.active-parent .app-colour-3211,
.btn-wrapper.active .app-colour-3211 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3211 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3211 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3211 {
  color: #F44336;
}

.seg-text-secondary-colour-3211 {
  color: #C62828;
}

.seg-hover-text-primary-colour-3211:hover {
  color: #F44336;
}

.seg-hover-text-secondary-colour-3211:hover {
  color: #C62828;
}

.app-3252 {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

[data-app="3252"] {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

/*.appButton:active.app-icon .app-colour-3252,*/
.btn-wrapper.active-parent .app-colour-3252,
.btn-wrapper.active .app-colour-3252 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3252 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3252 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3252 {
  color: #1A3A59;
}

.seg-text-secondary-colour-3252 {
  color: #1A3A59;
}

.seg-hover-text-primary-colour-3252:hover {
  color: #1A3A59;
}

.seg-hover-text-secondary-colour-3252:hover {
  color: #1A3A59;
}

.app-3265 {
  --app-colour: #FFBD25;
  --app-colour-alt: #FFBD25;
}

[data-app="3265"] {
  --app-colour: #FFBD25;
  --app-colour-alt: #FFBD25;
}

/*.appButton:active.app-icon .app-colour-3265,*/
.btn-wrapper.active-parent .app-colour-3265,
.btn-wrapper.active .app-colour-3265 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3265 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3265 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3265 {
  color: #FFBD25;
}

.seg-text-secondary-colour-3265 {
  color: #FFBD25;
}

.seg-hover-text-primary-colour-3265:hover {
  color: #FFBD25;
}

.seg-hover-text-secondary-colour-3265:hover {
  color: #FFBD25;
}

.app-3266 {
  --app-colour: #FFBD25;
  --app-colour-alt: #FFBD25;
}

[data-app="3266"] {
  --app-colour: #FFBD25;
  --app-colour-alt: #FFBD25;
}

/*.appButton:active.app-icon .app-colour-3266,*/
.btn-wrapper.active-parent .app-colour-3266,
.btn-wrapper.active .app-colour-3266 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3266 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3266 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3266 {
  color: #FFBD25;
}

.seg-text-secondary-colour-3266 {
  color: #FFBD25;
}

.seg-hover-text-primary-colour-3266:hover {
  color: #FFBD25;
}

.seg-hover-text-secondary-colour-3266:hover {
  color: #FFBD25;
}

.app-3259 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3259"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3259,*/
.btn-wrapper.active-parent .app-colour-3259,
.btn-wrapper.active .app-colour-3259 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3259 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3259 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3259 {
  color: #676767;
}

.seg-text-secondary-colour-3259 {
  color: #494949;
}

.seg-hover-text-primary-colour-3259:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3259:hover {
  color: #494949;
}

.app-3260 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3260"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3260,*/
.btn-wrapper.active-parent .app-colour-3260,
.btn-wrapper.active .app-colour-3260 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3260 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3260 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3260 {
  color: #676767;
}

.seg-text-secondary-colour-3260 {
  color: #494949;
}

.seg-hover-text-primary-colour-3260:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3260:hover {
  color: #494949;
}

.app-3267 {
  --app-colour: #FFBD25;
  --app-colour-alt: #FFBD25;
}

[data-app="3267"] {
  --app-colour: #FFBD25;
  --app-colour-alt: #FFBD25;
}

/*.appButton:active.app-icon .app-colour-3267,*/
.btn-wrapper.active-parent .app-colour-3267,
.btn-wrapper.active .app-colour-3267 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3267 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3267 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3267 {
  color: #FFBD25;
}

.seg-text-secondary-colour-3267 {
  color: #FFBD25;
}

.seg-hover-text-primary-colour-3267:hover {
  color: #FFBD25;
}

.seg-hover-text-secondary-colour-3267:hover {
  color: #FFBD25;
}

.app-3244 {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

[data-app="3244"] {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

/*.appButton:active.app-icon .app-colour-3244,*/
.btn-wrapper.active-parent .app-colour-3244,
.btn-wrapper.active .app-colour-3244 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3244 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3244 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3244 {
  color: #333333;
}

.seg-text-secondary-colour-3244 {
  color: #3E3E3E;
}

.seg-hover-text-primary-colour-3244:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-3244:hover {
  color: #3E3E3E;
}

.app-3245 {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

[data-app="3245"] {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

/*.appButton:active.app-icon .app-colour-3245,*/
.btn-wrapper.active-parent .app-colour-3245,
.btn-wrapper.active .app-colour-3245 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3245 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3245 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3245 {
  color: #333333;
}

.seg-text-secondary-colour-3245 {
  color: #3E3E3E;
}

.seg-hover-text-primary-colour-3245:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-3245:hover {
  color: #3E3E3E;
}

.app-3246 {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

[data-app="3246"] {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

/*.appButton:active.app-icon .app-colour-3246,*/
.btn-wrapper.active-parent .app-colour-3246,
.btn-wrapper.active .app-colour-3246 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3246 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3246 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3246 {
  color: #333333;
}

.seg-text-secondary-colour-3246 {
  color: #3E3E3E;
}

.seg-hover-text-primary-colour-3246:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-3246:hover {
  color: #3E3E3E;
}

.app-3247 {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

[data-app="3247"] {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

/*.appButton:active.app-icon .app-colour-3247,*/
.btn-wrapper.active-parent .app-colour-3247,
.btn-wrapper.active .app-colour-3247 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3247 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3247 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3247 {
  color: #333333;
}

.seg-text-secondary-colour-3247 {
  color: #3E3E3E;
}

.seg-hover-text-primary-colour-3247:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-3247:hover {
  color: #3E3E3E;
}

.app-3248 {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

[data-app="3248"] {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

/*.appButton:active.app-icon .app-colour-3248,*/
.btn-wrapper.active-parent .app-colour-3248,
.btn-wrapper.active .app-colour-3248 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3248 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3248 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3248 {
  color: #333333;
}

.seg-text-secondary-colour-3248 {
  color: #3E3E3E;
}

.seg-hover-text-primary-colour-3248:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-3248:hover {
  color: #3E3E3E;
}

.app-3249 {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

[data-app="3249"] {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

/*.appButton:active.app-icon .app-colour-3249,*/
.btn-wrapper.active-parent .app-colour-3249,
.btn-wrapper.active .app-colour-3249 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3249 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3249 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3249 {
  color: #333333;
}

.seg-text-secondary-colour-3249 {
  color: #3E3E3E;
}

.seg-hover-text-primary-colour-3249:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-3249:hover {
  color: #3E3E3E;
}

.app-5101 {
  --app-colour: #F24F1B;
  --app-colour-alt: #F24F1B;
}

[data-app="5101"] {
  --app-colour: #F24F1B;
  --app-colour-alt: #F24F1B;
}

/*.appButton:active.app-icon .app-colour-5101,*/
.btn-wrapper.active-parent .app-colour-5101,
.btn-wrapper.active .app-colour-5101 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-5101 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-5101 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-5101 {
  color: #F24F1B;
}

.seg-text-secondary-colour-5101 {
  color: #F24F1B;
}

.seg-hover-text-primary-colour-5101:hover {
  color: #F24F1B;
}

.seg-hover-text-secondary-colour-5101:hover {
  color: #F24F1B;
}

.app-5004 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="5004"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-5004,*/
.btn-wrapper.active-parent .app-colour-5004,
.btn-wrapper.active .app-colour-5004 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-5004 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-5004 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-5004 {
  color: #CC0000;
}

.seg-text-secondary-colour-5004 {
  color: #A30202;
}

.seg-hover-text-primary-colour-5004:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-5004:hover {
  color: #A30202;
}

.app-5104 {
  --app-colour: #F24F1B;
  --app-colour-alt: #F24F1B;
}

[data-app="5104"] {
  --app-colour: #F24F1B;
  --app-colour-alt: #F24F1B;
}

/*.appButton:active.app-icon .app-colour-5104,*/
.btn-wrapper.active-parent .app-colour-5104,
.btn-wrapper.active .app-colour-5104 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-5104 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-5104 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-5104 {
  color: #F24F1B;
}

.seg-text-secondary-colour-5104 {
  color: #F24F1B;
}

.seg-hover-text-primary-colour-5104:hover {
  color: #F24F1B;
}

.seg-hover-text-secondary-colour-5104:hover {
  color: #F24F1B;
}

.app-10001 {
  --app-colour: #4D85B6;
  --app-colour-alt: #4D85B6;
}

[data-app="10001"] {
  --app-colour: #4D85B6;
  --app-colour-alt: #4D85B6;
}

/*.appButton:active.app-icon .app-colour-10001,*/
.btn-wrapper.active-parent .app-colour-10001,
.btn-wrapper.active .app-colour-10001 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-10001 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-10001 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-10001 {
  color: #4D85B6;
}

.seg-text-secondary-colour-10001 {
  color: #4D85B6;
}

.seg-hover-text-primary-colour-10001:hover {
  color: #4D85B6;
}

.seg-hover-text-secondary-colour-10001:hover {
  color: #4D85B6;
}

.app-1179 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1179"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1179,*/
.btn-wrapper.active-parent .app-colour-1179,
.btn-wrapper.active .app-colour-1179 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1179 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1179 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1179 {
  color: #0090EA;
}

.seg-text-secondary-colour-1179 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1179:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1179:hover {
  color: #1074b3;
}

.app-1180 {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

[data-app="1180"] {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

/*.appButton:active.app-icon .app-colour-1180,*/
.btn-wrapper.active-parent .app-colour-1180,
.btn-wrapper.active .app-colour-1180 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1180 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1180 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1180 {
  color: #01D0E2;
}

.seg-text-secondary-colour-1180 {
  color: #11a1ad;
}

.seg-hover-text-primary-colour-1180:hover {
  color: #01D0E2;
}

.seg-hover-text-secondary-colour-1180:hover {
  color: #11a1ad;
}

.app-1181 {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

[data-app="1181"] {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

/*.appButton:active.app-icon .app-colour-1181,*/
.btn-wrapper.active-parent .app-colour-1181,
.btn-wrapper.active .app-colour-1181 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1181 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1181 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1181 {
  color: #005DCA;
}

.seg-text-secondary-colour-1181 {
  color: #0d509e;
}

.seg-hover-text-primary-colour-1181:hover {
  color: #005DCA;
}

.seg-hover-text-secondary-colour-1181:hover {
  color: #0d509e;
}

.app-2301 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2301"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2301,*/
.btn-wrapper.active-parent .app-colour-2301,
.btn-wrapper.active .app-colour-2301 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2301 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2301 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2301 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2301 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2301:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2301:hover {
  color: #FFB300;
}

.app-2302 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2302"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2302,*/
.btn-wrapper.active-parent .app-colour-2302,
.btn-wrapper.active .app-colour-2302 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2302 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2302 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2302 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2302 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2302:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2302:hover {
  color: #FFB300;
}

.app-2303 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2303"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2303,*/
.btn-wrapper.active-parent .app-colour-2303,
.btn-wrapper.active .app-colour-2303 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2303 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2303 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2303 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2303 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2303:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2303:hover {
  color: #FFB300;
}

.app-2304 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2304"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2304,*/
.btn-wrapper.active-parent .app-colour-2304,
.btn-wrapper.active .app-colour-2304 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2304 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2304 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2304 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2304 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2304:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2304:hover {
  color: #FFB300;
}

.app-2305 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2305"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2305,*/
.btn-wrapper.active-parent .app-colour-2305,
.btn-wrapper.active .app-colour-2305 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2305 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2305 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2305 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2305 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2305:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2305:hover {
  color: #FFB300;
}

.app-2306 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2306"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2306,*/
.btn-wrapper.active-parent .app-colour-2306,
.btn-wrapper.active .app-colour-2306 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2306 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2306 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2306 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2306 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2306:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2306:hover {
  color: #FFB300;
}

.app-2307 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2307"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2307,*/
.btn-wrapper.active-parent .app-colour-2307,
.btn-wrapper.active .app-colour-2307 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2307 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2307 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2307 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2307 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2307:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2307:hover {
  color: #FFB300;
}

.app-2308 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2308"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2308,*/
.btn-wrapper.active-parent .app-colour-2308,
.btn-wrapper.active .app-colour-2308 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2308 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2308 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2308 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2308 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2308:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2308:hover {
  color: #FFB300;
}

.app-2309 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2309"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2309,*/
.btn-wrapper.active-parent .app-colour-2309,
.btn-wrapper.active .app-colour-2309 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2309 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2309 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2309 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2309 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2309:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2309:hover {
  color: #FFB300;
}

.app-2310 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2310"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2310,*/
.btn-wrapper.active-parent .app-colour-2310,
.btn-wrapper.active .app-colour-2310 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2310 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2310 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2310 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2310 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2310:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2310:hover {
  color: #FFB300;
}

.app-2311 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2311"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2311,*/
.btn-wrapper.active-parent .app-colour-2311,
.btn-wrapper.active .app-colour-2311 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2311 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2311 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2311 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2311 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2311:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2311:hover {
  color: #FFB300;
}

.app-2312 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2312"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2312,*/
.btn-wrapper.active-parent .app-colour-2312,
.btn-wrapper.active .app-colour-2312 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2312 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2312 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2312 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2312 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2312:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2312:hover {
  color: #FFB300;
}

.app-2313 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2313"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2313,*/
.btn-wrapper.active-parent .app-colour-2313,
.btn-wrapper.active .app-colour-2313 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2313 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2313 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2313 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2313 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2313:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2313:hover {
  color: #FFB300;
}

.app-2314 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2314"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2314,*/
.btn-wrapper.active-parent .app-colour-2314,
.btn-wrapper.active .app-colour-2314 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2314 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2314 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2314 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2314 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2314:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2314:hover {
  color: #FFB300;
}

.app-2315 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2315"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2315,*/
.btn-wrapper.active-parent .app-colour-2315,
.btn-wrapper.active .app-colour-2315 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2315 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2315 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2315 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2315 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2315:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2315:hover {
  color: #FFB300;
}

.app-2316 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2316"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2316,*/
.btn-wrapper.active-parent .app-colour-2316,
.btn-wrapper.active .app-colour-2316 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2316 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2316 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2316 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2316 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2316:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2316:hover {
  color: #FFB300;
}

.app-2317 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2317"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2317,*/
.btn-wrapper.active-parent .app-colour-2317,
.btn-wrapper.active .app-colour-2317 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2317 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2317 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2317 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2317 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2317:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2317:hover {
  color: #FFB300;
}

.app-2318 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2318"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2318,*/
.btn-wrapper.active-parent .app-colour-2318,
.btn-wrapper.active .app-colour-2318 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2318 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2318 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2318 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2318 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2318:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2318:hover {
  color: #FFB300;
}

.app-2319 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2319"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2319,*/
.btn-wrapper.active-parent .app-colour-2319,
.btn-wrapper.active .app-colour-2319 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2319 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2319 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2319 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2319 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2319:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2319:hover {
  color: #FFB300;
}

.app-2320 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2320"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2320,*/
.btn-wrapper.active-parent .app-colour-2320,
.btn-wrapper.active .app-colour-2320 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2320 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2320 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2320 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2320 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2320:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2320:hover {
  color: #FFB300;
}

.app-2321 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2321"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2321,*/
.btn-wrapper.active-parent .app-colour-2321,
.btn-wrapper.active .app-colour-2321 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2321 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2321 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2321 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2321 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2321:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2321:hover {
  color: #FFB300;
}

.app-2322 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2322"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2322,*/
.btn-wrapper.active-parent .app-colour-2322,
.btn-wrapper.active .app-colour-2322 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2322 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2322 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2322 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2322 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2322:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2322:hover {
  color: #FFB300;
}

.app-2323 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2323"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2323,*/
.btn-wrapper.active-parent .app-colour-2323,
.btn-wrapper.active .app-colour-2323 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2323 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2323 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2323 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2323 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2323:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2323:hover {
  color: #FFB300;
}

.app-2324 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2324"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2324,*/
.btn-wrapper.active-parent .app-colour-2324,
.btn-wrapper.active .app-colour-2324 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2324 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2324 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2324 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2324 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2324:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2324:hover {
  color: #FFB300;
}

.app-2325 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2325"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2325,*/
.btn-wrapper.active-parent .app-colour-2325,
.btn-wrapper.active .app-colour-2325 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2325 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2325 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2325 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2325 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2325:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2325:hover {
  color: #FFB300;
}

.app-2326 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2326"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2326,*/
.btn-wrapper.active-parent .app-colour-2326,
.btn-wrapper.active .app-colour-2326 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2326 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2326 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2326 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2326 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2326:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2326:hover {
  color: #FFB300;
}

.app-2327 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2327"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2327,*/
.btn-wrapper.active-parent .app-colour-2327,
.btn-wrapper.active .app-colour-2327 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2327 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2327 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2327 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2327 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2327:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2327:hover {
  color: #FFB300;
}

.app-2328 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2328"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2328,*/
.btn-wrapper.active-parent .app-colour-2328,
.btn-wrapper.active .app-colour-2328 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2328 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2328 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2328 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2328 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2328:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2328:hover {
  color: #FFB300;
}

.app-2329 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2329"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2329,*/
.btn-wrapper.active-parent .app-colour-2329,
.btn-wrapper.active .app-colour-2329 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2329 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2329 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2329 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2329 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2329:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2329:hover {
  color: #FFB300;
}

.app-2330 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2330"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2330,*/
.btn-wrapper.active-parent .app-colour-2330,
.btn-wrapper.active .app-colour-2330 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2330 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2330 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2330 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2330 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2330:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2330:hover {
  color: #FFB300;
}

.app-2331 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2331"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2331,*/
.btn-wrapper.active-parent .app-colour-2331,
.btn-wrapper.active .app-colour-2331 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2331 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2331 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2331 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2331 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2331:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2331:hover {
  color: #FFB300;
}

.app-2332 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2332"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2332,*/
.btn-wrapper.active-parent .app-colour-2332,
.btn-wrapper.active .app-colour-2332 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2332 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2332 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2332 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2332 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2332:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2332:hover {
  color: #FFB300;
}

.app-2333 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2333"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2333,*/
.btn-wrapper.active-parent .app-colour-2333,
.btn-wrapper.active .app-colour-2333 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2333 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2333 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2333 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2333 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2333:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2333:hover {
  color: #FFB300;
}

.app-2334 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2334"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2334,*/
.btn-wrapper.active-parent .app-colour-2334,
.btn-wrapper.active .app-colour-2334 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2334 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2334 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2334 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2334 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2334:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2334:hover {
  color: #FFB300;
}

.app-2335 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2335"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2335,*/
.btn-wrapper.active-parent .app-colour-2335,
.btn-wrapper.active .app-colour-2335 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2335 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2335 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2335 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2335 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2335:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2335:hover {
  color: #FFB300;
}

.app-2336 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2336"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2336,*/
.btn-wrapper.active-parent .app-colour-2336,
.btn-wrapper.active .app-colour-2336 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2336 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2336 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2336 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2336 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2336:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2336:hover {
  color: #FFB300;
}

.app-2337 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2337"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2337,*/
.btn-wrapper.active-parent .app-colour-2337,
.btn-wrapper.active .app-colour-2337 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2337 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2337 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2337 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2337 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2337:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2337:hover {
  color: #FFB300;
}

.app-2338 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2338"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2338,*/
.btn-wrapper.active-parent .app-colour-2338,
.btn-wrapper.active .app-colour-2338 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2338 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2338 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2338 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2338 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2338:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2338:hover {
  color: #FFB300;
}

.app-2339 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2339"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2339,*/
.btn-wrapper.active-parent .app-colour-2339,
.btn-wrapper.active .app-colour-2339 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2339 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2339 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2339 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2339 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2339:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2339:hover {
  color: #FFB300;
}

.app-2340 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2340"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2340,*/
.btn-wrapper.active-parent .app-colour-2340,
.btn-wrapper.active .app-colour-2340 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2340 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2340 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2340 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2340 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2340:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2340:hover {
  color: #FFB300;
}

.app-2341 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2341"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2341,*/
.btn-wrapper.active-parent .app-colour-2341,
.btn-wrapper.active .app-colour-2341 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2341 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2341 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2341 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2341 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2341:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2341:hover {
  color: #FFB300;
}

.app-2342 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2342"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2342,*/
.btn-wrapper.active-parent .app-colour-2342,
.btn-wrapper.active .app-colour-2342 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2342 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2342 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2342 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2342 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2342:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2342:hover {
  color: #FFB300;
}

.app-2343 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2343"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2343,*/
.btn-wrapper.active-parent .app-colour-2343,
.btn-wrapper.active .app-colour-2343 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2343 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2343 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2343 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2343 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2343:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2343:hover {
  color: #FFB300;
}

.app-2344 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2344"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2344,*/
.btn-wrapper.active-parent .app-colour-2344,
.btn-wrapper.active .app-colour-2344 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2344 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2344 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2344 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2344 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2344:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2344:hover {
  color: #FFB300;
}

.app-2345 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2345"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2345,*/
.btn-wrapper.active-parent .app-colour-2345,
.btn-wrapper.active .app-colour-2345 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2345 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2345 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2345 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2345 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2345:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2345:hover {
  color: #FFB300;
}

.app-2346 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2346"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2346,*/
.btn-wrapper.active-parent .app-colour-2346,
.btn-wrapper.active .app-colour-2346 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2346 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2346 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2346 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2346 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2346:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2346:hover {
  color: #FFB300;
}

.app-2347 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2347"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2347,*/
.btn-wrapper.active-parent .app-colour-2347,
.btn-wrapper.active .app-colour-2347 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2347 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2347 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2347 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2347 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2347:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2347:hover {
  color: #FFB300;
}

.app-2348 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2348"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2348,*/
.btn-wrapper.active-parent .app-colour-2348,
.btn-wrapper.active .app-colour-2348 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2348 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2348 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2348 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2348 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2348:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2348:hover {
  color: #FFB300;
}

.app-2349 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2349"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2349,*/
.btn-wrapper.active-parent .app-colour-2349,
.btn-wrapper.active .app-colour-2349 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2349 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2349 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2349 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2349 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2349:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2349:hover {
  color: #FFB300;
}

.app-2350 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2350"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2350,*/
.btn-wrapper.active-parent .app-colour-2350,
.btn-wrapper.active .app-colour-2350 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2350 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2350 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2350 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2350 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2350:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2350:hover {
  color: #FFB300;
}

.app-2351 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2351"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2351,*/
.btn-wrapper.active-parent .app-colour-2351,
.btn-wrapper.active .app-colour-2351 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2351 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2351 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2351 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2351 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2351:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2351:hover {
  color: #FFB300;
}

.app-2352 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2352"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2352,*/
.btn-wrapper.active-parent .app-colour-2352,
.btn-wrapper.active .app-colour-2352 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2352 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2352 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2352 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2352 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2352:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2352:hover {
  color: #FFB300;
}

.app-2353 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2353"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2353,*/
.btn-wrapper.active-parent .app-colour-2353,
.btn-wrapper.active .app-colour-2353 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2353 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2353 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2353 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2353 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2353:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2353:hover {
  color: #FFB300;
}

.app-2354 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2354"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2354,*/
.btn-wrapper.active-parent .app-colour-2354,
.btn-wrapper.active .app-colour-2354 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2354 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2354 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2354 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2354 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2354:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2354:hover {
  color: #FFB300;
}

.app-2355 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2355"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2355,*/
.btn-wrapper.active-parent .app-colour-2355,
.btn-wrapper.active .app-colour-2355 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2355 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2355 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2355 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2355 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2355:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2355:hover {
  color: #FFB300;
}

.app-2356 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2356"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2356,*/
.btn-wrapper.active-parent .app-colour-2356,
.btn-wrapper.active .app-colour-2356 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2356 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2356 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2356 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2356 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2356:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2356:hover {
  color: #FFB300;
}

.app-2357 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2357"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2357,*/
.btn-wrapper.active-parent .app-colour-2357,
.btn-wrapper.active .app-colour-2357 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2357 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2357 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2357 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2357 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2357:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2357:hover {
  color: #FFB300;
}

.app-2358 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2358"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2358,*/
.btn-wrapper.active-parent .app-colour-2358,
.btn-wrapper.active .app-colour-2358 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2358 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2358 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2358 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2358 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2358:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2358:hover {
  color: #FFB300;
}

.app-2359 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2359"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2359,*/
.btn-wrapper.active-parent .app-colour-2359,
.btn-wrapper.active .app-colour-2359 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2359 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2359 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2359 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2359 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2359:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2359:hover {
  color: #FFB300;
}

.app-2360 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2360"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2360,*/
.btn-wrapper.active-parent .app-colour-2360,
.btn-wrapper.active .app-colour-2360 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2360 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2360 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2360 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2360 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2360:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2360:hover {
  color: #FFB300;
}

.app-2361 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2361"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2361,*/
.btn-wrapper.active-parent .app-colour-2361,
.btn-wrapper.active .app-colour-2361 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2361 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2361 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2361 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2361 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2361:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2361:hover {
  color: #FFB300;
}

.app-2362 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2362"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2362,*/
.btn-wrapper.active-parent .app-colour-2362,
.btn-wrapper.active .app-colour-2362 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2362 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2362 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2362 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2362 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2362:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2362:hover {
  color: #FFB300;
}

.app-2363 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2363"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2363,*/
.btn-wrapper.active-parent .app-colour-2363,
.btn-wrapper.active .app-colour-2363 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2363 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2363 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2363 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2363 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2363:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2363:hover {
  color: #FFB300;
}

.app-2364 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2364"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2364,*/
.btn-wrapper.active-parent .app-colour-2364,
.btn-wrapper.active .app-colour-2364 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2364 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2364 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2364 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2364 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2364:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2364:hover {
  color: #FFB300;
}

.app-2365 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2365"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2365,*/
.btn-wrapper.active-parent .app-colour-2365,
.btn-wrapper.active .app-colour-2365 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2365 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2365 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2365 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2365 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2365:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2365:hover {
  color: #FFB300;
}

.app-2366 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2366"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2366,*/
.btn-wrapper.active-parent .app-colour-2366,
.btn-wrapper.active .app-colour-2366 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2366 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2366 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2366 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2366 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2366:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2366:hover {
  color: #FFB300;
}

.app-2367 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2367"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2367,*/
.btn-wrapper.active-parent .app-colour-2367,
.btn-wrapper.active .app-colour-2367 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2367 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2367 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2367 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2367 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2367:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2367:hover {
  color: #FFB300;
}

.app-2368 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2368"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2368,*/
.btn-wrapper.active-parent .app-colour-2368,
.btn-wrapper.active .app-colour-2368 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2368 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2368 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2368 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2368 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2368:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2368:hover {
  color: #FFB300;
}

.app-2369 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2369"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2369,*/
.btn-wrapper.active-parent .app-colour-2369,
.btn-wrapper.active .app-colour-2369 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2369 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2369 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2369 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2369 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2369:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2369:hover {
  color: #FFB300;
}

.app-2370 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2370"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2370,*/
.btn-wrapper.active-parent .app-colour-2370,
.btn-wrapper.active .app-colour-2370 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2370 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2370 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2370 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2370 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2370:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2370:hover {
  color: #FFB300;
}

.app-2371 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2371"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2371,*/
.btn-wrapper.active-parent .app-colour-2371,
.btn-wrapper.active .app-colour-2371 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2371 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2371 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2371 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2371 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2371:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2371:hover {
  color: #FFB300;
}

.app-2372 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2372"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2372,*/
.btn-wrapper.active-parent .app-colour-2372,
.btn-wrapper.active .app-colour-2372 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2372 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2372 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2372 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2372 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2372:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2372:hover {
  color: #FFB300;
}

.app-2373 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2373"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2373,*/
.btn-wrapper.active-parent .app-colour-2373,
.btn-wrapper.active .app-colour-2373 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2373 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2373 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2373 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2373 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2373:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2373:hover {
  color: #FFB300;
}

.app-2374 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2374"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2374,*/
.btn-wrapper.active-parent .app-colour-2374,
.btn-wrapper.active .app-colour-2374 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2374 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2374 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2374 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2374 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2374:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2374:hover {
  color: #FFB300;
}

.app-2375 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2375"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2375,*/
.btn-wrapper.active-parent .app-colour-2375,
.btn-wrapper.active .app-colour-2375 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2375 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2375 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2375 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2375 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2375:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2375:hover {
  color: #FFB300;
}

.app-2376 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2376"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2376,*/
.btn-wrapper.active-parent .app-colour-2376,
.btn-wrapper.active .app-colour-2376 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2376 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2376 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2376 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2376 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2376:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2376:hover {
  color: #FFB300;
}

.app-2377 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2377"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2377,*/
.btn-wrapper.active-parent .app-colour-2377,
.btn-wrapper.active .app-colour-2377 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2377 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2377 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2377 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2377 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2377:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2377:hover {
  color: #FFB300;
}

.app-2378 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2378"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2378,*/
.btn-wrapper.active-parent .app-colour-2378,
.btn-wrapper.active .app-colour-2378 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2378 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2378 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2378 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2378 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2378:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2378:hover {
  color: #FFB300;
}

.app-2379 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2379"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2379,*/
.btn-wrapper.active-parent .app-colour-2379,
.btn-wrapper.active .app-colour-2379 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2379 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2379 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2379 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2379 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2379:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2379:hover {
  color: #FFB300;
}

.app-2380 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2380"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2380,*/
.btn-wrapper.active-parent .app-colour-2380,
.btn-wrapper.active .app-colour-2380 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2380 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2380 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2380 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2380 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2380:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2380:hover {
  color: #FFB300;
}

.app-6000 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6000"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6000,*/
.btn-wrapper.active-parent .app-colour-6000,
.btn-wrapper.active .app-colour-6000 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6000 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6000 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6000 {
  color: #CC0000;
}

.seg-text-secondary-colour-6000 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6000:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6000:hover {
  color: #A30202;
}

.app-6001 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6001"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6001,*/
.btn-wrapper.active-parent .app-colour-6001,
.btn-wrapper.active .app-colour-6001 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6001 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6001 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6001 {
  color: #CC0000;
}

.seg-text-secondary-colour-6001 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6001:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6001:hover {
  color: #A30202;
}

.app-6002 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6002"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6002,*/
.btn-wrapper.active-parent .app-colour-6002,
.btn-wrapper.active .app-colour-6002 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6002 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6002 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6002 {
  color: #CC0000;
}

.seg-text-secondary-colour-6002 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6002:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6002:hover {
  color: #A30202;
}

.app-6003 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6003"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6003,*/
.btn-wrapper.active-parent .app-colour-6003,
.btn-wrapper.active .app-colour-6003 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6003 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6003 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6003 {
  color: #CC0000;
}

.seg-text-secondary-colour-6003 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6003:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6003:hover {
  color: #A30202;
}

.app-6004 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6004"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6004,*/
.btn-wrapper.active-parent .app-colour-6004,
.btn-wrapper.active .app-colour-6004 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6004 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6004 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6004 {
  color: #CC0000;
}

.seg-text-secondary-colour-6004 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6004:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6004:hover {
  color: #A30202;
}

.app-6005 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6005"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6005,*/
.btn-wrapper.active-parent .app-colour-6005,
.btn-wrapper.active .app-colour-6005 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6005 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6005 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6005 {
  color: #CC0000;
}

.seg-text-secondary-colour-6005 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6005:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6005:hover {
  color: #A30202;
}

.app-6006 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6006"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6006,*/
.btn-wrapper.active-parent .app-colour-6006,
.btn-wrapper.active .app-colour-6006 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6006 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6006 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6006 {
  color: #CC0000;
}

.seg-text-secondary-colour-6006 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6006:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6006:hover {
  color: #A30202;
}

.app-6007 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6007"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6007,*/
.btn-wrapper.active-parent .app-colour-6007,
.btn-wrapper.active .app-colour-6007 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6007 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6007 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6007 {
  color: #CC0000;
}

.seg-text-secondary-colour-6007 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6007:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6007:hover {
  color: #A30202;
}

.app-6008 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6008"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6008,*/
.btn-wrapper.active-parent .app-colour-6008,
.btn-wrapper.active .app-colour-6008 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6008 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6008 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6008 {
  color: #CC0000;
}

.seg-text-secondary-colour-6008 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6008:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6008:hover {
  color: #A30202;
}

.app-6009 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6009"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6009,*/
.btn-wrapper.active-parent .app-colour-6009,
.btn-wrapper.active .app-colour-6009 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6009 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6009 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6009 {
  color: #CC0000;
}

.seg-text-secondary-colour-6009 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6009:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6009:hover {
  color: #A30202;
}

.app-6010 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6010"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6010,*/
.btn-wrapper.active-parent .app-colour-6010,
.btn-wrapper.active .app-colour-6010 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6010 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6010 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6010 {
  color: #CC0000;
}

.seg-text-secondary-colour-6010 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6010:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6010:hover {
  color: #A30202;
}

.app-6011 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6011"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6011,*/
.btn-wrapper.active-parent .app-colour-6011,
.btn-wrapper.active .app-colour-6011 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6011 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6011 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6011 {
  color: #CC0000;
}

.seg-text-secondary-colour-6011 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6011:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6011:hover {
  color: #A30202;
}

.app-6012 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6012"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6012,*/
.btn-wrapper.active-parent .app-colour-6012,
.btn-wrapper.active .app-colour-6012 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6012 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6012 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6012 {
  color: #CC0000;
}

.seg-text-secondary-colour-6012 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6012:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6012:hover {
  color: #A30202;
}

.app-6013 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6013"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6013,*/
.btn-wrapper.active-parent .app-colour-6013,
.btn-wrapper.active .app-colour-6013 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6013 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6013 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6013 {
  color: #CC0000;
}

.seg-text-secondary-colour-6013 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6013:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6013:hover {
  color: #A30202;
}

.app-6014 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6014"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6014,*/
.btn-wrapper.active-parent .app-colour-6014,
.btn-wrapper.active .app-colour-6014 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6014 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6014 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6014 {
  color: #CC0000;
}

.seg-text-secondary-colour-6014 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6014:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6014:hover {
  color: #A30202;
}

.app-6015 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6015"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6015,*/
.btn-wrapper.active-parent .app-colour-6015,
.btn-wrapper.active .app-colour-6015 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6015 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6015 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6015 {
  color: #CC0000;
}

.seg-text-secondary-colour-6015 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6015:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6015:hover {
  color: #A30202;
}

.app-6016 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6016"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6016,*/
.btn-wrapper.active-parent .app-colour-6016,
.btn-wrapper.active .app-colour-6016 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6016 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6016 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6016 {
  color: #CC0000;
}

.seg-text-secondary-colour-6016 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6016:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6016:hover {
  color: #A30202;
}

.app-6017 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6017"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6017,*/
.btn-wrapper.active-parent .app-colour-6017,
.btn-wrapper.active .app-colour-6017 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6017 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6017 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6017 {
  color: #CC0000;
}

.seg-text-secondary-colour-6017 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6017:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6017:hover {
  color: #A30202;
}

.app-6018 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6018"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6018,*/
.btn-wrapper.active-parent .app-colour-6018,
.btn-wrapper.active .app-colour-6018 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6018 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6018 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6018 {
  color: #CC0000;
}

.seg-text-secondary-colour-6018 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6018:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6018:hover {
  color: #A30202;
}

.app-6019 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6019"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6019,*/
.btn-wrapper.active-parent .app-colour-6019,
.btn-wrapper.active .app-colour-6019 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6019 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6019 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6019 {
  color: #CC0000;
}

.seg-text-secondary-colour-6019 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6019:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6019:hover {
  color: #A30202;
}

.app-6020 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6020"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6020,*/
.btn-wrapper.active-parent .app-colour-6020,
.btn-wrapper.active .app-colour-6020 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6020 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6020 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6020 {
  color: #CC0000;
}

.seg-text-secondary-colour-6020 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6020:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6020:hover {
  color: #A30202;
}

.app-6021 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6021"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6021,*/
.btn-wrapper.active-parent .app-colour-6021,
.btn-wrapper.active .app-colour-6021 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6021 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6021 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6021 {
  color: #CC0000;
}

.seg-text-secondary-colour-6021 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6021:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6021:hover {
  color: #A30202;
}

.app-6022 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6022"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6022,*/
.btn-wrapper.active-parent .app-colour-6022,
.btn-wrapper.active .app-colour-6022 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6022 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6022 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6022 {
  color: #CC0000;
}

.seg-text-secondary-colour-6022 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6022:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6022:hover {
  color: #A30202;
}

.app-6023 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6023"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6023,*/
.btn-wrapper.active-parent .app-colour-6023,
.btn-wrapper.active .app-colour-6023 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6023 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6023 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6023 {
  color: #CC0000;
}

.seg-text-secondary-colour-6023 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6023:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6023:hover {
  color: #A30202;
}

.app-6024 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6024"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6024,*/
.btn-wrapper.active-parent .app-colour-6024,
.btn-wrapper.active .app-colour-6024 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6024 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6024 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6024 {
  color: #CC0000;
}

.seg-text-secondary-colour-6024 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6024:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6024:hover {
  color: #A30202;
}

.app-6025 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6025"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6025,*/
.btn-wrapper.active-parent .app-colour-6025,
.btn-wrapper.active .app-colour-6025 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6025 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6025 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6025 {
  color: #CC0000;
}

.seg-text-secondary-colour-6025 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6025:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6025:hover {
  color: #A30202;
}

.app-6026 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6026"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6026,*/
.btn-wrapper.active-parent .app-colour-6026,
.btn-wrapper.active .app-colour-6026 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6026 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6026 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6026 {
  color: #CC0000;
}

.seg-text-secondary-colour-6026 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6026:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6026:hover {
  color: #A30202;
}

.app-6027 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6027"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6027,*/
.btn-wrapper.active-parent .app-colour-6027,
.btn-wrapper.active .app-colour-6027 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6027 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6027 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6027 {
  color: #CC0000;
}

.seg-text-secondary-colour-6027 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6027:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6027:hover {
  color: #A30202;
}

.app-6028 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6028"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6028,*/
.btn-wrapper.active-parent .app-colour-6028,
.btn-wrapper.active .app-colour-6028 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6028 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6028 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6028 {
  color: #CC0000;
}

.seg-text-secondary-colour-6028 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6028:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6028:hover {
  color: #A30202;
}

.app-6029 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6029"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6029,*/
.btn-wrapper.active-parent .app-colour-6029,
.btn-wrapper.active .app-colour-6029 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6029 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6029 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6029 {
  color: #CC0000;
}

.seg-text-secondary-colour-6029 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6029:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6029:hover {
  color: #A30202;
}

.app-6030 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6030"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6030,*/
.btn-wrapper.active-parent .app-colour-6030,
.btn-wrapper.active .app-colour-6030 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6030 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6030 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6030 {
  color: #CC0000;
}

.seg-text-secondary-colour-6030 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6030:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6030:hover {
  color: #A30202;
}

.app-6031 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6031"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6031,*/
.btn-wrapper.active-parent .app-colour-6031,
.btn-wrapper.active .app-colour-6031 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6031 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6031 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6031 {
  color: #CC0000;
}

.seg-text-secondary-colour-6031 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6031:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6031:hover {
  color: #A30202;
}

.app-6032 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6032"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6032,*/
.btn-wrapper.active-parent .app-colour-6032,
.btn-wrapper.active .app-colour-6032 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6032 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6032 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6032 {
  color: #CC0000;
}

.seg-text-secondary-colour-6032 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6032:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6032:hover {
  color: #A30202;
}

.app-6033 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6033"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6033,*/
.btn-wrapper.active-parent .app-colour-6033,
.btn-wrapper.active .app-colour-6033 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6033 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6033 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6033 {
  color: #CC0000;
}

.seg-text-secondary-colour-6033 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6033:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6033:hover {
  color: #A30202;
}

.app-6034 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6034"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6034,*/
.btn-wrapper.active-parent .app-colour-6034,
.btn-wrapper.active .app-colour-6034 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6034 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6034 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6034 {
  color: #CC0000;
}

.seg-text-secondary-colour-6034 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6034:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6034:hover {
  color: #A30202;
}

.app-6035 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6035"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6035,*/
.btn-wrapper.active-parent .app-colour-6035,
.btn-wrapper.active .app-colour-6035 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6035 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6035 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6035 {
  color: #CC0000;
}

.seg-text-secondary-colour-6035 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6035:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6035:hover {
  color: #A30202;
}

.app-6036 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6036"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6036,*/
.btn-wrapper.active-parent .app-colour-6036,
.btn-wrapper.active .app-colour-6036 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6036 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6036 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6036 {
  color: #CC0000;
}

.seg-text-secondary-colour-6036 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6036:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6036:hover {
  color: #A30202;
}

.app-6037 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6037"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6037,*/
.btn-wrapper.active-parent .app-colour-6037,
.btn-wrapper.active .app-colour-6037 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6037 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6037 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6037 {
  color: #CC0000;
}

.seg-text-secondary-colour-6037 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6037:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6037:hover {
  color: #A30202;
}

.app-6038 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6038"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6038,*/
.btn-wrapper.active-parent .app-colour-6038,
.btn-wrapper.active .app-colour-6038 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6038 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6038 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6038 {
  color: #CC0000;
}

.seg-text-secondary-colour-6038 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6038:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6038:hover {
  color: #A30202;
}

.app-6039 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6039"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6039,*/
.btn-wrapper.active-parent .app-colour-6039,
.btn-wrapper.active .app-colour-6039 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6039 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6039 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6039 {
  color: #CC0000;
}

.seg-text-secondary-colour-6039 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6039:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6039:hover {
  color: #A30202;
}

.app-6040 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6040"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6040,*/
.btn-wrapper.active-parent .app-colour-6040,
.btn-wrapper.active .app-colour-6040 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6040 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6040 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6040 {
  color: #CC0000;
}

.seg-text-secondary-colour-6040 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6040:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6040:hover {
  color: #A30202;
}

.app-6041 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6041"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6041,*/
.btn-wrapper.active-parent .app-colour-6041,
.btn-wrapper.active .app-colour-6041 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6041 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6041 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6041 {
  color: #CC0000;
}

.seg-text-secondary-colour-6041 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6041:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6041:hover {
  color: #A30202;
}

.app-6042 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6042"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6042,*/
.btn-wrapper.active-parent .app-colour-6042,
.btn-wrapper.active .app-colour-6042 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6042 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6042 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6042 {
  color: #CC0000;
}

.seg-text-secondary-colour-6042 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6042:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6042:hover {
  color: #A30202;
}

.app-6043 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6043"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6043,*/
.btn-wrapper.active-parent .app-colour-6043,
.btn-wrapper.active .app-colour-6043 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6043 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6043 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6043 {
  color: #CC0000;
}

.seg-text-secondary-colour-6043 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6043:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6043:hover {
  color: #A30202;
}

.app-6044 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6044"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6044,*/
.btn-wrapper.active-parent .app-colour-6044,
.btn-wrapper.active .app-colour-6044 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6044 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6044 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6044 {
  color: #CC0000;
}

.seg-text-secondary-colour-6044 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6044:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6044:hover {
  color: #A30202;
}

.app-6045 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6045"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6045,*/
.btn-wrapper.active-parent .app-colour-6045,
.btn-wrapper.active .app-colour-6045 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6045 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6045 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6045 {
  color: #CC0000;
}

.seg-text-secondary-colour-6045 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6045:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6045:hover {
  color: #A30202;
}

.app-6046 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6046"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6046,*/
.btn-wrapper.active-parent .app-colour-6046,
.btn-wrapper.active .app-colour-6046 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6046 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6046 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6046 {
  color: #CC0000;
}

.seg-text-secondary-colour-6046 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6046:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6046:hover {
  color: #A30202;
}

.app-6047 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6047"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6047,*/
.btn-wrapper.active-parent .app-colour-6047,
.btn-wrapper.active .app-colour-6047 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6047 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6047 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6047 {
  color: #CC0000;
}

.seg-text-secondary-colour-6047 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6047:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6047:hover {
  color: #A30202;
}

.app-6048 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6048"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6048,*/
.btn-wrapper.active-parent .app-colour-6048,
.btn-wrapper.active .app-colour-6048 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6048 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6048 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6048 {
  color: #CC0000;
}

.seg-text-secondary-colour-6048 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6048:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6048:hover {
  color: #A30202;
}

.app-6049 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6049"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6049,*/
.btn-wrapper.active-parent .app-colour-6049,
.btn-wrapper.active .app-colour-6049 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6049 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6049 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6049 {
  color: #CC0000;
}

.seg-text-secondary-colour-6049 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6049:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6049:hover {
  color: #A30202;
}

.app-6050 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6050"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6050,*/
.btn-wrapper.active-parent .app-colour-6050,
.btn-wrapper.active .app-colour-6050 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6050 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6050 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6050 {
  color: #CC0000;
}

.seg-text-secondary-colour-6050 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6050:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6050:hover {
  color: #A30202;
}

.app-6051 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6051"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6051,*/
.btn-wrapper.active-parent .app-colour-6051,
.btn-wrapper.active .app-colour-6051 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6051 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6051 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6051 {
  color: #CC0000;
}

.seg-text-secondary-colour-6051 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6051:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6051:hover {
  color: #A30202;
}

.app-6052 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6052"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6052,*/
.btn-wrapper.active-parent .app-colour-6052,
.btn-wrapper.active .app-colour-6052 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6052 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6052 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6052 {
  color: #CC0000;
}

.seg-text-secondary-colour-6052 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6052:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6052:hover {
  color: #A30202;
}

.app-6053 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6053"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6053,*/
.btn-wrapper.active-parent .app-colour-6053,
.btn-wrapper.active .app-colour-6053 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6053 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6053 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6053 {
  color: #CC0000;
}

.seg-text-secondary-colour-6053 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6053:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6053:hover {
  color: #A30202;
}

.app-6054 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6054"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6054,*/
.btn-wrapper.active-parent .app-colour-6054,
.btn-wrapper.active .app-colour-6054 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6054 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6054 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6054 {
  color: #CC0000;
}

.seg-text-secondary-colour-6054 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6054:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6054:hover {
  color: #A30202;
}

.app-6055 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6055"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6055,*/
.btn-wrapper.active-parent .app-colour-6055,
.btn-wrapper.active .app-colour-6055 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6055 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6055 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6055 {
  color: #CC0000;
}

.seg-text-secondary-colour-6055 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6055:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6055:hover {
  color: #A30202;
}

.app-6056 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6056"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6056,*/
.btn-wrapper.active-parent .app-colour-6056,
.btn-wrapper.active .app-colour-6056 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6056 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6056 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6056 {
  color: #CC0000;
}

.seg-text-secondary-colour-6056 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6056:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6056:hover {
  color: #A30202;
}

.app-6057 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6057"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6057,*/
.btn-wrapper.active-parent .app-colour-6057,
.btn-wrapper.active .app-colour-6057 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6057 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6057 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6057 {
  color: #CC0000;
}

.seg-text-secondary-colour-6057 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6057:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6057:hover {
  color: #A30202;
}

.app-6058 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6058"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6058,*/
.btn-wrapper.active-parent .app-colour-6058,
.btn-wrapper.active .app-colour-6058 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6058 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6058 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6058 {
  color: #CC0000;
}

.seg-text-secondary-colour-6058 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6058:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6058:hover {
  color: #A30202;
}

.app-6059 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6059"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6059,*/
.btn-wrapper.active-parent .app-colour-6059,
.btn-wrapper.active .app-colour-6059 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6059 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6059 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6059 {
  color: #CC0000;
}

.seg-text-secondary-colour-6059 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6059:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6059:hover {
  color: #A30202;
}

.app-6060 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6060"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6060,*/
.btn-wrapper.active-parent .app-colour-6060,
.btn-wrapper.active .app-colour-6060 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6060 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6060 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6060 {
  color: #CC0000;
}

.seg-text-secondary-colour-6060 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6060:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6060:hover {
  color: #A30202;
}

.app-6061 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6061"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6061,*/
.btn-wrapper.active-parent .app-colour-6061,
.btn-wrapper.active .app-colour-6061 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6061 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6061 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6061 {
  color: #CC0000;
}

.seg-text-secondary-colour-6061 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6061:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6061:hover {
  color: #A30202;
}

.app-6062 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6062"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6062,*/
.btn-wrapper.active-parent .app-colour-6062,
.btn-wrapper.active .app-colour-6062 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6062 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6062 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6062 {
  color: #CC0000;
}

.seg-text-secondary-colour-6062 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6062:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6062:hover {
  color: #A30202;
}

.app-6063 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6063"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6063,*/
.btn-wrapper.active-parent .app-colour-6063,
.btn-wrapper.active .app-colour-6063 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6063 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6063 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6063 {
  color: #CC0000;
}

.seg-text-secondary-colour-6063 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6063:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6063:hover {
  color: #A30202;
}

.app-6064 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6064"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6064,*/
.btn-wrapper.active-parent .app-colour-6064,
.btn-wrapper.active .app-colour-6064 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6064 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6064 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6064 {
  color: #CC0000;
}

.seg-text-secondary-colour-6064 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6064:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6064:hover {
  color: #A30202;
}

.app-6065 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6065"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6065,*/
.btn-wrapper.active-parent .app-colour-6065,
.btn-wrapper.active .app-colour-6065 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6065 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6065 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6065 {
  color: #CC0000;
}

.seg-text-secondary-colour-6065 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6065:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6065:hover {
  color: #A30202;
}

.app-6066 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6066"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6066,*/
.btn-wrapper.active-parent .app-colour-6066,
.btn-wrapper.active .app-colour-6066 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6066 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6066 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6066 {
  color: #CC0000;
}

.seg-text-secondary-colour-6066 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6066:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6066:hover {
  color: #A30202;
}

.app-6067 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6067"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6067,*/
.btn-wrapper.active-parent .app-colour-6067,
.btn-wrapper.active .app-colour-6067 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6067 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6067 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6067 {
  color: #CC0000;
}

.seg-text-secondary-colour-6067 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6067:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6067:hover {
  color: #A30202;
}

.app-6068 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6068"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6068,*/
.btn-wrapper.active-parent .app-colour-6068,
.btn-wrapper.active .app-colour-6068 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6068 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6068 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6068 {
  color: #CC0000;
}

.seg-text-secondary-colour-6068 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6068:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6068:hover {
  color: #A30202;
}

.app-6069 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6069"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6069,*/
.btn-wrapper.active-parent .app-colour-6069,
.btn-wrapper.active .app-colour-6069 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6069 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6069 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6069 {
  color: #CC0000;
}

.seg-text-secondary-colour-6069 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6069:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6069:hover {
  color: #A30202;
}

.app-6070 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6070"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6070,*/
.btn-wrapper.active-parent .app-colour-6070,
.btn-wrapper.active .app-colour-6070 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6070 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6070 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6070 {
  color: #CC0000;
}

.seg-text-secondary-colour-6070 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6070:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6070:hover {
  color: #A30202;
}

.app-6071 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6071"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6071,*/
.btn-wrapper.active-parent .app-colour-6071,
.btn-wrapper.active .app-colour-6071 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6071 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6071 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6071 {
  color: #CC0000;
}

.seg-text-secondary-colour-6071 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6071:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6071:hover {
  color: #A30202;
}

.app-6072 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6072"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6072,*/
.btn-wrapper.active-parent .app-colour-6072,
.btn-wrapper.active .app-colour-6072 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6072 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6072 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6072 {
  color: #CC0000;
}

.seg-text-secondary-colour-6072 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6072:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6072:hover {
  color: #A30202;
}

.app-6073 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6073"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6073,*/
.btn-wrapper.active-parent .app-colour-6073,
.btn-wrapper.active .app-colour-6073 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6073 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6073 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6073 {
  color: #CC0000;
}

.seg-text-secondary-colour-6073 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6073:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6073:hover {
  color: #A30202;
}

.app-6074 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6074"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6074,*/
.btn-wrapper.active-parent .app-colour-6074,
.btn-wrapper.active .app-colour-6074 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6074 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6074 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6074 {
  color: #CC0000;
}

.seg-text-secondary-colour-6074 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6074:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6074:hover {
  color: #A30202;
}

.app-6075 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6075"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6075,*/
.btn-wrapper.active-parent .app-colour-6075,
.btn-wrapper.active .app-colour-6075 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6075 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6075 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6075 {
  color: #CC0000;
}

.seg-text-secondary-colour-6075 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6075:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6075:hover {
  color: #A30202;
}

.app-6076 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6076"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6076,*/
.btn-wrapper.active-parent .app-colour-6076,
.btn-wrapper.active .app-colour-6076 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6076 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6076 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6076 {
  color: #CC0000;
}

.seg-text-secondary-colour-6076 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6076:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6076:hover {
  color: #A30202;
}

.app-6077 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6077"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6077,*/
.btn-wrapper.active-parent .app-colour-6077,
.btn-wrapper.active .app-colour-6077 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6077 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6077 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6077 {
  color: #CC0000;
}

.seg-text-secondary-colour-6077 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6077:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6077:hover {
  color: #A30202;
}

.app-6078 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6078"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6078,*/
.btn-wrapper.active-parent .app-colour-6078,
.btn-wrapper.active .app-colour-6078 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6078 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6078 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6078 {
  color: #CC0000;
}

.seg-text-secondary-colour-6078 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6078:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6078:hover {
  color: #A30202;
}

.app-6079 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6079"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6079,*/
.btn-wrapper.active-parent .app-colour-6079,
.btn-wrapper.active .app-colour-6079 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6079 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6079 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6079 {
  color: #CC0000;
}

.seg-text-secondary-colour-6079 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6079:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6079:hover {
  color: #A30202;
}

.app-6080 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6080"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6080,*/
.btn-wrapper.active-parent .app-colour-6080,
.btn-wrapper.active .app-colour-6080 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6080 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6080 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6080 {
  color: #CC0000;
}

.seg-text-secondary-colour-6080 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6080:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6080:hover {
  color: #A30202;
}

.app-6081 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6081"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6081,*/
.btn-wrapper.active-parent .app-colour-6081,
.btn-wrapper.active .app-colour-6081 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6081 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6081 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6081 {
  color: #CC0000;
}

.seg-text-secondary-colour-6081 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6081:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6081:hover {
  color: #A30202;
}

.app-6082 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6082"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6082,*/
.btn-wrapper.active-parent .app-colour-6082,
.btn-wrapper.active .app-colour-6082 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6082 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6082 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6082 {
  color: #CC0000;
}

.seg-text-secondary-colour-6082 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6082:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6082:hover {
  color: #A30202;
}

.app-6083 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6083"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6083,*/
.btn-wrapper.active-parent .app-colour-6083,
.btn-wrapper.active .app-colour-6083 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6083 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6083 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6083 {
  color: #CC0000;
}

.seg-text-secondary-colour-6083 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6083:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6083:hover {
  color: #A30202;
}

.app-6084 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6084"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6084,*/
.btn-wrapper.active-parent .app-colour-6084,
.btn-wrapper.active .app-colour-6084 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6084 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6084 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6084 {
  color: #CC0000;
}

.seg-text-secondary-colour-6084 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6084:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6084:hover {
  color: #A30202;
}

.app-6085 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6085"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6085,*/
.btn-wrapper.active-parent .app-colour-6085,
.btn-wrapper.active .app-colour-6085 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6085 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6085 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6085 {
  color: #CC0000;
}

.seg-text-secondary-colour-6085 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6085:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6085:hover {
  color: #A30202;
}

.app-6086 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6086"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6086,*/
.btn-wrapper.active-parent .app-colour-6086,
.btn-wrapper.active .app-colour-6086 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6086 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6086 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6086 {
  color: #CC0000;
}

.seg-text-secondary-colour-6086 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6086:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6086:hover {
  color: #A30202;
}

.app-6087 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6087"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6087,*/
.btn-wrapper.active-parent .app-colour-6087,
.btn-wrapper.active .app-colour-6087 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6087 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6087 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6087 {
  color: #CC0000;
}

.seg-text-secondary-colour-6087 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6087:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6087:hover {
  color: #A30202;
}

.app-6088 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6088"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6088,*/
.btn-wrapper.active-parent .app-colour-6088,
.btn-wrapper.active .app-colour-6088 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6088 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6088 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6088 {
  color: #CC0000;
}

.seg-text-secondary-colour-6088 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6088:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6088:hover {
  color: #A30202;
}

.app-6089 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6089"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6089,*/
.btn-wrapper.active-parent .app-colour-6089,
.btn-wrapper.active .app-colour-6089 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6089 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6089 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6089 {
  color: #CC0000;
}

.seg-text-secondary-colour-6089 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6089:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6089:hover {
  color: #A30202;
}

.app-6090 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6090"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6090,*/
.btn-wrapper.active-parent .app-colour-6090,
.btn-wrapper.active .app-colour-6090 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6090 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6090 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6090 {
  color: #CC0000;
}

.seg-text-secondary-colour-6090 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6090:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6090:hover {
  color: #A30202;
}

.app-6091 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6091"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6091,*/
.btn-wrapper.active-parent .app-colour-6091,
.btn-wrapper.active .app-colour-6091 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6091 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6091 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6091 {
  color: #CC0000;
}

.seg-text-secondary-colour-6091 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6091:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6091:hover {
  color: #A30202;
}

.app-6092 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6092"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6092,*/
.btn-wrapper.active-parent .app-colour-6092,
.btn-wrapper.active .app-colour-6092 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6092 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6092 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6092 {
  color: #CC0000;
}

.seg-text-secondary-colour-6092 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6092:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6092:hover {
  color: #A30202;
}

.app-6093 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6093"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6093,*/
.btn-wrapper.active-parent .app-colour-6093,
.btn-wrapper.active .app-colour-6093 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6093 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6093 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6093 {
  color: #CC0000;
}

.seg-text-secondary-colour-6093 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6093:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6093:hover {
  color: #A30202;
}

.app-6094 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6094"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6094,*/
.btn-wrapper.active-parent .app-colour-6094,
.btn-wrapper.active .app-colour-6094 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6094 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6094 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6094 {
  color: #CC0000;
}

.seg-text-secondary-colour-6094 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6094:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6094:hover {
  color: #A30202;
}

.app-6095 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6095"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6095,*/
.btn-wrapper.active-parent .app-colour-6095,
.btn-wrapper.active .app-colour-6095 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6095 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6095 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6095 {
  color: #CC0000;
}

.seg-text-secondary-colour-6095 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6095:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6095:hover {
  color: #A30202;
}

.app-6096 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6096"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6096,*/
.btn-wrapper.active-parent .app-colour-6096,
.btn-wrapper.active .app-colour-6096 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6096 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6096 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6096 {
  color: #CC0000;
}

.seg-text-secondary-colour-6096 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6096:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6096:hover {
  color: #A30202;
}

.app-6097 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6097"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6097,*/
.btn-wrapper.active-parent .app-colour-6097,
.btn-wrapper.active .app-colour-6097 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6097 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6097 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6097 {
  color: #CC0000;
}

.seg-text-secondary-colour-6097 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6097:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6097:hover {
  color: #A30202;
}

.app-6098 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6098"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6098,*/
.btn-wrapper.active-parent .app-colour-6098,
.btn-wrapper.active .app-colour-6098 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6098 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6098 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6098 {
  color: #CC0000;
}

.seg-text-secondary-colour-6098 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6098:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6098:hover {
  color: #A30202;
}

.app-6099 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6099"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6099,*/
.btn-wrapper.active-parent .app-colour-6099,
.btn-wrapper.active .app-colour-6099 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6099 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6099 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6099 {
  color: #CC0000;
}

.seg-text-secondary-colour-6099 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6099:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6099:hover {
  color: #A30202;
}

.btn-wrapper [class*=app-colour-] + [anim=rippleContainer] {
  --ripple-opacity: 1;
  border-radius: inherit;
}
.btn-wrapper [class*=app-colour-] + [anim=rippleContainer]::before {
  /*opacity: calc(var(--o, 1) * var(--ripple-opacity, 1));*/
}

[data-filter=filter-team-wrapper] [data-department] {
  display: none;
}

[data-filter=filter-team-wrapper][data-filter-BridgeTeam=true] [data-department=BridgeTeam],
[data-filter=filter-team-wrapper][data-filter-DeckTeam=true] [data-department=DeckTeam],
[data-filter=filter-team-wrapper][data-filter-EngineerTeam=true] [data-department=EngineeringTeam],
[data-filter=filter-team-wrapper][data-filter-InteriorTeam=true] [data-department=InteriorTeam],
[data-filter=filter-team-wrapper][data-filter-GalleyTeam=true] [data-department=GalleyTeam],
[data-filter=filter-team-wrapper][data-filter-GeneralTeam=true] [data-department=GeneralTeam],
[data-filter=filter-team-wrapper][data-filter-ShoreBasedSupport=true] [data-department=ShoreBasedSupport] {
  display: inherit;
}

[data-filter=filter-in-apps-wrapper] [data-department] {
  display: none;
}

[data-filter=filter-in-apps-wrapper][data-filter-InternalNoticesDashboard=true] [data-department=InternalNoticesDashboard],
[data-filter=filter-in-apps-wrapper][data-filter-SafetyPosters=true] [data-department=SafetyPosters],
[data-filter=filter-in-apps-wrapper][data-filter-MLCNotices=true] [data-department=MLCNotices],
[data-filter=filter-in-apps-wrapper][data-filter-SafetyNotices=true] [data-department=SafetyNotices],
[data-filter=filter-in-apps-wrapper][data-filter-SecurityNotices=true] [data-department=SecurityNotices] {
  display: inherit;
}

#bodyContainer {
  margin-top: 0px;
}

#aweSignContract {
  padding: 5px 15px;
}

#aweSignContract .seg-form-signature {
  margin: 0;
}

#aweSignContract .seg-mdl-textfield.seg-mdl-completed label {
  color: #1297CA;
}

#aweSignContract .seg-mdl-textfield::after {
  background-color: #1297CA;
}

/*This is purely for the acceptance of the Vessel invitation - because of popup component*/
.modal-dialog.mdl-popup.mdl-btn-two.joinVessel .seg-mdl-modal-btn-container-first .seg-mdl-btn {
  background-color: #1297CA;
}

.modal-dialog.mdl-popup.mdl-btn-two.joinVessel .seg-mdl-modal-btn-container-first .seg-mdl-btn .seg-mdl-riple {
  background-color: #1A89CA;
}

.modal-dialog.mdl-popup.mdl-btn-two.joinVessel .seg-mdl-modal-btn-container-first .seg-mdl-btn input {
  color: #fff;
}

.gradient {
  width: 90px;
  margin-bottom: 15px;
  -webkit-box-shadow: 4px 4px 22px -3px #888888;
  -moz-box-shadow: 4px 4px 8px -3px #888888;
  box-shadow: 4px 4px 22px -3px #888888;
  border-radius: 22px;
  border: 0px #000 solid;
  /* Fallback (could use .jpg/.png alternatively) */
  background-color: red;
  /* SVG fallback for IE 9 (could be data URI, or could use filter) */
  /*background-image: url(fallback-gradient.svg);*/
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, #96D5F0, #80C8EB, #4AAFE1, #2CA7DE, #2699CB, #1988B6, #0F7EAA, #0A7BA6);
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(#96D5F0, #80C8EB, #4AAFE1, #2CA7DE, #2699CB, #1988B6, #0F7EAA, #0A7BA6);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(#96D5F0, #80C8EB, #4AAFE1, #2CA7DE, #2699CB, #1988B6, #0F7EAA, #0A7BA6);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(#96D5F0, #80C8EB, #4AAFE1, #2CA7DE, #2699CB, #1988B6, #0F7EAA, #0A7BA6);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(#96D5F0, #80C8EB, #4AAFE1 2%, #2CA7DE, #2699CB, #1988B6, #0F7EAA, #0A7BA6);
}

.seafarer-docs-tab-container .crew-member-info-container-deficiency {
  display: inline-grid;
  grid-template-columns: 50% 27% 23%;
  align-items: center;
}
.seafarer-docs-tab-container .seg-accordion[data-accordion-type=grid-item][data-is-expanded=true].blue-border::after {
  inset: -6px -3px;
}
.seafarer-docs-tab-container .seg-accordion-container {
  gap: 18px;
}
.seafarer-docs-tab-container .seg-accordion-container .seg-accordion > .seg-acc-header::after {
  border-bottom: none;
}
.seafarer-docs-tab-container .seg-accordion-container .seg-accordion[data-is-expanded=true] > .seg-acc-header::after {
  width: calc(100% + 6px);
  left: -3px;
  border-bottom: 1px solid #0d9ffb;
}
.seafarer-docs-tab-container .seg-accordion-container .seg-acc-content tr td {
  transition: all 50ms ease-in-out;
}
.seafarer-docs-tab-container .seg-accordion-container .seg-acc-content tr:hover td {
  background-color: #F4F4F4;
}
.seafarer-docs-tab-container .seg-accordion-container .seg-acc-content .row {
  transition: all 50ms ease-in-out;
}
.seafarer-docs-tab-container .seg-accordion-container .seg-acc-content .row:hover {
  background-color: #F4F4F4;
}
.seafarer-docs-tab-container .member-cert-info-wrapper {
  display: inline-grid;
  grid-template-columns: 48% 32% 20%;
  align-items: center;
}
.seafarer-docs-tab-container .rosettes-wrapper {
  gap: 6px;
}
.seafarer-docs-tab-container .rosettes-wrapper .rosette {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 0px;
}
.seafarer-docs-tab-container .rosettes-wrapper .rossete-count-status-icon i {
  margin-top: 3px;
  font-size: 22px;
}
.seafarer-docs-tab-container .certificates-table-wrapper table .col-certificate {
  width: 500px;
  max-width: 500px;
}
.seafarer-docs-tab-container .certificates-table-wrapper table .col-date-expiry {
  width: 176px;
  max-width: 176px;
}
.seafarer-docs-tab-container .certificates-table-wrapper table .col-status {
  width: 117px;
  max-width: 117px;
}
.seafarer-docs-tab-container .certificates-table-wrapper table .col-actions {
  width: 64px;
  max-width: 64px;
}
.seafarer-docs-tab-container .certificates-table-wrapper table .status-container {
  display: inline-grid;
  grid-template-columns: 21px 1fr;
  grid-column-gap: 3px;
}
.seafarer-docs-tab-container .certificates-table-wrapper table .status-container .status-icon i {
  font-size: 21px;
}
.seafarer-docs-tab-container .certificates-table-wrapper table .status-container .status-conditionallyapproved {
  color: #000;
}
.seafarer-docs-tab-container .certificates-table-wrapper table .status-container .status-unverified {
  color: #FF8A29;
}
.seafarer-docs-tab-container .certificates-table-wrapper table .status-container .status-approved {
  color: #0FBA32;
}
.seafarer-docs-tab-container .certificates-table-wrapper table .status-container .status-rejected {
  color: #EC243E;
}
.seafarer-docs-tab-container .certificates-table-wrapper table .warning {
  color: #FF0027;
}
.seafarer-docs-tab-container .certificates-table-wrapper .action-icon {
  margin: 0px;
}
.seafarer-docs-tab-container .certificates-table-wrapper .status-container {
  position: relative;
}
.seafarer-docs-tab-container .certificates-table-wrapper .status-container .status-tooltip {
  position: absolute;
  top: 100%;
  min-width: 300px;
  z-index: 1;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 12px;
  left: 50%;
  display: none;
}
.seafarer-docs-tab-container .certificates-table-wrapper .status-container .status-tooltip .status-tooltip-header {
  padding-bottom: 6px;
  border-bottom: 1px solid #fff;
}
.seafarer-docs-tab-container .certificates-table-wrapper .status-container .status-tooltip .status-tooltip-summary {
  padding-top: 12px;
}
.seafarer-docs-tab-container .certificates-table-wrapper .status-container .status-tooltip .status-tooltip-summary span {
  color: #63B0DE;
}
.seafarer-docs-tab-container .certificates-table-wrapper .status-container .status-tooltip .status-tooltip-note {
  padding-top: 18px;
}
.seafarer-docs-tab-container .certificates-table-wrapper .status-container .status-tooltip .status-tooltip-note span {
  font-weight: bold;
  display: inline-block;
  padding-right: 6px;
}
.seafarer-docs-tab-container .certificates-table-wrapper .status-container:hover .status-tooltip {
  display: block;
}
/*# sourceMappingURL=css-vessels-apps.css.map */