@charset "UTF-8";
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url("/assets/open_sans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw-c3bea995.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url("/assets/open_sans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I-27ddbfc7.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url("/assets/open_sans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw-c3bea995.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url("/assets/open_sans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I-27ddbfc7.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url("/assets/open_sans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw-c3bea995.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url("/assets/open_sans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I-27ddbfc7.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* fallback */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/material_icons/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ-a66a6754.woff2") format("woff2");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

/* fallback */
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/material_icons_outlined/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcel5euIg-cfc65e8c.woff2") format("woff2");
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.seabird-color-highlight1, #bottom-sheet-modal.slplaner-expiration-notice-bottom-sheet .modal-content,
#bottom-sheet-modal.datenschutzerklaerung-bottom-sheet .modal-content {
  background-color: hsl(62, 100%, 55%) !important;
}

.seabird-color-highlight1.seabird-lighten-1, #bottom-sheet-modal.slplaner-expiration-notice-bottom-sheet .seabird-lighten-1.modal-content,
#bottom-sheet-modal.datenschutzerklaerung-bottom-sheet .seabird-lighten-1.modal-content {
  background-color: hsl(62, 100%, 63%) !important;
}

.seabird-color-highlight1.seabird-lighten-2, #bottom-sheet-modal.slplaner-expiration-notice-bottom-sheet .seabird-lighten-2.modal-content,
#bottom-sheet-modal.datenschutzerklaerung-bottom-sheet .seabird-lighten-2.modal-content {
  background-color: hsl(62, 100%, 71%) !important;
}

.seabird-color-highlight1.seabird-lighten-2a, #bottom-sheet-modal.slplaner-expiration-notice-bottom-sheet .modal-content,
#bottom-sheet-modal.datenschutzerklaerung-bottom-sheet .modal-content {
  background-color: hsl(62, 100%, 74%) !important;
}

.seabird-color-highlight2, .row.bubble-container .bubble-highlight-minimal, .row.bubble-container .bubble-highlight-small, .row.bubble-container .bubble-highlight {
  background-color: hsl(134, 60%, 47%) !important;
}

.seabird-color-highlight2.seabird-tone-down-4.seabird-lighten-2a, .row.bubble-container .seabird-tone-down-4.seabird-lighten-2a.bubble-highlight-minimal, .row.bubble-container .seabird-tone-down-4.seabird-lighten-2a.bubble-highlight-small, .row.bubble-container .seabird-tone-down-4.seabird-lighten-2a.bubble-highlight, #bottom-sheet-modal.slplaner-expiration-notice-bottom-sheet .seabird-color-highlight2.seabird-tone-down-4.modal-content, #bottom-sheet-modal.slplaner-expiration-notice-bottom-sheet .row.bubble-container .seabird-tone-down-4.modal-content.bubble-highlight-minimal, .row.bubble-container #bottom-sheet-modal.slplaner-expiration-notice-bottom-sheet .seabird-tone-down-4.modal-content.bubble-highlight-minimal, #bottom-sheet-modal.slplaner-expiration-notice-bottom-sheet .row.bubble-container .seabird-tone-down-4.modal-content.bubble-highlight-small, .row.bubble-container #bottom-sheet-modal.slplaner-expiration-notice-bottom-sheet .seabird-tone-down-4.modal-content.bubble-highlight-small, #bottom-sheet-modal.slplaner-expiration-notice-bottom-sheet .row.bubble-container .seabird-tone-down-4.modal-content.bubble-highlight, .row.bubble-container #bottom-sheet-modal.slplaner-expiration-notice-bottom-sheet .seabird-tone-down-4.modal-content.bubble-highlight,
#bottom-sheet-modal.datenschutzerklaerung-bottom-sheet .seabird-color-highlight2.seabird-tone-down-4.modal-content,
#bottom-sheet-modal.datenschutzerklaerung-bottom-sheet .row.bubble-container .seabird-tone-down-4.modal-content.bubble-highlight-minimal,
.row.bubble-container #bottom-sheet-modal.datenschutzerklaerung-bottom-sheet .seabird-tone-down-4.modal-content.bubble-highlight-minimal,
#bottom-sheet-modal.datenschutzerklaerung-bottom-sheet .row.bubble-container .seabird-tone-down-4.modal-content.bubble-highlight-small,
.row.bubble-container #bottom-sheet-modal.datenschutzerklaerung-bottom-sheet .seabird-tone-down-4.modal-content.bubble-highlight-small,
#bottom-sheet-modal.datenschutzerklaerung-bottom-sheet .row.bubble-container .seabird-tone-down-4.modal-content.bubble-highlight,
.row.bubble-container #bottom-sheet-modal.datenschutzerklaerung-bottom-sheet .seabird-tone-down-4.modal-content.bubble-highlight {
  background-color: hsl(134, 60%, 74%) !important;
}

.seabird-color-160-lighten-1, .row.bubble-container .bubble-warning-minimal, .row.bubble-container .bubble-warning-small {
  background-color: hsl(4, 100%, 63%) !important;
}

.seabird-color, .landing-page #product-offers-row div.landing-page-text-div {
  background-color: hsl(204, 100%, 55%) !important;
}

.seabird-color-lighten-2a, .landing-page #mab-test-now-row .slplaner-card {
  background-color: hsl(204, 100%, 74%) !important;
}

.seabird-color-lighten-5 {
  background-color: hsl(204, 100%, 91%) !important;
}

.seabird-color-text {
  color: hsl(204, 100%, 55%) !important;
}

.seabird-color-30 {
  background-color: hsl(234, 100%, 55%) !important;
}

.seabird-color-30-text {
  color: hsl(234, 100%, 55%) !important;
}

.seabird-color-40 {
  background-color: hsl(244, 100%, 55%) !important;
}

.seabird-color-40-text {
  color: hsl(244, 100%, 55%) !important;
}

.seabird-color-60 {
  background-color: hsl(264, 100%, 55%) !important;
}

.seabird-color-60-text {
  color: hsl(264, 100%, 55%) !important;
}

.seabird-color-90 {
  background-color: hsl(294, 100%, 55%) !important;
}

.seabird-color-90-text {
  color: hsl(294, 100%, 55%) !important;
}

.seabird-color-120 {
  background-color: hsl(324, 100%, 55%) !important;
}

.seabird-color-120-text {
  color: hsl(324, 100%, 55%) !important;
}

.seabird-color-150 {
  background-color: hsl(354, 100%, 55%) !important;
}

.seabird-color-150-text {
  color: hsl(354, 100%, 55%) !important;
}

.seabird-color-160 {
  background-color: hsl(4, 100%, 55%) !important;
}

.seabird-color-160-text {
  color: hsl(4, 100%, 55%) !important;
}

.seabird-color-180 {
  background-color: hsl(24, 100%, 55%) !important;
}

.seabird-color-180-text {
  color: hsl(24, 100%, 55%) !important;
}

.seabird-color-200 {
  background-color: hsl(44, 100%, 55%) !important;
}

.seabird-color-200-text {
  color: hsl(44, 100%, 55%) !important;
}

.seabird-color-210 {
  background-color: hsl(54, 100%, 55%) !important;
}

.seabird-color-210-text {
  color: hsl(54, 100%, 55%) !important;
}

.seabird-color-240 {
  background-color: hsl(84, 100%, 55%) !important;
}

.seabird-color-240-text {
  color: hsl(84, 100%, 55%) !important;
}

.seabird-color-270 {
  background-color: hsl(114, 100%, 55%) !important;
}

.seabird-color-270-text {
  color: hsl(114, 100%, 55%) !important;
}

.seabird-color-300 {
  background-color: hsl(144, 100%, 55%) !important;
}

.seabird-color-300-text {
  color: hsl(144, 100%, 55%) !important;
}

.seabird-color-320 {
  background-color: hsl(164, 100%, 55%) !important;
}

.seabird-color-320-text {
  color: hsl(164, 100%, 55%) !important;
}

.seabird-color-330 {
  background-color: hsl(174, 100%, 55%) !important;
}

.seabird-color-330-text {
  color: hsl(174, 100%, 55%) !important;
}

.sidenav .collapsible-accordion a.collapsible-header {
  padding: 0 30px;
}
.sidenav .collapsible-accordion .collapsible-body li a {
  padding: 0 37.5px 0 45px;
}

.sidenav .collapsible-header:after {
  font-family: "Material Icons";
  content: "keyboard_arrow_right";
  position: absolute;
  font-size: 1.5rem;
  right: 16px;
}

.sidenav .active .collapsible-header:after {
  font-family: "Material Icons";
  content: "keyboard_arrow_down";
  position: absolute;
  font-size: 1.5rem;
  right: 16px;
}

.material-tooltip.text-align-left .tooltip-content {
  text-align: left;
}

#toast-container .toast {
  cursor: pointer;
}

#toast-container .toast::after {
  font-family: "Material Icons";
  content: "close";
  -webkit-font-feature-settings: "liga";
  font-size: 1.5rem;
  font-weight: 300;
  float: right;
  padding-left: 2rem;
}

.faqs--form .trix-content ul li, .faqs--item-body .trix-content ul li {
  list-style-type: disc;
}

turbo-frame {
  box-sizing: border-box;
  display: block;
}

.materialize-red {
  background-color: #e51c23 !important;
}

.materialize-red-text {
  color: #e51c23 !important;
}

.materialize-red.lighten-5 {
  background-color: #fdeaeb !important;
}

.materialize-red-text.text-lighten-5 {
  color: #fdeaeb !important;
}

.materialize-red.lighten-4, .materialize-red.badge.slplaner-table-light-badge, .materialize-red.slplaner-light-badge {
  background-color: #f8c1c3 !important;
}

.materialize-red-text.text-lighten-4 {
  color: #f8c1c3 !important;
}

.materialize-red.lighten-3, #tt-planning-wrapper .materialize-red.chip.tt-elementable-asg-chip, .time-table > div.materialize-red.tt-col-header, .time-table > div.materialize-red.tt-row-header, .time-table > div.materialize-red.tt-top-left-cell, .row.bubble-container .materialize-red.bubble-plain, .materialize-red.row.bubble-container.navbar-bubble, body.materialize-red.landing-page, .materialize-red.slplaner-sidenav-go-to-products-link, .materialize-red.slplaner-sidenav-disabled-link, .materialize-red.color-5, .materialize-red.color-4 {
  background-color: #f3989b !important;
}

.materialize-red-text.text-lighten-3, .materialize-red-text.slplaner-links-inactive-color-text, .materialize-red-text.match-member-new.unchecked, .materialize-red-text.match-member-current.unchecked {
  color: #f3989b !important;
}

.materialize-red.lighten-2, .materialize-red.tt-date-nav, #time-chooser select.materialize-red.tt-chooser-select,
#units-assigned-chooser select.materialize-red.tt-chooser-select,
#location-chooser select.materialize-red.tt-chooser-select,
#substitute-chooser select.materialize-red.tt-chooser-select, .materialize-red.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .materialize-red.pep-versions-in-modal-col-title, .row.bubble-container .materialize-red.bubble-plain-minimal, .landing-page .materialize-red#legals-div, .materialize-red.slplaner-two-col-collapsible-body-button-inactive, .materialize-red.slplaner-access-actions-button, .materialize-red.modal.slplaner-page-modal, .materialize-red.slplaner-main, .materialize-red.slplaner-darker-collapsible-header, .materialize-red.tagesstrukturen-hub-header-color, .materialize-red.schulgemeinde-hub-header-color, .materialize-red.slplaner-col-navbar-button-inactive, .materialize-red.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.materialize-red.active {
  background-color: #ee6e73 !important;
}

.materialize-red-text.text-lighten-2 {
  color: #ee6e73 !important;
}

.materialize-red.lighten-1, .materialize-red.slplaner-col-navbar {
  background-color: #ea454b !important;
}

.materialize-red-text.text-lighten-1, .materialize-red-text.slplaner-date-nav-button-inactive, #schuljahr-form-old .materialize-red-text.select-dropdown.dropdown-trigger {
  color: #ea454b !important;
}

.materialize-red.darken-1, .materialize-red.submit-in-dropdown-btn, .materialize-red.abo-beenden, .materialize-red.abo-bearbeiten, .materialize-red.mehr-info, .materialize-red.slplaner-two-col-collapsible-body-button, .materialize-red.slplaner-col-navbar-button {
  background-color: #d0181e !important;
}

.materialize-red-text.text-darken-1, .materialize-red-text.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.materialize-red-text {
  color: #d0181e !important;
}

.materialize-red.darken-2 {
  background-color: #b9151b !important;
}

.materialize-red-text.text-darken-2 {
  color: #b9151b !important;
}

.materialize-red.darken-3, .materialize-red.material-tooltip, #toast-container .materialize-red.toast {
  background-color: #a21318 !important;
}

.materialize-red-text.text-darken-3, .materialize-red-text.meldung_status_no_comparison_color, .materialize-red-text.slplaner-lock-button, .materialize-red-text.person-freigabe-sv-off,
.materialize-red-text.person-mab-in-bearbeitung,
.materialize-red-text.person-noch-kein-mab, .materialize-red-text.freigabe-new.unchecked, .materialize-red-text.freigabe-current.unchecked, .materialize-red-text.match-member-new.neutral, .materialize-red-text.freigabe-new.neutral {
  color: #a21318 !important;
}

.materialize-red.darken-4 {
  background-color: #8b1014 !important;
}

.materialize-red-text.text-darken-4, label.materialize-red-text {
  color: #8b1014 !important;
}

.red, .landing-page #mab-now-available-sticker, .landing-page #mab-coming-soon-sticker, .color-4-alt, .color-4 {
  background-color: #F44336 !important;
}

.red-text, .meldung_status_unmatched_current_color, .marketing-published.marketing-past i.product-icon, table#people-table.sv-index-table .sv-filter-active.sv-filter-selected, .anstellung-changed-since-freigabe-sv, .match-member-new.unchecked, .match-member-current.unchecked, .color-4-alt-text, .field_with_errors label {
  color: #F44336 !important;
}

.red.lighten-5, .landing-page .lighten-5#mab-now-available-sticker, .landing-page .lighten-5#mab-coming-soon-sticker, .lighten-5.color-4-alt, .lighten-5.color-4 {
  background-color: #FFEBEE !important;
}

.red-text.text-lighten-5, .text-lighten-5.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.text-lighten-5.product-icon, table#people-table.sv-index-table .text-lighten-5.sv-filter-active.sv-filter-selected, .text-lighten-5.anstellung-changed-since-freigabe-sv, .text-lighten-5.match-member-new.unchecked, .text-lighten-5.match-member-current.unchecked, .text-lighten-5.color-4-alt-text, .field_with_errors label.text-lighten-5 {
  color: #FFEBEE !important;
}

.red.lighten-4, .landing-page .lighten-4#mab-now-available-sticker, .landing-page .lighten-4#mab-coming-soon-sticker, .red.badge.slplaner-table-light-badge, .landing-page .badge.slplaner-table-light-badge#mab-now-available-sticker, .landing-page .badge.slplaner-table-light-badge#mab-coming-soon-sticker, .red.slplaner-light-badge, .landing-page .slplaner-light-badge#mab-now-available-sticker, .landing-page .slplaner-light-badge#mab-coming-soon-sticker, .lighten-4.color-4-alt, .color-4-alt.badge.slplaner-table-light-badge, .color-4-alt.slplaner-light-badge, .lighten-4.color-4, .color-4.badge.slplaner-table-light-badge, .color-4.slplaner-light-badge {
  background-color: #FFCDD2 !important;
}

.red-text.text-lighten-4, .text-lighten-4.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.text-lighten-4.product-icon, table#people-table.sv-index-table .text-lighten-4.sv-filter-active.sv-filter-selected, .text-lighten-4.anstellung-changed-since-freigabe-sv, .text-lighten-4.match-member-new.unchecked, .text-lighten-4.match-member-current.unchecked, .text-lighten-4.color-4-alt-text, .field_with_errors label.text-lighten-4 {
  color: #FFCDD2 !important;
}

.red.lighten-3, #tt-planning-wrapper .red.chip.tt-elementable-asg-chip, .time-table > div.red.tt-col-header, .time-table > div.red.tt-row-header, .time-table > div.red.tt-top-left-cell, .row.bubble-container .red.bubble-plain, .red.row.bubble-container.navbar-bubble, .landing-page .lighten-3#mab-now-available-sticker, .landing-page #tt-planning-wrapper #mab-now-available-sticker.chip.tt-elementable-asg-chip, #tt-planning-wrapper .landing-page #mab-now-available-sticker.chip.tt-elementable-asg-chip, .landing-page .time-table > div#mab-now-available-sticker.tt-col-header, .landing-page .time-table > div#mab-now-available-sticker.tt-row-header, .landing-page .time-table > div#mab-now-available-sticker.tt-top-left-cell, .landing-page .row.bubble-container #mab-now-available-sticker.bubble-plain, .row.bubble-container .landing-page #mab-now-available-sticker.bubble-plain, .landing-page #mab-now-available-sticker.row.bubble-container.navbar-bubble, .landing-page .lighten-3#mab-coming-soon-sticker, .landing-page #tt-planning-wrapper #mab-coming-soon-sticker.chip.tt-elementable-asg-chip, #tt-planning-wrapper .landing-page #mab-coming-soon-sticker.chip.tt-elementable-asg-chip, .landing-page .time-table > div#mab-coming-soon-sticker.tt-col-header, .landing-page .time-table > div#mab-coming-soon-sticker.tt-row-header, .landing-page .time-table > div#mab-coming-soon-sticker.tt-top-left-cell, .landing-page .row.bubble-container #mab-coming-soon-sticker.bubble-plain, .row.bubble-container .landing-page #mab-coming-soon-sticker.bubble-plain, .landing-page #mab-coming-soon-sticker.row.bubble-container.navbar-bubble, body.red.landing-page, .landing-page body.landing-page#mab-now-available-sticker, .landing-page body.landing-page#mab-coming-soon-sticker, .red.slplaner-sidenav-go-to-products-link, .landing-page .slplaner-sidenav-go-to-products-link#mab-now-available-sticker, .landing-page .slplaner-sidenav-go-to-products-link#mab-coming-soon-sticker, .red.slplaner-sidenav-disabled-link, .landing-page .slplaner-sidenav-disabled-link#mab-now-available-sticker, .landing-page .slplaner-sidenav-disabled-link#mab-coming-soon-sticker, .lighten-3.color-4-alt, #tt-planning-wrapper .color-4-alt.chip.tt-elementable-asg-chip, .time-table > div.color-4-alt.tt-col-header, .time-table > div.color-4-alt.tt-row-header, .time-table > div.color-4-alt.tt-top-left-cell, .row.bubble-container .color-4-alt.bubble-plain, .color-4-alt.row.bubble-container.navbar-bubble, body.color-4-alt.landing-page, .color-4-alt.slplaner-sidenav-go-to-products-link, .color-4-alt.slplaner-sidenav-disabled-link, .red.color-5, .landing-page .color-5#mab-now-available-sticker, .landing-page .color-5#mab-coming-soon-sticker, .color-5.color-4-alt, .color-4 {
  background-color: #EF9A9A !important;
}

.red-text.text-lighten-3, .text-lighten-3.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.text-lighten-3.product-icon, table#people-table.sv-index-table .text-lighten-3.sv-filter-active.sv-filter-selected, .red-text.slplaner-links-inactive-color-text, .slplaner-links-inactive-color-text.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.slplaner-links-inactive-color-text.product-icon, table#people-table.sv-index-table .slplaner-links-inactive-color-text.sv-filter-active.sv-filter-selected, .text-lighten-3.anstellung-changed-since-freigabe-sv, .anstellung-changed-since-freigabe-sv.slplaner-links-inactive-color-text, .match-member-new.unchecked, .match-member-current.unchecked, .text-lighten-3.color-4-alt-text, .color-4-alt-text.slplaner-links-inactive-color-text, .field_with_errors label.text-lighten-3, .field_with_errors label.slplaner-links-inactive-color-text {
  color: #EF9A9A !important;
}

.red.lighten-2, .red.tt-date-nav, #time-chooser select.red.tt-chooser-select,
#units-assigned-chooser select.red.tt-chooser-select,
#location-chooser select.red.tt-chooser-select,
#substitute-chooser select.red.tt-chooser-select, .red.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .red.pep-versions-in-modal-col-title, .row.bubble-container .red.bubble-plain-minimal, .landing-page .lighten-2#mab-now-available-sticker, .landing-page #mab-now-available-sticker.tt-date-nav, .landing-page #time-chooser select#mab-now-available-sticker.tt-chooser-select, #time-chooser .landing-page select#mab-now-available-sticker.tt-chooser-select,
.landing-page #units-assigned-chooser select#mab-now-available-sticker.tt-chooser-select,
#units-assigned-chooser .landing-page select#mab-now-available-sticker.tt-chooser-select,
.landing-page #location-chooser select#mab-now-available-sticker.tt-chooser-select,
#location-chooser .landing-page select#mab-now-available-sticker.tt-chooser-select,
.landing-page #substitute-chooser select#mab-now-available-sticker.tt-chooser-select,
#substitute-chooser .landing-page select#mab-now-available-sticker.tt-chooser-select, .landing-page #mab-now-available-sticker.slplaner-abc-nav, .landing-page .pep-versions-in-modal-subtitle-row #mab-now-available-sticker.pep-versions-in-modal-col-title, .pep-versions-in-modal-subtitle-row .landing-page #mab-now-available-sticker.pep-versions-in-modal-col-title, .landing-page .row.bubble-container #mab-now-available-sticker.bubble-plain-minimal, .row.bubble-container .landing-page #mab-now-available-sticker.bubble-plain-minimal, .landing-page .lighten-2#mab-coming-soon-sticker, .landing-page #mab-coming-soon-sticker.tt-date-nav, .landing-page #time-chooser select#mab-coming-soon-sticker.tt-chooser-select, #time-chooser .landing-page select#mab-coming-soon-sticker.tt-chooser-select,
.landing-page #units-assigned-chooser select#mab-coming-soon-sticker.tt-chooser-select,
#units-assigned-chooser .landing-page select#mab-coming-soon-sticker.tt-chooser-select,
.landing-page #location-chooser select#mab-coming-soon-sticker.tt-chooser-select,
#location-chooser .landing-page select#mab-coming-soon-sticker.tt-chooser-select,
.landing-page #substitute-chooser select#mab-coming-soon-sticker.tt-chooser-select,
#substitute-chooser .landing-page select#mab-coming-soon-sticker.tt-chooser-select, .landing-page #mab-coming-soon-sticker.slplaner-abc-nav, .landing-page .pep-versions-in-modal-subtitle-row #mab-coming-soon-sticker.pep-versions-in-modal-col-title, .pep-versions-in-modal-subtitle-row .landing-page #mab-coming-soon-sticker.pep-versions-in-modal-col-title, .landing-page .row.bubble-container #mab-coming-soon-sticker.bubble-plain-minimal, .row.bubble-container .landing-page #mab-coming-soon-sticker.bubble-plain-minimal, .landing-page .red#legals-div, .red.slplaner-two-col-collapsible-body-button-inactive, .landing-page .slplaner-two-col-collapsible-body-button-inactive#mab-now-available-sticker, .landing-page .slplaner-two-col-collapsible-body-button-inactive#mab-coming-soon-sticker, .red.slplaner-access-actions-button, .landing-page .slplaner-access-actions-button#mab-now-available-sticker, .landing-page .slplaner-access-actions-button#mab-coming-soon-sticker, .red.modal.slplaner-page-modal, .landing-page .modal.slplaner-page-modal#mab-now-available-sticker, .landing-page .modal.slplaner-page-modal#mab-coming-soon-sticker, .red.slplaner-main, .landing-page .slplaner-main#mab-now-available-sticker, .landing-page .slplaner-main#mab-coming-soon-sticker, .red.slplaner-darker-collapsible-header, .red.tagesstrukturen-hub-header-color, .red.schulgemeinde-hub-header-color, .landing-page .slplaner-darker-collapsible-header#mab-now-available-sticker, .landing-page #mab-now-available-sticker.tagesstrukturen-hub-header-color, .landing-page #mab-now-available-sticker.schulgemeinde-hub-header-color, .landing-page .slplaner-darker-collapsible-header#mab-coming-soon-sticker, .landing-page #mab-coming-soon-sticker.tagesstrukturen-hub-header-color, .landing-page #mab-coming-soon-sticker.schulgemeinde-hub-header-color, .red.slplaner-col-navbar-button-inactive, .landing-page .slplaner-col-navbar-button-inactive#mab-now-available-sticker, .landing-page .slplaner-col-navbar-button-inactive#mab-coming-soon-sticker, .red.slplaner-card, .landing-page .slplaner-card#mab-now-available-sticker, .landing-page .slplaner-card#mab-coming-soon-sticker, .lighten-2.color-4-alt, .color-4-alt.tt-date-nav, #time-chooser select.color-4-alt.tt-chooser-select,
#units-assigned-chooser select.color-4-alt.tt-chooser-select,
#location-chooser select.color-4-alt.tt-chooser-select,
#substitute-chooser select.color-4-alt.tt-chooser-select, .color-4-alt.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .color-4-alt.pep-versions-in-modal-col-title, .row.bubble-container .color-4-alt.bubble-plain-minimal, .landing-page .color-4-alt#legals-div, .color-4-alt.slplaner-two-col-collapsible-body-button-inactive, .color-4-alt.slplaner-access-actions-button, .color-4-alt.modal.slplaner-page-modal, .color-4-alt.slplaner-main, .color-4-alt.slplaner-darker-collapsible-header, .color-4-alt.tagesstrukturen-hub-header-color, .color-4-alt.schulgemeinde-hub-header-color, .color-4-alt.slplaner-col-navbar-button-inactive, .color-4-alt.slplaner-card, .lighten-2.color-4, .color-4.tt-date-nav, #time-chooser select.color-4.tt-chooser-select,
#units-assigned-chooser select.color-4.tt-chooser-select,
#location-chooser select.color-4.tt-chooser-select,
#substitute-chooser select.color-4.tt-chooser-select, .color-4.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .color-4.pep-versions-in-modal-col-title, .row.bubble-container .color-4.bubble-plain-minimal, .landing-page .color-4#legals-div, .color-4.slplaner-two-col-collapsible-body-button-inactive, .color-4.slplaner-access-actions-button, .color-4.modal.slplaner-page-modal, .color-4.slplaner-main, .color-4.slplaner-darker-collapsible-header, .color-4.tagesstrukturen-hub-header-color, .color-4.schulgemeinde-hub-header-color, .color-4.slplaner-col-navbar-button-inactive, .color-4.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.red.active, .sidenav .landing-page .collapsible-body > ul:not(.collapsible) > li.active#mab-now-available-sticker, .landing-page .sidenav .collapsible-body > ul:not(.collapsible) > li.active#mab-now-available-sticker, .sidenav .landing-page .collapsible-body > ul:not(.collapsible) > li.active#mab-coming-soon-sticker, .landing-page .sidenav .collapsible-body > ul:not(.collapsible) > li.active#mab-coming-soon-sticker, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.color-4-alt, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.color-4 {
  background-color: #E57373 !important;
}

.red-text.text-lighten-2, .text-lighten-2.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.text-lighten-2.product-icon, table#people-table.sv-index-table .text-lighten-2.sv-filter-active.sv-filter-selected, .text-lighten-2.anstellung-changed-since-freigabe-sv, .text-lighten-2.match-member-new.unchecked, .text-lighten-2.match-member-current.unchecked, .text-lighten-2.color-4-alt-text, .field_with_errors label.text-lighten-2 {
  color: #E57373 !important;
}

.red.lighten-1, .landing-page .lighten-1#mab-now-available-sticker, .landing-page .lighten-1#mab-coming-soon-sticker, .red.slplaner-col-navbar, .landing-page .slplaner-col-navbar#mab-now-available-sticker, .landing-page .slplaner-col-navbar#mab-coming-soon-sticker, .lighten-1.color-4-alt, .color-4-alt.slplaner-col-navbar, .lighten-1.color-4, .color-4.slplaner-col-navbar {
  background-color: #EF5350 !important;
}

.red-text.text-lighten-1, .text-lighten-1.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.text-lighten-1.product-icon, table#people-table.sv-index-table .text-lighten-1.sv-filter-active.sv-filter-selected, .red-text.slplaner-date-nav-button-inactive, .slplaner-date-nav-button-inactive.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.slplaner-date-nav-button-inactive.product-icon, table#people-table.sv-index-table .slplaner-date-nav-button-inactive.sv-filter-active.sv-filter-selected, .text-lighten-1.anstellung-changed-since-freigabe-sv, .anstellung-changed-since-freigabe-sv.slplaner-date-nav-button-inactive, .text-lighten-1.match-member-new.unchecked, .match-member-new.unchecked.slplaner-date-nav-button-inactive, .text-lighten-1.match-member-current.unchecked, .match-member-current.unchecked.slplaner-date-nav-button-inactive, #schuljahr-form-old .red-text.select-dropdown.dropdown-trigger, #schuljahr-form-old .select-dropdown.dropdown-trigger.meldung_status_unmatched_current_color, #schuljahr-form-old .marketing-published.marketing-past i.select-dropdown.dropdown-trigger.product-icon, .marketing-published.marketing-past #schuljahr-form-old i.select-dropdown.dropdown-trigger.product-icon, #schuljahr-form-old table#people-table.sv-index-table .select-dropdown.dropdown-trigger.sv-filter-active.sv-filter-selected, table#people-table.sv-index-table #schuljahr-form-old .select-dropdown.dropdown-trigger.sv-filter-active.sv-filter-selected, #schuljahr-form-old .select-dropdown.dropdown-trigger.anstellung-changed-since-freigabe-sv, #schuljahr-form-old .select-dropdown.dropdown-trigger.match-member-new.unchecked, #schuljahr-form-old .select-dropdown.dropdown-trigger.match-member-current.unchecked, .text-lighten-1.color-4-alt-text, .color-4-alt-text.slplaner-date-nav-button-inactive, #schuljahr-form-old .color-4-alt-text.select-dropdown.dropdown-trigger, .field_with_errors label.text-lighten-1, .field_with_errors label.slplaner-date-nav-button-inactive, .field_with_errors #schuljahr-form-old label.select-dropdown.dropdown-trigger, #schuljahr-form-old .field_with_errors label.select-dropdown.dropdown-trigger {
  color: #EF5350 !important;
}

.red.darken-1, .red.submit-in-dropdown-btn, .red.abo-beenden, .red.abo-bearbeiten, .red.mehr-info, .landing-page .darken-1#mab-now-available-sticker, .landing-page #mab-now-available-sticker.submit-in-dropdown-btn, .landing-page #mab-now-available-sticker.abo-beenden, .landing-page #mab-now-available-sticker.abo-bearbeiten, .landing-page #mab-now-available-sticker.mehr-info, .landing-page .darken-1#mab-coming-soon-sticker, .landing-page #mab-coming-soon-sticker.submit-in-dropdown-btn, .landing-page #mab-coming-soon-sticker.abo-beenden, .landing-page #mab-coming-soon-sticker.abo-bearbeiten, .landing-page #mab-coming-soon-sticker.mehr-info, .red.slplaner-two-col-collapsible-body-button, .landing-page .slplaner-two-col-collapsible-body-button#mab-now-available-sticker, .landing-page .slplaner-two-col-collapsible-body-button#mab-coming-soon-sticker, .red.slplaner-col-navbar-button, .landing-page .slplaner-col-navbar-button#mab-now-available-sticker, .landing-page .slplaner-col-navbar-button#mab-coming-soon-sticker, .darken-1.color-4-alt, .color-4-alt.submit-in-dropdown-btn, .color-4-alt.abo-beenden, .color-4-alt.abo-bearbeiten, .color-4-alt.mehr-info, .color-4-alt.slplaner-two-col-collapsible-body-button, .color-4-alt.slplaner-col-navbar-button, .darken-1.color-4, .color-4.submit-in-dropdown-btn, .color-4.abo-beenden, .color-4.abo-bearbeiten, .color-4.mehr-info, .color-4.slplaner-two-col-collapsible-body-button, .color-4.slplaner-col-navbar-button {
  background-color: #E53935 !important;
}

.red-text.text-darken-1, .text-darken-1.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.text-darken-1.product-icon, table#people-table.sv-index-table .text-darken-1.sv-filter-active.sv-filter-selected, .red-text.slplaner-links-blue-color-text, .slplaner-links-blue-color-text.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.slplaner-links-blue-color-text.product-icon, table#people-table.sv-index-table .slplaner-links-blue-color-text.sv-filter-active.sv-filter-selected, .sv-person-vorjahr-only a.red-text, .sv-person-vorjahr-only a.meldung_status_unmatched_current_color, .sv-person-vorjahr-only table#people-table.sv-index-table a.sv-filter-active.sv-filter-selected, table#people-table.sv-index-table .sv-person-vorjahr-only a.sv-filter-active.sv-filter-selected, .text-darken-1.anstellung-changed-since-freigabe-sv, .anstellung-changed-since-freigabe-sv.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.anstellung-changed-since-freigabe-sv, .text-darken-1.match-member-new.unchecked, .match-member-new.unchecked.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.match-member-new.unchecked, .text-darken-1.match-member-current.unchecked, .match-member-current.unchecked.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.match-member-current.unchecked, .text-darken-1.color-4-alt-text, .color-4-alt-text.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.color-4-alt-text, .field_with_errors label.text-darken-1, .field_with_errors label.slplaner-links-blue-color-text {
  color: #E53935 !important;
}

.red.darken-2, .landing-page .darken-2#mab-now-available-sticker, .landing-page .darken-2#mab-coming-soon-sticker, .darken-2.color-4-alt, .darken-2.color-4 {
  background-color: #D32F2F !important;
}

.red-text.text-darken-2, .text-darken-2.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.text-darken-2.product-icon, table#people-table.sv-index-table .text-darken-2.sv-filter-active.sv-filter-selected, .text-darken-2.anstellung-changed-since-freigabe-sv, .text-darken-2.match-member-new.unchecked, .text-darken-2.match-member-current.unchecked, .text-darken-2.color-4-alt-text, .field_with_errors label.text-darken-2 {
  color: #D32F2F !important;
}

.red.darken-3, .landing-page .darken-3#mab-now-available-sticker, .landing-page .darken-3#mab-coming-soon-sticker, .darken-3.color-4-alt, .darken-3.color-4, .red.material-tooltip, .landing-page .material-tooltip#mab-now-available-sticker, .landing-page .material-tooltip#mab-coming-soon-sticker, .material-tooltip.color-4-alt, .material-tooltip.color-4, #toast-container .red.toast, #toast-container .landing-page .toast#mab-now-available-sticker, .landing-page #toast-container .toast#mab-now-available-sticker, #toast-container .landing-page .toast#mab-coming-soon-sticker, .landing-page #toast-container .toast#mab-coming-soon-sticker, #toast-container .toast.color-4-alt, #toast-container .toast.color-4 {
  background-color: #C62828 !important;
}

.red-text.text-darken-3, .text-darken-3.meldung_status_unmatched_current_color, .red-text.meldung_status_no_comparison_color, .meldung_status_no_comparison_color.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.text-darken-3.product-icon, .marketing-published.marketing-past i.product-icon.meldung_status_no_comparison_color, table#people-table.sv-index-table .text-darken-3.sv-filter-active.sv-filter-selected, table#people-table.sv-index-table .sv-filter-active.sv-filter-selected.meldung_status_no_comparison_color, .red-text.slplaner-lock-button, .slplaner-lock-button.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.slplaner-lock-button.product-icon, table#people-table.sv-index-table .slplaner-lock-button.sv-filter-active.sv-filter-selected, .text-darken-3.anstellung-changed-since-freigabe-sv, .anstellung-changed-since-freigabe-sv.meldung_status_no_comparison_color, .anstellung-changed-since-freigabe-sv.slplaner-lock-button, .red-text.person-freigabe-sv-off, .person-freigabe-sv-off.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.person-freigabe-sv-off.product-icon, table#people-table.sv-index-table .person-freigabe-sv-off.sv-filter-active.sv-filter-selected, .person-freigabe-sv-off.anstellung-changed-since-freigabe-sv,
.red-text.person-mab-in-bearbeitung,
.person-mab-in-bearbeitung.meldung_status_unmatched_current_color,
.marketing-published.marketing-past i.person-mab-in-bearbeitung.product-icon,
table#people-table.sv-index-table .person-mab-in-bearbeitung.sv-filter-active.sv-filter-selected,
.person-mab-in-bearbeitung.anstellung-changed-since-freigabe-sv,
.red-text.person-noch-kein-mab,
.person-noch-kein-mab.meldung_status_unmatched_current_color,
.marketing-published.marketing-past i.person-noch-kein-mab.product-icon,
table#people-table.sv-index-table .person-noch-kein-mab.sv-filter-active.sv-filter-selected,
.person-noch-kein-mab.anstellung-changed-since-freigabe-sv, .red-text.freigabe-new.unchecked, .freigabe-new.unchecked.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.freigabe-new.unchecked.product-icon, table#people-table.sv-index-table .freigabe-new.unchecked.sv-filter-active.sv-filter-selected, .freigabe-new.unchecked.anstellung-changed-since-freigabe-sv, .red-text.freigabe-current.unchecked, .freigabe-current.unchecked.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.freigabe-current.unchecked.product-icon, table#people-table.sv-index-table .freigabe-current.unchecked.sv-filter-active.sv-filter-selected, .freigabe-current.unchecked.anstellung-changed-since-freigabe-sv, .text-darken-3.match-member-new.unchecked, .match-member-new.unchecked.meldung_status_no_comparison_color, .match-member-new.unchecked.slplaner-lock-button, .match-member-new.unchecked.person-freigabe-sv-off,
.match-member-new.unchecked.person-mab-in-bearbeitung,
.match-member-new.unchecked.person-noch-kein-mab, .match-member-new.unchecked.freigabe-new, .match-member-new.unchecked.freigabe-current, .text-darken-3.match-member-current.unchecked, .match-member-current.unchecked.meldung_status_no_comparison_color, .match-member-current.unchecked.slplaner-lock-button, .match-member-current.unchecked.person-freigabe-sv-off,
.match-member-current.unchecked.person-mab-in-bearbeitung,
.match-member-current.unchecked.person-noch-kein-mab, .match-member-current.unchecked.freigabe-new, .match-member-current.unchecked.freigabe-current, .red-text.match-member-new.neutral, .match-member-new.neutral.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.match-member-new.neutral.product-icon, table#people-table.sv-index-table .match-member-new.neutral.sv-filter-active.sv-filter-selected, .match-member-new.neutral.anstellung-changed-since-freigabe-sv, .match-member-new.neutral.unchecked, .red-text.freigabe-new.neutral, .freigabe-new.neutral.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.freigabe-new.neutral.product-icon, table#people-table.sv-index-table .freigabe-new.neutral.sv-filter-active.sv-filter-selected, .freigabe-new.neutral.anstellung-changed-since-freigabe-sv, .text-darken-3.color-4-alt-text, .color-4-alt-text.meldung_status_no_comparison_color, .color-4-alt-text.slplaner-lock-button, .color-4-alt-text.person-freigabe-sv-off,
.color-4-alt-text.person-mab-in-bearbeitung,
.color-4-alt-text.person-noch-kein-mab, .color-4-alt-text.freigabe-new.unchecked, .color-4-alt-text.freigabe-current.unchecked, .color-4-alt-text.match-member-new.neutral, .color-4-alt-text.freigabe-new.neutral, .field_with_errors label.text-darken-3, .field_with_errors label.meldung_status_no_comparison_color, .field_with_errors label.slplaner-lock-button, .field_with_errors label.person-freigabe-sv-off,
.field_with_errors label.person-mab-in-bearbeitung,
.field_with_errors label.person-noch-kein-mab, .field_with_errors label.freigabe-new.unchecked, .field_with_errors label.freigabe-current.unchecked, .field_with_errors label.match-member-new.neutral, .field_with_errors label.freigabe-new.neutral {
  color: #C62828 !important;
}

.red.darken-4, .landing-page .darken-4#mab-now-available-sticker, .landing-page .darken-4#mab-coming-soon-sticker, .darken-4.color-4-alt, .darken-4.color-4 {
  background-color: #B71C1C !important;
}

.red-text.text-darken-4, .text-darken-4.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.text-darken-4.product-icon, table#people-table.sv-index-table .text-darken-4.sv-filter-active.sv-filter-selected, .text-darken-4.anstellung-changed-since-freigabe-sv, .text-darken-4.match-member-new.unchecked, .text-darken-4.match-member-current.unchecked, .text-darken-4.color-4-alt-text, label.red-text, label.meldung_status_unmatched_current_color, table#people-table.sv-index-table label.sv-filter-active.sv-filter-selected, label.anstellung-changed-since-freigabe-sv, label.match-member-new.unchecked, label.match-member-current.unchecked, label.color-4-alt-text, .field_with_errors label {
  color: #B71C1C !important;
}

.red.accent-1, .landing-page .accent-1#mab-now-available-sticker, .landing-page .accent-1#mab-coming-soon-sticker, .red.color-5-alt, .landing-page .color-5-alt#mab-now-available-sticker, .landing-page .color-5-alt#mab-coming-soon-sticker, .color-4-alt, .red.color-3-alt, .landing-page .color-3-alt#mab-now-available-sticker, .landing-page .color-3-alt#mab-coming-soon-sticker, .red.color-2-alt, .landing-page .color-2-alt#mab-now-available-sticker, .landing-page .color-2-alt#mab-coming-soon-sticker, .red.color-1-alt, .landing-page .color-1-alt#mab-now-available-sticker, .landing-page .color-1-alt#mab-coming-soon-sticker, .accent-1.color-4, .color-4.color-5-alt, .color-4.color-3-alt, .color-4.color-2-alt, .color-4.color-1-alt, .red.color-3, .landing-page .color-3#mab-now-available-sticker, .landing-page .color-3#mab-coming-soon-sticker, .color-3.color-4, .red.color-2, .landing-page .color-2#mab-now-available-sticker, .landing-page .color-2#mab-coming-soon-sticker, .color-2.color-4, .red.color-1, .landing-page .color-1#mab-now-available-sticker, .landing-page .color-1#mab-coming-soon-sticker, .color-1.color-4 {
  background-color: #FF8A80 !important;
}

.red-text.text-accent-1, .text-accent-1.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.text-accent-1.product-icon, table#people-table.sv-index-table .text-accent-1.sv-filter-active.sv-filter-selected, .text-accent-1.anstellung-changed-since-freigabe-sv, .text-accent-1.match-member-new.unchecked, .text-accent-1.match-member-current.unchecked, .red-text.color-5-alt-text, .color-5-alt-text.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.color-5-alt-text.product-icon, table#people-table.sv-index-table .color-5-alt-text.sv-filter-active.sv-filter-selected, .color-5-alt-text.anstellung-changed-since-freigabe-sv, .color-5-alt-text.match-member-new.unchecked, .color-5-alt-text.match-member-current.unchecked, .color-4-alt-text, .red-text.color-3-alt-text, .color-3-alt-text.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.color-3-alt-text.product-icon, table#people-table.sv-index-table .color-3-alt-text.sv-filter-active.sv-filter-selected, .color-3-alt-text.anstellung-changed-since-freigabe-sv, .color-3-alt-text.match-member-new.unchecked, .color-3-alt-text.match-member-current.unchecked, .red-text.color-2-alt-text, .color-2-alt-text.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.color-2-alt-text.product-icon, table#people-table.sv-index-table .color-2-alt-text.sv-filter-active.sv-filter-selected, .color-2-alt-text.anstellung-changed-since-freigabe-sv, .color-2-alt-text.match-member-new.unchecked, .color-2-alt-text.match-member-current.unchecked, .red-text.color-1-alt-text, .color-1-alt-text.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.color-1-alt-text.product-icon, table#people-table.sv-index-table .color-1-alt-text.sv-filter-active.sv-filter-selected, .color-1-alt-text.anstellung-changed-since-freigabe-sv, .color-1-alt-text.match-member-new.unchecked, .color-1-alt-text.match-member-current.unchecked, .field_with_errors label.text-accent-1, .field_with_errors label.color-5-alt-text, .field_with_errors label.color-4-alt-text, .field_with_errors label.color-3-alt-text, .field_with_errors label.color-2-alt-text, .field_with_errors label.color-1-alt-text {
  color: #FF8A80 !important;
}

.red.accent-2, .landing-page .accent-2#mab-now-available-sticker, .landing-page .accent-2#mab-coming-soon-sticker, .accent-2.color-4-alt, .accent-2.color-4 {
  background-color: #FF5252 !important;
}

.red-text.text-accent-2, .text-accent-2.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.text-accent-2.product-icon, table#people-table.sv-index-table .text-accent-2.sv-filter-active.sv-filter-selected, .text-accent-2.anstellung-changed-since-freigabe-sv, .text-accent-2.match-member-new.unchecked, .text-accent-2.match-member-current.unchecked, .text-accent-2.color-4-alt-text, .field_with_errors label.text-accent-2 {
  color: #FF5252 !important;
}

.red.accent-3, .landing-page .accent-3#mab-now-available-sticker, .landing-page .accent-3#mab-coming-soon-sticker, .accent-3.color-4-alt, .accent-3.color-4 {
  background-color: #FF1744 !important;
}

.red-text.text-accent-3, .text-accent-3.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.text-accent-3.product-icon, table#people-table.sv-index-table .text-accent-3.sv-filter-active.sv-filter-selected, .text-accent-3.anstellung-changed-since-freigabe-sv, .text-accent-3.match-member-new.unchecked, .text-accent-3.match-member-current.unchecked, #schuljahr-form-future .red-text.select-dropdown.dropdown-trigger, #schuljahr-form-future .select-dropdown.dropdown-trigger.meldung_status_unmatched_current_color, #schuljahr-form-future .marketing-published.marketing-past i.select-dropdown.dropdown-trigger.product-icon, .marketing-published.marketing-past #schuljahr-form-future i.select-dropdown.dropdown-trigger.product-icon, #schuljahr-form-future table#people-table.sv-index-table .select-dropdown.dropdown-trigger.sv-filter-active.sv-filter-selected, table#people-table.sv-index-table #schuljahr-form-future .select-dropdown.dropdown-trigger.sv-filter-active.sv-filter-selected, #schuljahr-form-future .select-dropdown.dropdown-trigger.anstellung-changed-since-freigabe-sv, #schuljahr-form-future .select-dropdown.dropdown-trigger.match-member-new.unchecked, #schuljahr-form-future .select-dropdown.dropdown-trigger.match-member-current.unchecked, .text-accent-3.color-4-alt-text, #schuljahr-form-future .color-4-alt-text.select-dropdown.dropdown-trigger, .field_with_errors label.text-accent-3, .field_with_errors #schuljahr-form-future label.select-dropdown.dropdown-trigger, #schuljahr-form-future .field_with_errors label.select-dropdown.dropdown-trigger {
  color: #FF1744 !important;
}

.red.accent-4, .landing-page .accent-4#mab-now-available-sticker, .landing-page .accent-4#mab-coming-soon-sticker, .accent-4.color-4-alt, .accent-4.color-4 {
  background-color: #D50000 !important;
}

.red-text.text-accent-4, .text-accent-4.meldung_status_unmatched_current_color, .marketing-published.marketing-past i.text-accent-4.product-icon, table#people-table.sv-index-table .text-accent-4.sv-filter-active.sv-filter-selected, .text-accent-4.anstellung-changed-since-freigabe-sv, .text-accent-4.match-member-new.unchecked, .text-accent-4.match-member-current.unchecked, .text-accent-4.color-4-alt-text, .field_with_errors label.text-accent-4 {
  color: #D50000 !important;
}

.pink {
  background-color: #e91e63 !important;
}

.pink-text {
  color: #e91e63 !important;
}

.pink.lighten-5 {
  background-color: #fce4ec !important;
}

.pink-text.text-lighten-5 {
  color: #fce4ec !important;
}

.pink.lighten-4, .pink.badge.slplaner-table-light-badge, .pink.slplaner-light-badge {
  background-color: #f8bbd0 !important;
}

.pink-text.text-lighten-4 {
  color: #f8bbd0 !important;
}

.pink.lighten-3, #tt-planning-wrapper .pink.chip.tt-elementable-asg-chip, .time-table > div.pink.tt-col-header, .time-table > div.pink.tt-row-header, .time-table > div.pink.tt-top-left-cell, .row.bubble-container .pink.bubble-plain, .pink.row.bubble-container.navbar-bubble, body.pink.landing-page, .pink.slplaner-sidenav-go-to-products-link, .pink.slplaner-sidenav-disabled-link, .pink.color-5, .pink.color-4 {
  background-color: #f48fb1 !important;
}

.pink-text.text-lighten-3, .pink-text.slplaner-links-inactive-color-text, .pink-text.match-member-new.unchecked, .pink-text.match-member-current.unchecked {
  color: #f48fb1 !important;
}

.pink.lighten-2, .pink.tt-date-nav, #time-chooser select.pink.tt-chooser-select,
#units-assigned-chooser select.pink.tt-chooser-select,
#location-chooser select.pink.tt-chooser-select,
#substitute-chooser select.pink.tt-chooser-select, .pink.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .pink.pep-versions-in-modal-col-title, .row.bubble-container .pink.bubble-plain-minimal, .landing-page .pink#legals-div, .pink.slplaner-two-col-collapsible-body-button-inactive, .pink.slplaner-access-actions-button, .pink.modal.slplaner-page-modal, .pink.slplaner-main, .pink.slplaner-darker-collapsible-header, .pink.tagesstrukturen-hub-header-color, .pink.schulgemeinde-hub-header-color, .pink.slplaner-col-navbar-button-inactive, .pink.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.pink.active {
  background-color: #f06292 !important;
}

.pink-text.text-lighten-2 {
  color: #f06292 !important;
}

.pink.lighten-1, .pink.slplaner-col-navbar {
  background-color: #ec407a !important;
}

.pink-text.text-lighten-1, .pink-text.slplaner-date-nav-button-inactive, #schuljahr-form-old .pink-text.select-dropdown.dropdown-trigger {
  color: #ec407a !important;
}

.pink.darken-1, .pink.submit-in-dropdown-btn, .pink.abo-beenden, .pink.abo-bearbeiten, .pink.mehr-info, .pink.slplaner-two-col-collapsible-body-button, .pink.slplaner-col-navbar-button {
  background-color: #d81b60 !important;
}

.pink-text.text-darken-1, .pink-text.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.pink-text {
  color: #d81b60 !important;
}

.pink.darken-2 {
  background-color: #c2185b !important;
}

.pink-text.text-darken-2 {
  color: #c2185b !important;
}

.pink.darken-3, .pink.material-tooltip, #toast-container .pink.toast {
  background-color: #ad1457 !important;
}

.pink-text.text-darken-3, .pink-text.meldung_status_no_comparison_color, .pink-text.slplaner-lock-button, .pink-text.person-freigabe-sv-off,
.pink-text.person-mab-in-bearbeitung,
.pink-text.person-noch-kein-mab, .pink-text.freigabe-new.unchecked, .pink-text.freigabe-current.unchecked, .pink-text.match-member-new.neutral, .pink-text.freigabe-new.neutral {
  color: #ad1457 !important;
}

.pink.darken-4 {
  background-color: #880e4f !important;
}

.pink-text.text-darken-4, label.pink-text {
  color: #880e4f !important;
}

.pink.accent-1, .pink.color-5-alt, .pink.color-4-alt, .pink.color-3-alt, .pink.color-2-alt, .pink.color-1-alt, .pink.color-3, .pink.color-2, .pink.color-1 {
  background-color: #ff80ab !important;
}

.pink-text.text-accent-1, .pink-text.color-5-alt-text, .pink-text.color-4-alt-text, .pink-text.color-3-alt-text, .pink-text.color-2-alt-text, .pink-text.color-1-alt-text {
  color: #ff80ab !important;
}

.pink.accent-2 {
  background-color: #ff4081 !important;
}

.pink-text.text-accent-2 {
  color: #ff4081 !important;
}

.pink.accent-3 {
  background-color: #f50057 !important;
}

.pink-text.text-accent-3, #schuljahr-form-future .pink-text.select-dropdown.dropdown-trigger {
  color: #f50057 !important;
}

.pink.accent-4 {
  background-color: #c51162 !important;
}

.pink-text.text-accent-4 {
  color: #c51162 !important;
}

.purple, .color-5-alt, .color-5 {
  background-color: #9c27b0 !important;
}

.purple-text, .color-5-alt-text {
  color: #9c27b0 !important;
}

.purple.lighten-5, .lighten-5.color-5-alt, .lighten-5.color-5 {
  background-color: #f3e5f5 !important;
}

.purple-text.text-lighten-5, .text-lighten-5.color-5-alt-text {
  color: #f3e5f5 !important;
}

.purple.lighten-4, .purple.badge.slplaner-table-light-badge, .purple.slplaner-light-badge, .lighten-4.color-5-alt, .color-5-alt.badge.slplaner-table-light-badge, .color-5-alt.slplaner-light-badge, .lighten-4.color-5, .color-5.badge.slplaner-table-light-badge, .color-5.slplaner-light-badge {
  background-color: #e1bee7 !important;
}

.purple-text.text-lighten-4, .text-lighten-4.color-5-alt-text {
  color: #e1bee7 !important;
}

.purple.lighten-3, #tt-planning-wrapper .purple.chip.tt-elementable-asg-chip, .time-table > div.purple.tt-col-header, .time-table > div.purple.tt-row-header, .time-table > div.purple.tt-top-left-cell, .row.bubble-container .purple.bubble-plain, .purple.row.bubble-container.navbar-bubble, body.purple.landing-page, .purple.slplaner-sidenav-go-to-products-link, .purple.slplaner-sidenav-disabled-link, .lighten-3.color-5-alt, #tt-planning-wrapper .color-5-alt.chip.tt-elementable-asg-chip, .time-table > div.color-5-alt.tt-col-header, .time-table > div.color-5-alt.tt-row-header, .time-table > div.color-5-alt.tt-top-left-cell, .row.bubble-container .color-5-alt.bubble-plain, .color-5-alt.row.bubble-container.navbar-bubble, body.color-5-alt.landing-page, .color-5-alt.slplaner-sidenav-go-to-products-link, .color-5-alt.slplaner-sidenav-disabled-link, .color-5, .purple.color-4, .color-4.color-5-alt {
  background-color: #ce93d8 !important;
}

.purple-text.text-lighten-3, .purple-text.slplaner-links-inactive-color-text, .purple-text.match-member-new.unchecked, .purple-text.match-member-current.unchecked, .text-lighten-3.color-5-alt-text, .color-5-alt-text.slplaner-links-inactive-color-text, .color-5-alt-text.match-member-new.unchecked, .color-5-alt-text.match-member-current.unchecked {
  color: #ce93d8 !important;
}

.purple.lighten-2, .purple.tt-date-nav, #time-chooser select.purple.tt-chooser-select,
#units-assigned-chooser select.purple.tt-chooser-select,
#location-chooser select.purple.tt-chooser-select,
#substitute-chooser select.purple.tt-chooser-select, .purple.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .purple.pep-versions-in-modal-col-title, .row.bubble-container .purple.bubble-plain-minimal, .landing-page .purple#legals-div, .purple.slplaner-two-col-collapsible-body-button-inactive, .purple.slplaner-access-actions-button, .purple.modal.slplaner-page-modal, .purple.slplaner-main, .purple.slplaner-darker-collapsible-header, .purple.tagesstrukturen-hub-header-color, .purple.schulgemeinde-hub-header-color, .purple.slplaner-col-navbar-button-inactive, .purple.slplaner-card, .lighten-2.color-5-alt, .color-5-alt.tt-date-nav, #time-chooser select.color-5-alt.tt-chooser-select,
#units-assigned-chooser select.color-5-alt.tt-chooser-select,
#location-chooser select.color-5-alt.tt-chooser-select,
#substitute-chooser select.color-5-alt.tt-chooser-select, .color-5-alt.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .color-5-alt.pep-versions-in-modal-col-title, .row.bubble-container .color-5-alt.bubble-plain-minimal, .landing-page .color-5-alt#legals-div, .color-5-alt.slplaner-two-col-collapsible-body-button-inactive, .color-5-alt.slplaner-access-actions-button, .color-5-alt.modal.slplaner-page-modal, .color-5-alt.slplaner-main, .color-5-alt.slplaner-darker-collapsible-header, .color-5-alt.tagesstrukturen-hub-header-color, .color-5-alt.schulgemeinde-hub-header-color, .color-5-alt.slplaner-col-navbar-button-inactive, .color-5-alt.slplaner-card, .lighten-2.color-5, .color-5.tt-date-nav, #time-chooser select.color-5.tt-chooser-select,
#units-assigned-chooser select.color-5.tt-chooser-select,
#location-chooser select.color-5.tt-chooser-select,
#substitute-chooser select.color-5.tt-chooser-select, .color-5.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .color-5.pep-versions-in-modal-col-title, .row.bubble-container .color-5.bubble-plain-minimal, .landing-page .color-5#legals-div, .color-5.slplaner-two-col-collapsible-body-button-inactive, .color-5.slplaner-access-actions-button, .color-5.modal.slplaner-page-modal, .color-5.slplaner-main, .color-5.slplaner-darker-collapsible-header, .color-5.tagesstrukturen-hub-header-color, .color-5.schulgemeinde-hub-header-color, .color-5.slplaner-col-navbar-button-inactive, .color-5.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.purple.active, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.color-5-alt, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.color-5 {
  background-color: #ba68c8 !important;
}

.purple-text.text-lighten-2, .text-lighten-2.color-5-alt-text {
  color: #ba68c8 !important;
}

.purple.lighten-1, .purple.slplaner-col-navbar, .lighten-1.color-5-alt, .color-5-alt.slplaner-col-navbar, .lighten-1.color-5, .color-5.slplaner-col-navbar {
  background-color: #ab47bc !important;
}

.purple-text.text-lighten-1, .purple-text.slplaner-date-nav-button-inactive, #schuljahr-form-old .purple-text.select-dropdown.dropdown-trigger, .text-lighten-1.color-5-alt-text, .color-5-alt-text.slplaner-date-nav-button-inactive, #schuljahr-form-old .color-5-alt-text.select-dropdown.dropdown-trigger {
  color: #ab47bc !important;
}

.purple.darken-1, .purple.submit-in-dropdown-btn, .purple.abo-beenden, .purple.abo-bearbeiten, .purple.mehr-info, .purple.slplaner-two-col-collapsible-body-button, .purple.slplaner-col-navbar-button, .darken-1.color-5-alt, .color-5-alt.submit-in-dropdown-btn, .color-5-alt.abo-beenden, .color-5-alt.abo-bearbeiten, .color-5-alt.mehr-info, .color-5-alt.slplaner-two-col-collapsible-body-button, .color-5-alt.slplaner-col-navbar-button, .darken-1.color-5, .color-5.submit-in-dropdown-btn, .color-5.abo-beenden, .color-5.abo-bearbeiten, .color-5.mehr-info, .color-5.slplaner-two-col-collapsible-body-button, .color-5.slplaner-col-navbar-button {
  background-color: #8e24aa !important;
}

.purple-text.text-darken-1, .purple-text.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.purple-text, .text-darken-1.color-5-alt-text, .color-5-alt-text.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.color-5-alt-text {
  color: #8e24aa !important;
}

.purple.darken-2, .darken-2.color-5-alt, .darken-2.color-5 {
  background-color: #7b1fa2 !important;
}

.purple-text.text-darken-2, .text-darken-2.color-5-alt-text {
  color: #7b1fa2 !important;
}

.purple.darken-3, .darken-3.color-5-alt, .darken-3.color-5, .purple.material-tooltip, .material-tooltip.color-5-alt, .material-tooltip.color-5, #toast-container .purple.toast, #toast-container .toast.color-5-alt, #toast-container .toast.color-5 {
  background-color: #6a1b9a !important;
}

.purple-text.text-darken-3, .purple-text.meldung_status_no_comparison_color, .purple-text.slplaner-lock-button, .purple-text.person-freigabe-sv-off,
.purple-text.person-mab-in-bearbeitung,
.purple-text.person-noch-kein-mab, .purple-text.freigabe-new.unchecked, .purple-text.freigabe-current.unchecked, .purple-text.match-member-new.neutral, .purple-text.freigabe-new.neutral, .text-darken-3.color-5-alt-text, .color-5-alt-text.meldung_status_no_comparison_color, .color-5-alt-text.slplaner-lock-button, .color-5-alt-text.person-freigabe-sv-off,
.color-5-alt-text.person-mab-in-bearbeitung,
.color-5-alt-text.person-noch-kein-mab, .color-5-alt-text.freigabe-new.unchecked, .color-5-alt-text.freigabe-current.unchecked, .color-5-alt-text.match-member-new.neutral, .color-5-alt-text.freigabe-new.neutral {
  color: #6a1b9a !important;
}

.purple.darken-4, .darken-4.color-5-alt, .darken-4.color-5 {
  background-color: #4a148c !important;
}

.purple-text.text-darken-4, .text-darken-4.color-5-alt-text, label.purple-text, label.color-5-alt-text {
  color: #4a148c !important;
}

.purple.accent-1, .color-5-alt, .purple.color-4-alt, .purple.color-3-alt, .purple.color-2-alt, .purple.color-1-alt, .accent-1.color-5, .color-5.color-4-alt, .color-5.color-3-alt, .color-5.color-2-alt, .color-5.color-1-alt, .purple.color-3, .color-3.color-5, .purple.color-2, .color-2.color-5, .purple.color-1, .color-1.color-5 {
  background-color: #ea80fc !important;
}

.purple-text.text-accent-1, .color-5-alt-text, .purple-text.color-4-alt-text, .purple-text.color-3-alt-text, .purple-text.color-2-alt-text, .purple-text.color-1-alt-text {
  color: #ea80fc !important;
}

.purple.accent-2, .accent-2.color-5-alt, .accent-2.color-5 {
  background-color: #e040fb !important;
}

.purple-text.text-accent-2, .text-accent-2.color-5-alt-text {
  color: #e040fb !important;
}

.purple.accent-3, .accent-3.color-5-alt, .accent-3.color-5 {
  background-color: #d500f9 !important;
}

.purple-text.text-accent-3, #schuljahr-form-future .purple-text.select-dropdown.dropdown-trigger, .text-accent-3.color-5-alt-text, #schuljahr-form-future .color-5-alt-text.select-dropdown.dropdown-trigger {
  color: #d500f9 !important;
}

.purple.accent-4, .accent-4.color-5-alt, .accent-4.color-5 {
  background-color: #aa00ff !important;
}

.purple-text.text-accent-4, .text-accent-4.color-5-alt-text {
  color: #aa00ff !important;
}

.deep-purple {
  background-color: #673ab7 !important;
}

.deep-purple-text {
  color: #673ab7 !important;
}

.deep-purple.lighten-5 {
  background-color: #ede7f6 !important;
}

.deep-purple-text.text-lighten-5 {
  color: #ede7f6 !important;
}

.deep-purple.lighten-4, .deep-purple.badge.slplaner-table-light-badge, .deep-purple.slplaner-light-badge {
  background-color: #d1c4e9 !important;
}

.deep-purple-text.text-lighten-4 {
  color: #d1c4e9 !important;
}

.deep-purple.lighten-3, #tt-planning-wrapper .deep-purple.chip.tt-elementable-asg-chip, .time-table > div.deep-purple.tt-col-header, .time-table > div.deep-purple.tt-row-header, .time-table > div.deep-purple.tt-top-left-cell, .row.bubble-container .deep-purple.bubble-plain, .deep-purple.row.bubble-container.navbar-bubble, body.deep-purple.landing-page, .deep-purple.slplaner-sidenav-go-to-products-link, .deep-purple.slplaner-sidenav-disabled-link, .deep-purple.color-5, .deep-purple.color-4 {
  background-color: #b39ddb !important;
}

.deep-purple-text.text-lighten-3, .deep-purple-text.slplaner-links-inactive-color-text, .deep-purple-text.match-member-new.unchecked, .deep-purple-text.match-member-current.unchecked {
  color: #b39ddb !important;
}

.deep-purple.lighten-2, .deep-purple.tt-date-nav, #time-chooser select.deep-purple.tt-chooser-select,
#units-assigned-chooser select.deep-purple.tt-chooser-select,
#location-chooser select.deep-purple.tt-chooser-select,
#substitute-chooser select.deep-purple.tt-chooser-select, .deep-purple.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .deep-purple.pep-versions-in-modal-col-title, .row.bubble-container .deep-purple.bubble-plain-minimal, .landing-page .deep-purple#legals-div, .deep-purple.slplaner-two-col-collapsible-body-button-inactive, .deep-purple.slplaner-access-actions-button, .deep-purple.modal.slplaner-page-modal, .deep-purple.slplaner-main, .deep-purple.slplaner-darker-collapsible-header, .deep-purple.tagesstrukturen-hub-header-color, .deep-purple.schulgemeinde-hub-header-color, .deep-purple.slplaner-col-navbar-button-inactive, .deep-purple.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.deep-purple.active {
  background-color: #9575cd !important;
}

.deep-purple-text.text-lighten-2 {
  color: #9575cd !important;
}

.deep-purple.lighten-1, .deep-purple.slplaner-col-navbar {
  background-color: #7e57c2 !important;
}

.deep-purple-text.text-lighten-1, .deep-purple-text.slplaner-date-nav-button-inactive, #schuljahr-form-old .deep-purple-text.select-dropdown.dropdown-trigger {
  color: #7e57c2 !important;
}

.deep-purple.darken-1, .deep-purple.submit-in-dropdown-btn, .deep-purple.abo-beenden, .deep-purple.abo-bearbeiten, .deep-purple.mehr-info, .deep-purple.slplaner-two-col-collapsible-body-button, .deep-purple.slplaner-col-navbar-button {
  background-color: #5e35b1 !important;
}

.deep-purple-text.text-darken-1, .deep-purple-text.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.deep-purple-text {
  color: #5e35b1 !important;
}

.deep-purple.darken-2 {
  background-color: #512da8 !important;
}

.deep-purple-text.text-darken-2 {
  color: #512da8 !important;
}

.deep-purple.darken-3, .deep-purple.material-tooltip, #toast-container .deep-purple.toast {
  background-color: #4527a0 !important;
}

.deep-purple-text.text-darken-3, .deep-purple-text.meldung_status_no_comparison_color, .deep-purple-text.slplaner-lock-button, .deep-purple-text.person-freigabe-sv-off,
.deep-purple-text.person-mab-in-bearbeitung,
.deep-purple-text.person-noch-kein-mab, .deep-purple-text.freigabe-new.unchecked, .deep-purple-text.freigabe-current.unchecked, .deep-purple-text.match-member-new.neutral, .deep-purple-text.freigabe-new.neutral {
  color: #4527a0 !important;
}

.deep-purple.darken-4 {
  background-color: #311b92 !important;
}

.deep-purple-text.text-darken-4, label.deep-purple-text {
  color: #311b92 !important;
}

.deep-purple.accent-1, .deep-purple.color-5-alt, .deep-purple.color-4-alt, .deep-purple.color-3-alt, .deep-purple.color-2-alt, .deep-purple.color-1-alt, .deep-purple.color-3, .deep-purple.color-2, .deep-purple.color-1 {
  background-color: #b388ff !important;
}

.deep-purple-text.text-accent-1, .deep-purple-text.color-5-alt-text, .deep-purple-text.color-4-alt-text, .deep-purple-text.color-3-alt-text, .deep-purple-text.color-2-alt-text, .deep-purple-text.color-1-alt-text {
  color: #b388ff !important;
}

.deep-purple.accent-2 {
  background-color: #7c4dff !important;
}

.deep-purple-text.text-accent-2 {
  color: #7c4dff !important;
}

.deep-purple.accent-3 {
  background-color: #651fff !important;
}

.deep-purple-text.text-accent-3, #schuljahr-form-future .deep-purple-text.select-dropdown.dropdown-trigger {
  color: #651fff !important;
}

.deep-purple.accent-4 {
  background-color: #6200ea !important;
}

.deep-purple-text.text-accent-4 {
  color: #6200ea !important;
}

.indigo {
  background-color: #3f51b5 !important;
}

.indigo-text {
  color: #3f51b5 !important;
}

.indigo.lighten-5 {
  background-color: #e8eaf6 !important;
}

.indigo-text.text-lighten-5 {
  color: #e8eaf6 !important;
}

.indigo.lighten-4, .indigo.badge.slplaner-table-light-badge, .indigo.slplaner-light-badge {
  background-color: #c5cae9 !important;
}

.indigo-text.text-lighten-4 {
  color: #c5cae9 !important;
}

.indigo.lighten-3, #tt-planning-wrapper .indigo.chip.tt-elementable-asg-chip, .time-table > div.indigo.tt-col-header, .time-table > div.indigo.tt-row-header, .time-table > div.indigo.tt-top-left-cell, .row.bubble-container .indigo.bubble-plain, .indigo.row.bubble-container.navbar-bubble, body.indigo.landing-page, .indigo.slplaner-sidenav-go-to-products-link, .indigo.slplaner-sidenav-disabled-link, .indigo.color-5, .indigo.color-4 {
  background-color: #9fa8da !important;
}

.indigo-text.text-lighten-3, .indigo-text.slplaner-links-inactive-color-text, .indigo-text.match-member-new.unchecked, .indigo-text.match-member-current.unchecked {
  color: #9fa8da !important;
}

.indigo.lighten-2, .indigo.tt-date-nav, #time-chooser select.indigo.tt-chooser-select,
#units-assigned-chooser select.indigo.tt-chooser-select,
#location-chooser select.indigo.tt-chooser-select,
#substitute-chooser select.indigo.tt-chooser-select, .indigo.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .indigo.pep-versions-in-modal-col-title, .row.bubble-container .indigo.bubble-plain-minimal, .landing-page .indigo#legals-div, .indigo.slplaner-two-col-collapsible-body-button-inactive, .indigo.slplaner-access-actions-button, .indigo.modal.slplaner-page-modal, .indigo.slplaner-main, .indigo.slplaner-darker-collapsible-header, .indigo.tagesstrukturen-hub-header-color, .indigo.schulgemeinde-hub-header-color, .indigo.slplaner-col-navbar-button-inactive, .indigo.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.indigo.active {
  background-color: #7986cb !important;
}

.indigo-text.text-lighten-2 {
  color: #7986cb !important;
}

.indigo.lighten-1, .indigo.slplaner-col-navbar {
  background-color: #5c6bc0 !important;
}

.indigo-text.text-lighten-1, .indigo-text.slplaner-date-nav-button-inactive, #schuljahr-form-old .indigo-text.select-dropdown.dropdown-trigger {
  color: #5c6bc0 !important;
}

.indigo.darken-1, .indigo.submit-in-dropdown-btn, .indigo.abo-beenden, .indigo.abo-bearbeiten, .indigo.mehr-info, .indigo.slplaner-two-col-collapsible-body-button, .indigo.slplaner-col-navbar-button {
  background-color: #3949ab !important;
}

.indigo-text.text-darken-1, .indigo-text.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.indigo-text {
  color: #3949ab !important;
}

.indigo.darken-2 {
  background-color: #303f9f !important;
}

.indigo-text.text-darken-2 {
  color: #303f9f !important;
}

.indigo.darken-3, .indigo.material-tooltip, #toast-container .indigo.toast {
  background-color: #283593 !important;
}

.indigo-text.text-darken-3, .indigo-text.meldung_status_no_comparison_color, .indigo-text.slplaner-lock-button, .indigo-text.person-freigabe-sv-off,
.indigo-text.person-mab-in-bearbeitung,
.indigo-text.person-noch-kein-mab, .indigo-text.freigabe-new.unchecked, .indigo-text.freigabe-current.unchecked, .indigo-text.match-member-new.neutral, .indigo-text.freigabe-new.neutral {
  color: #283593 !important;
}

.indigo.darken-4 {
  background-color: #1a237e !important;
}

.indigo-text.text-darken-4, label.indigo-text {
  color: #1a237e !important;
}

.indigo.accent-1, .indigo.color-5-alt, .indigo.color-4-alt, .indigo.color-3-alt, .indigo.color-2-alt, .indigo.color-1-alt, .indigo.color-3, .indigo.color-2, .indigo.color-1 {
  background-color: #8c9eff !important;
}

.indigo-text.text-accent-1, .indigo-text.color-5-alt-text, .indigo-text.color-4-alt-text, .indigo-text.color-3-alt-text, .indigo-text.color-2-alt-text, .indigo-text.color-1-alt-text {
  color: #8c9eff !important;
}

.indigo.accent-2 {
  background-color: #536dfe !important;
}

.indigo-text.text-accent-2 {
  color: #536dfe !important;
}

.indigo.accent-3 {
  background-color: #3d5afe !important;
}

.indigo-text.text-accent-3, #schuljahr-form-future .indigo-text.select-dropdown.dropdown-trigger {
  color: #3d5afe !important;
}

.indigo.accent-4 {
  background-color: #304ffe !important;
}

.indigo-text.text-accent-4 {
  color: #304ffe !important;
}

.blue {
  background-color: #2196F3 !important;
}

.blue-text {
  color: #2196F3 !important;
}

.blue.lighten-5 {
  background-color: #E3F2FD !important;
}

.blue-text.text-lighten-5 {
  color: #E3F2FD !important;
}

.blue.lighten-4, .blue.badge.slplaner-table-light-badge, .blue.slplaner-light-badge {
  background-color: #BBDEFB !important;
}

.blue-text.text-lighten-4 {
  color: #BBDEFB !important;
}

.blue.lighten-3, #tt-planning-wrapper .blue.chip.tt-elementable-asg-chip, .time-table > div.blue.tt-col-header, .time-table > div.blue.tt-row-header, .time-table > div.blue.tt-top-left-cell, .row.bubble-container .blue.bubble-plain, .blue.row.bubble-container.navbar-bubble, body.blue.landing-page, .blue.slplaner-sidenav-go-to-products-link, .blue.slplaner-sidenav-disabled-link, .blue.color-5, .blue.color-4 {
  background-color: #90CAF9 !important;
}

.blue-text.text-lighten-3, .blue-text.slplaner-links-inactive-color-text, .blue-text.match-member-new.unchecked, .blue-text.match-member-current.unchecked {
  color: #90CAF9 !important;
}

.blue.lighten-2, .blue.tt-date-nav, #time-chooser select.blue.tt-chooser-select,
#units-assigned-chooser select.blue.tt-chooser-select,
#location-chooser select.blue.tt-chooser-select,
#substitute-chooser select.blue.tt-chooser-select, .blue.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .blue.pep-versions-in-modal-col-title, .row.bubble-container .blue.bubble-plain-minimal, .landing-page .blue#legals-div, .blue.slplaner-two-col-collapsible-body-button-inactive, .blue.slplaner-access-actions-button, .blue.modal.slplaner-page-modal, .blue.slplaner-main, .blue.slplaner-darker-collapsible-header, .blue.tagesstrukturen-hub-header-color, .blue.schulgemeinde-hub-header-color, .blue.slplaner-col-navbar-button-inactive, .blue.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.blue.active {
  background-color: #64B5F6 !important;
}

.blue-text.text-lighten-2 {
  color: #64B5F6 !important;
}

.blue.lighten-1, .blue.slplaner-col-navbar {
  background-color: #42A5F5 !important;
}

.blue-text.text-lighten-1, .blue-text.slplaner-date-nav-button-inactive, #schuljahr-form-old .blue-text.select-dropdown.dropdown-trigger {
  color: #42A5F5 !important;
}

.blue.darken-1, .blue.submit-in-dropdown-btn, .blue.abo-beenden, .blue.abo-bearbeiten, .blue.mehr-info, .blue.slplaner-two-col-collapsible-body-button, .blue.slplaner-col-navbar-button {
  background-color: #1E88E5 !important;
}

.blue-text.text-darken-1, .blue-text.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.blue-text {
  color: #1E88E5 !important;
}

.blue.darken-2 {
  background-color: #1976D2 !important;
}

.blue-text.text-darken-2 {
  color: #1976D2 !important;
}

.blue.darken-3, .blue.material-tooltip, #toast-container .blue.toast {
  background-color: #1565C0 !important;
}

.blue-text.text-darken-3, .blue-text.meldung_status_no_comparison_color, .blue-text.slplaner-lock-button, .blue-text.person-freigabe-sv-off,
.blue-text.person-mab-in-bearbeitung,
.blue-text.person-noch-kein-mab, .blue-text.freigabe-new.unchecked, .blue-text.freigabe-current.unchecked, .blue-text.match-member-new.neutral, .blue-text.freigabe-new.neutral {
  color: #1565C0 !important;
}

.blue.darken-4 {
  background-color: #0D47A1 !important;
}

.blue-text.text-darken-4, label.blue-text {
  color: #0D47A1 !important;
}

.blue.accent-1, .blue.color-5-alt, .blue.color-4-alt, .blue.color-3-alt, .blue.color-2-alt, .blue.color-1-alt, .blue.color-3, .blue.color-2, .blue.color-1 {
  background-color: #82B1FF !important;
}

.blue-text.text-accent-1, .blue-text.color-5-alt-text, .blue-text.color-4-alt-text, .blue-text.color-3-alt-text, .blue-text.color-2-alt-text, .blue-text.color-1-alt-text {
  color: #82B1FF !important;
}

.blue.accent-2 {
  background-color: #448AFF !important;
}

.blue-text.text-accent-2 {
  color: #448AFF !important;
}

.blue.accent-3 {
  background-color: #2979FF !important;
}

.blue-text.text-accent-3, #schuljahr-form-future .blue-text.select-dropdown.dropdown-trigger {
  color: #2979FF !important;
}

.blue.accent-4 {
  background-color: #2962FF !important;
}

.blue-text.text-accent-4 {
  color: #2962FF !important;
}

.light-blue, .submit-in-dropdown-btn, .abo-bearbeiten, .expiration-notice-product-info, .mehr-info, .slplaner-two-col-collapsible-body-button, .slplaner-col-navbar-button {
  background-color: #03a9f4 !important;
}

.light-blue-text, .slplaner-links-blue-color-text {
  color: #03a9f4 !important;
}

.light-blue.lighten-5, .lighten-5.submit-in-dropdown-btn, .lighten-5.abo-bearbeiten, .lighten-5.expiration-notice-product-info, .lighten-5.mehr-info, .lighten-5.slplaner-two-col-collapsible-body-button, .lighten-5.slplaner-col-navbar-button {
  background-color: #e1f5fe !important;
}

.light-blue-text.text-lighten-5, .text-lighten-5.slplaner-links-blue-color-text {
  color: #e1f5fe !important;
}

.light-blue.lighten-4, .lighten-4.submit-in-dropdown-btn, .lighten-4.abo-bearbeiten, .lighten-4.expiration-notice-product-info, .lighten-4.mehr-info, .lighten-4.slplaner-two-col-collapsible-body-button, .light-blue.badge.slplaner-table-light-badge, .badge.slplaner-table-light-badge.submit-in-dropdown-btn, .badge.slplaner-table-light-badge.abo-bearbeiten, .badge.slplaner-table-light-badge.expiration-notice-product-info, .badge.slplaner-table-light-badge.mehr-info, .badge.slplaner-table-light-badge.slplaner-two-col-collapsible-body-button, .light-blue.slplaner-light-badge, .slplaner-light-badge.submit-in-dropdown-btn, .slplaner-light-badge.abo-bearbeiten, .slplaner-light-badge.expiration-notice-product-info, .slplaner-light-badge.mehr-info, .slplaner-light-badge.slplaner-two-col-collapsible-body-button, .lighten-4.slplaner-col-navbar-button, .slplaner-col-navbar-button.badge.slplaner-table-light-badge, .slplaner-col-navbar-button.slplaner-light-badge {
  background-color: #b3e5fc !important;
}

.light-blue-text.text-lighten-4, .text-lighten-4.slplaner-links-blue-color-text {
  color: #b3e5fc !important;
}

.light-blue.lighten-3, .lighten-3.submit-in-dropdown-btn, #tt-planning-wrapper .light-blue.chip.tt-elementable-asg-chip, #tt-planning-wrapper .chip.tt-elementable-asg-chip.submit-in-dropdown-btn, .time-table > div.light-blue.tt-col-header, .time-table > div.tt-col-header.submit-in-dropdown-btn, .time-table > div.light-blue.tt-row-header, .time-table > div.tt-row-header.submit-in-dropdown-btn, .time-table > div.light-blue.tt-top-left-cell, .time-table > div.tt-top-left-cell.submit-in-dropdown-btn, .row.bubble-container .light-blue.bubble-plain, .row.bubble-container .bubble-plain.submit-in-dropdown-btn, .light-blue.row.bubble-container.navbar-bubble, .row.bubble-container.navbar-bubble.submit-in-dropdown-btn, .lighten-3.abo-bearbeiten, #tt-planning-wrapper .abo-bearbeiten.chip.tt-elementable-asg-chip, .time-table > div.abo-bearbeiten.tt-col-header, .time-table > div.abo-bearbeiten.tt-row-header, .time-table > div.abo-bearbeiten.tt-top-left-cell, .row.bubble-container .abo-bearbeiten.bubble-plain, .abo-bearbeiten.row.bubble-container.navbar-bubble, .lighten-3.expiration-notice-product-info, #tt-planning-wrapper .expiration-notice-product-info.chip.tt-elementable-asg-chip, .time-table > div.expiration-notice-product-info.tt-col-header, .time-table > div.expiration-notice-product-info.tt-row-header, .time-table > div.expiration-notice-product-info.tt-top-left-cell, .row.bubble-container .expiration-notice-product-info.bubble-plain, .expiration-notice-product-info.row.bubble-container.navbar-bubble, .lighten-3.mehr-info, #tt-planning-wrapper .mehr-info.chip.tt-elementable-asg-chip, .time-table > div.mehr-info.tt-col-header, .time-table > div.mehr-info.tt-row-header, .time-table > div.mehr-info.tt-top-left-cell, .row.bubble-container .mehr-info.bubble-plain, .mehr-info.row.bubble-container.navbar-bubble, body.light-blue.landing-page, body.landing-page.submit-in-dropdown-btn, body.landing-page.abo-bearbeiten, body.landing-page.expiration-notice-product-info, body.landing-page.mehr-info, .lighten-3.slplaner-two-col-collapsible-body-button, #tt-planning-wrapper .slplaner-two-col-collapsible-body-button.chip.tt-elementable-asg-chip, .time-table > div.slplaner-two-col-collapsible-body-button.tt-col-header, .time-table > div.slplaner-two-col-collapsible-body-button.tt-row-header, .time-table > div.slplaner-two-col-collapsible-body-button.tt-top-left-cell, .row.bubble-container .slplaner-two-col-collapsible-body-button.bubble-plain, .slplaner-two-col-collapsible-body-button.row.bubble-container.navbar-bubble, body.slplaner-two-col-collapsible-body-button.landing-page, .light-blue.slplaner-sidenav-go-to-products-link, .slplaner-sidenav-go-to-products-link.submit-in-dropdown-btn, .slplaner-sidenav-go-to-products-link.abo-bearbeiten, .slplaner-sidenav-go-to-products-link.expiration-notice-product-info, .slplaner-sidenav-go-to-products-link.mehr-info, .slplaner-sidenav-go-to-products-link.slplaner-two-col-collapsible-body-button, .light-blue.slplaner-sidenav-disabled-link, .slplaner-sidenav-disabled-link.submit-in-dropdown-btn, .slplaner-sidenav-disabled-link.abo-bearbeiten, .slplaner-sidenav-disabled-link.expiration-notice-product-info, .slplaner-sidenav-disabled-link.mehr-info, .slplaner-sidenav-disabled-link.slplaner-two-col-collapsible-body-button, .lighten-3.slplaner-col-navbar-button, #tt-planning-wrapper .slplaner-col-navbar-button.chip.tt-elementable-asg-chip, .time-table > div.slplaner-col-navbar-button.tt-col-header, .time-table > div.slplaner-col-navbar-button.tt-row-header, .time-table > div.slplaner-col-navbar-button.tt-top-left-cell, .row.bubble-container .slplaner-col-navbar-button.bubble-plain, .slplaner-col-navbar-button.row.bubble-container.navbar-bubble, body.slplaner-col-navbar-button.landing-page, .slplaner-col-navbar-button.slplaner-sidenav-go-to-products-link, .slplaner-col-navbar-button.slplaner-sidenav-disabled-link, .light-blue.color-5, .color-5.submit-in-dropdown-btn, .color-5.abo-bearbeiten, .color-5.expiration-notice-product-info, .color-5.mehr-info, .color-5.slplaner-two-col-collapsible-body-button, .color-5.slplaner-col-navbar-button, .light-blue.color-4, .color-4.submit-in-dropdown-btn, .color-4.abo-bearbeiten, .color-4.expiration-notice-product-info, .color-4.mehr-info, .color-4.slplaner-two-col-collapsible-body-button, .color-4.slplaner-col-navbar-button {
  background-color: #81d4fa !important;
}

.light-blue-text.text-lighten-3, .light-blue-text.slplaner-links-inactive-color-text, .text-lighten-3.slplaner-links-blue-color-text, .slplaner-links-blue-color-text.slplaner-links-inactive-color-text, .light-blue-text.match-member-new.unchecked, .match-member-new.unchecked.slplaner-links-blue-color-text, .light-blue-text.match-member-current.unchecked, .match-member-current.unchecked.slplaner-links-blue-color-text {
  color: #81d4fa !important;
}

.light-blue.lighten-2, .lighten-2.submit-in-dropdown-btn, .light-blue.tt-date-nav, .tt-date-nav.submit-in-dropdown-btn, #time-chooser select.light-blue.tt-chooser-select, #time-chooser select.tt-chooser-select.submit-in-dropdown-btn,
#units-assigned-chooser select.light-blue.tt-chooser-select,
#units-assigned-chooser select.tt-chooser-select.submit-in-dropdown-btn,
#location-chooser select.light-blue.tt-chooser-select,
#location-chooser select.tt-chooser-select.submit-in-dropdown-btn,
#substitute-chooser select.light-blue.tt-chooser-select,
#substitute-chooser select.tt-chooser-select.submit-in-dropdown-btn, .light-blue.slplaner-abc-nav, .slplaner-abc-nav.submit-in-dropdown-btn, .pep-versions-in-modal-subtitle-row .light-blue.pep-versions-in-modal-col-title, .pep-versions-in-modal-subtitle-row .pep-versions-in-modal-col-title.submit-in-dropdown-btn, .row.bubble-container .light-blue.bubble-plain-minimal, .row.bubble-container .bubble-plain-minimal.submit-in-dropdown-btn, .lighten-2.abo-bearbeiten, .abo-bearbeiten.tt-date-nav, #time-chooser select.abo-bearbeiten.tt-chooser-select,
#units-assigned-chooser select.abo-bearbeiten.tt-chooser-select,
#location-chooser select.abo-bearbeiten.tt-chooser-select,
#substitute-chooser select.abo-bearbeiten.tt-chooser-select, .abo-bearbeiten.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .abo-bearbeiten.pep-versions-in-modal-col-title, .row.bubble-container .abo-bearbeiten.bubble-plain-minimal, .lighten-2.expiration-notice-product-info, .expiration-notice-product-info.tt-date-nav, #time-chooser select.expiration-notice-product-info.tt-chooser-select,
#units-assigned-chooser select.expiration-notice-product-info.tt-chooser-select,
#location-chooser select.expiration-notice-product-info.tt-chooser-select,
#substitute-chooser select.expiration-notice-product-info.tt-chooser-select, .expiration-notice-product-info.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .expiration-notice-product-info.pep-versions-in-modal-col-title, .row.bubble-container .expiration-notice-product-info.bubble-plain-minimal, .lighten-2.mehr-info, .mehr-info.tt-date-nav, #time-chooser select.mehr-info.tt-chooser-select,
#units-assigned-chooser select.mehr-info.tt-chooser-select,
#location-chooser select.mehr-info.tt-chooser-select,
#substitute-chooser select.mehr-info.tt-chooser-select, .mehr-info.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .mehr-info.pep-versions-in-modal-col-title, .row.bubble-container .mehr-info.bubble-plain-minimal, .landing-page .light-blue#legals-div, .landing-page #legals-div.submit-in-dropdown-btn, .landing-page #legals-div.abo-bearbeiten, .landing-page #legals-div.expiration-notice-product-info, .landing-page #legals-div.mehr-info, .light-blue.slplaner-two-col-collapsible-body-button-inactive, .slplaner-two-col-collapsible-body-button-inactive.submit-in-dropdown-btn, .slplaner-two-col-collapsible-body-button-inactive.abo-bearbeiten, .slplaner-two-col-collapsible-body-button-inactive.expiration-notice-product-info, .slplaner-two-col-collapsible-body-button-inactive.mehr-info, .lighten-2.slplaner-two-col-collapsible-body-button, .slplaner-two-col-collapsible-body-button.tt-date-nav, #time-chooser select.slplaner-two-col-collapsible-body-button.tt-chooser-select,
#units-assigned-chooser select.slplaner-two-col-collapsible-body-button.tt-chooser-select,
#location-chooser select.slplaner-two-col-collapsible-body-button.tt-chooser-select,
#substitute-chooser select.slplaner-two-col-collapsible-body-button.tt-chooser-select, .slplaner-two-col-collapsible-body-button.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .slplaner-two-col-collapsible-body-button.pep-versions-in-modal-col-title, .row.bubble-container .slplaner-two-col-collapsible-body-button.bubble-plain-minimal, .landing-page .slplaner-two-col-collapsible-body-button#legals-div, .slplaner-two-col-collapsible-body-button.slplaner-two-col-collapsible-body-button-inactive, .light-blue.slplaner-access-actions-button, .slplaner-access-actions-button.submit-in-dropdown-btn, .slplaner-access-actions-button.abo-bearbeiten, .slplaner-access-actions-button.expiration-notice-product-info, .slplaner-access-actions-button.mehr-info, .slplaner-access-actions-button.slplaner-two-col-collapsible-body-button, .light-blue.modal.slplaner-page-modal, .modal.slplaner-page-modal.submit-in-dropdown-btn, .modal.slplaner-page-modal.abo-bearbeiten, .modal.slplaner-page-modal.expiration-notice-product-info, .modal.slplaner-page-modal.mehr-info, .modal.slplaner-page-modal.slplaner-two-col-collapsible-body-button, .light-blue.slplaner-main, .slplaner-main.submit-in-dropdown-btn, .slplaner-main.abo-bearbeiten, .slplaner-main.expiration-notice-product-info, .slplaner-main.mehr-info, .slplaner-main.slplaner-two-col-collapsible-body-button, .light-blue.slplaner-darker-collapsible-header, .slplaner-darker-collapsible-header.submit-in-dropdown-btn, .slplaner-darker-collapsible-header.abo-bearbeiten, .slplaner-darker-collapsible-header.expiration-notice-product-info, .slplaner-darker-collapsible-header.mehr-info, .light-blue.tagesstrukturen-hub-header-color, .tagesstrukturen-hub-header-color.submit-in-dropdown-btn, .tagesstrukturen-hub-header-color.abo-bearbeiten, .tagesstrukturen-hub-header-color.expiration-notice-product-info, .tagesstrukturen-hub-header-color.mehr-info, .light-blue.schulgemeinde-hub-header-color, .schulgemeinde-hub-header-color.submit-in-dropdown-btn, .schulgemeinde-hub-header-color.abo-bearbeiten, .schulgemeinde-hub-header-color.expiration-notice-product-info, .schulgemeinde-hub-header-color.mehr-info, .slplaner-darker-collapsible-header.slplaner-two-col-collapsible-body-button, .slplaner-two-col-collapsible-body-button.tagesstrukturen-hub-header-color, .slplaner-two-col-collapsible-body-button.schulgemeinde-hub-header-color, .light-blue.slplaner-col-navbar-button-inactive, .slplaner-col-navbar-button-inactive.submit-in-dropdown-btn, .slplaner-col-navbar-button-inactive.abo-bearbeiten, .slplaner-col-navbar-button-inactive.expiration-notice-product-info, .slplaner-col-navbar-button-inactive.mehr-info, .slplaner-col-navbar-button-inactive.slplaner-two-col-collapsible-body-button, .lighten-2.slplaner-col-navbar-button, .slplaner-col-navbar-button.tt-date-nav, #time-chooser select.slplaner-col-navbar-button.tt-chooser-select,
#units-assigned-chooser select.slplaner-col-navbar-button.tt-chooser-select,
#location-chooser select.slplaner-col-navbar-button.tt-chooser-select,
#substitute-chooser select.slplaner-col-navbar-button.tt-chooser-select, .slplaner-col-navbar-button.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .slplaner-col-navbar-button.pep-versions-in-modal-col-title, .row.bubble-container .slplaner-col-navbar-button.bubble-plain-minimal, .landing-page .slplaner-col-navbar-button#legals-div, .slplaner-col-navbar-button.slplaner-two-col-collapsible-body-button-inactive, .slplaner-col-navbar-button.slplaner-access-actions-button, .slplaner-col-navbar-button.modal.slplaner-page-modal, .slplaner-col-navbar-button.slplaner-main, .slplaner-col-navbar-button.slplaner-darker-collapsible-header, .slplaner-col-navbar-button.tagesstrukturen-hub-header-color, .slplaner-col-navbar-button.schulgemeinde-hub-header-color, .slplaner-col-navbar-button.slplaner-col-navbar-button-inactive, .light-blue.slplaner-card, .slplaner-card.submit-in-dropdown-btn, .slplaner-card.abo-bearbeiten, .slplaner-card.expiration-notice-product-info, .slplaner-card.mehr-info, .slplaner-card.slplaner-two-col-collapsible-body-button, .slplaner-card.slplaner-col-navbar-button, .sidenav .collapsible-body > ul:not(.collapsible) > li.light-blue.active, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.submit-in-dropdown-btn, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.abo-bearbeiten, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.expiration-notice-product-info, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.mehr-info, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.slplaner-two-col-collapsible-body-button, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.slplaner-col-navbar-button {
  background-color: #4fc3f7 !important;
}

.light-blue-text.text-lighten-2, .text-lighten-2.slplaner-links-blue-color-text {
  color: #4fc3f7 !important;
}

.light-blue.lighten-1, .lighten-1.submit-in-dropdown-btn, .lighten-1.abo-bearbeiten, .lighten-1.expiration-notice-product-info, .lighten-1.mehr-info, .lighten-1.slplaner-two-col-collapsible-body-button, .lighten-1.slplaner-col-navbar-button, .light-blue.slplaner-col-navbar, .slplaner-col-navbar.submit-in-dropdown-btn, .slplaner-col-navbar.abo-bearbeiten, .slplaner-col-navbar.expiration-notice-product-info, .slplaner-col-navbar.mehr-info, .slplaner-col-navbar.slplaner-two-col-collapsible-body-button, .slplaner-col-navbar.slplaner-col-navbar-button {
  background-color: #29b6f6 !important;
}

.light-blue-text.text-lighten-1, .light-blue-text.slplaner-date-nav-button-inactive, .text-lighten-1.slplaner-links-blue-color-text, .slplaner-links-blue-color-text.slplaner-date-nav-button-inactive, #schuljahr-form-old .light-blue-text.select-dropdown.dropdown-trigger, #schuljahr-form-old .select-dropdown.dropdown-trigger.slplaner-links-blue-color-text {
  color: #29b6f6 !important;
}

.light-blue.darken-1, .submit-in-dropdown-btn, .light-blue.abo-beenden, .abo-bearbeiten, .darken-1.expiration-notice-product-info, .expiration-notice-product-info.abo-beenden, .mehr-info, .slplaner-two-col-collapsible-body-button, .slplaner-col-navbar-button {
  background-color: #039be5 !important;
}

.light-blue-text.text-darken-1, .slplaner-links-blue-color-text, .sv-person-vorjahr-only a.light-blue-text, .sv-person-vorjahr-only a.slplaner-links-blue-color-text {
  color: #039be5 !important;
}

.light-blue.darken-2, .darken-2.submit-in-dropdown-btn, .darken-2.abo-bearbeiten, .darken-2.expiration-notice-product-info, .darken-2.mehr-info, .darken-2.slplaner-two-col-collapsible-body-button, .darken-2.slplaner-col-navbar-button {
  background-color: #0288d1 !important;
}

.light-blue-text.text-darken-2, .text-darken-2.slplaner-links-blue-color-text {
  color: #0288d1 !important;
}

.light-blue.darken-3, .darken-3.submit-in-dropdown-btn, .darken-3.abo-bearbeiten, .darken-3.expiration-notice-product-info, .darken-3.mehr-info, .darken-3.slplaner-two-col-collapsible-body-button, .darken-3.slplaner-col-navbar-button, .light-blue.material-tooltip, .material-tooltip.submit-in-dropdown-btn, .material-tooltip.abo-bearbeiten, .material-tooltip.expiration-notice-product-info, .material-tooltip.mehr-info, .material-tooltip.slplaner-two-col-collapsible-body-button, .material-tooltip.slplaner-col-navbar-button, #toast-container .light-blue.toast, #toast-container .toast.submit-in-dropdown-btn, #toast-container .toast.abo-bearbeiten, #toast-container .toast.expiration-notice-product-info, #toast-container .toast.mehr-info, #toast-container .toast.slplaner-two-col-collapsible-body-button, #toast-container .toast.slplaner-col-navbar-button {
  background-color: #0277bd !important;
}

.light-blue-text.text-darken-3, .light-blue-text.meldung_status_no_comparison_color, .light-blue-text.slplaner-lock-button, .text-darken-3.slplaner-links-blue-color-text, .slplaner-links-blue-color-text.meldung_status_no_comparison_color, .slplaner-links-blue-color-text.slplaner-lock-button, .light-blue-text.person-freigabe-sv-off, .person-freigabe-sv-off.slplaner-links-blue-color-text,
.light-blue-text.person-mab-in-bearbeitung,
.person-mab-in-bearbeitung.slplaner-links-blue-color-text,
.light-blue-text.person-noch-kein-mab,
.person-noch-kein-mab.slplaner-links-blue-color-text, .light-blue-text.freigabe-new.unchecked, .freigabe-new.unchecked.slplaner-links-blue-color-text, .light-blue-text.freigabe-current.unchecked, .freigabe-current.unchecked.slplaner-links-blue-color-text, .light-blue-text.match-member-new.neutral, .match-member-new.neutral.slplaner-links-blue-color-text, .light-blue-text.freigabe-new.neutral, .freigabe-new.neutral.slplaner-links-blue-color-text {
  color: #0277bd !important;
}

.light-blue.darken-4, .darken-4.submit-in-dropdown-btn, .darken-4.abo-bearbeiten, .darken-4.expiration-notice-product-info, .darken-4.mehr-info, .darken-4.slplaner-two-col-collapsible-body-button, .darken-4.slplaner-col-navbar-button {
  background-color: #01579b !important;
}

.light-blue-text.text-darken-4, .text-darken-4.slplaner-links-blue-color-text, label.light-blue-text, label.slplaner-links-blue-color-text {
  color: #01579b !important;
}

.light-blue.accent-1, .accent-1.submit-in-dropdown-btn, .accent-1.abo-bearbeiten, .accent-1.expiration-notice-product-info, .accent-1.mehr-info, .accent-1.slplaner-two-col-collapsible-body-button, .accent-1.slplaner-col-navbar-button, .light-blue.color-5-alt, .color-5-alt.submit-in-dropdown-btn, .color-5-alt.abo-bearbeiten, .color-5-alt.expiration-notice-product-info, .color-5-alt.mehr-info, .color-5-alt.slplaner-two-col-collapsible-body-button, .color-5-alt.slplaner-col-navbar-button, .light-blue.color-4-alt, .color-4-alt.submit-in-dropdown-btn, .color-4-alt.abo-bearbeiten, .color-4-alt.expiration-notice-product-info, .color-4-alt.mehr-info, .color-4-alt.slplaner-two-col-collapsible-body-button, .color-4-alt.slplaner-col-navbar-button, .light-blue.color-3-alt, .color-3-alt.submit-in-dropdown-btn, .color-3-alt.abo-bearbeiten, .color-3-alt.expiration-notice-product-info, .color-3-alt.mehr-info, .color-3-alt.slplaner-two-col-collapsible-body-button, .color-3-alt.slplaner-col-navbar-button, .light-blue.color-2-alt, .color-2-alt.submit-in-dropdown-btn, .color-2-alt.abo-bearbeiten, .color-2-alt.expiration-notice-product-info, .color-2-alt.mehr-info, .color-2-alt.slplaner-two-col-collapsible-body-button, .color-2-alt.slplaner-col-navbar-button, .light-blue.color-1-alt, .color-1-alt.submit-in-dropdown-btn, .color-1-alt.abo-bearbeiten, .color-1-alt.expiration-notice-product-info, .color-1-alt.mehr-info, .color-1-alt.slplaner-two-col-collapsible-body-button, .color-1-alt.slplaner-col-navbar-button, .light-blue.color-3, .color-3.submit-in-dropdown-btn, .color-3.abo-bearbeiten, .color-3.expiration-notice-product-info, .color-3.mehr-info, .color-3.slplaner-two-col-collapsible-body-button, .color-3.slplaner-col-navbar-button, .light-blue.color-2, .color-2.submit-in-dropdown-btn, .color-2.abo-bearbeiten, .color-2.expiration-notice-product-info, .color-2.mehr-info, .color-2.slplaner-two-col-collapsible-body-button, .color-2.slplaner-col-navbar-button, .light-blue.color-1, .color-1.submit-in-dropdown-btn, .color-1.abo-bearbeiten, .color-1.expiration-notice-product-info, .color-1.mehr-info, .color-1.slplaner-two-col-collapsible-body-button, .color-1.slplaner-col-navbar-button {
  background-color: #80d8ff !important;
}

.light-blue-text.text-accent-1, .text-accent-1.slplaner-links-blue-color-text, .light-blue-text.color-5-alt-text, .color-5-alt-text.slplaner-links-blue-color-text, .light-blue-text.color-4-alt-text, .color-4-alt-text.slplaner-links-blue-color-text, .light-blue-text.color-3-alt-text, .color-3-alt-text.slplaner-links-blue-color-text, .light-blue-text.color-2-alt-text, .color-2-alt-text.slplaner-links-blue-color-text, .light-blue-text.color-1-alt-text, .color-1-alt-text.slplaner-links-blue-color-text {
  color: #80d8ff !important;
}

.light-blue.accent-2, .accent-2.submit-in-dropdown-btn, .accent-2.abo-bearbeiten, .accent-2.expiration-notice-product-info, .accent-2.mehr-info, .accent-2.slplaner-two-col-collapsible-body-button, .accent-2.slplaner-col-navbar-button {
  background-color: #40c4ff !important;
}

.light-blue-text.text-accent-2, .text-accent-2.slplaner-links-blue-color-text {
  color: #40c4ff !important;
}

.light-blue.accent-3, .accent-3.submit-in-dropdown-btn, .accent-3.abo-bearbeiten, .accent-3.expiration-notice-product-info, .accent-3.mehr-info, .accent-3.slplaner-two-col-collapsible-body-button, .accent-3.slplaner-col-navbar-button {
  background-color: #00b0ff !important;
}

.light-blue-text.text-accent-3, .text-accent-3.slplaner-links-blue-color-text, #schuljahr-form-future .light-blue-text.select-dropdown.dropdown-trigger, #schuljahr-form-future .select-dropdown.dropdown-trigger.slplaner-links-blue-color-text {
  color: #00b0ff !important;
}

.light-blue.accent-4, .accent-4.submit-in-dropdown-btn, .accent-4.abo-bearbeiten, .accent-4.expiration-notice-product-info, .accent-4.mehr-info, .accent-4.slplaner-two-col-collapsible-body-button, .accent-4.slplaner-col-navbar-button {
  background-color: #0091ea !important;
}

.light-blue-text.text-accent-4, .text-accent-4.slplaner-links-blue-color-text {
  color: #0091ea !important;
}

.cyan, .color-3-alt, .color-3 {
  background-color: #00bcd4 !important;
}

.cyan-text, .color-3-alt-text {
  color: #00bcd4 !important;
}

.cyan.lighten-5, .lighten-5.color-3-alt, .lighten-5.color-3 {
  background-color: #e0f7fa !important;
}

.cyan-text.text-lighten-5, .text-lighten-5.color-3-alt-text {
  color: #e0f7fa !important;
}

.cyan.lighten-4, .cyan.badge.slplaner-table-light-badge, .cyan.slplaner-light-badge, .lighten-4.color-3-alt, .color-3-alt.badge.slplaner-table-light-badge, .color-3-alt.slplaner-light-badge, .lighten-4.color-3, .color-3.badge.slplaner-table-light-badge, .color-3.slplaner-light-badge {
  background-color: #b2ebf2 !important;
}

.cyan-text.text-lighten-4, .text-lighten-4.color-3-alt-text {
  color: #b2ebf2 !important;
}

.cyan.lighten-3, #tt-planning-wrapper .cyan.chip.tt-elementable-asg-chip, .time-table > div.cyan.tt-col-header, .time-table > div.cyan.tt-row-header, .time-table > div.cyan.tt-top-left-cell, .row.bubble-container .cyan.bubble-plain, .cyan.row.bubble-container.navbar-bubble, body.cyan.landing-page, .cyan.slplaner-sidenav-go-to-products-link, .cyan.slplaner-sidenav-disabled-link, .lighten-3.color-3-alt, #tt-planning-wrapper .color-3-alt.chip.tt-elementable-asg-chip, .time-table > div.color-3-alt.tt-col-header, .time-table > div.color-3-alt.tt-row-header, .time-table > div.color-3-alt.tt-top-left-cell, .row.bubble-container .color-3-alt.bubble-plain, .color-3-alt.row.bubble-container.navbar-bubble, body.color-3-alt.landing-page, .color-3-alt.slplaner-sidenav-go-to-products-link, .color-3-alt.slplaner-sidenav-disabled-link, .cyan.color-5, .color-5.color-3-alt, .cyan.color-4, .color-4.color-3-alt, .lighten-3.color-3, #tt-planning-wrapper .color-3.chip.tt-elementable-asg-chip, .time-table > div.color-3.tt-col-header, .time-table > div.color-3.tt-row-header, .time-table > div.color-3.tt-top-left-cell, .row.bubble-container .color-3.bubble-plain, .color-3.row.bubble-container.navbar-bubble, body.color-3.landing-page, .color-3.slplaner-sidenav-go-to-products-link, .color-3.slplaner-sidenav-disabled-link, .color-3.color-5, .color-3.color-4 {
  background-color: #80deea !important;
}

.cyan-text.text-lighten-3, .cyan-text.slplaner-links-inactive-color-text, .cyan-text.match-member-new.unchecked, .cyan-text.match-member-current.unchecked, .text-lighten-3.color-3-alt-text, .color-3-alt-text.slplaner-links-inactive-color-text, .color-3-alt-text.match-member-new.unchecked, .color-3-alt-text.match-member-current.unchecked {
  color: #80deea !important;
}

.cyan.lighten-2, .cyan.tt-date-nav, #time-chooser select.cyan.tt-chooser-select,
#units-assigned-chooser select.cyan.tt-chooser-select,
#location-chooser select.cyan.tt-chooser-select,
#substitute-chooser select.cyan.tt-chooser-select, .cyan.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .cyan.pep-versions-in-modal-col-title, .row.bubble-container .cyan.bubble-plain-minimal, .landing-page .cyan#legals-div, .cyan.slplaner-two-col-collapsible-body-button-inactive, .cyan.slplaner-access-actions-button, .cyan.modal.slplaner-page-modal, .cyan.slplaner-main, .cyan.slplaner-darker-collapsible-header, .cyan.tagesstrukturen-hub-header-color, .cyan.schulgemeinde-hub-header-color, .cyan.slplaner-col-navbar-button-inactive, .cyan.slplaner-card, .lighten-2.color-3-alt, .color-3-alt.tt-date-nav, #time-chooser select.color-3-alt.tt-chooser-select,
#units-assigned-chooser select.color-3-alt.tt-chooser-select,
#location-chooser select.color-3-alt.tt-chooser-select,
#substitute-chooser select.color-3-alt.tt-chooser-select, .color-3-alt.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .color-3-alt.pep-versions-in-modal-col-title, .row.bubble-container .color-3-alt.bubble-plain-minimal, .landing-page .color-3-alt#legals-div, .color-3-alt.slplaner-two-col-collapsible-body-button-inactive, .color-3-alt.slplaner-access-actions-button, .color-3-alt.modal.slplaner-page-modal, .color-3-alt.slplaner-main, .color-3-alt.slplaner-darker-collapsible-header, .color-3-alt.tagesstrukturen-hub-header-color, .color-3-alt.schulgemeinde-hub-header-color, .color-3-alt.slplaner-col-navbar-button-inactive, .color-3-alt.slplaner-card, .lighten-2.color-3, .color-3.tt-date-nav, #time-chooser select.color-3.tt-chooser-select,
#units-assigned-chooser select.color-3.tt-chooser-select,
#location-chooser select.color-3.tt-chooser-select,
#substitute-chooser select.color-3.tt-chooser-select, .color-3.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .color-3.pep-versions-in-modal-col-title, .row.bubble-container .color-3.bubble-plain-minimal, .landing-page .color-3#legals-div, .color-3.slplaner-two-col-collapsible-body-button-inactive, .color-3.slplaner-access-actions-button, .color-3.modal.slplaner-page-modal, .color-3.slplaner-main, .color-3.slplaner-darker-collapsible-header, .color-3.tagesstrukturen-hub-header-color, .color-3.schulgemeinde-hub-header-color, .color-3.slplaner-col-navbar-button-inactive, .color-3.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.cyan.active, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.color-3-alt, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.color-3 {
  background-color: #4dd0e1 !important;
}

.cyan-text.text-lighten-2, .text-lighten-2.color-3-alt-text {
  color: #4dd0e1 !important;
}

.cyan.lighten-1, .cyan.slplaner-col-navbar, .lighten-1.color-3-alt, .color-3-alt.slplaner-col-navbar, .lighten-1.color-3, .color-3.slplaner-col-navbar {
  background-color: #26c6da !important;
}

.cyan-text.text-lighten-1, .cyan-text.slplaner-date-nav-button-inactive, #schuljahr-form-old .cyan-text.select-dropdown.dropdown-trigger, .text-lighten-1.color-3-alt-text, .color-3-alt-text.slplaner-date-nav-button-inactive, #schuljahr-form-old .color-3-alt-text.select-dropdown.dropdown-trigger {
  color: #26c6da !important;
}

.cyan.darken-1, .cyan.submit-in-dropdown-btn, .cyan.abo-beenden, .cyan.abo-bearbeiten, .cyan.mehr-info, .cyan.slplaner-two-col-collapsible-body-button, .cyan.slplaner-col-navbar-button, .darken-1.color-3-alt, .color-3-alt.submit-in-dropdown-btn, .color-3-alt.abo-beenden, .color-3-alt.abo-bearbeiten, .color-3-alt.mehr-info, .color-3-alt.slplaner-two-col-collapsible-body-button, .color-3-alt.slplaner-col-navbar-button, .darken-1.color-3, .color-3.submit-in-dropdown-btn, .color-3.abo-beenden, .color-3.abo-bearbeiten, .color-3.mehr-info, .color-3.slplaner-two-col-collapsible-body-button, .color-3.slplaner-col-navbar-button {
  background-color: #00acc1 !important;
}

.cyan-text.text-darken-1, .cyan-text.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.cyan-text, .text-darken-1.color-3-alt-text, .color-3-alt-text.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.color-3-alt-text {
  color: #00acc1 !important;
}

.cyan.darken-2, .darken-2.color-3-alt, .darken-2.color-3 {
  background-color: #0097a7 !important;
}

.cyan-text.text-darken-2, .text-darken-2.color-3-alt-text {
  color: #0097a7 !important;
}

.cyan.darken-3, .darken-3.color-3-alt, .darken-3.color-3, .cyan.material-tooltip, .material-tooltip.color-3-alt, .material-tooltip.color-3, #toast-container .cyan.toast, #toast-container .toast.color-3-alt, #toast-container .toast.color-3 {
  background-color: #00838f !important;
}

.cyan-text.text-darken-3, .cyan-text.meldung_status_no_comparison_color, .cyan-text.slplaner-lock-button, .cyan-text.person-freigabe-sv-off,
.cyan-text.person-mab-in-bearbeitung,
.cyan-text.person-noch-kein-mab, .cyan-text.freigabe-new.unchecked, .cyan-text.freigabe-current.unchecked, .cyan-text.match-member-new.neutral, .cyan-text.freigabe-new.neutral, .text-darken-3.color-3-alt-text, .color-3-alt-text.meldung_status_no_comparison_color, .color-3-alt-text.slplaner-lock-button, .color-3-alt-text.person-freigabe-sv-off,
.color-3-alt-text.person-mab-in-bearbeitung,
.color-3-alt-text.person-noch-kein-mab, .color-3-alt-text.freigabe-new.unchecked, .color-3-alt-text.freigabe-current.unchecked, .color-3-alt-text.match-member-new.neutral, .color-3-alt-text.freigabe-new.neutral {
  color: #00838f !important;
}

.cyan.darken-4, .darken-4.color-3-alt, .darken-4.color-3 {
  background-color: #006064 !important;
}

.cyan-text.text-darken-4, .text-darken-4.color-3-alt-text, label.cyan-text, label.color-3-alt-text {
  color: #006064 !important;
}

.cyan.accent-1, .cyan.color-5-alt, .cyan.color-4-alt, .color-3-alt, .cyan.color-2-alt, .cyan.color-1-alt, .color-3, .cyan.color-2, .cyan.color-1 {
  background-color: #84ffff !important;
}

.cyan-text.text-accent-1, .cyan-text.color-5-alt-text, .cyan-text.color-4-alt-text, .color-3-alt-text, .cyan-text.color-2-alt-text, .cyan-text.color-1-alt-text {
  color: #84ffff !important;
}

.cyan.accent-2, .accent-2.color-3-alt, .accent-2.color-3 {
  background-color: #18ffff !important;
}

.cyan-text.text-accent-2, .text-accent-2.color-3-alt-text {
  color: #18ffff !important;
}

.cyan.accent-3, .accent-3.color-3-alt, .accent-3.color-3 {
  background-color: #00e5ff !important;
}

.cyan-text.text-accent-3, #schuljahr-form-future .cyan-text.select-dropdown.dropdown-trigger, .text-accent-3.color-3-alt-text, #schuljahr-form-future .color-3-alt-text.select-dropdown.dropdown-trigger {
  color: #00e5ff !important;
}

.cyan.accent-4, .accent-4.color-3-alt, .accent-4.color-3 {
  background-color: #00b8d4 !important;
}

.cyan-text.text-accent-4, .text-accent-4.color-3-alt-text {
  color: #00b8d4 !important;
}

.teal {
  background-color: #009688 !important;
}

.teal-text {
  color: #009688 !important;
}

.teal.lighten-5 {
  background-color: #e0f2f1 !important;
}

.teal-text.text-lighten-5 {
  color: #e0f2f1 !important;
}

.teal.lighten-4, .teal.badge.slplaner-table-light-badge, .teal.slplaner-light-badge {
  background-color: #b2dfdb !important;
}

.teal-text.text-lighten-4 {
  color: #b2dfdb !important;
}

.teal.lighten-3, #tt-planning-wrapper .teal.chip.tt-elementable-asg-chip, .time-table > div.teal.tt-col-header, .time-table > div.teal.tt-row-header, .time-table > div.teal.tt-top-left-cell, .row.bubble-container .teal.bubble-plain, .teal.row.bubble-container.navbar-bubble, body.teal.landing-page, .teal.slplaner-sidenav-go-to-products-link, .teal.slplaner-sidenav-disabled-link, .teal.color-5, .teal.color-4 {
  background-color: #80cbc4 !important;
}

.teal-text.text-lighten-3, .teal-text.slplaner-links-inactive-color-text, .teal-text.match-member-new.unchecked, .teal-text.match-member-current.unchecked {
  color: #80cbc4 !important;
}

.teal.lighten-2, .teal.tt-date-nav, #time-chooser select.teal.tt-chooser-select,
#units-assigned-chooser select.teal.tt-chooser-select,
#location-chooser select.teal.tt-chooser-select,
#substitute-chooser select.teal.tt-chooser-select, .teal.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .teal.pep-versions-in-modal-col-title, .row.bubble-container .teal.bubble-plain-minimal, .landing-page .teal#legals-div, .teal.slplaner-two-col-collapsible-body-button-inactive, .teal.slplaner-access-actions-button, .teal.modal.slplaner-page-modal, .teal.slplaner-main, .teal.slplaner-darker-collapsible-header, .teal.tagesstrukturen-hub-header-color, .teal.schulgemeinde-hub-header-color, .teal.slplaner-col-navbar-button-inactive, .teal.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.teal.active {
  background-color: #4db6ac !important;
}

.teal-text.text-lighten-2 {
  color: #4db6ac !important;
}

.teal.lighten-1, .teal.slplaner-col-navbar {
  background-color: #26a69a !important;
}

.teal-text.text-lighten-1, .teal-text.slplaner-date-nav-button-inactive, #schuljahr-form-old .teal-text.select-dropdown.dropdown-trigger {
  color: #26a69a !important;
}

.teal.darken-1, .teal.submit-in-dropdown-btn, .teal.abo-beenden, .teal.abo-bearbeiten, .teal.mehr-info, .teal.slplaner-two-col-collapsible-body-button, .teal.slplaner-col-navbar-button {
  background-color: #00897b !important;
}

.teal-text.text-darken-1, .teal-text.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.teal-text {
  color: #00897b !important;
}

.teal.darken-2 {
  background-color: #00796b !important;
}

.teal-text.text-darken-2 {
  color: #00796b !important;
}

.teal.darken-3, .teal.material-tooltip, #toast-container .teal.toast {
  background-color: #00695c !important;
}

.teal-text.text-darken-3, .teal-text.meldung_status_no_comparison_color, .teal-text.slplaner-lock-button, .teal-text.person-freigabe-sv-off,
.teal-text.person-mab-in-bearbeitung,
.teal-text.person-noch-kein-mab, .teal-text.freigabe-new.unchecked, .teal-text.freigabe-current.unchecked, .teal-text.match-member-new.neutral, .teal-text.freigabe-new.neutral {
  color: #00695c !important;
}

.teal.darken-4 {
  background-color: #004d40 !important;
}

.teal-text.text-darken-4, label.teal-text {
  color: #004d40 !important;
}

.teal.accent-1, .teal.color-5-alt, .teal.color-4-alt, .teal.color-3-alt, .teal.color-2-alt, .teal.color-1-alt, .teal.color-3, .teal.color-2, .teal.color-1 {
  background-color: #a7ffeb !important;
}

.teal-text.text-accent-1, .teal-text.color-5-alt-text, .teal-text.color-4-alt-text, .teal-text.color-3-alt-text, .teal-text.color-2-alt-text, .teal-text.color-1-alt-text {
  color: #a7ffeb !important;
}

.teal.accent-2 {
  background-color: #64ffda !important;
}

.teal-text.text-accent-2 {
  color: #64ffda !important;
}

.teal.accent-3 {
  background-color: #1de9b6 !important;
}

.teal-text.text-accent-3, #schuljahr-form-future .teal-text.select-dropdown.dropdown-trigger {
  color: #1de9b6 !important;
}

.teal.accent-4 {
  background-color: #00bfa5 !important;
}

.teal-text.text-accent-4 {
  color: #00bfa5 !important;
}

.green, .abonnieren-color, .abonnieren {
  background-color: #4CAF50 !important;
}

.green-text, .meldung_status_matched_color, .abonnieren-color-text, .marketing-current i.product-time-period-icon, .marketing-published i.product-icon,
.marketing-published i.tier-icon, .person-freigabe-sv-on, .person-mab-uebermittelt, .multi-match-checkbox.grading.checked, .match-member-new.checked, .match-member-current.checked,
.freigabe-new.checked, .freigabe-current.checked {
  color: #4CAF50 !important;
}

.green.lighten-5, .lighten-5.abonnieren-color, .lighten-5.abonnieren {
  background-color: #E8F5E9 !important;
}

.green-text.text-lighten-5, .text-lighten-5.meldung_status_matched_color, .text-lighten-5.abonnieren-color-text, .marketing-current i.text-lighten-5.product-time-period-icon, .marketing-published i.text-lighten-5.product-icon,
.marketing-published i.text-lighten-5.tier-icon, .text-lighten-5.person-freigabe-sv-on, .text-lighten-5.person-mab-uebermittelt, .text-lighten-5.multi-match-checkbox.grading.checked, .text-lighten-5.match-member-new.checked, .text-lighten-5.match-member-current.checked,
.text-lighten-5.freigabe-new.checked, .text-lighten-5.freigabe-current.checked {
  color: #E8F5E9 !important;
}

.green.lighten-4, .lighten-4.abonnieren-color, .lighten-4.abonnieren, .green.badge.slplaner-table-light-badge, .badge.slplaner-table-light-badge.abonnieren-color, .badge.slplaner-table-light-badge.abonnieren, .green.slplaner-light-badge, .slplaner-light-badge.abonnieren-color, .slplaner-light-badge.abonnieren {
  background-color: #C8E6C9 !important;
}

.green-text.text-lighten-4, .text-lighten-4.meldung_status_matched_color, .text-lighten-4.abonnieren-color-text, .marketing-current i.text-lighten-4.product-time-period-icon, .marketing-published i.text-lighten-4.product-icon,
.marketing-published i.text-lighten-4.tier-icon, .text-lighten-4.person-freigabe-sv-on, .text-lighten-4.person-mab-uebermittelt, .text-lighten-4.multi-match-checkbox.grading.checked, .text-lighten-4.match-member-new.checked, .text-lighten-4.match-member-current.checked,
.text-lighten-4.freigabe-new.checked, .text-lighten-4.freigabe-current.checked {
  color: #C8E6C9 !important;
}

.green.lighten-3, #tt-planning-wrapper .green.chip.tt-elementable-asg-chip, .time-table > div.green.tt-col-header, .time-table > div.green.tt-row-header, .time-table > div.green.tt-top-left-cell, .row.bubble-container .green.bubble-plain, .green.row.bubble-container.navbar-bubble, .lighten-3.abonnieren-color, #tt-planning-wrapper .abonnieren-color.chip.tt-elementable-asg-chip, .time-table > div.abonnieren-color.tt-col-header, .time-table > div.abonnieren-color.tt-row-header, .time-table > div.abonnieren-color.tt-top-left-cell, .row.bubble-container .abonnieren-color.bubble-plain, .abonnieren-color.row.bubble-container.navbar-bubble, .lighten-3.abonnieren, #tt-planning-wrapper .abonnieren.chip.tt-elementable-asg-chip, .time-table > div.abonnieren.tt-col-header, .time-table > div.abonnieren.tt-row-header, .time-table > div.abonnieren.tt-top-left-cell, .row.bubble-container .abonnieren.bubble-plain, .abonnieren.row.bubble-container.navbar-bubble, body.green.landing-page, body.landing-page.abonnieren-color, body.landing-page.abonnieren, .green.slplaner-sidenav-go-to-products-link, .slplaner-sidenav-go-to-products-link.abonnieren-color, .slplaner-sidenav-go-to-products-link.abonnieren, .green.slplaner-sidenav-disabled-link, .slplaner-sidenav-disabled-link.abonnieren-color, .slplaner-sidenav-disabled-link.abonnieren, .green.color-5, .color-5.abonnieren-color, .color-5.abonnieren, .green.color-4, .color-4.abonnieren-color, .color-4.abonnieren {
  background-color: #A5D6A7 !important;
}

.green-text.text-lighten-3, .text-lighten-3.meldung_status_matched_color, .text-lighten-3.abonnieren-color-text, .marketing-current i.text-lighten-3.product-time-period-icon, .marketing-published i.text-lighten-3.product-icon,
.marketing-published i.text-lighten-3.tier-icon, .green-text.slplaner-links-inactive-color-text, .slplaner-links-inactive-color-text.meldung_status_matched_color, .slplaner-links-inactive-color-text.abonnieren-color-text, .marketing-current i.slplaner-links-inactive-color-text.product-time-period-icon, .marketing-published i.slplaner-links-inactive-color-text.product-icon,
.marketing-published i.slplaner-links-inactive-color-text.tier-icon, .text-lighten-3.person-freigabe-sv-on, .person-freigabe-sv-on.slplaner-links-inactive-color-text, .text-lighten-3.person-mab-uebermittelt, .person-mab-uebermittelt.slplaner-links-inactive-color-text, .green-text.match-member-new.unchecked, .match-member-new.unchecked.meldung_status_matched_color, .match-member-new.unchecked.abonnieren-color-text, .marketing-current i.match-member-new.unchecked.product-time-period-icon, .marketing-published i.match-member-new.unchecked.product-icon,
.marketing-published i.match-member-new.unchecked.tier-icon, .match-member-new.unchecked.person-freigabe-sv-on, .match-member-new.unchecked.person-mab-uebermittelt, .green-text.match-member-current.unchecked, .match-member-current.unchecked.meldung_status_matched_color, .match-member-current.unchecked.abonnieren-color-text, .marketing-current i.match-member-current.unchecked.product-time-period-icon, .marketing-published i.match-member-current.unchecked.product-icon,
.marketing-published i.match-member-current.unchecked.tier-icon, .match-member-current.unchecked.person-freigabe-sv-on, .match-member-current.unchecked.person-mab-uebermittelt, .text-lighten-3.multi-match-checkbox.grading.checked, .multi-match-checkbox.grading.checked.slplaner-links-inactive-color-text, .text-lighten-3.match-member-new.checked, .match-member-new.checked.slplaner-links-inactive-color-text, .match-member-new.checked.unchecked, .text-lighten-3.match-member-current.checked, .match-member-current.checked.slplaner-links-inactive-color-text, .match-member-current.checked.unchecked,
.text-lighten-3.freigabe-new.checked,
.freigabe-new.checked.slplaner-links-inactive-color-text, .text-lighten-3.freigabe-current.checked, .freigabe-current.checked.slplaner-links-inactive-color-text {
  color: #A5D6A7 !important;
}

.green.lighten-2, .green.tt-date-nav, #time-chooser select.green.tt-chooser-select,
#units-assigned-chooser select.green.tt-chooser-select,
#location-chooser select.green.tt-chooser-select,
#substitute-chooser select.green.tt-chooser-select, .green.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .green.pep-versions-in-modal-col-title, .row.bubble-container .green.bubble-plain-minimal, .lighten-2.abonnieren-color, .abonnieren-color.tt-date-nav, #time-chooser select.abonnieren-color.tt-chooser-select,
#units-assigned-chooser select.abonnieren-color.tt-chooser-select,
#location-chooser select.abonnieren-color.tt-chooser-select,
#substitute-chooser select.abonnieren-color.tt-chooser-select, .abonnieren-color.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .abonnieren-color.pep-versions-in-modal-col-title, .row.bubble-container .abonnieren-color.bubble-plain-minimal, .lighten-2.abonnieren, .abonnieren.tt-date-nav, #time-chooser select.abonnieren.tt-chooser-select,
#units-assigned-chooser select.abonnieren.tt-chooser-select,
#location-chooser select.abonnieren.tt-chooser-select,
#substitute-chooser select.abonnieren.tt-chooser-select, .abonnieren.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .abonnieren.pep-versions-in-modal-col-title, .row.bubble-container .abonnieren.bubble-plain-minimal, .landing-page .green#legals-div, .landing-page #legals-div.abonnieren-color, .landing-page #legals-div.abonnieren, .green.slplaner-two-col-collapsible-body-button-inactive, .slplaner-two-col-collapsible-body-button-inactive.abonnieren-color, .slplaner-two-col-collapsible-body-button-inactive.abonnieren, .green.slplaner-access-actions-button, .slplaner-access-actions-button.abonnieren-color, .slplaner-access-actions-button.abonnieren, .green.modal.slplaner-page-modal, .modal.slplaner-page-modal.abonnieren-color, .modal.slplaner-page-modal.abonnieren, .green.slplaner-main, .slplaner-main.abonnieren-color, .slplaner-main.abonnieren, .green.slplaner-darker-collapsible-header, .slplaner-darker-collapsible-header.abonnieren-color, .slplaner-darker-collapsible-header.abonnieren, .green.tagesstrukturen-hub-header-color, .tagesstrukturen-hub-header-color.abonnieren-color, .tagesstrukturen-hub-header-color.abonnieren, .green.schulgemeinde-hub-header-color, .schulgemeinde-hub-header-color.abonnieren-color, .schulgemeinde-hub-header-color.abonnieren, .green.slplaner-col-navbar-button-inactive, .slplaner-col-navbar-button-inactive.abonnieren-color, .slplaner-col-navbar-button-inactive.abonnieren, .green.slplaner-card, .slplaner-card.abonnieren-color, .slplaner-card.abonnieren, .sidenav .collapsible-body > ul:not(.collapsible) > li.green.active, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.abonnieren-color, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.abonnieren {
  background-color: #81C784 !important;
}

.green-text.text-lighten-2, .text-lighten-2.meldung_status_matched_color, .text-lighten-2.abonnieren-color-text, .marketing-current i.text-lighten-2.product-time-period-icon, .marketing-published i.text-lighten-2.product-icon,
.marketing-published i.text-lighten-2.tier-icon, .text-lighten-2.person-freigabe-sv-on, .text-lighten-2.person-mab-uebermittelt, .text-lighten-2.multi-match-checkbox.grading.checked, .text-lighten-2.match-member-new.checked, .text-lighten-2.match-member-current.checked,
.text-lighten-2.freigabe-new.checked, .text-lighten-2.freigabe-current.checked {
  color: #81C784 !important;
}

.green.lighten-1, .lighten-1.abonnieren-color, .lighten-1.abonnieren, .green.slplaner-col-navbar, .slplaner-col-navbar.abonnieren-color, .slplaner-col-navbar.abonnieren {
  background-color: #66BB6A !important;
}

.green-text.text-lighten-1, .text-lighten-1.meldung_status_matched_color, .text-lighten-1.abonnieren-color-text, .marketing-current i.text-lighten-1.product-time-period-icon, .marketing-published i.text-lighten-1.product-icon,
.marketing-published i.text-lighten-1.tier-icon, .green-text.slplaner-date-nav-button-inactive, .slplaner-date-nav-button-inactive.meldung_status_matched_color, .slplaner-date-nav-button-inactive.abonnieren-color-text, .marketing-current i.slplaner-date-nav-button-inactive.product-time-period-icon, .marketing-published i.slplaner-date-nav-button-inactive.product-icon,
.marketing-published i.slplaner-date-nav-button-inactive.tier-icon, .text-lighten-1.person-freigabe-sv-on, .person-freigabe-sv-on.slplaner-date-nav-button-inactive, .text-lighten-1.person-mab-uebermittelt, .person-mab-uebermittelt.slplaner-date-nav-button-inactive, .text-lighten-1.multi-match-checkbox.grading.checked, .multi-match-checkbox.grading.checked.slplaner-date-nav-button-inactive, .text-lighten-1.match-member-new.checked, .match-member-new.checked.slplaner-date-nav-button-inactive, .text-lighten-1.match-member-current.checked, .match-member-current.checked.slplaner-date-nav-button-inactive,
.text-lighten-1.freigabe-new.checked,
.freigabe-new.checked.slplaner-date-nav-button-inactive, .text-lighten-1.freigabe-current.checked, .freigabe-current.checked.slplaner-date-nav-button-inactive, #schuljahr-form-old .green-text.select-dropdown.dropdown-trigger, #schuljahr-form-old .select-dropdown.dropdown-trigger.meldung_status_matched_color, #schuljahr-form-old .select-dropdown.dropdown-trigger.abonnieren-color-text, #schuljahr-form-old .marketing-current i.select-dropdown.dropdown-trigger.product-time-period-icon, .marketing-current #schuljahr-form-old i.select-dropdown.dropdown-trigger.product-time-period-icon, #schuljahr-form-old .marketing-published i.select-dropdown.dropdown-trigger.product-icon, .marketing-published #schuljahr-form-old i.select-dropdown.dropdown-trigger.product-icon,
#schuljahr-form-old .marketing-published i.select-dropdown.dropdown-trigger.tier-icon,
.marketing-published #schuljahr-form-old i.select-dropdown.dropdown-trigger.tier-icon, #schuljahr-form-old .select-dropdown.dropdown-trigger.person-freigabe-sv-on, #schuljahr-form-old .select-dropdown.dropdown-trigger.person-mab-uebermittelt, #schuljahr-form-old .select-dropdown.dropdown-trigger.multi-match-checkbox.grading.checked, #schuljahr-form-old .select-dropdown.dropdown-trigger.match-member-new.checked, #schuljahr-form-old .select-dropdown.dropdown-trigger.match-member-current.checked,
#schuljahr-form-old .select-dropdown.dropdown-trigger.freigabe-new.checked, #schuljahr-form-old .select-dropdown.dropdown-trigger.freigabe-current.checked {
  color: #66BB6A !important;
}

.green.darken-1, .green.submit-in-dropdown-btn, .green.abo-beenden, .green.abo-bearbeiten, .green.mehr-info, .darken-1.abonnieren-color, .abonnieren-color.submit-in-dropdown-btn, .abonnieren-color.abo-beenden, .abonnieren-color.abo-bearbeiten, .abonnieren-color.mehr-info, .darken-1.abonnieren, .abonnieren.submit-in-dropdown-btn, .abonnieren.abo-beenden, .abonnieren.abo-bearbeiten, .abonnieren.mehr-info, .green.slplaner-two-col-collapsible-body-button, .slplaner-two-col-collapsible-body-button.abonnieren-color, .slplaner-two-col-collapsible-body-button.abonnieren, .green.slplaner-col-navbar-button, .slplaner-col-navbar-button.abonnieren-color, .slplaner-col-navbar-button.abonnieren {
  background-color: #43A047 !important;
}

.green-text.text-darken-1, .text-darken-1.meldung_status_matched_color, .text-darken-1.abonnieren-color-text, .marketing-current i.text-darken-1.product-time-period-icon, .marketing-published i.text-darken-1.product-icon,
.marketing-published i.text-darken-1.tier-icon, .green-text.slplaner-links-blue-color-text, .slplaner-links-blue-color-text.meldung_status_matched_color, .slplaner-links-blue-color-text.abonnieren-color-text, .marketing-current i.slplaner-links-blue-color-text.product-time-period-icon, .marketing-published i.slplaner-links-blue-color-text.product-icon,
.marketing-published i.slplaner-links-blue-color-text.tier-icon, .sv-person-vorjahr-only a.green-text, .sv-person-vorjahr-only a.meldung_status_matched_color, .sv-person-vorjahr-only a.abonnieren-color-text, .text-darken-1.person-freigabe-sv-on, .person-freigabe-sv-on.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.person-freigabe-sv-on, .text-darken-1.person-mab-uebermittelt, .person-mab-uebermittelt.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.person-mab-uebermittelt, .text-darken-1.multi-match-checkbox.grading.checked, .multi-match-checkbox.grading.checked.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.multi-match-checkbox.grading.checked, .text-darken-1.match-member-new.checked, .match-member-new.checked.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.match-member-new.checked, .text-darken-1.match-member-current.checked, .match-member-current.checked.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.match-member-current.checked,
.text-darken-1.freigabe-new.checked,
.freigabe-new.checked.slplaner-links-blue-color-text,
.sv-person-vorjahr-only a.freigabe-new.checked, .text-darken-1.freigabe-current.checked, .freigabe-current.checked.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.freigabe-current.checked {
  color: #43A047 !important;
}

.green.darken-2, .darken-2.abonnieren-color, .darken-2.abonnieren {
  background-color: #388E3C !important;
}

.green-text.text-darken-2, .text-darken-2.meldung_status_matched_color, .text-darken-2.abonnieren-color-text, .marketing-current i.text-darken-2.product-time-period-icon, .marketing-published i.text-darken-2.product-icon,
.marketing-published i.text-darken-2.tier-icon, .text-darken-2.person-freigabe-sv-on, .text-darken-2.person-mab-uebermittelt, .text-darken-2.multi-match-checkbox.grading.checked, .text-darken-2.match-member-new.checked, .text-darken-2.match-member-current.checked,
.text-darken-2.freigabe-new.checked, .text-darken-2.freigabe-current.checked {
  color: #388E3C !important;
}

.green.darken-3, .darken-3.abonnieren-color, .darken-3.abonnieren, .green.material-tooltip, .material-tooltip.abonnieren-color, .material-tooltip.abonnieren, #toast-container .green.toast, #toast-container .toast.abonnieren-color, #toast-container .toast.abonnieren {
  background-color: #2E7D32 !important;
}

.green-text.text-darken-3, .text-darken-3.meldung_status_matched_color, .green-text.meldung_status_no_comparison_color, .meldung_status_no_comparison_color.meldung_status_matched_color, .text-darken-3.abonnieren-color-text, .abonnieren-color-text.meldung_status_no_comparison_color, .marketing-current i.text-darken-3.product-time-period-icon, .marketing-current i.product-time-period-icon.meldung_status_no_comparison_color, .marketing-published i.text-darken-3.product-icon, .marketing-published i.product-icon.meldung_status_no_comparison_color,
.marketing-published i.text-darken-3.tier-icon,
.marketing-published i.tier-icon.meldung_status_no_comparison_color, .green-text.slplaner-lock-button, .slplaner-lock-button.meldung_status_matched_color, .slplaner-lock-button.abonnieren-color-text, .marketing-current i.slplaner-lock-button.product-time-period-icon, .marketing-published i.slplaner-lock-button.product-icon,
.marketing-published i.slplaner-lock-button.tier-icon, .green-text.person-freigabe-sv-off, .person-freigabe-sv-off.meldung_status_matched_color, .person-freigabe-sv-off.abonnieren-color-text, .marketing-current i.person-freigabe-sv-off.product-time-period-icon, .marketing-published i.person-freigabe-sv-off.product-icon,
.marketing-published i.person-freigabe-sv-off.tier-icon,
.green-text.person-mab-in-bearbeitung,
.person-mab-in-bearbeitung.meldung_status_matched_color,
.person-mab-in-bearbeitung.abonnieren-color-text,
.marketing-current i.person-mab-in-bearbeitung.product-time-period-icon,
.marketing-published i.person-mab-in-bearbeitung.product-icon,
.marketing-published i.person-mab-in-bearbeitung.tier-icon,
.green-text.person-noch-kein-mab,
.person-noch-kein-mab.meldung_status_matched_color,
.person-noch-kein-mab.abonnieren-color-text,
.marketing-current i.person-noch-kein-mab.product-time-period-icon,
.marketing-published i.person-noch-kein-mab.product-icon,
.marketing-published i.person-noch-kein-mab.tier-icon, .text-darken-3.person-freigabe-sv-on, .person-freigabe-sv-on.meldung_status_no_comparison_color, .person-freigabe-sv-on.slplaner-lock-button, .person-freigabe-sv-on.person-freigabe-sv-off,
.person-freigabe-sv-on.person-mab-in-bearbeitung,
.person-freigabe-sv-on.person-noch-kein-mab, .text-darken-3.person-mab-uebermittelt, .person-mab-uebermittelt.meldung_status_no_comparison_color, .person-mab-uebermittelt.slplaner-lock-button, .person-mab-uebermittelt.person-freigabe-sv-off,
.person-mab-uebermittelt.person-mab-in-bearbeitung,
.person-mab-uebermittelt.person-noch-kein-mab, .green-text.freigabe-new.unchecked, .freigabe-new.unchecked.meldung_status_matched_color, .freigabe-new.unchecked.abonnieren-color-text, .marketing-current i.freigabe-new.unchecked.product-time-period-icon, .marketing-published i.freigabe-new.unchecked.product-icon,
.marketing-published i.freigabe-new.unchecked.tier-icon, .freigabe-new.unchecked.person-freigabe-sv-on, .freigabe-new.unchecked.person-mab-uebermittelt, .green-text.freigabe-current.unchecked, .freigabe-current.unchecked.meldung_status_matched_color, .freigabe-current.unchecked.abonnieren-color-text, .marketing-current i.freigabe-current.unchecked.product-time-period-icon, .marketing-published i.freigabe-current.unchecked.product-icon,
.marketing-published i.freigabe-current.unchecked.tier-icon, .freigabe-current.unchecked.person-freigabe-sv-on, .freigabe-current.unchecked.person-mab-uebermittelt, .text-darken-3.multi-match-checkbox.grading.checked, .multi-match-checkbox.grading.checked.meldung_status_no_comparison_color, .multi-match-checkbox.grading.checked.slplaner-lock-button, .multi-match-checkbox.grading.checked.person-freigabe-sv-off,
.multi-match-checkbox.grading.checked.person-mab-in-bearbeitung,
.multi-match-checkbox.grading.checked.person-noch-kein-mab, .green-text.match-member-new.neutral, .match-member-new.neutral.meldung_status_matched_color, .match-member-new.neutral.abonnieren-color-text, .marketing-current i.match-member-new.neutral.product-time-period-icon, .marketing-published i.match-member-new.neutral.product-icon,
.marketing-published i.match-member-new.neutral.tier-icon, .match-member-new.neutral.person-freigabe-sv-on, .match-member-new.neutral.person-mab-uebermittelt, .green-text.freigabe-new.neutral, .freigabe-new.neutral.meldung_status_matched_color, .freigabe-new.neutral.abonnieren-color-text, .marketing-current i.freigabe-new.neutral.product-time-period-icon, .marketing-published i.freigabe-new.neutral.product-icon,
.marketing-published i.freigabe-new.neutral.tier-icon, .freigabe-new.neutral.person-freigabe-sv-on, .freigabe-new.neutral.person-mab-uebermittelt, .text-darken-3.match-member-new.checked, .match-member-new.checked.meldung_status_no_comparison_color, .match-member-new.checked.slplaner-lock-button, .match-member-new.checked.person-freigabe-sv-off,
.match-member-new.checked.person-mab-in-bearbeitung,
.match-member-new.checked.person-noch-kein-mab, .match-member-new.checked.neutral, .text-darken-3.match-member-current.checked, .match-member-current.checked.meldung_status_no_comparison_color, .match-member-current.checked.slplaner-lock-button, .match-member-current.checked.person-freigabe-sv-off,
.match-member-current.checked.person-mab-in-bearbeitung,
.match-member-current.checked.person-noch-kein-mab,
.text-darken-3.freigabe-new.checked,
.freigabe-new.checked.meldung_status_no_comparison_color,
.freigabe-new.checked.slplaner-lock-button,
.freigabe-new.checked.person-freigabe-sv-off,
.freigabe-new.checked.person-mab-in-bearbeitung,
.freigabe-new.checked.person-noch-kein-mab,
.freigabe-new.checked.unchecked,
.freigabe-new.checked.neutral, .text-darken-3.freigabe-current.checked, .freigabe-current.checked.meldung_status_no_comparison_color, .freigabe-current.checked.slplaner-lock-button, .freigabe-current.checked.person-freigabe-sv-off,
.freigabe-current.checked.person-mab-in-bearbeitung,
.freigabe-current.checked.person-noch-kein-mab, .freigabe-current.checked.unchecked {
  color: #2E7D32 !important;
}

.green.darken-4, .darken-4.abonnieren-color, .darken-4.abonnieren {
  background-color: #1B5E20 !important;
}

.green-text.text-darken-4, .text-darken-4.meldung_status_matched_color, .text-darken-4.abonnieren-color-text, .marketing-current i.text-darken-4.product-time-period-icon, .marketing-published i.text-darken-4.product-icon,
.marketing-published i.text-darken-4.tier-icon, .text-darken-4.person-freigabe-sv-on, .text-darken-4.person-mab-uebermittelt, .text-darken-4.multi-match-checkbox.grading.checked, .text-darken-4.match-member-new.checked, .text-darken-4.match-member-current.checked,
.text-darken-4.freigabe-new.checked, .text-darken-4.freigabe-current.checked, label.green-text, label.meldung_status_matched_color, label.abonnieren-color-text, label.person-freigabe-sv-on, label.person-mab-uebermittelt, label.multi-match-checkbox.grading.checked, label.match-member-new.checked, label.match-member-current.checked,
label.freigabe-new.checked, label.freigabe-current.checked {
  color: #1B5E20 !important;
}

.green.accent-1, .accent-1.abonnieren-color, .accent-1.abonnieren, .green.color-5-alt, .color-5-alt.abonnieren-color, .color-5-alt.abonnieren, .green.color-4-alt, .color-4-alt.abonnieren-color, .color-4-alt.abonnieren, .green.color-3-alt, .color-3-alt.abonnieren-color, .color-3-alt.abonnieren, .green.color-2-alt, .color-2-alt.abonnieren-color, .color-2-alt.abonnieren, .green.color-1-alt, .color-1-alt.abonnieren-color, .color-1-alt.abonnieren, .green.color-3, .color-3.abonnieren-color, .color-3.abonnieren, .green.color-2, .color-2.abonnieren-color, .color-2.abonnieren, .green.color-1, .color-1.abonnieren-color, .color-1.abonnieren {
  background-color: #B9F6CA !important;
}

.green-text.text-accent-1, .text-accent-1.meldung_status_matched_color, .text-accent-1.abonnieren-color-text, .marketing-current i.text-accent-1.product-time-period-icon, .marketing-published i.text-accent-1.product-icon,
.marketing-published i.text-accent-1.tier-icon, .text-accent-1.person-freigabe-sv-on, .text-accent-1.person-mab-uebermittelt, .text-accent-1.multi-match-checkbox.grading.checked, .text-accent-1.match-member-new.checked, .text-accent-1.match-member-current.checked,
.text-accent-1.freigabe-new.checked, .text-accent-1.freigabe-current.checked, .green-text.color-5-alt-text, .color-5-alt-text.meldung_status_matched_color, .color-5-alt-text.abonnieren-color-text, .marketing-current i.color-5-alt-text.product-time-period-icon, .marketing-published i.color-5-alt-text.product-icon,
.marketing-published i.color-5-alt-text.tier-icon, .color-5-alt-text.person-freigabe-sv-on, .color-5-alt-text.person-mab-uebermittelt, .color-5-alt-text.multi-match-checkbox.grading.checked, .color-5-alt-text.match-member-new.checked, .color-5-alt-text.match-member-current.checked,
.color-5-alt-text.freigabe-new.checked, .color-5-alt-text.freigabe-current.checked, .green-text.color-4-alt-text, .color-4-alt-text.meldung_status_matched_color, .color-4-alt-text.abonnieren-color-text, .marketing-current i.color-4-alt-text.product-time-period-icon, .marketing-published i.color-4-alt-text.product-icon,
.marketing-published i.color-4-alt-text.tier-icon, .color-4-alt-text.person-freigabe-sv-on, .color-4-alt-text.person-mab-uebermittelt, .color-4-alt-text.multi-match-checkbox.grading.checked, .color-4-alt-text.match-member-new.checked, .color-4-alt-text.match-member-current.checked,
.color-4-alt-text.freigabe-new.checked, .color-4-alt-text.freigabe-current.checked, .green-text.color-3-alt-text, .color-3-alt-text.meldung_status_matched_color, .color-3-alt-text.abonnieren-color-text, .marketing-current i.color-3-alt-text.product-time-period-icon, .marketing-published i.color-3-alt-text.product-icon,
.marketing-published i.color-3-alt-text.tier-icon, .color-3-alt-text.person-freigabe-sv-on, .color-3-alt-text.person-mab-uebermittelt, .color-3-alt-text.multi-match-checkbox.grading.checked, .color-3-alt-text.match-member-new.checked, .color-3-alt-text.match-member-current.checked,
.color-3-alt-text.freigabe-new.checked, .color-3-alt-text.freigabe-current.checked, .green-text.color-2-alt-text, .color-2-alt-text.meldung_status_matched_color, .color-2-alt-text.abonnieren-color-text, .marketing-current i.color-2-alt-text.product-time-period-icon, .marketing-published i.color-2-alt-text.product-icon,
.marketing-published i.color-2-alt-text.tier-icon, .color-2-alt-text.person-freigabe-sv-on, .color-2-alt-text.person-mab-uebermittelt, .color-2-alt-text.multi-match-checkbox.grading.checked, .color-2-alt-text.match-member-new.checked, .color-2-alt-text.match-member-current.checked,
.color-2-alt-text.freigabe-new.checked, .color-2-alt-text.freigabe-current.checked, .green-text.color-1-alt-text, .color-1-alt-text.meldung_status_matched_color, .color-1-alt-text.abonnieren-color-text, .marketing-current i.color-1-alt-text.product-time-period-icon, .marketing-published i.color-1-alt-text.product-icon,
.marketing-published i.color-1-alt-text.tier-icon, .color-1-alt-text.person-freigabe-sv-on, .color-1-alt-text.person-mab-uebermittelt, .color-1-alt-text.multi-match-checkbox.grading.checked, .color-1-alt-text.match-member-new.checked, .color-1-alt-text.match-member-current.checked,
.color-1-alt-text.freigabe-new.checked, .color-1-alt-text.freigabe-current.checked {
  color: #B9F6CA !important;
}

.green.accent-2, .accent-2.abonnieren-color, .accent-2.abonnieren {
  background-color: #69F0AE !important;
}

.green-text.text-accent-2, .text-accent-2.meldung_status_matched_color, .text-accent-2.abonnieren-color-text, .marketing-current i.text-accent-2.product-time-period-icon, .marketing-published i.text-accent-2.product-icon,
.marketing-published i.text-accent-2.tier-icon, .text-accent-2.person-freigabe-sv-on, .text-accent-2.person-mab-uebermittelt, .text-accent-2.multi-match-checkbox.grading.checked, .text-accent-2.match-member-new.checked, .text-accent-2.match-member-current.checked,
.text-accent-2.freigabe-new.checked, .text-accent-2.freigabe-current.checked {
  color: #69F0AE !important;
}

.green.accent-3, .accent-3.abonnieren-color, .accent-3.abonnieren {
  background-color: #00E676 !important;
}

.green-text.text-accent-3, .text-accent-3.meldung_status_matched_color, .text-accent-3.abonnieren-color-text, .marketing-current i.text-accent-3.product-time-period-icon, .marketing-published i.text-accent-3.product-icon,
.marketing-published i.text-accent-3.tier-icon, .text-accent-3.person-freigabe-sv-on, .text-accent-3.person-mab-uebermittelt, .text-accent-3.multi-match-checkbox.grading.checked, .text-accent-3.match-member-new.checked, .text-accent-3.match-member-current.checked,
.text-accent-3.freigabe-new.checked, .text-accent-3.freigabe-current.checked, #schuljahr-form-future .green-text.select-dropdown.dropdown-trigger, #schuljahr-form-future .select-dropdown.dropdown-trigger.meldung_status_matched_color, #schuljahr-form-future .select-dropdown.dropdown-trigger.abonnieren-color-text, #schuljahr-form-future .marketing-current i.select-dropdown.dropdown-trigger.product-time-period-icon, .marketing-current #schuljahr-form-future i.select-dropdown.dropdown-trigger.product-time-period-icon, #schuljahr-form-future .marketing-published i.select-dropdown.dropdown-trigger.product-icon, .marketing-published #schuljahr-form-future i.select-dropdown.dropdown-trigger.product-icon,
#schuljahr-form-future .marketing-published i.select-dropdown.dropdown-trigger.tier-icon,
.marketing-published #schuljahr-form-future i.select-dropdown.dropdown-trigger.tier-icon, #schuljahr-form-future .select-dropdown.dropdown-trigger.person-freigabe-sv-on, #schuljahr-form-future .select-dropdown.dropdown-trigger.person-mab-uebermittelt, #schuljahr-form-future .select-dropdown.dropdown-trigger.multi-match-checkbox.grading.checked, #schuljahr-form-future .select-dropdown.dropdown-trigger.match-member-new.checked, #schuljahr-form-future .select-dropdown.dropdown-trigger.match-member-current.checked,
#schuljahr-form-future .select-dropdown.dropdown-trigger.freigabe-new.checked, #schuljahr-form-future .select-dropdown.dropdown-trigger.freigabe-current.checked {
  color: #00E676 !important;
}

.green.accent-4, .accent-4.abonnieren-color, .accent-4.abonnieren {
  background-color: #00C853 !important;
}

.green-text.text-accent-4, .text-accent-4.meldung_status_matched_color, .text-accent-4.abonnieren-color-text, .marketing-current i.text-accent-4.product-time-period-icon, .marketing-published i.text-accent-4.product-icon,
.marketing-published i.text-accent-4.tier-icon, .text-accent-4.person-freigabe-sv-on, .text-accent-4.person-mab-uebermittelt, .text-accent-4.multi-match-checkbox.grading.checked, .text-accent-4.match-member-new.checked, .text-accent-4.match-member-current.checked,
.text-accent-4.freigabe-new.checked, .text-accent-4.freigabe-current.checked {
  color: #00C853 !important;
}

.light-green, .color-1-alt, .color-1 {
  background-color: #8bc34a !important;
}

.light-green-text, .color-1-alt-text {
  color: #8bc34a !important;
}

.light-green.lighten-5, .lighten-5.color-1-alt, .lighten-5.color-1 {
  background-color: #f1f8e9 !important;
}

.light-green-text.text-lighten-5, .text-lighten-5.color-1-alt-text {
  color: #f1f8e9 !important;
}

.light-green.lighten-4, .light-green.badge.slplaner-table-light-badge, .light-green.slplaner-light-badge, .lighten-4.color-1-alt, .color-1-alt.badge.slplaner-table-light-badge, .color-1-alt.slplaner-light-badge, .lighten-4.color-1, .color-1.badge.slplaner-table-light-badge, .color-1.slplaner-light-badge {
  background-color: #dcedc8 !important;
}

.light-green-text.text-lighten-4, .text-lighten-4.color-1-alt-text {
  color: #dcedc8 !important;
}

.light-green.lighten-3, #tt-planning-wrapper .light-green.chip.tt-elementable-asg-chip, .time-table > div.light-green.tt-col-header, .time-table > div.light-green.tt-row-header, .time-table > div.light-green.tt-top-left-cell, .row.bubble-container .light-green.bubble-plain, .light-green.row.bubble-container.navbar-bubble, body.light-green.landing-page, .light-green.slplaner-sidenav-go-to-products-link, .light-green.slplaner-sidenav-disabled-link, .lighten-3.color-1-alt, #tt-planning-wrapper .color-1-alt.chip.tt-elementable-asg-chip, .time-table > div.color-1-alt.tt-col-header, .time-table > div.color-1-alt.tt-row-header, .time-table > div.color-1-alt.tt-top-left-cell, .row.bubble-container .color-1-alt.bubble-plain, .color-1-alt.row.bubble-container.navbar-bubble, body.color-1-alt.landing-page, .color-1-alt.slplaner-sidenav-go-to-products-link, .color-1-alt.slplaner-sidenav-disabled-link, .light-green.color-5, .color-5.color-1-alt, .light-green.color-4, .color-4.color-1-alt, .lighten-3.color-1, #tt-planning-wrapper .color-1.chip.tt-elementable-asg-chip, .time-table > div.color-1.tt-col-header, .time-table > div.color-1.tt-row-header, .time-table > div.color-1.tt-top-left-cell, .row.bubble-container .color-1.bubble-plain, .color-1.row.bubble-container.navbar-bubble, body.color-1.landing-page, .color-1.slplaner-sidenav-go-to-products-link, .color-1.slplaner-sidenav-disabled-link, .color-1.color-5, .color-1.color-4 {
  background-color: #c5e1a5 !important;
}

.light-green-text.text-lighten-3, .light-green-text.slplaner-links-inactive-color-text, .light-green-text.match-member-new.unchecked, .light-green-text.match-member-current.unchecked, .text-lighten-3.color-1-alt-text, .color-1-alt-text.slplaner-links-inactive-color-text, .color-1-alt-text.match-member-new.unchecked, .color-1-alt-text.match-member-current.unchecked {
  color: #c5e1a5 !important;
}

.light-green.lighten-2, .light-green.tt-date-nav, #time-chooser select.light-green.tt-chooser-select,
#units-assigned-chooser select.light-green.tt-chooser-select,
#location-chooser select.light-green.tt-chooser-select,
#substitute-chooser select.light-green.tt-chooser-select, .light-green.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .light-green.pep-versions-in-modal-col-title, .row.bubble-container .light-green.bubble-plain-minimal, .landing-page .light-green#legals-div, .light-green.slplaner-two-col-collapsible-body-button-inactive, .light-green.slplaner-access-actions-button, .light-green.modal.slplaner-page-modal, .light-green.slplaner-main, .light-green.slplaner-darker-collapsible-header, .light-green.tagesstrukturen-hub-header-color, .light-green.schulgemeinde-hub-header-color, .light-green.slplaner-col-navbar-button-inactive, .light-green.slplaner-card, .lighten-2.color-1-alt, .color-1-alt.tt-date-nav, #time-chooser select.color-1-alt.tt-chooser-select,
#units-assigned-chooser select.color-1-alt.tt-chooser-select,
#location-chooser select.color-1-alt.tt-chooser-select,
#substitute-chooser select.color-1-alt.tt-chooser-select, .color-1-alt.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .color-1-alt.pep-versions-in-modal-col-title, .row.bubble-container .color-1-alt.bubble-plain-minimal, .landing-page .color-1-alt#legals-div, .color-1-alt.slplaner-two-col-collapsible-body-button-inactive, .color-1-alt.slplaner-access-actions-button, .color-1-alt.modal.slplaner-page-modal, .color-1-alt.slplaner-main, .color-1-alt.slplaner-darker-collapsible-header, .color-1-alt.tagesstrukturen-hub-header-color, .color-1-alt.schulgemeinde-hub-header-color, .color-1-alt.slplaner-col-navbar-button-inactive, .color-1-alt.slplaner-card, .lighten-2.color-1, .color-1.tt-date-nav, #time-chooser select.color-1.tt-chooser-select,
#units-assigned-chooser select.color-1.tt-chooser-select,
#location-chooser select.color-1.tt-chooser-select,
#substitute-chooser select.color-1.tt-chooser-select, .color-1.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .color-1.pep-versions-in-modal-col-title, .row.bubble-container .color-1.bubble-plain-minimal, .landing-page .color-1#legals-div, .color-1.slplaner-two-col-collapsible-body-button-inactive, .color-1.slplaner-access-actions-button, .color-1.modal.slplaner-page-modal, .color-1.slplaner-main, .color-1.slplaner-darker-collapsible-header, .color-1.tagesstrukturen-hub-header-color, .color-1.schulgemeinde-hub-header-color, .color-1.slplaner-col-navbar-button-inactive, .color-1.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.light-green.active, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.color-1-alt, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.color-1 {
  background-color: #aed581 !important;
}

.light-green-text.text-lighten-2, .text-lighten-2.color-1-alt-text {
  color: #aed581 !important;
}

.light-green.lighten-1, .light-green.slplaner-col-navbar, .lighten-1.color-1-alt, .color-1-alt.slplaner-col-navbar, .lighten-1.color-1, .color-1.slplaner-col-navbar {
  background-color: #9ccc65 !important;
}

.light-green-text.text-lighten-1, .light-green-text.slplaner-date-nav-button-inactive, #schuljahr-form-old .light-green-text.select-dropdown.dropdown-trigger, .text-lighten-1.color-1-alt-text, .color-1-alt-text.slplaner-date-nav-button-inactive, #schuljahr-form-old .color-1-alt-text.select-dropdown.dropdown-trigger {
  color: #9ccc65 !important;
}

.light-green.darken-1, .light-green.submit-in-dropdown-btn, .light-green.abo-beenden, .light-green.abo-bearbeiten, .light-green.mehr-info, .light-green.slplaner-two-col-collapsible-body-button, .light-green.slplaner-col-navbar-button, .darken-1.color-1-alt, .color-1-alt.submit-in-dropdown-btn, .color-1-alt.abo-beenden, .color-1-alt.abo-bearbeiten, .color-1-alt.mehr-info, .color-1-alt.slplaner-two-col-collapsible-body-button, .color-1-alt.slplaner-col-navbar-button, .darken-1.color-1, .color-1.submit-in-dropdown-btn, .color-1.abo-beenden, .color-1.abo-bearbeiten, .color-1.mehr-info, .color-1.slplaner-two-col-collapsible-body-button, .color-1.slplaner-col-navbar-button {
  background-color: #7cb342 !important;
}

.light-green-text.text-darken-1, .light-green-text.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.light-green-text, .text-darken-1.color-1-alt-text, .color-1-alt-text.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.color-1-alt-text {
  color: #7cb342 !important;
}

.light-green.darken-2, .darken-2.color-1-alt, .darken-2.color-1 {
  background-color: #689f38 !important;
}

.light-green-text.text-darken-2, .text-darken-2.color-1-alt-text {
  color: #689f38 !important;
}

.light-green.darken-3, .darken-3.color-1-alt, .darken-3.color-1, .light-green.material-tooltip, .material-tooltip.color-1-alt, .material-tooltip.color-1, #toast-container .light-green.toast, #toast-container .toast.color-1-alt, #toast-container .toast.color-1 {
  background-color: #558b2f !important;
}

.light-green-text.text-darken-3, .light-green-text.meldung_status_no_comparison_color, .light-green-text.slplaner-lock-button, .light-green-text.person-freigabe-sv-off,
.light-green-text.person-mab-in-bearbeitung,
.light-green-text.person-noch-kein-mab, .light-green-text.freigabe-new.unchecked, .light-green-text.freigabe-current.unchecked, .light-green-text.match-member-new.neutral, .light-green-text.freigabe-new.neutral, .text-darken-3.color-1-alt-text, .color-1-alt-text.meldung_status_no_comparison_color, .color-1-alt-text.slplaner-lock-button, .color-1-alt-text.person-freigabe-sv-off,
.color-1-alt-text.person-mab-in-bearbeitung,
.color-1-alt-text.person-noch-kein-mab, .color-1-alt-text.freigabe-new.unchecked, .color-1-alt-text.freigabe-current.unchecked, .color-1-alt-text.match-member-new.neutral, .color-1-alt-text.freigabe-new.neutral {
  color: #558b2f !important;
}

.light-green.darken-4, .darken-4.color-1-alt, .darken-4.color-1 {
  background-color: #33691e !important;
}

.light-green-text.text-darken-4, .text-darken-4.color-1-alt-text, label.light-green-text, label.color-1-alt-text {
  color: #33691e !important;
}

.light-green.accent-1, .light-green.color-5-alt, .light-green.color-4-alt, .light-green.color-3-alt, .light-green.color-2-alt, .color-1-alt, .light-green.color-3, .light-green.color-2, .color-1 {
  background-color: #ccff90 !important;
}

.light-green-text.text-accent-1, .light-green-text.color-5-alt-text, .light-green-text.color-4-alt-text, .light-green-text.color-3-alt-text, .light-green-text.color-2-alt-text, .color-1-alt-text {
  color: #ccff90 !important;
}

.light-green.accent-2, .accent-2.color-1-alt, .accent-2.color-1 {
  background-color: #b2ff59 !important;
}

.light-green-text.text-accent-2, .text-accent-2.color-1-alt-text {
  color: #b2ff59 !important;
}

.light-green.accent-3, .accent-3.color-1-alt, .accent-3.color-1 {
  background-color: #76ff03 !important;
}

.light-green-text.text-accent-3, #schuljahr-form-future .light-green-text.select-dropdown.dropdown-trigger, .text-accent-3.color-1-alt-text, #schuljahr-form-future .color-1-alt-text.select-dropdown.dropdown-trigger {
  color: #76ff03 !important;
}

.light-green.accent-4, .accent-4.color-1-alt, .accent-4.color-1 {
  background-color: #64dd17 !important;
}

.light-green-text.text-accent-4, .text-accent-4.color-1-alt-text {
  color: #64dd17 !important;
}

.lime {
  background-color: #cddc39 !important;
}

.lime-text, #schuljahr-form-future .select-dropdown.dropdown-trigger {
  color: #cddc39 !important;
}

.lime.lighten-5 {
  background-color: #f9fbe7 !important;
}

.lime-text.text-lighten-5, #schuljahr-form-future .text-lighten-5.select-dropdown.dropdown-trigger {
  color: #f9fbe7 !important;
}

.lime.lighten-4, .lime.badge.slplaner-table-light-badge, .lime.slplaner-light-badge {
  background-color: #f0f4c3 !important;
}

.lime-text.text-lighten-4, #schuljahr-form-future .text-lighten-4.select-dropdown.dropdown-trigger {
  color: #f0f4c3 !important;
}

.lime.lighten-3, #tt-planning-wrapper .lime.chip.tt-elementable-asg-chip, .time-table > div.lime.tt-col-header, .time-table > div.lime.tt-row-header, .time-table > div.lime.tt-top-left-cell, .row.bubble-container .lime.bubble-plain, .lime.row.bubble-container.navbar-bubble, body.lime.landing-page, .lime.slplaner-sidenav-go-to-products-link, .lime.slplaner-sidenav-disabled-link, .lime.color-5, .lime.color-4 {
  background-color: #e6ee9c !important;
}

.lime-text.text-lighten-3, .lime-text.slplaner-links-inactive-color-text, .lime-text.match-member-new.unchecked, .lime-text.match-member-current.unchecked, #schuljahr-form-future .text-lighten-3.select-dropdown.dropdown-trigger, #schuljahr-form-future .select-dropdown.dropdown-trigger.slplaner-links-inactive-color-text, #schuljahr-form-future .select-dropdown.dropdown-trigger.match-member-new.unchecked, #schuljahr-form-future .select-dropdown.dropdown-trigger.match-member-current.unchecked {
  color: #e6ee9c !important;
}

.lime.lighten-2, .lime.tt-date-nav, #time-chooser select.lime.tt-chooser-select,
#units-assigned-chooser select.lime.tt-chooser-select,
#location-chooser select.lime.tt-chooser-select,
#substitute-chooser select.lime.tt-chooser-select, .lime.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .lime.pep-versions-in-modal-col-title, .row.bubble-container .lime.bubble-plain-minimal, .landing-page .lime#legals-div, .lime.slplaner-two-col-collapsible-body-button-inactive, .lime.slplaner-access-actions-button, .lime.modal.slplaner-page-modal, .lime.slplaner-main, .lime.slplaner-darker-collapsible-header, .lime.tagesstrukturen-hub-header-color, .lime.schulgemeinde-hub-header-color, .lime.slplaner-col-navbar-button-inactive, .lime.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.lime.active {
  background-color: #dce775 !important;
}

.lime-text.text-lighten-2, #schuljahr-form-future .text-lighten-2.select-dropdown.dropdown-trigger {
  color: #dce775 !important;
}

.lime.lighten-1, .lime.slplaner-col-navbar {
  background-color: #d4e157 !important;
}

.lime-text.text-lighten-1, .lime-text.slplaner-date-nav-button-inactive, #schuljahr-form-future .text-lighten-1.select-dropdown.dropdown-trigger, #schuljahr-form-future .select-dropdown.dropdown-trigger.slplaner-date-nav-button-inactive, #schuljahr-form-old .lime-text.select-dropdown.dropdown-trigger, #schuljahr-form-old #schuljahr-form-future .select-dropdown.dropdown-trigger, #schuljahr-form-future #schuljahr-form-old .select-dropdown.dropdown-trigger {
  color: #d4e157 !important;
}

.lime.darken-1, .lime.submit-in-dropdown-btn, .lime.abo-beenden, .lime.abo-bearbeiten, .lime.mehr-info, .lime.slplaner-two-col-collapsible-body-button, .lime.slplaner-col-navbar-button {
  background-color: #c0ca33 !important;
}

.lime-text.text-darken-1, .lime-text.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.lime-text, #schuljahr-form-future .text-darken-1.select-dropdown.dropdown-trigger, #schuljahr-form-future .select-dropdown.dropdown-trigger.slplaner-links-blue-color-text, #schuljahr-form-future .sv-person-vorjahr-only a.select-dropdown.dropdown-trigger, .sv-person-vorjahr-only #schuljahr-form-future a.select-dropdown.dropdown-trigger {
  color: #c0ca33 !important;
}

.lime.darken-2 {
  background-color: #afb42b !important;
}

.lime-text.text-darken-2, #schuljahr-form-future .text-darken-2.select-dropdown.dropdown-trigger {
  color: #afb42b !important;
}

.lime.darken-3, .lime.material-tooltip, #toast-container .lime.toast {
  background-color: #9e9d24 !important;
}

.lime-text.text-darken-3, .lime-text.meldung_status_no_comparison_color, .lime-text.slplaner-lock-button, .lime-text.person-freigabe-sv-off,
.lime-text.person-mab-in-bearbeitung,
.lime-text.person-noch-kein-mab, .lime-text.freigabe-new.unchecked, .lime-text.freigabe-current.unchecked, .lime-text.match-member-new.neutral, .lime-text.freigabe-new.neutral, #schuljahr-form-future .text-darken-3.select-dropdown.dropdown-trigger, #schuljahr-form-future .select-dropdown.dropdown-trigger.meldung_status_no_comparison_color, #schuljahr-form-future .select-dropdown.dropdown-trigger.slplaner-lock-button, #schuljahr-form-future .select-dropdown.dropdown-trigger.person-freigabe-sv-off,
#schuljahr-form-future .select-dropdown.dropdown-trigger.person-mab-in-bearbeitung,
#schuljahr-form-future .select-dropdown.dropdown-trigger.person-noch-kein-mab, #schuljahr-form-future .select-dropdown.dropdown-trigger.freigabe-new.unchecked, #schuljahr-form-future .select-dropdown.dropdown-trigger.freigabe-current.unchecked, #schuljahr-form-future .select-dropdown.dropdown-trigger.match-member-new.neutral, #schuljahr-form-future .select-dropdown.dropdown-trigger.freigabe-new.neutral {
  color: #9e9d24 !important;
}

.lime.darken-4 {
  background-color: #827717 !important;
}

.lime-text.text-darken-4, #schuljahr-form-future .text-darken-4.select-dropdown.dropdown-trigger, label.lime-text, #schuljahr-form-future label.select-dropdown.dropdown-trigger {
  color: #827717 !important;
}

.lime.accent-1, .lime.color-5-alt, .lime.color-4-alt, .lime.color-3-alt, .lime.color-2-alt, .lime.color-1-alt, .lime.color-3, .lime.color-2, .lime.color-1 {
  background-color: #f4ff81 !important;
}

.lime-text.text-accent-1, #schuljahr-form-future .text-accent-1.select-dropdown.dropdown-trigger, .lime-text.color-5-alt-text, #schuljahr-form-future .color-5-alt-text.select-dropdown.dropdown-trigger, .lime-text.color-4-alt-text, #schuljahr-form-future .color-4-alt-text.select-dropdown.dropdown-trigger, .lime-text.color-3-alt-text, #schuljahr-form-future .color-3-alt-text.select-dropdown.dropdown-trigger, .lime-text.color-2-alt-text, #schuljahr-form-future .color-2-alt-text.select-dropdown.dropdown-trigger, .lime-text.color-1-alt-text, #schuljahr-form-future .color-1-alt-text.select-dropdown.dropdown-trigger {
  color: #f4ff81 !important;
}

.lime.accent-2 {
  background-color: #eeff41 !important;
}

.lime-text.text-accent-2, #schuljahr-form-future .text-accent-2.select-dropdown.dropdown-trigger {
  color: #eeff41 !important;
}

.lime.accent-3 {
  background-color: #c6ff00 !important;
}

.lime-text.text-accent-3, #schuljahr-form-future .select-dropdown.dropdown-trigger {
  color: #c6ff00 !important;
}

.lime.accent-4 {
  background-color: #aeea00 !important;
}

.lime-text.text-accent-4, #schuljahr-form-future .text-accent-4.select-dropdown.dropdown-trigger {
  color: #aeea00 !important;
}

.yellow, .landing-page #mab-announcement-row .slplaner-card, .slplaner-dates-button, .color-2-alt, .color-2 {
  background-color: #ffeb3b !important;
}

.yellow-text, .color-2-alt-text {
  color: #ffeb3b !important;
}

.yellow.lighten-5, .landing-page #mab-announcement-row .lighten-5.slplaner-card, .lighten-5.slplaner-dates-button, .lighten-5.color-2-alt, .lighten-5.color-2 {
  background-color: #fffde7 !important;
}

.yellow-text.text-lighten-5, .text-lighten-5.color-2-alt-text {
  color: #fffde7 !important;
}

.yellow.lighten-4, .landing-page #mab-announcement-row .lighten-4.slplaner-card, .lighten-4.slplaner-dates-button, .yellow.badge.slplaner-table-light-badge, .landing-page #mab-announcement-row .badge.slplaner-table-light-badge.slplaner-card, .badge.slplaner-table-light-badge.slplaner-dates-button, .yellow.slplaner-light-badge, .landing-page #mab-announcement-row .slplaner-light-badge.slplaner-card, .slplaner-light-badge.slplaner-dates-button, .lighten-4.color-2-alt, .color-2-alt.badge.slplaner-table-light-badge, .color-2-alt.slplaner-light-badge, .lighten-4.color-2, .color-2.badge.slplaner-table-light-badge, .color-2.slplaner-light-badge {
  background-color: #fff9c4 !important;
}

.yellow-text.text-lighten-4, .text-lighten-4.color-2-alt-text {
  color: #fff9c4 !important;
}

.yellow.lighten-3, #tt-planning-wrapper .yellow.chip.tt-elementable-asg-chip, .time-table > div.yellow.tt-col-header, .time-table > div.yellow.tt-row-header, .time-table > div.yellow.tt-top-left-cell, .row.bubble-container .yellow.bubble-plain, .yellow.row.bubble-container.navbar-bubble, .landing-page #mab-announcement-row .lighten-3.slplaner-card, .landing-page #mab-announcement-row #tt-planning-wrapper .slplaner-card.chip.tt-elementable-asg-chip, #tt-planning-wrapper .landing-page #mab-announcement-row .slplaner-card.chip.tt-elementable-asg-chip, .landing-page #mab-announcement-row .time-table > div.slplaner-card.tt-col-header, .landing-page #mab-announcement-row .time-table > div.slplaner-card.tt-row-header, .landing-page #mab-announcement-row .time-table > div.slplaner-card.tt-top-left-cell, .landing-page #mab-announcement-row .row.bubble-container .slplaner-card.bubble-plain, .row.bubble-container .landing-page #mab-announcement-row .slplaner-card.bubble-plain, .landing-page #mab-announcement-row .slplaner-card.row.bubble-container.navbar-bubble, body.yellow.landing-page, .landing-page #mab-announcement-row body.landing-page.slplaner-card, .lighten-3.slplaner-dates-button, #tt-planning-wrapper .slplaner-dates-button.chip.tt-elementable-asg-chip, .time-table > div.slplaner-dates-button.tt-col-header, .time-table > div.slplaner-dates-button.tt-row-header, .time-table > div.slplaner-dates-button.tt-top-left-cell, .row.bubble-container .slplaner-dates-button.bubble-plain, .slplaner-dates-button.row.bubble-container.navbar-bubble, body.slplaner-dates-button.landing-page, .yellow.slplaner-sidenav-go-to-products-link, .landing-page #mab-announcement-row .slplaner-sidenav-go-to-products-link.slplaner-card, .slplaner-sidenav-go-to-products-link.slplaner-dates-button, .yellow.slplaner-sidenav-disabled-link, .landing-page #mab-announcement-row .slplaner-sidenav-disabled-link.slplaner-card, .slplaner-sidenav-disabled-link.slplaner-dates-button, .lighten-3.color-2-alt, #tt-planning-wrapper .color-2-alt.chip.tt-elementable-asg-chip, .time-table > div.color-2-alt.tt-col-header, .time-table > div.color-2-alt.tt-row-header, .time-table > div.color-2-alt.tt-top-left-cell, .row.bubble-container .color-2-alt.bubble-plain, .color-2-alt.row.bubble-container.navbar-bubble, body.color-2-alt.landing-page, .color-2-alt.slplaner-sidenav-go-to-products-link, .color-2-alt.slplaner-sidenav-disabled-link, .yellow.color-5, .landing-page #mab-announcement-row .color-5.slplaner-card, .color-5.slplaner-dates-button, .color-5.color-2-alt, .yellow.color-4, .landing-page #mab-announcement-row .color-4.slplaner-card, .color-4.slplaner-dates-button, .color-4.color-2-alt, .lighten-3.color-2, #tt-planning-wrapper .color-2.chip.tt-elementable-asg-chip, .time-table > div.color-2.tt-col-header, .time-table > div.color-2.tt-row-header, .time-table > div.color-2.tt-top-left-cell, .row.bubble-container .color-2.bubble-plain, .color-2.row.bubble-container.navbar-bubble, body.color-2.landing-page, .color-2.slplaner-sidenav-go-to-products-link, .color-2.slplaner-sidenav-disabled-link, .color-2.color-5, .color-2.color-4 {
  background-color: #fff59d !important;
}

.yellow-text.text-lighten-3, .yellow-text.slplaner-links-inactive-color-text, .yellow-text.match-member-new.unchecked, .yellow-text.match-member-current.unchecked, .text-lighten-3.color-2-alt-text, .color-2-alt-text.slplaner-links-inactive-color-text, .color-2-alt-text.match-member-new.unchecked, .color-2-alt-text.match-member-current.unchecked {
  color: #fff59d !important;
}

.yellow.lighten-2, .yellow.tt-date-nav, #time-chooser select.yellow.tt-chooser-select,
#units-assigned-chooser select.yellow.tt-chooser-select,
#location-chooser select.yellow.tt-chooser-select,
#substitute-chooser select.yellow.tt-chooser-select, .yellow.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .yellow.pep-versions-in-modal-col-title, .row.bubble-container .yellow.bubble-plain-minimal, .landing-page .yellow#legals-div, .yellow.slplaner-two-col-collapsible-body-button-inactive, .yellow.slplaner-access-actions-button, .lighten-2.slplaner-dates-button, .slplaner-dates-button.tt-date-nav, #time-chooser select.slplaner-dates-button.tt-chooser-select,
#units-assigned-chooser select.slplaner-dates-button.tt-chooser-select,
#location-chooser select.slplaner-dates-button.tt-chooser-select,
#substitute-chooser select.slplaner-dates-button.tt-chooser-select, .slplaner-dates-button.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .slplaner-dates-button.pep-versions-in-modal-col-title, .row.bubble-container .slplaner-dates-button.bubble-plain-minimal, .landing-page .slplaner-dates-button#legals-div, .slplaner-dates-button.slplaner-two-col-collapsible-body-button-inactive, .slplaner-dates-button.slplaner-access-actions-button, .yellow.modal.slplaner-page-modal, .modal.slplaner-page-modal.slplaner-dates-button, .yellow.slplaner-main, .slplaner-main.slplaner-dates-button, .yellow.slplaner-darker-collapsible-header, .yellow.tagesstrukturen-hub-header-color, .yellow.schulgemeinde-hub-header-color, .slplaner-darker-collapsible-header.slplaner-dates-button, .slplaner-dates-button.tagesstrukturen-hub-header-color, .slplaner-dates-button.schulgemeinde-hub-header-color, .yellow.slplaner-col-navbar-button-inactive, .slplaner-col-navbar-button-inactive.slplaner-dates-button, .yellow.slplaner-card, .landing-page #mab-announcement-row .slplaner-card, .slplaner-card.slplaner-dates-button, .lighten-2.color-2-alt, .color-2-alt.tt-date-nav, #time-chooser select.color-2-alt.tt-chooser-select,
#units-assigned-chooser select.color-2-alt.tt-chooser-select,
#location-chooser select.color-2-alt.tt-chooser-select,
#substitute-chooser select.color-2-alt.tt-chooser-select, .color-2-alt.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .color-2-alt.pep-versions-in-modal-col-title, .row.bubble-container .color-2-alt.bubble-plain-minimal, .landing-page .color-2-alt#legals-div, .color-2-alt.slplaner-two-col-collapsible-body-button-inactive, .color-2-alt.slplaner-access-actions-button, .color-2-alt.modal.slplaner-page-modal, .color-2-alt.slplaner-main, .color-2-alt.slplaner-darker-collapsible-header, .color-2-alt.tagesstrukturen-hub-header-color, .color-2-alt.schulgemeinde-hub-header-color, .color-2-alt.slplaner-col-navbar-button-inactive, .color-2-alt.slplaner-card, .lighten-2.color-2, .color-2.tt-date-nav, #time-chooser select.color-2.tt-chooser-select,
#units-assigned-chooser select.color-2.tt-chooser-select,
#location-chooser select.color-2.tt-chooser-select,
#substitute-chooser select.color-2.tt-chooser-select, .color-2.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .color-2.pep-versions-in-modal-col-title, .row.bubble-container .color-2.bubble-plain-minimal, .landing-page .color-2#legals-div, .color-2.slplaner-two-col-collapsible-body-button-inactive, .color-2.slplaner-access-actions-button, .color-2.modal.slplaner-page-modal, .color-2.slplaner-main, .color-2.slplaner-darker-collapsible-header, .color-2.tagesstrukturen-hub-header-color, .color-2.schulgemeinde-hub-header-color, .color-2.slplaner-col-navbar-button-inactive, .color-2.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.yellow.active, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.slplaner-dates-button, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.color-2-alt, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.color-2 {
  background-color: #fff176 !important;
}

.yellow-text.text-lighten-2, .text-lighten-2.color-2-alt-text {
  color: #fff176 !important;
}

.yellow.lighten-1, .landing-page #mab-announcement-row .lighten-1.slplaner-card, .lighten-1.slplaner-dates-button, .yellow.slplaner-col-navbar, .landing-page #mab-announcement-row .slplaner-col-navbar.slplaner-card, .slplaner-col-navbar.slplaner-dates-button, .lighten-1.color-2-alt, .color-2-alt.slplaner-col-navbar, .lighten-1.color-2, .color-2.slplaner-col-navbar {
  background-color: #ffee58 !important;
}

.yellow-text.text-lighten-1, .yellow-text.slplaner-date-nav-button-inactive, #schuljahr-form-old .yellow-text.select-dropdown.dropdown-trigger, .text-lighten-1.color-2-alt-text, .color-2-alt-text.slplaner-date-nav-button-inactive, #schuljahr-form-old .color-2-alt-text.select-dropdown.dropdown-trigger {
  color: #ffee58 !important;
}

.yellow.darken-1, .yellow.submit-in-dropdown-btn, .yellow.abo-beenden, .yellow.abo-bearbeiten, .yellow.mehr-info, .landing-page #mab-announcement-row .darken-1.slplaner-card, .landing-page #mab-announcement-row .slplaner-card.submit-in-dropdown-btn, .landing-page #mab-announcement-row .slplaner-card.abo-beenden, .landing-page #mab-announcement-row .slplaner-card.abo-bearbeiten, .landing-page #mab-announcement-row .slplaner-card.mehr-info, .yellow.slplaner-two-col-collapsible-body-button, .landing-page #mab-announcement-row .slplaner-two-col-collapsible-body-button.slplaner-card, .darken-1.slplaner-dates-button, .slplaner-dates-button.submit-in-dropdown-btn, .slplaner-dates-button.abo-beenden, .slplaner-dates-button.abo-bearbeiten, .slplaner-dates-button.mehr-info, .slplaner-dates-button.slplaner-two-col-collapsible-body-button, .yellow.slplaner-col-navbar-button, .landing-page #mab-announcement-row .slplaner-col-navbar-button.slplaner-card, .slplaner-col-navbar-button.slplaner-dates-button, .darken-1.color-2-alt, .color-2-alt.submit-in-dropdown-btn, .color-2-alt.abo-beenden, .color-2-alt.abo-bearbeiten, .color-2-alt.mehr-info, .color-2-alt.slplaner-two-col-collapsible-body-button, .color-2-alt.slplaner-col-navbar-button, .darken-1.color-2, .color-2.submit-in-dropdown-btn, .color-2.abo-beenden, .color-2.abo-bearbeiten, .color-2.mehr-info, .color-2.slplaner-two-col-collapsible-body-button, .color-2.slplaner-col-navbar-button {
  background-color: #fdd835 !important;
}

.yellow-text.text-darken-1, .yellow-text.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.yellow-text, .text-darken-1.color-2-alt-text, .color-2-alt-text.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.color-2-alt-text {
  color: #fdd835 !important;
}

.yellow.darken-2, .landing-page #mab-announcement-row .darken-2.slplaner-card, .darken-2.slplaner-dates-button, .darken-2.color-2-alt, .darken-2.color-2 {
  background-color: #fbc02d !important;
}

.yellow-text.text-darken-2, .text-darken-2.color-2-alt-text {
  color: #fbc02d !important;
}

.yellow.darken-3, .landing-page #mab-announcement-row .darken-3.slplaner-card, .darken-3.slplaner-dates-button, .darken-3.color-2-alt, .darken-3.color-2, .yellow.material-tooltip, .landing-page #mab-announcement-row .material-tooltip.slplaner-card, .material-tooltip.slplaner-dates-button, .material-tooltip.color-2-alt, .material-tooltip.color-2, #toast-container .yellow.toast, #toast-container .landing-page #mab-announcement-row .toast.slplaner-card, .landing-page #mab-announcement-row #toast-container .toast.slplaner-card, #toast-container .toast.slplaner-dates-button, #toast-container .toast.color-2-alt, #toast-container .toast.color-2 {
  background-color: #f9a825 !important;
}

.yellow-text.text-darken-3, .yellow-text.meldung_status_no_comparison_color, .yellow-text.slplaner-lock-button, .yellow-text.person-freigabe-sv-off,
.yellow-text.person-mab-in-bearbeitung,
.yellow-text.person-noch-kein-mab, .yellow-text.freigabe-new.unchecked, .yellow-text.freigabe-current.unchecked, .yellow-text.match-member-new.neutral, .yellow-text.freigabe-new.neutral, .text-darken-3.color-2-alt-text, .color-2-alt-text.meldung_status_no_comparison_color, .color-2-alt-text.slplaner-lock-button, .color-2-alt-text.person-freigabe-sv-off,
.color-2-alt-text.person-mab-in-bearbeitung,
.color-2-alt-text.person-noch-kein-mab, .color-2-alt-text.freigabe-new.unchecked, .color-2-alt-text.freigabe-current.unchecked, .color-2-alt-text.match-member-new.neutral, .color-2-alt-text.freigabe-new.neutral {
  color: #f9a825 !important;
}

.yellow.darken-4, .landing-page #mab-announcement-row .darken-4.slplaner-card, .darken-4.slplaner-dates-button, .darken-4.color-2-alt, .darken-4.color-2 {
  background-color: #f57f17 !important;
}

.yellow-text.text-darken-4, .text-darken-4.color-2-alt-text, label.yellow-text, label.color-2-alt-text {
  color: #f57f17 !important;
}

.yellow.accent-1, .landing-page #mab-announcement-row .accent-1.slplaner-card, .accent-1.slplaner-dates-button, .yellow.color-5-alt, .landing-page #mab-announcement-row .color-5-alt.slplaner-card, .color-5-alt.slplaner-dates-button, .yellow.color-4-alt, .landing-page #mab-announcement-row .color-4-alt.slplaner-card, .color-4-alt.slplaner-dates-button, .yellow.color-3-alt, .landing-page #mab-announcement-row .color-3-alt.slplaner-card, .color-3-alt.slplaner-dates-button, .color-2-alt, .yellow.color-1-alt, .landing-page #mab-announcement-row .color-1-alt.slplaner-card, .color-1-alt.slplaner-dates-button, .yellow.color-3, .landing-page #mab-announcement-row .color-3.slplaner-card, .color-3.slplaner-dates-button, .color-2, .yellow.color-1, .landing-page #mab-announcement-row .color-1.slplaner-card, .color-1.slplaner-dates-button {
  background-color: #ffff8d !important;
}

.yellow-text.text-accent-1, .yellow-text.color-5-alt-text, .yellow-text.color-4-alt-text, .yellow-text.color-3-alt-text, .color-2-alt-text, .yellow-text.color-1-alt-text {
  color: #ffff8d !important;
}

.yellow.accent-2, .landing-page #mab-announcement-row .accent-2.slplaner-card, .accent-2.slplaner-dates-button, .accent-2.color-2-alt, .accent-2.color-2 {
  background-color: #ffff00 !important;
}

.yellow-text.text-accent-2, .text-accent-2.color-2-alt-text {
  color: #ffff00 !important;
}

.yellow.accent-3, .landing-page #mab-announcement-row .accent-3.slplaner-card, .accent-3.slplaner-dates-button, .accent-3.color-2-alt, .accent-3.color-2 {
  background-color: #ffea00 !important;
}

.yellow-text.text-accent-3, #schuljahr-form-future .yellow-text.select-dropdown.dropdown-trigger, .text-accent-3.color-2-alt-text, #schuljahr-form-future .color-2-alt-text.select-dropdown.dropdown-trigger {
  color: #ffea00 !important;
}

.yellow.accent-4, .landing-page #mab-announcement-row .accent-4.slplaner-card, .accent-4.slplaner-dates-button, .accent-4.color-2-alt, .accent-4.color-2 {
  background-color: #ffd600 !important;
}

.yellow-text.text-accent-4, .text-accent-4.color-2-alt-text {
  color: #ffd600 !important;
}

.amber {
  background-color: #ffc107 !important;
}

.amber-text, #schuljahr-form-old .select-dropdown.dropdown-trigger {
  color: #ffc107 !important;
}

.amber.lighten-5 {
  background-color: #fff8e1 !important;
}

.amber-text.text-lighten-5, #schuljahr-form-old .text-lighten-5.select-dropdown.dropdown-trigger {
  color: #fff8e1 !important;
}

.amber.lighten-4, .amber.badge.slplaner-table-light-badge, .amber.slplaner-light-badge {
  background-color: #ffecb3 !important;
}

.amber-text.text-lighten-4, #schuljahr-form-old .text-lighten-4.select-dropdown.dropdown-trigger {
  color: #ffecb3 !important;
}

.amber.lighten-3, #tt-planning-wrapper .amber.chip.tt-elementable-asg-chip, .time-table > div.amber.tt-col-header, .time-table > div.amber.tt-row-header, .time-table > div.amber.tt-top-left-cell, .row.bubble-container .amber.bubble-plain, .amber.row.bubble-container.navbar-bubble, body.amber.landing-page, .amber.slplaner-sidenav-go-to-products-link, .amber.slplaner-sidenav-disabled-link, .amber.color-5, .amber.color-4 {
  background-color: #ffe082 !important;
}

.amber-text.text-lighten-3, .amber-text.slplaner-links-inactive-color-text, .amber-text.match-member-new.unchecked, .amber-text.match-member-current.unchecked, #schuljahr-form-old .text-lighten-3.select-dropdown.dropdown-trigger, #schuljahr-form-old .select-dropdown.dropdown-trigger.slplaner-links-inactive-color-text, #schuljahr-form-old .select-dropdown.dropdown-trigger.match-member-new.unchecked, #schuljahr-form-old .select-dropdown.dropdown-trigger.match-member-current.unchecked {
  color: #ffe082 !important;
}

.amber.lighten-2, .amber.tt-date-nav, #time-chooser select.amber.tt-chooser-select,
#units-assigned-chooser select.amber.tt-chooser-select,
#location-chooser select.amber.tt-chooser-select,
#substitute-chooser select.amber.tt-chooser-select, .amber.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .amber.pep-versions-in-modal-col-title, .row.bubble-container .amber.bubble-plain-minimal, .landing-page .amber#legals-div, .amber.slplaner-two-col-collapsible-body-button-inactive, .amber.slplaner-access-actions-button, .amber.modal.slplaner-page-modal, .amber.slplaner-main, .amber.slplaner-darker-collapsible-header, .amber.tagesstrukturen-hub-header-color, .amber.schulgemeinde-hub-header-color, .amber.slplaner-col-navbar-button-inactive, .amber.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.amber.active {
  background-color: #ffd54f !important;
}

.amber-text.text-lighten-2, #schuljahr-form-old .text-lighten-2.select-dropdown.dropdown-trigger {
  color: #ffd54f !important;
}

.amber.lighten-1, .amber.slplaner-col-navbar {
  background-color: #ffca28 !important;
}

.amber-text.text-lighten-1, .amber-text.slplaner-date-nav-button-inactive, #schuljahr-form-old .select-dropdown.dropdown-trigger {
  color: #ffca28 !important;
}

.amber.darken-1, .amber.submit-in-dropdown-btn, .amber.abo-beenden, .amber.abo-bearbeiten, .amber.mehr-info, .amber.slplaner-two-col-collapsible-body-button, .amber.slplaner-col-navbar-button {
  background-color: #ffb300 !important;
}

.amber-text.text-darken-1, .amber-text.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.amber-text, #schuljahr-form-old .text-darken-1.select-dropdown.dropdown-trigger, #schuljahr-form-old .select-dropdown.dropdown-trigger.slplaner-links-blue-color-text, #schuljahr-form-old .sv-person-vorjahr-only a.select-dropdown.dropdown-trigger, .sv-person-vorjahr-only #schuljahr-form-old a.select-dropdown.dropdown-trigger {
  color: #ffb300 !important;
}

.amber.darken-2 {
  background-color: #ffa000 !important;
}

.amber-text.text-darken-2, #schuljahr-form-old .text-darken-2.select-dropdown.dropdown-trigger {
  color: #ffa000 !important;
}

.amber.darken-3, .amber.material-tooltip, #toast-container .amber.toast {
  background-color: #ff8f00 !important;
}

.amber-text.text-darken-3, .amber-text.meldung_status_no_comparison_color, .amber-text.slplaner-lock-button, .amber-text.person-freigabe-sv-off,
.amber-text.person-mab-in-bearbeitung,
.amber-text.person-noch-kein-mab, .amber-text.freigabe-new.unchecked, .amber-text.freigabe-current.unchecked, .amber-text.match-member-new.neutral, .amber-text.freigabe-new.neutral, #schuljahr-form-old .text-darken-3.select-dropdown.dropdown-trigger, #schuljahr-form-old .select-dropdown.dropdown-trigger.meldung_status_no_comparison_color, #schuljahr-form-old .select-dropdown.dropdown-trigger.slplaner-lock-button, #schuljahr-form-old .select-dropdown.dropdown-trigger.person-freigabe-sv-off,
#schuljahr-form-old .select-dropdown.dropdown-trigger.person-mab-in-bearbeitung,
#schuljahr-form-old .select-dropdown.dropdown-trigger.person-noch-kein-mab, #schuljahr-form-old .select-dropdown.dropdown-trigger.freigabe-new.unchecked, #schuljahr-form-old .select-dropdown.dropdown-trigger.freigabe-current.unchecked, #schuljahr-form-old .select-dropdown.dropdown-trigger.match-member-new.neutral, #schuljahr-form-old .select-dropdown.dropdown-trigger.freigabe-new.neutral {
  color: #ff8f00 !important;
}

.amber.darken-4 {
  background-color: #ff6f00 !important;
}

.amber-text.text-darken-4, #schuljahr-form-old .text-darken-4.select-dropdown.dropdown-trigger, label.amber-text, #schuljahr-form-old label.select-dropdown.dropdown-trigger {
  color: #ff6f00 !important;
}

.amber.accent-1, .amber.color-5-alt, .amber.color-4-alt, .amber.color-3-alt, .amber.color-2-alt, .amber.color-1-alt, .amber.color-3, .amber.color-2, .amber.color-1 {
  background-color: #ffe57f !important;
}

.amber-text.text-accent-1, #schuljahr-form-old .text-accent-1.select-dropdown.dropdown-trigger, .amber-text.color-5-alt-text, #schuljahr-form-old .color-5-alt-text.select-dropdown.dropdown-trigger, .amber-text.color-4-alt-text, #schuljahr-form-old .color-4-alt-text.select-dropdown.dropdown-trigger, .amber-text.color-3-alt-text, #schuljahr-form-old .color-3-alt-text.select-dropdown.dropdown-trigger, .amber-text.color-2-alt-text, #schuljahr-form-old .color-2-alt-text.select-dropdown.dropdown-trigger, .amber-text.color-1-alt-text, #schuljahr-form-old .color-1-alt-text.select-dropdown.dropdown-trigger {
  color: #ffe57f !important;
}

.amber.accent-2 {
  background-color: #ffd740 !important;
}

.amber-text.text-accent-2, #schuljahr-form-old .text-accent-2.select-dropdown.dropdown-trigger {
  color: #ffd740 !important;
}

.amber.accent-3 {
  background-color: #ffc400 !important;
}

.amber-text.text-accent-3, #schuljahr-form-future .amber-text.select-dropdown.dropdown-trigger, #schuljahr-form-old .text-accent-3.select-dropdown.dropdown-trigger, #schuljahr-form-old #schuljahr-form-future .select-dropdown.dropdown-trigger, #schuljahr-form-future #schuljahr-form-old .select-dropdown.dropdown-trigger {
  color: #ffc400 !important;
}

.amber.accent-4 {
  background-color: #ffab00 !important;
}

.amber-text.text-accent-4, #schuljahr-form-old .text-accent-4.select-dropdown.dropdown-trigger {
  color: #ffab00 !important;
}

.orange, .kostenlos-testen-color, .kostenlos-testen, .slplaner-access-actions-button {
  background-color: #ff9800 !important;
}

.orange-text, .meldung_status_unmatched_comparison_color, .kostenlos-testen-color-text {
  color: #ff9800 !important;
}

.orange.lighten-5, .lighten-5.kostenlos-testen-color, .lighten-5.kostenlos-testen, .lighten-5.slplaner-access-actions-button {
  background-color: #fff3e0 !important;
}

.orange-text.text-lighten-5, .text-lighten-5.meldung_status_unmatched_comparison_color, .text-lighten-5.kostenlos-testen-color-text {
  color: #fff3e0 !important;
}

.orange.lighten-4, .lighten-4.kostenlos-testen-color, .lighten-4.kostenlos-testen, .lighten-4.slplaner-access-actions-button, .orange.badge.slplaner-table-light-badge, .badge.slplaner-table-light-badge.kostenlos-testen-color, .badge.slplaner-table-light-badge.kostenlos-testen, .badge.slplaner-table-light-badge.slplaner-access-actions-button, .orange.slplaner-light-badge, .slplaner-light-badge.kostenlos-testen-color, .slplaner-light-badge.kostenlos-testen, .slplaner-light-badge.slplaner-access-actions-button {
  background-color: #ffe0b2 !important;
}

.orange-text.text-lighten-4, .text-lighten-4.meldung_status_unmatched_comparison_color, .text-lighten-4.kostenlos-testen-color-text {
  color: #ffe0b2 !important;
}

.orange.lighten-3, #tt-planning-wrapper .orange.chip.tt-elementable-asg-chip, .time-table > div.orange.tt-col-header, .time-table > div.orange.tt-row-header, .time-table > div.orange.tt-top-left-cell, .row.bubble-container .orange.bubble-plain, .orange.row.bubble-container.navbar-bubble, .lighten-3.kostenlos-testen-color, #tt-planning-wrapper .kostenlos-testen-color.chip.tt-elementable-asg-chip, .time-table > div.kostenlos-testen-color.tt-col-header, .time-table > div.kostenlos-testen-color.tt-row-header, .time-table > div.kostenlos-testen-color.tt-top-left-cell, .row.bubble-container .kostenlos-testen-color.bubble-plain, .kostenlos-testen-color.row.bubble-container.navbar-bubble, .lighten-3.kostenlos-testen, #tt-planning-wrapper .kostenlos-testen.chip.tt-elementable-asg-chip, .time-table > div.kostenlos-testen.tt-col-header, .time-table > div.kostenlos-testen.tt-row-header, .time-table > div.kostenlos-testen.tt-top-left-cell, .row.bubble-container .kostenlos-testen.bubble-plain, .kostenlos-testen.row.bubble-container.navbar-bubble, body.orange.landing-page, body.landing-page.kostenlos-testen-color, body.landing-page.kostenlos-testen, .lighten-3.slplaner-access-actions-button, #tt-planning-wrapper .slplaner-access-actions-button.chip.tt-elementable-asg-chip, .time-table > div.slplaner-access-actions-button.tt-col-header, .time-table > div.slplaner-access-actions-button.tt-row-header, .time-table > div.slplaner-access-actions-button.tt-top-left-cell, .row.bubble-container .slplaner-access-actions-button.bubble-plain, .slplaner-access-actions-button.row.bubble-container.navbar-bubble, body.slplaner-access-actions-button.landing-page, .orange.slplaner-sidenav-go-to-products-link, .slplaner-sidenav-go-to-products-link.kostenlos-testen-color, .slplaner-sidenav-go-to-products-link.kostenlos-testen, .slplaner-sidenav-go-to-products-link.slplaner-access-actions-button, .orange.slplaner-sidenav-disabled-link, .slplaner-sidenav-disabled-link.kostenlos-testen-color, .slplaner-sidenav-disabled-link.kostenlos-testen, .slplaner-sidenav-disabled-link.slplaner-access-actions-button, .orange.color-5, .color-5.kostenlos-testen-color, .color-5.kostenlos-testen, .color-5.slplaner-access-actions-button, .orange.color-4, .color-4.kostenlos-testen-color, .color-4.kostenlos-testen, .color-4.slplaner-access-actions-button {
  background-color: #ffcc80 !important;
}

.orange-text.text-lighten-3, .text-lighten-3.meldung_status_unmatched_comparison_color, .text-lighten-3.kostenlos-testen-color-text, .orange-text.slplaner-links-inactive-color-text, .slplaner-links-inactive-color-text.meldung_status_unmatched_comparison_color, .slplaner-links-inactive-color-text.kostenlos-testen-color-text, .orange-text.match-member-new.unchecked, .match-member-new.unchecked.meldung_status_unmatched_comparison_color, .match-member-new.unchecked.kostenlos-testen-color-text, .orange-text.match-member-current.unchecked, .match-member-current.unchecked.meldung_status_unmatched_comparison_color, .match-member-current.unchecked.kostenlos-testen-color-text {
  color: #ffcc80 !important;
}

.orange.lighten-2, .orange.tt-date-nav, #time-chooser select.orange.tt-chooser-select,
#units-assigned-chooser select.orange.tt-chooser-select,
#location-chooser select.orange.tt-chooser-select,
#substitute-chooser select.orange.tt-chooser-select, .orange.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .orange.pep-versions-in-modal-col-title, .row.bubble-container .orange.bubble-plain-minimal, .lighten-2.kostenlos-testen-color, .kostenlos-testen-color.tt-date-nav, #time-chooser select.kostenlos-testen-color.tt-chooser-select,
#units-assigned-chooser select.kostenlos-testen-color.tt-chooser-select,
#location-chooser select.kostenlos-testen-color.tt-chooser-select,
#substitute-chooser select.kostenlos-testen-color.tt-chooser-select, .kostenlos-testen-color.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .kostenlos-testen-color.pep-versions-in-modal-col-title, .row.bubble-container .kostenlos-testen-color.bubble-plain-minimal, .lighten-2.kostenlos-testen, .kostenlos-testen.tt-date-nav, #time-chooser select.kostenlos-testen.tt-chooser-select,
#units-assigned-chooser select.kostenlos-testen.tt-chooser-select,
#location-chooser select.kostenlos-testen.tt-chooser-select,
#substitute-chooser select.kostenlos-testen.tt-chooser-select, .kostenlos-testen.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .kostenlos-testen.pep-versions-in-modal-col-title, .row.bubble-container .kostenlos-testen.bubble-plain-minimal, .landing-page .orange#legals-div, .landing-page #legals-div.kostenlos-testen-color, .landing-page #legals-div.kostenlos-testen, .orange.slplaner-two-col-collapsible-body-button-inactive, .slplaner-two-col-collapsible-body-button-inactive.kostenlos-testen-color, .slplaner-two-col-collapsible-body-button-inactive.kostenlos-testen, .slplaner-access-actions-button, .orange.modal.slplaner-page-modal, .modal.slplaner-page-modal.kostenlos-testen-color, .modal.slplaner-page-modal.kostenlos-testen, .modal.slplaner-page-modal.slplaner-access-actions-button, .orange.slplaner-main, .slplaner-main.kostenlos-testen-color, .slplaner-main.kostenlos-testen, .orange.slplaner-darker-collapsible-header, .slplaner-darker-collapsible-header.kostenlos-testen-color, .slplaner-darker-collapsible-header.kostenlos-testen, .orange.tagesstrukturen-hub-header-color, .tagesstrukturen-hub-header-color.kostenlos-testen-color, .tagesstrukturen-hub-header-color.kostenlos-testen, .orange.schulgemeinde-hub-header-color, .schulgemeinde-hub-header-color.kostenlos-testen-color, .schulgemeinde-hub-header-color.kostenlos-testen, .orange.slplaner-col-navbar-button-inactive, .slplaner-col-navbar-button-inactive.kostenlos-testen-color, .slplaner-col-navbar-button-inactive.kostenlos-testen, .orange.slplaner-card, .slplaner-card.kostenlos-testen-color, .slplaner-card.kostenlos-testen, .sidenav .collapsible-body > ul:not(.collapsible) > li.orange.active, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.kostenlos-testen-color, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.kostenlos-testen, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.slplaner-access-actions-button {
  background-color: #ffb74d !important;
}

.orange-text.text-lighten-2, .text-lighten-2.meldung_status_unmatched_comparison_color, .text-lighten-2.kostenlos-testen-color-text {
  color: #ffb74d !important;
}

.orange.lighten-1, .lighten-1.kostenlos-testen-color, .lighten-1.kostenlos-testen, .lighten-1.slplaner-access-actions-button, .orange.slplaner-col-navbar, .slplaner-col-navbar.kostenlos-testen-color, .slplaner-col-navbar.kostenlos-testen, .slplaner-col-navbar.slplaner-access-actions-button {
  background-color: #ffa726 !important;
}

.orange-text.text-lighten-1, .text-lighten-1.meldung_status_unmatched_comparison_color, .text-lighten-1.kostenlos-testen-color-text, .orange-text.slplaner-date-nav-button-inactive, .slplaner-date-nav-button-inactive.meldung_status_unmatched_comparison_color, .slplaner-date-nav-button-inactive.kostenlos-testen-color-text, #schuljahr-form-old .orange-text.select-dropdown.dropdown-trigger, #schuljahr-form-old .select-dropdown.dropdown-trigger.meldung_status_unmatched_comparison_color, #schuljahr-form-old .select-dropdown.dropdown-trigger.kostenlos-testen-color-text {
  color: #ffa726 !important;
}

.orange.darken-1, .orange.submit-in-dropdown-btn, .orange.abo-beenden, .orange.abo-bearbeiten, .orange.mehr-info, .darken-1.kostenlos-testen-color, .kostenlos-testen-color.submit-in-dropdown-btn, .kostenlos-testen-color.abo-beenden, .kostenlos-testen-color.abo-bearbeiten, .kostenlos-testen-color.mehr-info, .darken-1.kostenlos-testen, .kostenlos-testen.submit-in-dropdown-btn, .kostenlos-testen.abo-beenden, .kostenlos-testen.abo-bearbeiten, .kostenlos-testen.mehr-info, .orange.slplaner-two-col-collapsible-body-button, .slplaner-two-col-collapsible-body-button.kostenlos-testen-color, .slplaner-two-col-collapsible-body-button.kostenlos-testen, .darken-1.slplaner-access-actions-button, .slplaner-access-actions-button.submit-in-dropdown-btn, .slplaner-access-actions-button.abo-beenden, .slplaner-access-actions-button.abo-bearbeiten, .slplaner-access-actions-button.mehr-info, .slplaner-access-actions-button.slplaner-two-col-collapsible-body-button, .orange.slplaner-col-navbar-button, .slplaner-col-navbar-button.kostenlos-testen-color, .slplaner-col-navbar-button.kostenlos-testen, .slplaner-col-navbar-button.slplaner-access-actions-button {
  background-color: #fb8c00 !important;
}

.orange-text.text-darken-1, .text-darken-1.meldung_status_unmatched_comparison_color, .text-darken-1.kostenlos-testen-color-text, .orange-text.slplaner-links-blue-color-text, .slplaner-links-blue-color-text.meldung_status_unmatched_comparison_color, .slplaner-links-blue-color-text.kostenlos-testen-color-text, .sv-person-vorjahr-only a.orange-text, .sv-person-vorjahr-only a.meldung_status_unmatched_comparison_color, .sv-person-vorjahr-only a.kostenlos-testen-color-text {
  color: #fb8c00 !important;
}

.orange.darken-2, .darken-2.kostenlos-testen-color, .darken-2.kostenlos-testen, .darken-2.slplaner-access-actions-button {
  background-color: #f57c00 !important;
}

.orange-text.text-darken-2, .text-darken-2.meldung_status_unmatched_comparison_color, .text-darken-2.kostenlos-testen-color-text {
  color: #f57c00 !important;
}

.orange.darken-3, .darken-3.kostenlos-testen-color, .darken-3.kostenlos-testen, .darken-3.slplaner-access-actions-button, .orange.material-tooltip, .material-tooltip.kostenlos-testen-color, .material-tooltip.kostenlos-testen, .material-tooltip.slplaner-access-actions-button, #toast-container .orange.toast, #toast-container .toast.kostenlos-testen-color, #toast-container .toast.kostenlos-testen, #toast-container .toast.slplaner-access-actions-button {
  background-color: #ef6c00 !important;
}

.orange-text.text-darken-3, .text-darken-3.meldung_status_unmatched_comparison_color, .orange-text.meldung_status_no_comparison_color, .meldung_status_no_comparison_color.meldung_status_unmatched_comparison_color, .text-darken-3.kostenlos-testen-color-text, .kostenlos-testen-color-text.meldung_status_no_comparison_color, .orange-text.slplaner-lock-button, .slplaner-lock-button.meldung_status_unmatched_comparison_color, .slplaner-lock-button.kostenlos-testen-color-text, .orange-text.person-freigabe-sv-off, .person-freigabe-sv-off.meldung_status_unmatched_comparison_color, .person-freigabe-sv-off.kostenlos-testen-color-text,
.orange-text.person-mab-in-bearbeitung,
.person-mab-in-bearbeitung.meldung_status_unmatched_comparison_color,
.person-mab-in-bearbeitung.kostenlos-testen-color-text,
.orange-text.person-noch-kein-mab,
.person-noch-kein-mab.meldung_status_unmatched_comparison_color,
.person-noch-kein-mab.kostenlos-testen-color-text, .orange-text.freigabe-new.unchecked, .freigabe-new.unchecked.meldung_status_unmatched_comparison_color, .freigabe-new.unchecked.kostenlos-testen-color-text, .orange-text.freigabe-current.unchecked, .freigabe-current.unchecked.meldung_status_unmatched_comparison_color, .freigabe-current.unchecked.kostenlos-testen-color-text, .orange-text.match-member-new.neutral, .match-member-new.neutral.meldung_status_unmatched_comparison_color, .match-member-new.neutral.kostenlos-testen-color-text, .orange-text.freigabe-new.neutral, .freigabe-new.neutral.meldung_status_unmatched_comparison_color, .freigabe-new.neutral.kostenlos-testen-color-text {
  color: #ef6c00 !important;
}

.orange.darken-4, .darken-4.kostenlos-testen-color, .darken-4.kostenlos-testen, .darken-4.slplaner-access-actions-button {
  background-color: #e65100 !important;
}

.orange-text.text-darken-4, .text-darken-4.meldung_status_unmatched_comparison_color, .text-darken-4.kostenlos-testen-color-text, label.orange-text, label.meldung_status_unmatched_comparison_color, label.kostenlos-testen-color-text {
  color: #e65100 !important;
}

.orange.accent-1, .accent-1.kostenlos-testen-color, .accent-1.kostenlos-testen, .accent-1.slplaner-access-actions-button, .orange.color-5-alt, .color-5-alt.kostenlos-testen-color, .color-5-alt.kostenlos-testen, .color-5-alt.slplaner-access-actions-button, .orange.color-4-alt, .color-4-alt.kostenlos-testen-color, .color-4-alt.kostenlos-testen, .color-4-alt.slplaner-access-actions-button, .orange.color-3-alt, .color-3-alt.kostenlos-testen-color, .color-3-alt.kostenlos-testen, .color-3-alt.slplaner-access-actions-button, .orange.color-2-alt, .color-2-alt.kostenlos-testen-color, .color-2-alt.kostenlos-testen, .color-2-alt.slplaner-access-actions-button, .orange.color-1-alt, .color-1-alt.kostenlos-testen-color, .color-1-alt.kostenlos-testen, .color-1-alt.slplaner-access-actions-button, .orange.color-3, .color-3.kostenlos-testen-color, .color-3.kostenlos-testen, .color-3.slplaner-access-actions-button, .orange.color-2, .color-2.kostenlos-testen-color, .color-2.kostenlos-testen, .color-2.slplaner-access-actions-button, .orange.color-1, .color-1.kostenlos-testen-color, .color-1.kostenlos-testen, .color-1.slplaner-access-actions-button {
  background-color: #ffd180 !important;
}

.orange-text.text-accent-1, .text-accent-1.meldung_status_unmatched_comparison_color, .text-accent-1.kostenlos-testen-color-text, .orange-text.color-5-alt-text, .color-5-alt-text.meldung_status_unmatched_comparison_color, .color-5-alt-text.kostenlos-testen-color-text, .orange-text.color-4-alt-text, .color-4-alt-text.meldung_status_unmatched_comparison_color, .color-4-alt-text.kostenlos-testen-color-text, .orange-text.color-3-alt-text, .color-3-alt-text.meldung_status_unmatched_comparison_color, .color-3-alt-text.kostenlos-testen-color-text, .orange-text.color-2-alt-text, .color-2-alt-text.meldung_status_unmatched_comparison_color, .color-2-alt-text.kostenlos-testen-color-text, .orange-text.color-1-alt-text, .color-1-alt-text.meldung_status_unmatched_comparison_color, .color-1-alt-text.kostenlos-testen-color-text {
  color: #ffd180 !important;
}

.orange.accent-2, .accent-2.kostenlos-testen-color, .accent-2.kostenlos-testen, .accent-2.slplaner-access-actions-button {
  background-color: #ffab40 !important;
}

.orange-text.text-accent-2, .text-accent-2.meldung_status_unmatched_comparison_color, .text-accent-2.kostenlos-testen-color-text {
  color: #ffab40 !important;
}

.orange.accent-3, .accent-3.kostenlos-testen-color, .accent-3.kostenlos-testen, .accent-3.slplaner-access-actions-button {
  background-color: #ff9100 !important;
}

.orange-text.text-accent-3, .text-accent-3.meldung_status_unmatched_comparison_color, .text-accent-3.kostenlos-testen-color-text, #schuljahr-form-future .orange-text.select-dropdown.dropdown-trigger, #schuljahr-form-future .select-dropdown.dropdown-trigger.meldung_status_unmatched_comparison_color, #schuljahr-form-future .select-dropdown.dropdown-trigger.kostenlos-testen-color-text {
  color: #ff9100 !important;
}

.orange.accent-4, .accent-4.kostenlos-testen-color, .accent-4.kostenlos-testen, .accent-4.slplaner-access-actions-button {
  background-color: #ff6d00 !important;
}

.orange-text.text-accent-4, .text-accent-4.meldung_status_unmatched_comparison_color, .text-accent-4.kostenlos-testen-color-text {
  color: #ff6d00 !important;
}

.deep-orange {
  background-color: #ff5722 !important;
}

.deep-orange-text {
  color: #ff5722 !important;
}

.deep-orange.lighten-5 {
  background-color: #fbe9e7 !important;
}

.deep-orange-text.text-lighten-5 {
  color: #fbe9e7 !important;
}

.deep-orange.lighten-4, .deep-orange.badge.slplaner-table-light-badge, .deep-orange.slplaner-light-badge {
  background-color: #ffccbc !important;
}

.deep-orange-text.text-lighten-4 {
  color: #ffccbc !important;
}

.deep-orange.lighten-3, #tt-planning-wrapper .deep-orange.chip.tt-elementable-asg-chip, .time-table > div.deep-orange.tt-col-header, .time-table > div.deep-orange.tt-row-header, .time-table > div.deep-orange.tt-top-left-cell, .row.bubble-container .deep-orange.bubble-plain, .deep-orange.row.bubble-container.navbar-bubble, body.deep-orange.landing-page, .deep-orange.slplaner-sidenav-go-to-products-link, .deep-orange.slplaner-sidenav-disabled-link, .deep-orange.color-5, .deep-orange.color-4 {
  background-color: #ffab91 !important;
}

.deep-orange-text.text-lighten-3, .deep-orange-text.slplaner-links-inactive-color-text, .deep-orange-text.match-member-new.unchecked, .deep-orange-text.match-member-current.unchecked {
  color: #ffab91 !important;
}

.deep-orange.lighten-2, .deep-orange.tt-date-nav, #time-chooser select.deep-orange.tt-chooser-select,
#units-assigned-chooser select.deep-orange.tt-chooser-select,
#location-chooser select.deep-orange.tt-chooser-select,
#substitute-chooser select.deep-orange.tt-chooser-select, .deep-orange.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .deep-orange.pep-versions-in-modal-col-title, .row.bubble-container .deep-orange.bubble-plain-minimal, .landing-page .deep-orange#legals-div, .deep-orange.slplaner-two-col-collapsible-body-button-inactive, .deep-orange.slplaner-access-actions-button, .deep-orange.modal.slplaner-page-modal, .deep-orange.slplaner-main, .deep-orange.slplaner-darker-collapsible-header, .deep-orange.tagesstrukturen-hub-header-color, .deep-orange.schulgemeinde-hub-header-color, .deep-orange.slplaner-col-navbar-button-inactive, .deep-orange.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.deep-orange.active {
  background-color: #ff8a65 !important;
}

.deep-orange-text.text-lighten-2 {
  color: #ff8a65 !important;
}

.deep-orange.lighten-1, .deep-orange.slplaner-col-navbar {
  background-color: #ff7043 !important;
}

.deep-orange-text.text-lighten-1, .deep-orange-text.slplaner-date-nav-button-inactive, #schuljahr-form-old .deep-orange-text.select-dropdown.dropdown-trigger {
  color: #ff7043 !important;
}

.deep-orange.darken-1, .deep-orange.submit-in-dropdown-btn, .deep-orange.abo-beenden, .deep-orange.abo-bearbeiten, .deep-orange.mehr-info, .deep-orange.slplaner-two-col-collapsible-body-button, .deep-orange.slplaner-col-navbar-button {
  background-color: #f4511e !important;
}

.deep-orange-text.text-darken-1, .deep-orange-text.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.deep-orange-text {
  color: #f4511e !important;
}

.deep-orange.darken-2 {
  background-color: #e64a19 !important;
}

.deep-orange-text.text-darken-2 {
  color: #e64a19 !important;
}

.deep-orange.darken-3, .deep-orange.material-tooltip, #toast-container .deep-orange.toast {
  background-color: #d84315 !important;
}

.deep-orange-text.text-darken-3, .deep-orange-text.meldung_status_no_comparison_color, .deep-orange-text.slplaner-lock-button, .deep-orange-text.person-freigabe-sv-off,
.deep-orange-text.person-mab-in-bearbeitung,
.deep-orange-text.person-noch-kein-mab, .deep-orange-text.freigabe-new.unchecked, .deep-orange-text.freigabe-current.unchecked, .deep-orange-text.match-member-new.neutral, .deep-orange-text.freigabe-new.neutral {
  color: #d84315 !important;
}

.deep-orange.darken-4 {
  background-color: #bf360c !important;
}

.deep-orange-text.text-darken-4, label.deep-orange-text {
  color: #bf360c !important;
}

.deep-orange.accent-1, .deep-orange.color-5-alt, .deep-orange.color-4-alt, .deep-orange.color-3-alt, .deep-orange.color-2-alt, .deep-orange.color-1-alt, .deep-orange.color-3, .deep-orange.color-2, .deep-orange.color-1 {
  background-color: #ff9e80 !important;
}

.deep-orange-text.text-accent-1, .deep-orange-text.color-5-alt-text, .deep-orange-text.color-4-alt-text, .deep-orange-text.color-3-alt-text, .deep-orange-text.color-2-alt-text, .deep-orange-text.color-1-alt-text {
  color: #ff9e80 !important;
}

.deep-orange.accent-2 {
  background-color: #ff6e40 !important;
}

.deep-orange-text.text-accent-2 {
  color: #ff6e40 !important;
}

.deep-orange.accent-3 {
  background-color: #ff3d00 !important;
}

.deep-orange-text.text-accent-3, #schuljahr-form-future .deep-orange-text.select-dropdown.dropdown-trigger {
  color: #ff3d00 !important;
}

.deep-orange.accent-4 {
  background-color: #dd2c00 !important;
}

.deep-orange-text.text-accent-4 {
  color: #dd2c00 !important;
}

.brown {
  background-color: #795548 !important;
}

.brown-text {
  color: #795548 !important;
}

.brown.lighten-5 {
  background-color: #efebe9 !important;
}

.brown-text.text-lighten-5 {
  color: #efebe9 !important;
}

.brown.lighten-4, .brown.badge.slplaner-table-light-badge, .brown.slplaner-light-badge {
  background-color: #d7ccc8 !important;
}

.brown-text.text-lighten-4 {
  color: #d7ccc8 !important;
}

.brown.lighten-3, #tt-planning-wrapper .brown.chip.tt-elementable-asg-chip, .time-table > div.brown.tt-col-header, .time-table > div.brown.tt-row-header, .time-table > div.brown.tt-top-left-cell, .row.bubble-container .brown.bubble-plain, .brown.row.bubble-container.navbar-bubble, body.brown.landing-page, .brown.slplaner-sidenav-go-to-products-link, .brown.slplaner-sidenav-disabled-link, .brown.color-5, .brown.color-4 {
  background-color: #bcaaa4 !important;
}

.brown-text.text-lighten-3, .brown-text.slplaner-links-inactive-color-text, .brown-text.match-member-new.unchecked, .brown-text.match-member-current.unchecked {
  color: #bcaaa4 !important;
}

.brown.lighten-2, .brown.tt-date-nav, #time-chooser select.brown.tt-chooser-select,
#units-assigned-chooser select.brown.tt-chooser-select,
#location-chooser select.brown.tt-chooser-select,
#substitute-chooser select.brown.tt-chooser-select, .brown.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .brown.pep-versions-in-modal-col-title, .row.bubble-container .brown.bubble-plain-minimal, .landing-page .brown#legals-div, .brown.slplaner-two-col-collapsible-body-button-inactive, .brown.slplaner-access-actions-button, .brown.modal.slplaner-page-modal, .brown.slplaner-main, .brown.slplaner-darker-collapsible-header, .brown.tagesstrukturen-hub-header-color, .brown.schulgemeinde-hub-header-color, .brown.slplaner-col-navbar-button-inactive, .brown.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.brown.active {
  background-color: #a1887f !important;
}

.brown-text.text-lighten-2 {
  color: #a1887f !important;
}

.brown.lighten-1, .brown.slplaner-col-navbar {
  background-color: #8d6e63 !important;
}

.brown-text.text-lighten-1, .brown-text.slplaner-date-nav-button-inactive, #schuljahr-form-old .brown-text.select-dropdown.dropdown-trigger {
  color: #8d6e63 !important;
}

.brown.darken-1, .brown.submit-in-dropdown-btn, .brown.abo-beenden, .brown.abo-bearbeiten, .brown.mehr-info, .brown.slplaner-two-col-collapsible-body-button, .brown.slplaner-col-navbar-button {
  background-color: #6d4c41 !important;
}

.brown-text.text-darken-1, .brown-text.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.brown-text {
  color: #6d4c41 !important;
}

.brown.darken-2 {
  background-color: #5d4037 !important;
}

.brown-text.text-darken-2 {
  color: #5d4037 !important;
}

.brown.darken-3, .brown.material-tooltip, #toast-container .brown.toast {
  background-color: #4e342e !important;
}

.brown-text.text-darken-3, .brown-text.meldung_status_no_comparison_color, .brown-text.slplaner-lock-button, .brown-text.person-freigabe-sv-off,
.brown-text.person-mab-in-bearbeitung,
.brown-text.person-noch-kein-mab, .brown-text.freigabe-new.unchecked, .brown-text.freigabe-current.unchecked, .brown-text.match-member-new.neutral, .brown-text.freigabe-new.neutral {
  color: #4e342e !important;
}

.brown.darken-4 {
  background-color: #3e2723 !important;
}

.brown-text.text-darken-4, label.brown-text {
  color: #3e2723 !important;
}

.blue-grey, .slplaner-two-col-collapsible-body-button-inactive, .slplaner-col-navbar-button-inactive {
  background-color: #607d8b !important;
}

.blue-grey-text, .slplaner-links-inactive-color-text {
  color: #607d8b !important;
}

.blue-grey.lighten-5, .lighten-5.slplaner-two-col-collapsible-body-button-inactive, .lighten-5.slplaner-col-navbar-button-inactive {
  background-color: #eceff1 !important;
}

.blue-grey-text.text-lighten-5, .text-lighten-5.slplaner-links-inactive-color-text {
  color: #eceff1 !important;
}

.blue-grey.lighten-4, .lighten-4.slplaner-two-col-collapsible-body-button-inactive, .blue-grey.badge.slplaner-table-light-badge, .badge.slplaner-table-light-badge.slplaner-two-col-collapsible-body-button-inactive, .blue-grey.slplaner-light-badge, .slplaner-light-badge.slplaner-two-col-collapsible-body-button-inactive, .lighten-4.slplaner-col-navbar-button-inactive, .slplaner-col-navbar-button-inactive.badge.slplaner-table-light-badge, .slplaner-col-navbar-button-inactive.slplaner-light-badge {
  background-color: #cfd8dc !important;
}

.blue-grey-text.text-lighten-4, .text-lighten-4.slplaner-links-inactive-color-text {
  color: #cfd8dc !important;
}

.blue-grey.lighten-3, #tt-planning-wrapper .blue-grey.chip.tt-elementable-asg-chip, .time-table > div.blue-grey.tt-col-header, .time-table > div.blue-grey.tt-row-header, .time-table > div.blue-grey.tt-top-left-cell, .row.bubble-container .blue-grey.bubble-plain, .blue-grey.row.bubble-container.navbar-bubble, body.blue-grey.landing-page, .lighten-3.slplaner-two-col-collapsible-body-button-inactive, #tt-planning-wrapper .slplaner-two-col-collapsible-body-button-inactive.chip.tt-elementable-asg-chip, .time-table > div.slplaner-two-col-collapsible-body-button-inactive.tt-col-header, .time-table > div.slplaner-two-col-collapsible-body-button-inactive.tt-row-header, .time-table > div.slplaner-two-col-collapsible-body-button-inactive.tt-top-left-cell, .row.bubble-container .slplaner-two-col-collapsible-body-button-inactive.bubble-plain, .slplaner-two-col-collapsible-body-button-inactive.row.bubble-container.navbar-bubble, body.slplaner-two-col-collapsible-body-button-inactive.landing-page, .blue-grey.slplaner-sidenav-go-to-products-link, .slplaner-sidenav-go-to-products-link.slplaner-two-col-collapsible-body-button-inactive, .blue-grey.slplaner-sidenav-disabled-link, .slplaner-sidenav-disabled-link.slplaner-two-col-collapsible-body-button-inactive, .lighten-3.slplaner-col-navbar-button-inactive, #tt-planning-wrapper .slplaner-col-navbar-button-inactive.chip.tt-elementable-asg-chip, .time-table > div.slplaner-col-navbar-button-inactive.tt-col-header, .time-table > div.slplaner-col-navbar-button-inactive.tt-row-header, .time-table > div.slplaner-col-navbar-button-inactive.tt-top-left-cell, .row.bubble-container .slplaner-col-navbar-button-inactive.bubble-plain, .slplaner-col-navbar-button-inactive.row.bubble-container.navbar-bubble, body.slplaner-col-navbar-button-inactive.landing-page, .slplaner-col-navbar-button-inactive.slplaner-sidenav-go-to-products-link, .slplaner-col-navbar-button-inactive.slplaner-sidenav-disabled-link, .blue-grey.color-5, .color-5.slplaner-two-col-collapsible-body-button-inactive, .color-5.slplaner-col-navbar-button-inactive, .blue-grey.color-4, .color-4.slplaner-two-col-collapsible-body-button-inactive, .color-4.slplaner-col-navbar-button-inactive {
  background-color: #b0bec5 !important;
}

.blue-grey-text.text-lighten-3, .slplaner-links-inactive-color-text, .blue-grey-text.match-member-new.unchecked, .match-member-new.unchecked.slplaner-links-inactive-color-text, .blue-grey-text.match-member-current.unchecked, .match-member-current.unchecked.slplaner-links-inactive-color-text {
  color: #b0bec5 !important;
}

.blue-grey.lighten-2, .blue-grey.tt-date-nav, #time-chooser select.blue-grey.tt-chooser-select,
#units-assigned-chooser select.blue-grey.tt-chooser-select,
#location-chooser select.blue-grey.tt-chooser-select,
#substitute-chooser select.blue-grey.tt-chooser-select, .blue-grey.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .blue-grey.pep-versions-in-modal-col-title, .row.bubble-container .blue-grey.bubble-plain-minimal, .landing-page .blue-grey#legals-div, .slplaner-two-col-collapsible-body-button-inactive, .blue-grey.slplaner-access-actions-button, .blue-grey.modal.slplaner-page-modal, .modal.slplaner-page-modal.slplaner-two-col-collapsible-body-button-inactive, .blue-grey.slplaner-main, .blue-grey.slplaner-darker-collapsible-header, .blue-grey.tagesstrukturen-hub-header-color, .blue-grey.schulgemeinde-hub-header-color, .slplaner-col-navbar-button-inactive, .blue-grey.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.blue-grey.active, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.slplaner-two-col-collapsible-body-button-inactive, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.slplaner-col-navbar-button-inactive {
  background-color: #90a4ae !important;
}

.blue-grey-text.text-lighten-2, .text-lighten-2.slplaner-links-inactive-color-text {
  color: #90a4ae !important;
}

.blue-grey.lighten-1, .lighten-1.slplaner-two-col-collapsible-body-button-inactive, .lighten-1.slplaner-col-navbar-button-inactive, .blue-grey.slplaner-col-navbar, .slplaner-col-navbar.slplaner-two-col-collapsible-body-button-inactive, .slplaner-col-navbar.slplaner-col-navbar-button-inactive {
  background-color: #78909c !important;
}

.blue-grey-text.text-lighten-1, .blue-grey-text.slplaner-date-nav-button-inactive, .text-lighten-1.slplaner-links-inactive-color-text, .slplaner-links-inactive-color-text.slplaner-date-nav-button-inactive, #schuljahr-form-old .blue-grey-text.select-dropdown.dropdown-trigger, #schuljahr-form-old .select-dropdown.dropdown-trigger.slplaner-links-inactive-color-text {
  color: #78909c !important;
}

.blue-grey.darken-1, .blue-grey.submit-in-dropdown-btn, .blue-grey.abo-beenden, .blue-grey.abo-bearbeiten, .blue-grey.mehr-info, .darken-1.slplaner-two-col-collapsible-body-button-inactive, .slplaner-two-col-collapsible-body-button-inactive.submit-in-dropdown-btn, .slplaner-two-col-collapsible-body-button-inactive.abo-beenden, .slplaner-two-col-collapsible-body-button-inactive.abo-bearbeiten, .slplaner-two-col-collapsible-body-button-inactive.mehr-info, .blue-grey.slplaner-two-col-collapsible-body-button, .slplaner-two-col-collapsible-body-button.slplaner-two-col-collapsible-body-button-inactive, .darken-1.slplaner-col-navbar-button-inactive, .slplaner-col-navbar-button-inactive.submit-in-dropdown-btn, .slplaner-col-navbar-button-inactive.abo-beenden, .slplaner-col-navbar-button-inactive.abo-bearbeiten, .slplaner-col-navbar-button-inactive.mehr-info, .slplaner-col-navbar-button-inactive.slplaner-two-col-collapsible-body-button, .blue-grey.slplaner-col-navbar-button, .slplaner-col-navbar-button.slplaner-two-col-collapsible-body-button-inactive, .slplaner-col-navbar-button.slplaner-col-navbar-button-inactive {
  background-color: #546e7a !important;
}

.blue-grey-text.text-darken-1, .text-darken-1.slplaner-links-inactive-color-text, .blue-grey-text.slplaner-links-blue-color-text, .slplaner-links-blue-color-text.slplaner-links-inactive-color-text, .sv-person-vorjahr-only a.blue-grey-text, .sv-person-vorjahr-only a.slplaner-links-inactive-color-text {
  color: #546e7a !important;
}

.blue-grey.darken-2, .darken-2.slplaner-two-col-collapsible-body-button-inactive, .darken-2.slplaner-col-navbar-button-inactive {
  background-color: #455a64 !important;
}

.blue-grey-text.text-darken-2, .text-darken-2.slplaner-links-inactive-color-text {
  color: #455a64 !important;
}

.blue-grey.darken-3, .darken-3.slplaner-two-col-collapsible-body-button-inactive, .darken-3.slplaner-col-navbar-button-inactive, .blue-grey.material-tooltip, .material-tooltip.slplaner-two-col-collapsible-body-button-inactive, .material-tooltip.slplaner-col-navbar-button-inactive, #toast-container .blue-grey.toast, #toast-container .toast.slplaner-two-col-collapsible-body-button-inactive, #toast-container .toast.slplaner-col-navbar-button-inactive {
  background-color: #37474f !important;
}

.blue-grey-text.text-darken-3, .blue-grey-text.meldung_status_no_comparison_color, .blue-grey-text.slplaner-lock-button, .text-darken-3.slplaner-links-inactive-color-text, .slplaner-links-inactive-color-text.meldung_status_no_comparison_color, .slplaner-links-inactive-color-text.slplaner-lock-button, .blue-grey-text.person-freigabe-sv-off, .person-freigabe-sv-off.slplaner-links-inactive-color-text,
.blue-grey-text.person-mab-in-bearbeitung,
.person-mab-in-bearbeitung.slplaner-links-inactive-color-text,
.blue-grey-text.person-noch-kein-mab,
.person-noch-kein-mab.slplaner-links-inactive-color-text, .blue-grey-text.freigabe-new.unchecked, .freigabe-new.unchecked.slplaner-links-inactive-color-text, .blue-grey-text.freigabe-current.unchecked, .freigabe-current.unchecked.slplaner-links-inactive-color-text, .blue-grey-text.match-member-new.neutral, .match-member-new.neutral.slplaner-links-inactive-color-text, .blue-grey-text.freigabe-new.neutral, .freigabe-new.neutral.slplaner-links-inactive-color-text {
  color: #37474f !important;
}

.blue-grey.darken-4, .darken-4.slplaner-two-col-collapsible-body-button-inactive, .darken-4.slplaner-col-navbar-button-inactive {
  background-color: #263238 !important;
}

.blue-grey-text.text-darken-4, .text-darken-4.slplaner-links-inactive-color-text, label.blue-grey-text, label.slplaner-links-inactive-color-text {
  color: #263238 !important;
}

.grey, .tt-date-nav, #time-chooser select.tt-chooser-select, #time-chooser select.tt-chooser-select:focus,
#units-assigned-chooser select.tt-chooser-select,
#units-assigned-chooser select.tt-chooser-select:focus,
#location-chooser select.tt-chooser-select,
#location-chooser select.tt-chooser-select:focus,
#substitute-chooser select.tt-chooser-select,
#substitute-chooser select.tt-chooser-select:focus, #tt-planning-wrapper .chip.tt-elementable-asg-chip, .time-table > div.tt-col-header, .time-table > div.tt-row-header, .time-table > div.tt-top-left-cell, .slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .pep-versions-in-modal-col-title, .row.bubble-container .bubble-plain-minimal, .row.bubble-container .bubble-plain, .row.bubble-container.navbar-bubble, .abo-beenden, .landing-page #legals-div, body.landing-page, .badge.slplaner-table-light-badge, .slplaner-sidenav-go-to-products-link, .slplaner-sidenav-disabled-link, .modal.slplaner-page-modal, .slplaner-main, .slplaner-lock-button, .slplaner-light-badge, .slplaner-darker-collapsible-header, .tagesstrukturen-hub-header-color, .schulgemeinde-hub-header-color, .slplaner-col-navbar, .slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.active,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active, .material-tooltip, #toast-container .toast {
  background-color: #9e9e9e !important;
}

.grey-text, .meldung_status_no_comparison_color, .slplaner-date-nav-button-inactive, .slplaner-sidenav-go-to-products-link, .slplaner-sidenav-disabled-link, .slplaner-lock-button, .sv-person-vorjahr-only a, .person-freigabe-sv-off,
.person-mab-in-bearbeitung,
.person-noch-kein-mab, .freigabe-new.unchecked, .freigabe-current.unchecked, .match-member-new.neutral, .freigabe-new.neutral, .sidenav .collapsible-header:after, .sidenav .active .collapsible-header:after, label {
  color: #9e9e9e !important;
}

.grey.lighten-5, .lighten-5.tt-date-nav, #time-chooser select.lighten-5.tt-chooser-select,
#units-assigned-chooser select.lighten-5.tt-chooser-select,
#location-chooser select.lighten-5.tt-chooser-select,
#substitute-chooser select.lighten-5.tt-chooser-select, #tt-planning-wrapper .lighten-5.chip.tt-elementable-asg-chip, .time-table > div.lighten-5.tt-col-header, .time-table > div.lighten-5.tt-row-header, .time-table > div.lighten-5.tt-top-left-cell, .lighten-5.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .lighten-5.pep-versions-in-modal-col-title, .row.bubble-container .lighten-5.bubble-plain-minimal, .row.bubble-container .lighten-5.bubble-plain, .lighten-5.row.bubble-container.navbar-bubble, .lighten-5.abo-beenden, .landing-page .lighten-5#legals-div, body.lighten-5.landing-page, .lighten-5.badge.slplaner-table-light-badge, .lighten-5.slplaner-sidenav-go-to-products-link, .lighten-5.slplaner-sidenav-disabled-link, .lighten-5.modal.slplaner-page-modal, .lighten-5.slplaner-main, .lighten-5.slplaner-lock-button, .lighten-5.slplaner-light-badge, .lighten-5.slplaner-darker-collapsible-header, .lighten-5.tagesstrukturen-hub-header-color, .lighten-5.schulgemeinde-hub-header-color, .lighten-5.slplaner-col-navbar, .lighten-5.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.lighten-5.active, .lighten-5.material-tooltip, #toast-container .lighten-5.toast {
  background-color: #fafafa !important;
}

.grey-text.text-lighten-5, .text-lighten-5.meldung_status_no_comparison_color, .text-lighten-5.slplaner-date-nav-button-inactive, .text-lighten-5.slplaner-sidenav-go-to-products-link, .text-lighten-5.slplaner-sidenav-disabled-link, .text-lighten-5.slplaner-lock-button, .sv-person-vorjahr-only a.text-lighten-5, .text-lighten-5.person-freigabe-sv-off,
.text-lighten-5.person-mab-in-bearbeitung,
.text-lighten-5.person-noch-kein-mab, .text-lighten-5.freigabe-new.unchecked, .text-lighten-5.freigabe-current.unchecked, .text-lighten-5.match-member-new.neutral, .text-lighten-5.freigabe-new.neutral, .sidenav .text-lighten-5.collapsible-header:after, label.text-lighten-5 {
  color: #fafafa !important;
}

.grey.lighten-4, .lighten-4.tt-date-nav, #time-chooser select.lighten-4.tt-chooser-select,
#units-assigned-chooser select.lighten-4.tt-chooser-select,
#location-chooser select.lighten-4.tt-chooser-select,
#substitute-chooser select.lighten-4.tt-chooser-select, #tt-planning-wrapper .lighten-4.chip.tt-elementable-asg-chip, .time-table > div.lighten-4.tt-col-header, .time-table > div.lighten-4.tt-row-header, .time-table > div.lighten-4.tt-top-left-cell, .lighten-4.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .lighten-4.pep-versions-in-modal-col-title, .row.bubble-container .lighten-4.bubble-plain-minimal, .row.bubble-container .lighten-4.bubble-plain, .lighten-4.row.bubble-container.navbar-bubble, .lighten-4.abo-beenden, .landing-page .lighten-4#legals-div, body.lighten-4.landing-page, .badge.slplaner-table-light-badge, .lighten-4.slplaner-sidenav-go-to-products-link, .lighten-4.slplaner-sidenav-disabled-link, .lighten-4.modal.slplaner-page-modal, .lighten-4.slplaner-main, .lighten-4.slplaner-lock-button, .slplaner-light-badge, .lighten-4.slplaner-darker-collapsible-header, .lighten-4.tagesstrukturen-hub-header-color, .lighten-4.schulgemeinde-hub-header-color, .lighten-4.slplaner-col-navbar, .lighten-4.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.lighten-4.active, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.badge.slplaner-table-light-badge, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.slplaner-light-badge, .lighten-4.material-tooltip, #toast-container .lighten-4.toast, #toast-container .toast.badge.slplaner-table-light-badge, #toast-container .toast.slplaner-light-badge {
  background-color: #f5f5f5 !important;
}

.grey-text.text-lighten-4, .text-lighten-4.meldung_status_no_comparison_color, .text-lighten-4.slplaner-date-nav-button-inactive, .text-lighten-4.slplaner-sidenav-go-to-products-link, .text-lighten-4.slplaner-sidenav-disabled-link, .text-lighten-4.slplaner-lock-button, .sv-person-vorjahr-only a.text-lighten-4, .text-lighten-4.person-freigabe-sv-off,
.text-lighten-4.person-mab-in-bearbeitung,
.text-lighten-4.person-noch-kein-mab, .text-lighten-4.freigabe-new.unchecked, .text-lighten-4.freigabe-current.unchecked, .text-lighten-4.match-member-new.neutral, .text-lighten-4.freigabe-new.neutral, .sidenav .text-lighten-4.collapsible-header:after, label.text-lighten-4 {
  color: #f5f5f5 !important;
}

.grey.lighten-3, .lighten-3.tt-date-nav, #time-chooser select.lighten-3.tt-chooser-select,
#units-assigned-chooser select.lighten-3.tt-chooser-select,
#location-chooser select.lighten-3.tt-chooser-select,
#substitute-chooser select.lighten-3.tt-chooser-select, #tt-planning-wrapper .grey.chip.tt-elementable-asg-chip, #tt-planning-wrapper .chip.tt-elementable-asg-chip.tt-date-nav, #tt-planning-wrapper #time-chooser select.chip.tt-elementable-asg-chip.tt-chooser-select, #time-chooser #tt-planning-wrapper select.chip.tt-elementable-asg-chip.tt-chooser-select,
#tt-planning-wrapper #units-assigned-chooser select.chip.tt-elementable-asg-chip.tt-chooser-select,
#units-assigned-chooser #tt-planning-wrapper select.chip.tt-elementable-asg-chip.tt-chooser-select,
#tt-planning-wrapper #location-chooser select.chip.tt-elementable-asg-chip.tt-chooser-select,
#location-chooser #tt-planning-wrapper select.chip.tt-elementable-asg-chip.tt-chooser-select,
#tt-planning-wrapper #substitute-chooser select.chip.tt-elementable-asg-chip.tt-chooser-select,
#substitute-chooser #tt-planning-wrapper select.chip.tt-elementable-asg-chip.tt-chooser-select, #tt-planning-wrapper .lighten-3.chip.tt-elementable-asg-chip, #tt-planning-wrapper .chip.tt-elementable-asg-chip, .time-table > div.grey.tt-col-header, .time-table > div.tt-col-header.tt-date-nav, #tt-planning-wrapper .time-table > div.tt-col-header.chip.tt-elementable-asg-chip, .time-table > div.grey.tt-row-header, .time-table > div.tt-row-header.tt-date-nav, #tt-planning-wrapper .time-table > div.tt-row-header.chip.tt-elementable-asg-chip, .time-table > div.grey.tt-top-left-cell, .time-table > div.tt-top-left-cell.tt-date-nav, #tt-planning-wrapper .time-table > div.tt-top-left-cell.chip.tt-elementable-asg-chip, .time-table > div.lighten-3.tt-col-header, #tt-planning-wrapper .time-table > div.tt-col-header.chip.tt-elementable-asg-chip, .time-table > div.tt-col-header, .time-table > div.lighten-3.tt-row-header, #tt-planning-wrapper .time-table > div.tt-row-header.chip.tt-elementable-asg-chip, .time-table > div.tt-row-header, .time-table > div.lighten-3.tt-top-left-cell, #tt-planning-wrapper .time-table > div.tt-top-left-cell.chip.tt-elementable-asg-chip, .time-table > div.tt-top-left-cell, .lighten-3.slplaner-abc-nav, #tt-planning-wrapper .slplaner-abc-nav.chip.tt-elementable-asg-chip, .time-table > div.slplaner-abc-nav.tt-col-header, .time-table > div.slplaner-abc-nav.tt-row-header, .time-table > div.slplaner-abc-nav.tt-top-left-cell, .pep-versions-in-modal-subtitle-row .lighten-3.pep-versions-in-modal-col-title, .pep-versions-in-modal-subtitle-row #tt-planning-wrapper .pep-versions-in-modal-col-title.chip.tt-elementable-asg-chip, #tt-planning-wrapper .pep-versions-in-modal-subtitle-row .pep-versions-in-modal-col-title.chip.tt-elementable-asg-chip, .pep-versions-in-modal-subtitle-row .time-table > div.pep-versions-in-modal-col-title.tt-col-header, .pep-versions-in-modal-subtitle-row .time-table > div.pep-versions-in-modal-col-title.tt-row-header, .pep-versions-in-modal-subtitle-row .time-table > div.pep-versions-in-modal-col-title.tt-top-left-cell, .row.bubble-container .lighten-3.bubble-plain-minimal, .row.bubble-container #tt-planning-wrapper .bubble-plain-minimal.chip.tt-elementable-asg-chip, #tt-planning-wrapper .row.bubble-container .bubble-plain-minimal.chip.tt-elementable-asg-chip, .row.bubble-container .time-table > div.bubble-plain-minimal.tt-col-header, .row.bubble-container .time-table > div.bubble-plain-minimal.tt-row-header, .row.bubble-container .time-table > div.bubble-plain-minimal.tt-top-left-cell, .row.bubble-container .bubble-plain, .row.bubble-container.navbar-bubble, .lighten-3.abo-beenden, #tt-planning-wrapper .abo-beenden.chip.tt-elementable-asg-chip, .time-table > div.abo-beenden.tt-col-header, .time-table > div.abo-beenden.tt-row-header, .time-table > div.abo-beenden.tt-top-left-cell, .landing-page .lighten-3#legals-div, .landing-page #tt-planning-wrapper #legals-div.chip.tt-elementable-asg-chip, #tt-planning-wrapper .landing-page #legals-div.chip.tt-elementable-asg-chip, .landing-page .time-table > div#legals-div.tt-col-header, .landing-page .time-table > div#legals-div.tt-row-header, .landing-page .time-table > div#legals-div.tt-top-left-cell, .landing-page .row.bubble-container #legals-div.bubble-plain, .row.bubble-container .landing-page #legals-div.bubble-plain, .landing-page #legals-div.row.bubble-container.navbar-bubble, body.landing-page, .lighten-3.badge.slplaner-table-light-badge, #tt-planning-wrapper .badge.slplaner-table-light-badge.chip.tt-elementable-asg-chip, .time-table > div.badge.slplaner-table-light-badge.tt-col-header, .time-table > div.badge.slplaner-table-light-badge.tt-row-header, .time-table > div.badge.slplaner-table-light-badge.tt-top-left-cell, body.badge.slplaner-table-light-badge.landing-page, .slplaner-sidenav-go-to-products-link, .slplaner-sidenav-disabled-link, .lighten-3.modal.slplaner-page-modal, #tt-planning-wrapper .modal.slplaner-page-modal.chip.tt-elementable-asg-chip, .time-table > div.modal.slplaner-page-modal.tt-col-header, .time-table > div.modal.slplaner-page-modal.tt-row-header, .time-table > div.modal.slplaner-page-modal.tt-top-left-cell, body.modal.slplaner-page-modal.landing-page, .modal.slplaner-page-modal.slplaner-sidenav-go-to-products-link, .modal.slplaner-page-modal.slplaner-sidenav-disabled-link, .lighten-3.slplaner-main, #tt-planning-wrapper .slplaner-main.chip.tt-elementable-asg-chip, .time-table > div.slplaner-main.tt-col-header, .time-table > div.slplaner-main.tt-row-header, .time-table > div.slplaner-main.tt-top-left-cell, .lighten-3.slplaner-lock-button, #tt-planning-wrapper .slplaner-lock-button.chip.tt-elementable-asg-chip, .time-table > div.slplaner-lock-button.tt-col-header, .time-table > div.slplaner-lock-button.tt-row-header, .time-table > div.slplaner-lock-button.tt-top-left-cell, .lighten-3.slplaner-light-badge, #tt-planning-wrapper .slplaner-light-badge.chip.tt-elementable-asg-chip, .time-table > div.slplaner-light-badge.tt-col-header, .time-table > div.slplaner-light-badge.tt-row-header, .time-table > div.slplaner-light-badge.tt-top-left-cell, .lighten-3.slplaner-darker-collapsible-header, #tt-planning-wrapper .slplaner-darker-collapsible-header.chip.tt-elementable-asg-chip, .time-table > div.slplaner-darker-collapsible-header.tt-col-header, .time-table > div.slplaner-darker-collapsible-header.tt-row-header, .time-table > div.slplaner-darker-collapsible-header.tt-top-left-cell, .lighten-3.tagesstrukturen-hub-header-color, #tt-planning-wrapper .tagesstrukturen-hub-header-color.chip.tt-elementable-asg-chip, .time-table > div.tagesstrukturen-hub-header-color.tt-col-header, .time-table > div.tagesstrukturen-hub-header-color.tt-row-header, .time-table > div.tagesstrukturen-hub-header-color.tt-top-left-cell, .lighten-3.schulgemeinde-hub-header-color, #tt-planning-wrapper .schulgemeinde-hub-header-color.chip.tt-elementable-asg-chip, .time-table > div.schulgemeinde-hub-header-color.tt-col-header, .time-table > div.schulgemeinde-hub-header-color.tt-row-header, .time-table > div.schulgemeinde-hub-header-color.tt-top-left-cell, .lighten-3.slplaner-col-navbar, #tt-planning-wrapper .slplaner-col-navbar.chip.tt-elementable-asg-chip, .time-table > div.slplaner-col-navbar.tt-col-header, .time-table > div.slplaner-col-navbar.tt-row-header, .time-table > div.slplaner-col-navbar.tt-top-left-cell, .lighten-3.slplaner-card, #tt-planning-wrapper .slplaner-card.chip.tt-elementable-asg-chip, .time-table > div.slplaner-card.tt-col-header, .time-table > div.slplaner-card.tt-row-header, .time-table > div.slplaner-card.tt-top-left-cell, .grey.color-5, .color-5.tt-date-nav, #time-chooser select.color-5.tt-chooser-select,
#units-assigned-chooser select.color-5.tt-chooser-select,
#location-chooser select.color-5.tt-chooser-select,
#substitute-chooser select.color-5.tt-chooser-select, #tt-planning-wrapper .color-5.chip.tt-elementable-asg-chip, .time-table > div.color-5.tt-col-header, .time-table > div.color-5.tt-row-header, .time-table > div.color-5.tt-top-left-cell, .color-5.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .color-5.pep-versions-in-modal-col-title, .row.bubble-container .color-5.bubble-plain-minimal, .color-5.abo-beenden, .landing-page .color-5#legals-div, .color-5.badge.slplaner-table-light-badge, .color-5.modal.slplaner-page-modal, .color-5.slplaner-main, .color-5.slplaner-lock-button, .color-5.slplaner-light-badge, .color-5.slplaner-darker-collapsible-header, .color-5.tagesstrukturen-hub-header-color, .color-5.schulgemeinde-hub-header-color, .color-5.slplaner-col-navbar, .color-5.slplaner-card, .grey.color-4, .color-4.tt-date-nav, #time-chooser select.color-4.tt-chooser-select,
#units-assigned-chooser select.color-4.tt-chooser-select,
#location-chooser select.color-4.tt-chooser-select,
#substitute-chooser select.color-4.tt-chooser-select, #tt-planning-wrapper .color-4.chip.tt-elementable-asg-chip, .time-table > div.color-4.tt-col-header, .time-table > div.color-4.tt-row-header, .time-table > div.color-4.tt-top-left-cell, .color-4.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .color-4.pep-versions-in-modal-col-title, .row.bubble-container .color-4.bubble-plain-minimal, .color-4.abo-beenden, .landing-page .color-4#legals-div, .color-4.badge.slplaner-table-light-badge, .color-4.modal.slplaner-page-modal, .color-4.slplaner-main, .color-4.slplaner-lock-button, .color-4.slplaner-light-badge, .color-4.slplaner-darker-collapsible-header, .color-4.tagesstrukturen-hub-header-color, .color-4.schulgemeinde-hub-header-color, .color-4.slplaner-col-navbar, .color-4.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.lighten-3.active, .sidenav #tt-planning-wrapper .collapsible-body > ul:not(.collapsible) > li.active.chip.tt-elementable-asg-chip, #tt-planning-wrapper .sidenav .collapsible-body > ul:not(.collapsible) > li.active.chip.tt-elementable-asg-chip, .sidenav .row.bubble-container .collapsible-body > ul:not(.collapsible) > li.active.bubble-plain, .row.bubble-container .sidenav .collapsible-body > ul:not(.collapsible) > li.active.bubble-plain, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.row.bubble-container.navbar-bubble, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.slplaner-sidenav-go-to-products-link, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.slplaner-sidenav-disabled-link, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.color-5, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.color-4, .lighten-3.material-tooltip, #tt-planning-wrapper .material-tooltip.chip.tt-elementable-asg-chip, .time-table > div.material-tooltip.tt-col-header, .time-table > div.material-tooltip.tt-row-header, .time-table > div.material-tooltip.tt-top-left-cell, .material-tooltip.color-5, .material-tooltip.color-4, #toast-container .lighten-3.toast, #toast-container #tt-planning-wrapper .toast.chip.tt-elementable-asg-chip, #tt-planning-wrapper #toast-container .toast.chip.tt-elementable-asg-chip, #toast-container .time-table > div.toast.tt-col-header, #toast-container .time-table > div.toast.tt-row-header, #toast-container .time-table > div.toast.tt-top-left-cell, #toast-container .row.bubble-container .toast.bubble-plain, .row.bubble-container #toast-container .toast.bubble-plain, #toast-container .toast.row.bubble-container.navbar-bubble, #toast-container body.toast.landing-page, #toast-container .toast.slplaner-sidenav-go-to-products-link, #toast-container .toast.slplaner-sidenav-disabled-link, #toast-container .toast.color-5, #toast-container .toast.color-4 {
  background-color: #eeeeee !important;
}

.grey-text.text-lighten-3, .text-lighten-3.meldung_status_no_comparison_color, .text-lighten-3.slplaner-date-nav-button-inactive, .text-lighten-3.slplaner-sidenav-go-to-products-link, .text-lighten-3.slplaner-sidenav-disabled-link, .text-lighten-3.slplaner-lock-button, .grey-text.slplaner-links-inactive-color-text, .slplaner-links-inactive-color-text.meldung_status_no_comparison_color, .slplaner-links-inactive-color-text.slplaner-date-nav-button-inactive, .slplaner-links-inactive-color-text.slplaner-sidenav-go-to-products-link, .slplaner-links-inactive-color-text.slplaner-sidenav-disabled-link, .slplaner-links-inactive-color-text.slplaner-lock-button, .sv-person-vorjahr-only a.text-lighten-3, .sv-person-vorjahr-only a.slplaner-links-inactive-color-text, .text-lighten-3.person-freigabe-sv-off, .person-freigabe-sv-off.slplaner-links-inactive-color-text,
.text-lighten-3.person-mab-in-bearbeitung,
.person-mab-in-bearbeitung.slplaner-links-inactive-color-text,
.text-lighten-3.person-noch-kein-mab,
.person-noch-kein-mab.slplaner-links-inactive-color-text, .text-lighten-3.freigabe-new.unchecked, .freigabe-new.unchecked.slplaner-links-inactive-color-text, .text-lighten-3.freigabe-current.unchecked, .freigabe-current.unchecked.slplaner-links-inactive-color-text, .grey-text.match-member-new.unchecked, .match-member-new.unchecked.meldung_status_no_comparison_color, .match-member-new.unchecked.slplaner-date-nav-button-inactive, .match-member-new.unchecked.slplaner-sidenav-go-to-products-link, .match-member-new.unchecked.slplaner-sidenav-disabled-link, .match-member-new.unchecked.slplaner-lock-button, .sv-person-vorjahr-only a.match-member-new.unchecked, .match-member-new.unchecked.person-freigabe-sv-off,
.match-member-new.unchecked.person-mab-in-bearbeitung,
.match-member-new.unchecked.person-noch-kein-mab, .match-member-new.unchecked.freigabe-new, .match-member-new.unchecked.freigabe-current, .grey-text.match-member-current.unchecked, .match-member-current.unchecked.meldung_status_no_comparison_color, .match-member-current.unchecked.slplaner-date-nav-button-inactive, .match-member-current.unchecked.slplaner-sidenav-go-to-products-link, .match-member-current.unchecked.slplaner-sidenav-disabled-link, .match-member-current.unchecked.slplaner-lock-button, .sv-person-vorjahr-only a.match-member-current.unchecked, .match-member-current.unchecked.person-freigabe-sv-off,
.match-member-current.unchecked.person-mab-in-bearbeitung,
.match-member-current.unchecked.person-noch-kein-mab, .match-member-current.unchecked.freigabe-new, .match-member-current.unchecked.freigabe-current, .text-lighten-3.match-member-new.neutral, .match-member-new.neutral.slplaner-links-inactive-color-text, .match-member-new.neutral.unchecked, .text-lighten-3.freigabe-new.neutral, .freigabe-new.neutral.slplaner-links-inactive-color-text, .sidenav .text-lighten-3.collapsible-header:after, .sidenav .collapsible-header.slplaner-links-inactive-color-text:after, .sidenav .collapsible-header.match-member-new.unchecked:after, .sidenav .collapsible-header.match-member-current.unchecked:after, label.text-lighten-3, label.slplaner-links-inactive-color-text, label.match-member-new.unchecked, label.match-member-current.unchecked {
  color: #eeeeee !important;
}

.grey.lighten-2, .grey.tt-date-nav, .tt-date-nav, #time-chooser select.grey.tt-chooser-select, #time-chooser select.tt-chooser-select.tt-date-nav,
#units-assigned-chooser select.grey.tt-chooser-select,
#units-assigned-chooser select.tt-chooser-select.tt-date-nav,
#location-chooser select.grey.tt-chooser-select,
#location-chooser select.tt-chooser-select.tt-date-nav,
#substitute-chooser select.grey.tt-chooser-select,
#substitute-chooser select.tt-chooser-select.tt-date-nav, #time-chooser select.lighten-2.tt-chooser-select, #time-chooser select.tt-chooser-select.tt-date-nav, #time-chooser select.tt-chooser-select, #time-chooser select.tt-chooser-select:focus,
#time-chooser #units-assigned-chooser select.tt-chooser-select,
#units-assigned-chooser #time-chooser select.tt-chooser-select,
#time-chooser #units-assigned-chooser select.tt-chooser-select:focus,
#units-assigned-chooser #time-chooser select.tt-chooser-select:focus,
#time-chooser #location-chooser select.tt-chooser-select,
#location-chooser #time-chooser select.tt-chooser-select,
#time-chooser #location-chooser select.tt-chooser-select:focus,
#location-chooser #time-chooser select.tt-chooser-select:focus,
#time-chooser #substitute-chooser select.tt-chooser-select,
#substitute-chooser #time-chooser select.tt-chooser-select,
#time-chooser #substitute-chooser select.tt-chooser-select:focus,
#substitute-chooser #time-chooser select.tt-chooser-select:focus,
#units-assigned-chooser select.lighten-2.tt-chooser-select,
#units-assigned-chooser select.tt-chooser-select.tt-date-nav,
#units-assigned-chooser #time-chooser select.tt-chooser-select,
#time-chooser #units-assigned-chooser select.tt-chooser-select,
#units-assigned-chooser #time-chooser select.tt-chooser-select:focus,
#time-chooser #units-assigned-chooser select.tt-chooser-select:focus,
#units-assigned-chooser select.tt-chooser-select,
#units-assigned-chooser select.tt-chooser-select:focus,
#units-assigned-chooser #location-chooser select.tt-chooser-select,
#location-chooser #units-assigned-chooser select.tt-chooser-select,
#units-assigned-chooser #location-chooser select.tt-chooser-select:focus,
#location-chooser #units-assigned-chooser select.tt-chooser-select:focus,
#units-assigned-chooser #substitute-chooser select.tt-chooser-select,
#substitute-chooser #units-assigned-chooser select.tt-chooser-select,
#units-assigned-chooser #substitute-chooser select.tt-chooser-select:focus,
#substitute-chooser #units-assigned-chooser select.tt-chooser-select:focus,
#location-chooser select.lighten-2.tt-chooser-select,
#location-chooser select.tt-chooser-select.tt-date-nav,
#location-chooser #time-chooser select.tt-chooser-select,
#time-chooser #location-chooser select.tt-chooser-select,
#location-chooser #time-chooser select.tt-chooser-select:focus,
#time-chooser #location-chooser select.tt-chooser-select:focus,
#location-chooser #units-assigned-chooser select.tt-chooser-select,
#units-assigned-chooser #location-chooser select.tt-chooser-select,
#location-chooser #units-assigned-chooser select.tt-chooser-select:focus,
#units-assigned-chooser #location-chooser select.tt-chooser-select:focus,
#location-chooser select.tt-chooser-select,
#location-chooser select.tt-chooser-select:focus,
#location-chooser #substitute-chooser select.tt-chooser-select,
#substitute-chooser #location-chooser select.tt-chooser-select,
#location-chooser #substitute-chooser select.tt-chooser-select:focus,
#substitute-chooser #location-chooser select.tt-chooser-select:focus,
#substitute-chooser select.lighten-2.tt-chooser-select,
#substitute-chooser select.tt-chooser-select.tt-date-nav,
#substitute-chooser #time-chooser select.tt-chooser-select,
#time-chooser #substitute-chooser select.tt-chooser-select,
#substitute-chooser #time-chooser select.tt-chooser-select:focus,
#time-chooser #substitute-chooser select.tt-chooser-select:focus,
#substitute-chooser #units-assigned-chooser select.tt-chooser-select,
#units-assigned-chooser #substitute-chooser select.tt-chooser-select,
#substitute-chooser #units-assigned-chooser select.tt-chooser-select:focus,
#units-assigned-chooser #substitute-chooser select.tt-chooser-select:focus,
#substitute-chooser #location-chooser select.tt-chooser-select,
#location-chooser #substitute-chooser select.tt-chooser-select,
#substitute-chooser #location-chooser select.tt-chooser-select:focus,
#location-chooser #substitute-chooser select.tt-chooser-select:focus,
#substitute-chooser select.tt-chooser-select,
#substitute-chooser select.tt-chooser-select:focus, #tt-planning-wrapper .lighten-2.chip.tt-elementable-asg-chip, #tt-planning-wrapper .chip.tt-elementable-asg-chip.tt-date-nav, #tt-planning-wrapper #time-chooser select.chip.tt-elementable-asg-chip.tt-chooser-select, #time-chooser #tt-planning-wrapper select.chip.tt-elementable-asg-chip.tt-chooser-select,
#tt-planning-wrapper #units-assigned-chooser select.chip.tt-elementable-asg-chip.tt-chooser-select,
#units-assigned-chooser #tt-planning-wrapper select.chip.tt-elementable-asg-chip.tt-chooser-select,
#tt-planning-wrapper #location-chooser select.chip.tt-elementable-asg-chip.tt-chooser-select,
#location-chooser #tt-planning-wrapper select.chip.tt-elementable-asg-chip.tt-chooser-select,
#tt-planning-wrapper #substitute-chooser select.chip.tt-elementable-asg-chip.tt-chooser-select,
#substitute-chooser #tt-planning-wrapper select.chip.tt-elementable-asg-chip.tt-chooser-select, .time-table > div.lighten-2.tt-col-header, .time-table > div.tt-col-header.tt-date-nav, .time-table > div.lighten-2.tt-row-header, .time-table > div.tt-row-header.tt-date-nav, .time-table > div.lighten-2.tt-top-left-cell, .time-table > div.tt-top-left-cell.tt-date-nav, .slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .pep-versions-in-modal-col-title, .row.bubble-container .bubble-plain-minimal, .row.bubble-container .lighten-2.bubble-plain, .row.bubble-container .bubble-plain.tt-date-nav, .row.bubble-container #time-chooser select.bubble-plain.tt-chooser-select, #time-chooser .row.bubble-container select.bubble-plain.tt-chooser-select,
.row.bubble-container #units-assigned-chooser select.bubble-plain.tt-chooser-select,
#units-assigned-chooser .row.bubble-container select.bubble-plain.tt-chooser-select,
.row.bubble-container #location-chooser select.bubble-plain.tt-chooser-select,
#location-chooser .row.bubble-container select.bubble-plain.tt-chooser-select,
.row.bubble-container #substitute-chooser select.bubble-plain.tt-chooser-select,
#substitute-chooser .row.bubble-container select.bubble-plain.tt-chooser-select, .row.bubble-container .bubble-plain.slplaner-abc-nav, .row.bubble-container .pep-versions-in-modal-subtitle-row .bubble-plain.pep-versions-in-modal-col-title, .pep-versions-in-modal-subtitle-row .row.bubble-container .bubble-plain.pep-versions-in-modal-col-title, .lighten-2.row.bubble-container.navbar-bubble, .row.bubble-container.navbar-bubble.tt-date-nav, #time-chooser select.row.bubble-container.navbar-bubble.tt-chooser-select,
#units-assigned-chooser select.row.bubble-container.navbar-bubble.tt-chooser-select,
#location-chooser select.row.bubble-container.navbar-bubble.tt-chooser-select,
#substitute-chooser select.row.bubble-container.navbar-bubble.tt-chooser-select, .row.bubble-container.navbar-bubble.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .row.bubble-container.navbar-bubble.pep-versions-in-modal-col-title, .lighten-2.abo-beenden, .abo-beenden.tt-date-nav, #time-chooser select.abo-beenden.tt-chooser-select,
#units-assigned-chooser select.abo-beenden.tt-chooser-select,
#location-chooser select.abo-beenden.tt-chooser-select,
#substitute-chooser select.abo-beenden.tt-chooser-select, .landing-page #legals-div, body.lighten-2.landing-page, body.landing-page.tt-date-nav, body.landing-page.slplaner-abc-nav, .grey.slplaner-two-col-collapsible-body-button-inactive, .slplaner-two-col-collapsible-body-button-inactive.tt-date-nav, #time-chooser select.slplaner-two-col-collapsible-body-button-inactive.tt-chooser-select,
#units-assigned-chooser select.slplaner-two-col-collapsible-body-button-inactive.tt-chooser-select,
#location-chooser select.slplaner-two-col-collapsible-body-button-inactive.tt-chooser-select,
#substitute-chooser select.slplaner-two-col-collapsible-body-button-inactive.tt-chooser-select, #tt-planning-wrapper .slplaner-two-col-collapsible-body-button-inactive.chip.tt-elementable-asg-chip, .time-table > div.slplaner-two-col-collapsible-body-button-inactive.tt-col-header, .time-table > div.slplaner-two-col-collapsible-body-button-inactive.tt-row-header, .time-table > div.slplaner-two-col-collapsible-body-button-inactive.tt-top-left-cell, .row.bubble-container .slplaner-two-col-collapsible-body-button-inactive.bubble-plain, .slplaner-two-col-collapsible-body-button-inactive.row.bubble-container.navbar-bubble, .slplaner-two-col-collapsible-body-button-inactive.abo-beenden, body.slplaner-two-col-collapsible-body-button-inactive.landing-page, .grey.slplaner-access-actions-button, .slplaner-access-actions-button.tt-date-nav, #time-chooser select.slplaner-access-actions-button.tt-chooser-select,
#units-assigned-chooser select.slplaner-access-actions-button.tt-chooser-select,
#location-chooser select.slplaner-access-actions-button.tt-chooser-select,
#substitute-chooser select.slplaner-access-actions-button.tt-chooser-select, #tt-planning-wrapper .slplaner-access-actions-button.chip.tt-elementable-asg-chip, .time-table > div.slplaner-access-actions-button.tt-col-header, .time-table > div.slplaner-access-actions-button.tt-row-header, .time-table > div.slplaner-access-actions-button.tt-top-left-cell, .row.bubble-container .slplaner-access-actions-button.bubble-plain, .slplaner-access-actions-button.row.bubble-container.navbar-bubble, .slplaner-access-actions-button.abo-beenden, body.slplaner-access-actions-button.landing-page, .lighten-2.badge.slplaner-table-light-badge, .badge.slplaner-table-light-badge.tt-date-nav, #time-chooser select.badge.slplaner-table-light-badge.tt-chooser-select,
#units-assigned-chooser select.badge.slplaner-table-light-badge.tt-chooser-select,
#location-chooser select.badge.slplaner-table-light-badge.tt-chooser-select,
#substitute-chooser select.badge.slplaner-table-light-badge.tt-chooser-select, .badge.slplaner-table-light-badge.slplaner-abc-nav, .badge.slplaner-table-light-badge.slplaner-two-col-collapsible-body-button-inactive, .badge.slplaner-table-light-badge.slplaner-access-actions-button, .lighten-2.slplaner-sidenav-go-to-products-link, .slplaner-sidenav-go-to-products-link.tt-date-nav, #time-chooser select.slplaner-sidenav-go-to-products-link.tt-chooser-select,
#units-assigned-chooser select.slplaner-sidenav-go-to-products-link.tt-chooser-select,
#location-chooser select.slplaner-sidenav-go-to-products-link.tt-chooser-select,
#substitute-chooser select.slplaner-sidenav-go-to-products-link.tt-chooser-select, .slplaner-sidenav-go-to-products-link.slplaner-two-col-collapsible-body-button-inactive, .slplaner-sidenav-go-to-products-link.slplaner-access-actions-button, .lighten-2.slplaner-sidenav-disabled-link, .slplaner-sidenav-disabled-link.tt-date-nav, #time-chooser select.slplaner-sidenav-disabled-link.tt-chooser-select,
#units-assigned-chooser select.slplaner-sidenav-disabled-link.tt-chooser-select,
#location-chooser select.slplaner-sidenav-disabled-link.tt-chooser-select,
#substitute-chooser select.slplaner-sidenav-disabled-link.tt-chooser-select, .slplaner-sidenav-disabled-link.slplaner-two-col-collapsible-body-button-inactive, .slplaner-sidenav-disabled-link.slplaner-access-actions-button, .modal.slplaner-page-modal, .slplaner-main, .lighten-2.slplaner-lock-button, .slplaner-lock-button.tt-date-nav, #time-chooser select.slplaner-lock-button.tt-chooser-select,
#units-assigned-chooser select.slplaner-lock-button.tt-chooser-select,
#location-chooser select.slplaner-lock-button.tt-chooser-select,
#substitute-chooser select.slplaner-lock-button.tt-chooser-select, .slplaner-lock-button.slplaner-two-col-collapsible-body-button-inactive, .slplaner-lock-button.slplaner-access-actions-button, .lighten-2.slplaner-light-badge, .slplaner-light-badge.tt-date-nav, #time-chooser select.slplaner-light-badge.tt-chooser-select,
#units-assigned-chooser select.slplaner-light-badge.tt-chooser-select,
#location-chooser select.slplaner-light-badge.tt-chooser-select,
#substitute-chooser select.slplaner-light-badge.tt-chooser-select, .slplaner-light-badge.slplaner-two-col-collapsible-body-button-inactive, .slplaner-light-badge.slplaner-access-actions-button, .slplaner-darker-collapsible-header, .tagesstrukturen-hub-header-color, .schulgemeinde-hub-header-color, .grey.slplaner-col-navbar-button-inactive, .slplaner-col-navbar-button-inactive.tt-date-nav, #time-chooser select.slplaner-col-navbar-button-inactive.tt-chooser-select,
#units-assigned-chooser select.slplaner-col-navbar-button-inactive.tt-chooser-select,
#location-chooser select.slplaner-col-navbar-button-inactive.tt-chooser-select,
#substitute-chooser select.slplaner-col-navbar-button-inactive.tt-chooser-select, #tt-planning-wrapper .slplaner-col-navbar-button-inactive.chip.tt-elementable-asg-chip, .time-table > div.slplaner-col-navbar-button-inactive.tt-col-header, .time-table > div.slplaner-col-navbar-button-inactive.tt-row-header, .time-table > div.slplaner-col-navbar-button-inactive.tt-top-left-cell, .row.bubble-container .slplaner-col-navbar-button-inactive.bubble-plain, .slplaner-col-navbar-button-inactive.row.bubble-container.navbar-bubble, .slplaner-col-navbar-button-inactive.abo-beenden, body.slplaner-col-navbar-button-inactive.landing-page, .slplaner-col-navbar-button-inactive.badge.slplaner-table-light-badge, .slplaner-col-navbar-button-inactive.slplaner-sidenav-go-to-products-link, .slplaner-col-navbar-button-inactive.slplaner-sidenav-disabled-link, .slplaner-col-navbar-button-inactive.slplaner-lock-button, .slplaner-col-navbar-button-inactive.slplaner-light-badge, .lighten-2.slplaner-col-navbar, .slplaner-col-navbar.tt-date-nav, #time-chooser select.slplaner-col-navbar.tt-chooser-select,
#units-assigned-chooser select.slplaner-col-navbar.tt-chooser-select,
#location-chooser select.slplaner-col-navbar.tt-chooser-select,
#substitute-chooser select.slplaner-col-navbar.tt-chooser-select, .slplaner-col-navbar.slplaner-two-col-collapsible-body-button-inactive, .slplaner-col-navbar.slplaner-access-actions-button, .slplaner-col-navbar.slplaner-col-navbar-button-inactive, .slplaner-card, .lighten-2.material-tooltip, .material-tooltip.tt-date-nav, #time-chooser select.material-tooltip.tt-chooser-select,
#units-assigned-chooser select.material-tooltip.tt-chooser-select,
#location-chooser select.material-tooltip.tt-chooser-select,
#substitute-chooser select.material-tooltip.tt-chooser-select, .material-tooltip.slplaner-two-col-collapsible-body-button-inactive, .material-tooltip.slplaner-access-actions-button, .material-tooltip.slplaner-col-navbar-button-inactive, #toast-container .lighten-2.toast, #toast-container .toast.tt-date-nav, #toast-container #time-chooser select.toast.tt-chooser-select, #time-chooser #toast-container select.toast.tt-chooser-select,
#toast-container #units-assigned-chooser select.toast.tt-chooser-select,
#units-assigned-chooser #toast-container select.toast.tt-chooser-select,
#toast-container #location-chooser select.toast.tt-chooser-select,
#location-chooser #toast-container select.toast.tt-chooser-select,
#toast-container #substitute-chooser select.toast.tt-chooser-select,
#substitute-chooser #toast-container select.toast.tt-chooser-select, #toast-container .toast.slplaner-abc-nav, #toast-container .pep-versions-in-modal-subtitle-row .toast.pep-versions-in-modal-col-title, .pep-versions-in-modal-subtitle-row #toast-container .toast.pep-versions-in-modal-col-title, #toast-container .row.bubble-container .toast.bubble-plain-minimal, .row.bubble-container #toast-container .toast.bubble-plain-minimal, #toast-container .toast.slplaner-two-col-collapsible-body-button-inactive, #toast-container .toast.slplaner-access-actions-button, #toast-container .toast.modal.slplaner-page-modal, #toast-container .toast.slplaner-main, #toast-container .toast.slplaner-darker-collapsible-header, #toast-container .toast.tagesstrukturen-hub-header-color, #toast-container .toast.schulgemeinde-hub-header-color, #toast-container .toast.slplaner-col-navbar-button-inactive, #toast-container .toast.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.active,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active, #toast-container .sidenav .collapsible-body > ul:not(.collapsible) > li.toast.active, .sidenav #toast-container .collapsible-body > ul:not(.collapsible) > li.toast.active {
  background-color: #e0e0e0 !important;
}

.grey-text.text-lighten-2, .text-lighten-2.meldung_status_no_comparison_color, .text-lighten-2.slplaner-date-nav-button-inactive, .text-lighten-2.slplaner-sidenav-go-to-products-link, .text-lighten-2.slplaner-sidenav-disabled-link, .text-lighten-2.slplaner-lock-button, .sv-person-vorjahr-only a.text-lighten-2, .text-lighten-2.person-freigabe-sv-off,
.text-lighten-2.person-mab-in-bearbeitung,
.text-lighten-2.person-noch-kein-mab, .text-lighten-2.freigabe-new.unchecked, .text-lighten-2.freigabe-current.unchecked, .text-lighten-2.match-member-new.neutral, .text-lighten-2.freigabe-new.neutral, .sidenav .text-lighten-2.collapsible-header:after, label.text-lighten-2 {
  color: #e0e0e0 !important;
}

.grey.lighten-1, .lighten-1.tt-date-nav, #time-chooser select.lighten-1.tt-chooser-select,
#units-assigned-chooser select.lighten-1.tt-chooser-select,
#location-chooser select.lighten-1.tt-chooser-select,
#substitute-chooser select.lighten-1.tt-chooser-select, #tt-planning-wrapper .lighten-1.chip.tt-elementable-asg-chip, .time-table > div.lighten-1.tt-col-header, .time-table > div.lighten-1.tt-row-header, .time-table > div.lighten-1.tt-top-left-cell, .lighten-1.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .lighten-1.pep-versions-in-modal-col-title, .row.bubble-container .lighten-1.bubble-plain-minimal, .row.bubble-container .lighten-1.bubble-plain, .lighten-1.row.bubble-container.navbar-bubble, .lighten-1.abo-beenden, .landing-page .lighten-1#legals-div, body.lighten-1.landing-page, .lighten-1.badge.slplaner-table-light-badge, .lighten-1.slplaner-sidenav-go-to-products-link, .lighten-1.slplaner-sidenav-disabled-link, .lighten-1.modal.slplaner-page-modal, .lighten-1.slplaner-main, .lighten-1.slplaner-lock-button, .lighten-1.slplaner-light-badge, .lighten-1.slplaner-darker-collapsible-header, .lighten-1.tagesstrukturen-hub-header-color, .lighten-1.schulgemeinde-hub-header-color, .slplaner-col-navbar, .lighten-1.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.lighten-1.active, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.slplaner-col-navbar, .lighten-1.material-tooltip, #toast-container .lighten-1.toast, #toast-container .toast.slplaner-col-navbar {
  background-color: #bdbdbd !important;
}

.grey-text.text-lighten-1, .text-lighten-1.meldung_status_no_comparison_color, .slplaner-date-nav-button-inactive, .text-lighten-1.slplaner-sidenav-go-to-products-link, .text-lighten-1.slplaner-sidenav-disabled-link, .text-lighten-1.slplaner-lock-button, .sv-person-vorjahr-only a.text-lighten-1, .sv-person-vorjahr-only a.slplaner-date-nav-button-inactive, .text-lighten-1.person-freigabe-sv-off,
.text-lighten-1.person-mab-in-bearbeitung,
.text-lighten-1.person-noch-kein-mab, .text-lighten-1.freigabe-new.unchecked, .freigabe-new.unchecked.slplaner-date-nav-button-inactive, .text-lighten-1.freigabe-current.unchecked, .freigabe-current.unchecked.slplaner-date-nav-button-inactive, .text-lighten-1.match-member-new.neutral, .match-member-new.neutral.slplaner-date-nav-button-inactive, .text-lighten-1.freigabe-new.neutral, .freigabe-new.neutral.slplaner-date-nav-button-inactive, #schuljahr-form-old .grey-text.select-dropdown.dropdown-trigger, #schuljahr-form-old .select-dropdown.dropdown-trigger.meldung_status_no_comparison_color, #schuljahr-form-old .select-dropdown.dropdown-trigger.slplaner-date-nav-button-inactive, #schuljahr-form-old .select-dropdown.dropdown-trigger.slplaner-sidenav-go-to-products-link, #schuljahr-form-old .select-dropdown.dropdown-trigger.slplaner-sidenav-disabled-link, #schuljahr-form-old .select-dropdown.dropdown-trigger.slplaner-lock-button, #schuljahr-form-old .sv-person-vorjahr-only a.select-dropdown.dropdown-trigger, .sv-person-vorjahr-only #schuljahr-form-old a.select-dropdown.dropdown-trigger, #schuljahr-form-old .select-dropdown.dropdown-trigger.person-freigabe-sv-off,
#schuljahr-form-old .select-dropdown.dropdown-trigger.person-mab-in-bearbeitung,
#schuljahr-form-old .select-dropdown.dropdown-trigger.person-noch-kein-mab, #schuljahr-form-old .select-dropdown.dropdown-trigger.freigabe-new.unchecked, #schuljahr-form-old .select-dropdown.dropdown-trigger.freigabe-current.unchecked, #schuljahr-form-old .select-dropdown.dropdown-trigger.match-member-new.neutral, #schuljahr-form-old .select-dropdown.dropdown-trigger.freigabe-new.neutral, .sidenav .text-lighten-1.collapsible-header:after, .sidenav .collapsible-header.slplaner-date-nav-button-inactive:after, .sidenav #schuljahr-form-old .collapsible-header.select-dropdown.dropdown-trigger:after, #schuljahr-form-old .sidenav .collapsible-header.select-dropdown.dropdown-trigger:after, label.text-lighten-1, #schuljahr-form-old label.select-dropdown.dropdown-trigger {
  color: #bdbdbd !important;
}

.grey.darken-1, .grey.submit-in-dropdown-btn, .darken-1.tt-date-nav, .tt-date-nav.submit-in-dropdown-btn, #time-chooser select.darken-1.tt-chooser-select, #time-chooser select.tt-chooser-select.submit-in-dropdown-btn,
#units-assigned-chooser select.darken-1.tt-chooser-select,
#units-assigned-chooser select.tt-chooser-select.submit-in-dropdown-btn,
#location-chooser select.darken-1.tt-chooser-select,
#location-chooser select.tt-chooser-select.submit-in-dropdown-btn,
#substitute-chooser select.darken-1.tt-chooser-select,
#substitute-chooser select.tt-chooser-select.submit-in-dropdown-btn, #tt-planning-wrapper .darken-1.chip.tt-elementable-asg-chip, #tt-planning-wrapper .chip.tt-elementable-asg-chip.submit-in-dropdown-btn, .time-table > div.darken-1.tt-col-header, .time-table > div.tt-col-header.submit-in-dropdown-btn, .time-table > div.darken-1.tt-row-header, .time-table > div.tt-row-header.submit-in-dropdown-btn, .time-table > div.darken-1.tt-top-left-cell, .time-table > div.tt-top-left-cell.submit-in-dropdown-btn, .darken-1.slplaner-abc-nav, .slplaner-abc-nav.submit-in-dropdown-btn, .pep-versions-in-modal-subtitle-row .darken-1.pep-versions-in-modal-col-title, .pep-versions-in-modal-subtitle-row .pep-versions-in-modal-col-title.submit-in-dropdown-btn, .row.bubble-container .darken-1.bubble-plain-minimal, .row.bubble-container .bubble-plain-minimal.submit-in-dropdown-btn, .row.bubble-container .darken-1.bubble-plain, .row.bubble-container .bubble-plain.submit-in-dropdown-btn, .darken-1.row.bubble-container.navbar-bubble, .row.bubble-container.navbar-bubble.submit-in-dropdown-btn, .grey.abo-beenden, .abo-beenden.tt-date-nav, #time-chooser select.abo-beenden.tt-chooser-select,
#units-assigned-chooser select.abo-beenden.tt-chooser-select,
#location-chooser select.abo-beenden.tt-chooser-select,
#substitute-chooser select.abo-beenden.tt-chooser-select, #tt-planning-wrapper .abo-beenden.chip.tt-elementable-asg-chip, .time-table > div.abo-beenden.tt-col-header, .time-table > div.abo-beenden.tt-row-header, .time-table > div.abo-beenden.tt-top-left-cell, .abo-beenden.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .abo-beenden.pep-versions-in-modal-col-title, .row.bubble-container .abo-beenden.bubble-plain-minimal, .row.bubble-container .abo-beenden.bubble-plain, .abo-beenden.row.bubble-container.navbar-bubble, .abo-beenden, .grey.abo-bearbeiten, .abo-bearbeiten.tt-date-nav, #time-chooser select.abo-bearbeiten.tt-chooser-select,
#units-assigned-chooser select.abo-bearbeiten.tt-chooser-select,
#location-chooser select.abo-bearbeiten.tt-chooser-select,
#substitute-chooser select.abo-bearbeiten.tt-chooser-select, #tt-planning-wrapper .abo-bearbeiten.chip.tt-elementable-asg-chip, .time-table > div.abo-bearbeiten.tt-col-header, .time-table > div.abo-bearbeiten.tt-row-header, .time-table > div.abo-bearbeiten.tt-top-left-cell, .abo-bearbeiten.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .abo-bearbeiten.pep-versions-in-modal-col-title, .row.bubble-container .abo-bearbeiten.bubble-plain-minimal, .row.bubble-container .abo-bearbeiten.bubble-plain, .abo-bearbeiten.row.bubble-container.navbar-bubble, .abo-bearbeiten.abo-beenden, .grey.mehr-info, .mehr-info.tt-date-nav, #time-chooser select.mehr-info.tt-chooser-select,
#units-assigned-chooser select.mehr-info.tt-chooser-select,
#location-chooser select.mehr-info.tt-chooser-select,
#substitute-chooser select.mehr-info.tt-chooser-select, #tt-planning-wrapper .mehr-info.chip.tt-elementable-asg-chip, .time-table > div.mehr-info.tt-col-header, .time-table > div.mehr-info.tt-row-header, .time-table > div.mehr-info.tt-top-left-cell, .mehr-info.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .mehr-info.pep-versions-in-modal-col-title, .row.bubble-container .mehr-info.bubble-plain-minimal, .row.bubble-container .mehr-info.bubble-plain, .mehr-info.row.bubble-container.navbar-bubble, .mehr-info.abo-beenden, .landing-page .darken-1#legals-div, .landing-page #legals-div.submit-in-dropdown-btn, .landing-page #legals-div.abo-beenden, .landing-page #legals-div.abo-bearbeiten, .landing-page #legals-div.mehr-info, body.darken-1.landing-page, body.landing-page.submit-in-dropdown-btn, body.landing-page.abo-beenden, body.landing-page.abo-bearbeiten, body.landing-page.mehr-info, .grey.slplaner-two-col-collapsible-body-button, .slplaner-two-col-collapsible-body-button.tt-date-nav, #time-chooser select.slplaner-two-col-collapsible-body-button.tt-chooser-select,
#units-assigned-chooser select.slplaner-two-col-collapsible-body-button.tt-chooser-select,
#location-chooser select.slplaner-two-col-collapsible-body-button.tt-chooser-select,
#substitute-chooser select.slplaner-two-col-collapsible-body-button.tt-chooser-select, #tt-planning-wrapper .slplaner-two-col-collapsible-body-button.chip.tt-elementable-asg-chip, .time-table > div.slplaner-two-col-collapsible-body-button.tt-col-header, .time-table > div.slplaner-two-col-collapsible-body-button.tt-row-header, .time-table > div.slplaner-two-col-collapsible-body-button.tt-top-left-cell, .slplaner-two-col-collapsible-body-button.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .slplaner-two-col-collapsible-body-button.pep-versions-in-modal-col-title, .row.bubble-container .slplaner-two-col-collapsible-body-button.bubble-plain-minimal, .row.bubble-container .slplaner-two-col-collapsible-body-button.bubble-plain, .slplaner-two-col-collapsible-body-button.row.bubble-container.navbar-bubble, .slplaner-two-col-collapsible-body-button.abo-beenden, .landing-page .slplaner-two-col-collapsible-body-button#legals-div, body.slplaner-two-col-collapsible-body-button.landing-page, .darken-1.badge.slplaner-table-light-badge, .badge.slplaner-table-light-badge.submit-in-dropdown-btn, .badge.slplaner-table-light-badge.abo-beenden, .badge.slplaner-table-light-badge.abo-bearbeiten, .badge.slplaner-table-light-badge.mehr-info, .badge.slplaner-table-light-badge.slplaner-two-col-collapsible-body-button, .darken-1.slplaner-sidenav-go-to-products-link, .slplaner-sidenav-go-to-products-link.submit-in-dropdown-btn, .slplaner-sidenav-go-to-products-link.abo-beenden, .slplaner-sidenav-go-to-products-link.abo-bearbeiten, .slplaner-sidenav-go-to-products-link.mehr-info, .slplaner-sidenav-go-to-products-link.slplaner-two-col-collapsible-body-button, .darken-1.slplaner-sidenav-disabled-link, .slplaner-sidenav-disabled-link.submit-in-dropdown-btn, .slplaner-sidenav-disabled-link.abo-beenden, .slplaner-sidenav-disabled-link.abo-bearbeiten, .slplaner-sidenav-disabled-link.mehr-info, .slplaner-sidenav-disabled-link.slplaner-two-col-collapsible-body-button, .darken-1.modal.slplaner-page-modal, .modal.slplaner-page-modal.submit-in-dropdown-btn, .modal.slplaner-page-modal.abo-beenden, .modal.slplaner-page-modal.abo-bearbeiten, .modal.slplaner-page-modal.mehr-info, .modal.slplaner-page-modal.slplaner-two-col-collapsible-body-button, .darken-1.slplaner-main, .slplaner-main.submit-in-dropdown-btn, .slplaner-main.abo-beenden, .slplaner-main.abo-bearbeiten, .slplaner-main.mehr-info, .slplaner-main.slplaner-two-col-collapsible-body-button, .darken-1.slplaner-lock-button, .slplaner-lock-button.submit-in-dropdown-btn, .slplaner-lock-button.abo-beenden, .slplaner-lock-button.abo-bearbeiten, .slplaner-lock-button.mehr-info, .slplaner-lock-button.slplaner-two-col-collapsible-body-button, .darken-1.slplaner-light-badge, .slplaner-light-badge.submit-in-dropdown-btn, .slplaner-light-badge.abo-beenden, .slplaner-light-badge.abo-bearbeiten, .slplaner-light-badge.mehr-info, .slplaner-light-badge.slplaner-two-col-collapsible-body-button, .darken-1.slplaner-darker-collapsible-header, .slplaner-darker-collapsible-header.submit-in-dropdown-btn, .slplaner-darker-collapsible-header.abo-beenden, .slplaner-darker-collapsible-header.abo-bearbeiten, .slplaner-darker-collapsible-header.mehr-info, .darken-1.tagesstrukturen-hub-header-color, .tagesstrukturen-hub-header-color.submit-in-dropdown-btn, .tagesstrukturen-hub-header-color.abo-beenden, .tagesstrukturen-hub-header-color.abo-bearbeiten, .tagesstrukturen-hub-header-color.mehr-info, .darken-1.schulgemeinde-hub-header-color, .schulgemeinde-hub-header-color.submit-in-dropdown-btn, .schulgemeinde-hub-header-color.abo-beenden, .schulgemeinde-hub-header-color.abo-bearbeiten, .schulgemeinde-hub-header-color.mehr-info, .slplaner-darker-collapsible-header.slplaner-two-col-collapsible-body-button, .slplaner-two-col-collapsible-body-button.tagesstrukturen-hub-header-color, .slplaner-two-col-collapsible-body-button.schulgemeinde-hub-header-color, .grey.slplaner-col-navbar-button, .slplaner-col-navbar-button.tt-date-nav, #time-chooser select.slplaner-col-navbar-button.tt-chooser-select,
#units-assigned-chooser select.slplaner-col-navbar-button.tt-chooser-select,
#location-chooser select.slplaner-col-navbar-button.tt-chooser-select,
#substitute-chooser select.slplaner-col-navbar-button.tt-chooser-select, #tt-planning-wrapper .slplaner-col-navbar-button.chip.tt-elementable-asg-chip, .time-table > div.slplaner-col-navbar-button.tt-col-header, .time-table > div.slplaner-col-navbar-button.tt-row-header, .time-table > div.slplaner-col-navbar-button.tt-top-left-cell, .slplaner-col-navbar-button.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .slplaner-col-navbar-button.pep-versions-in-modal-col-title, .row.bubble-container .slplaner-col-navbar-button.bubble-plain-minimal, .row.bubble-container .slplaner-col-navbar-button.bubble-plain, .slplaner-col-navbar-button.row.bubble-container.navbar-bubble, .slplaner-col-navbar-button.abo-beenden, .landing-page .slplaner-col-navbar-button#legals-div, body.slplaner-col-navbar-button.landing-page, .slplaner-col-navbar-button.badge.slplaner-table-light-badge, .slplaner-col-navbar-button.slplaner-sidenav-go-to-products-link, .slplaner-col-navbar-button.slplaner-sidenav-disabled-link, .slplaner-col-navbar-button.modal.slplaner-page-modal, .slplaner-col-navbar-button.slplaner-main, .slplaner-col-navbar-button.slplaner-lock-button, .slplaner-col-navbar-button.slplaner-light-badge, .slplaner-col-navbar-button.slplaner-darker-collapsible-header, .slplaner-col-navbar-button.tagesstrukturen-hub-header-color, .slplaner-col-navbar-button.schulgemeinde-hub-header-color, .darken-1.slplaner-col-navbar, .slplaner-col-navbar.submit-in-dropdown-btn, .slplaner-col-navbar.abo-beenden, .slplaner-col-navbar.abo-bearbeiten, .slplaner-col-navbar.mehr-info, .slplaner-col-navbar.slplaner-two-col-collapsible-body-button, .slplaner-col-navbar.slplaner-col-navbar-button, .darken-1.slplaner-card, .slplaner-card.submit-in-dropdown-btn, .slplaner-card.abo-beenden, .slplaner-card.abo-bearbeiten, .slplaner-card.mehr-info, .slplaner-card.slplaner-two-col-collapsible-body-button, .slplaner-card.slplaner-col-navbar-button, .sidenav .collapsible-body > ul:not(.collapsible) > li.darken-1.active, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.submit-in-dropdown-btn, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.abo-beenden, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.abo-bearbeiten, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.mehr-info, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.slplaner-two-col-collapsible-body-button, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.slplaner-col-navbar-button, .darken-1.material-tooltip, .material-tooltip.submit-in-dropdown-btn, .material-tooltip.abo-beenden, .material-tooltip.abo-bearbeiten, .material-tooltip.mehr-info, .material-tooltip.slplaner-two-col-collapsible-body-button, .material-tooltip.slplaner-col-navbar-button, #toast-container .darken-1.toast, #toast-container .toast.submit-in-dropdown-btn, #toast-container .toast.abo-beenden, #toast-container .toast.abo-bearbeiten, #toast-container .toast.mehr-info, #toast-container .toast.slplaner-two-col-collapsible-body-button, #toast-container .toast.slplaner-col-navbar-button {
  background-color: #757575 !important;
}

.grey-text.text-darken-1, .text-darken-1.meldung_status_no_comparison_color, .text-darken-1.slplaner-date-nav-button-inactive, .text-darken-1.slplaner-sidenav-go-to-products-link, .text-darken-1.slplaner-sidenav-disabled-link, .text-darken-1.slplaner-lock-button, .grey-text.slplaner-links-blue-color-text, .slplaner-links-blue-color-text.meldung_status_no_comparison_color, .slplaner-links-blue-color-text.slplaner-date-nav-button-inactive, .slplaner-links-blue-color-text.slplaner-sidenav-go-to-products-link, .slplaner-links-blue-color-text.slplaner-sidenav-disabled-link, .slplaner-links-blue-color-text.slplaner-lock-button, .sv-person-vorjahr-only a, .text-darken-1.person-freigabe-sv-off, .person-freigabe-sv-off.slplaner-links-blue-color-text,
.text-darken-1.person-mab-in-bearbeitung,
.person-mab-in-bearbeitung.slplaner-links-blue-color-text,
.text-darken-1.person-noch-kein-mab,
.person-noch-kein-mab.slplaner-links-blue-color-text, .text-darken-1.freigabe-new.unchecked, .freigabe-new.unchecked.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.freigabe-new.unchecked, .text-darken-1.freigabe-current.unchecked, .freigabe-current.unchecked.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.freigabe-current.unchecked, .text-darken-1.match-member-new.neutral, .match-member-new.neutral.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.match-member-new.neutral, .text-darken-1.freigabe-new.neutral, .freigabe-new.neutral.slplaner-links-blue-color-text, .sv-person-vorjahr-only a.freigabe-new.neutral, .sidenav .text-darken-1.collapsible-header:after, .sidenav .collapsible-header.slplaner-links-blue-color-text:after, .sidenav .sv-person-vorjahr-only a.collapsible-header:after, .sv-person-vorjahr-only .sidenav a.collapsible-header:after, label.text-darken-1, label.slplaner-links-blue-color-text {
  color: #757575 !important;
}

.grey.darken-2, .darken-2.tt-date-nav, #time-chooser select.darken-2.tt-chooser-select,
#units-assigned-chooser select.darken-2.tt-chooser-select,
#location-chooser select.darken-2.tt-chooser-select,
#substitute-chooser select.darken-2.tt-chooser-select, #tt-planning-wrapper .darken-2.chip.tt-elementable-asg-chip, .time-table > div.darken-2.tt-col-header, .time-table > div.darken-2.tt-row-header, .time-table > div.darken-2.tt-top-left-cell, .darken-2.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .darken-2.pep-versions-in-modal-col-title, .row.bubble-container .darken-2.bubble-plain-minimal, .row.bubble-container .darken-2.bubble-plain, .darken-2.row.bubble-container.navbar-bubble, .darken-2.abo-beenden, .landing-page .darken-2#legals-div, body.darken-2.landing-page, .darken-2.badge.slplaner-table-light-badge, .darken-2.slplaner-sidenav-go-to-products-link, .darken-2.slplaner-sidenav-disabled-link, .darken-2.modal.slplaner-page-modal, .darken-2.slplaner-main, .darken-2.slplaner-lock-button, .darken-2.slplaner-light-badge, .darken-2.slplaner-darker-collapsible-header, .darken-2.tagesstrukturen-hub-header-color, .darken-2.schulgemeinde-hub-header-color, .darken-2.slplaner-col-navbar, .darken-2.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.darken-2.active, .darken-2.material-tooltip, #toast-container .darken-2.toast {
  background-color: #616161 !important;
}

.grey-text.text-darken-2, .text-darken-2.meldung_status_no_comparison_color, .text-darken-2.slplaner-date-nav-button-inactive, .text-darken-2.slplaner-sidenav-go-to-products-link, .text-darken-2.slplaner-sidenav-disabled-link, .text-darken-2.slplaner-lock-button, .sv-person-vorjahr-only a.text-darken-2, .text-darken-2.person-freigabe-sv-off,
.text-darken-2.person-mab-in-bearbeitung,
.text-darken-2.person-noch-kein-mab, .text-darken-2.freigabe-new.unchecked, .text-darken-2.freigabe-current.unchecked, .text-darken-2.match-member-new.neutral, .text-darken-2.freigabe-new.neutral, .sidenav .text-darken-2.collapsible-header:after, label.text-darken-2 {
  color: #616161 !important;
}

.grey.darken-3, .darken-3.tt-date-nav, #time-chooser select.darken-3.tt-chooser-select,
#units-assigned-chooser select.darken-3.tt-chooser-select,
#location-chooser select.darken-3.tt-chooser-select,
#substitute-chooser select.darken-3.tt-chooser-select, #tt-planning-wrapper .darken-3.chip.tt-elementable-asg-chip, .time-table > div.darken-3.tt-col-header, .time-table > div.darken-3.tt-row-header, .time-table > div.darken-3.tt-top-left-cell, .darken-3.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .darken-3.pep-versions-in-modal-col-title, .row.bubble-container .darken-3.bubble-plain-minimal, .row.bubble-container .darken-3.bubble-plain, .darken-3.row.bubble-container.navbar-bubble, .darken-3.abo-beenden, .landing-page .darken-3#legals-div, body.darken-3.landing-page, .darken-3.badge.slplaner-table-light-badge, .darken-3.slplaner-sidenav-go-to-products-link, .darken-3.slplaner-sidenav-disabled-link, .darken-3.modal.slplaner-page-modal, .darken-3.slplaner-main, .darken-3.slplaner-lock-button, .darken-3.slplaner-light-badge, .darken-3.slplaner-darker-collapsible-header, .darken-3.tagesstrukturen-hub-header-color, .darken-3.schulgemeinde-hub-header-color, .darken-3.slplaner-col-navbar, .darken-3.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.darken-3.active, .sidenav .collapsible-body > ul:not(.collapsible) > li.active.material-tooltip, .material-tooltip, #toast-container .toast {
  background-color: #424242 !important;
}

.grey-text.text-darken-3, .meldung_status_no_comparison_color, .text-darken-3.slplaner-date-nav-button-inactive, .text-darken-3.slplaner-sidenav-go-to-products-link, .text-darken-3.slplaner-sidenav-disabled-link, .slplaner-lock-button, .sv-person-vorjahr-only a.text-darken-3, .sv-person-vorjahr-only a.meldung_status_no_comparison_color, .sv-person-vorjahr-only a.slplaner-lock-button, .person-freigabe-sv-off,
.person-mab-in-bearbeitung,
.person-noch-kein-mab, .freigabe-new.unchecked, .freigabe-current.unchecked, .match-member-new.neutral, .freigabe-new.neutral, .sidenav .text-darken-3.collapsible-header:after, .sidenav .collapsible-header.meldung_status_no_comparison_color:after, .sidenav .collapsible-header.slplaner-lock-button:after, .sidenav .collapsible-header.person-freigabe-sv-off:after,
.sidenav .collapsible-header.person-mab-in-bearbeitung:after,
.sidenav .collapsible-header.person-noch-kein-mab:after, .sidenav .collapsible-header.freigabe-new.unchecked:after, .sidenav .collapsible-header.freigabe-current.unchecked:after, .sidenav .collapsible-header.match-member-new.neutral:after, .sidenav .collapsible-header.freigabe-new.neutral:after, label.text-darken-3 {
  color: #424242 !important;
}

.grey.darken-4, .darken-4.tt-date-nav, #time-chooser select.darken-4.tt-chooser-select,
#units-assigned-chooser select.darken-4.tt-chooser-select,
#location-chooser select.darken-4.tt-chooser-select,
#substitute-chooser select.darken-4.tt-chooser-select, #tt-planning-wrapper .darken-4.chip.tt-elementable-asg-chip, .time-table > div.darken-4.tt-col-header, .time-table > div.darken-4.tt-row-header, .time-table > div.darken-4.tt-top-left-cell, .darken-4.slplaner-abc-nav, .pep-versions-in-modal-subtitle-row .darken-4.pep-versions-in-modal-col-title, .row.bubble-container .darken-4.bubble-plain-minimal, .row.bubble-container .darken-4.bubble-plain, .darken-4.row.bubble-container.navbar-bubble, .darken-4.abo-beenden, .landing-page .darken-4#legals-div, body.darken-4.landing-page, .darken-4.badge.slplaner-table-light-badge, .darken-4.slplaner-sidenav-go-to-products-link, .darken-4.slplaner-sidenav-disabled-link, .darken-4.modal.slplaner-page-modal, .darken-4.slplaner-main, .darken-4.slplaner-lock-button, .darken-4.slplaner-light-badge, .darken-4.slplaner-darker-collapsible-header, .darken-4.tagesstrukturen-hub-header-color, .darken-4.schulgemeinde-hub-header-color, .darken-4.slplaner-col-navbar, .darken-4.slplaner-card, .sidenav .collapsible-body > ul:not(.collapsible) > li.darken-4.active, .darken-4.material-tooltip, #toast-container .darken-4.toast {
  background-color: #212121 !important;
}

.grey-text.text-darken-4, .text-darken-4.meldung_status_no_comparison_color, .text-darken-4.slplaner-date-nav-button-inactive, .text-darken-4.slplaner-sidenav-go-to-products-link, .text-darken-4.slplaner-sidenav-disabled-link, .text-darken-4.slplaner-lock-button, .sv-person-vorjahr-only a.text-darken-4, .text-darken-4.person-freigabe-sv-off,
.text-darken-4.person-mab-in-bearbeitung,
.text-darken-4.person-noch-kein-mab, .text-darken-4.freigabe-new.unchecked, .text-darken-4.freigabe-current.unchecked, .text-darken-4.match-member-new.neutral, .text-darken-4.freigabe-new.neutral, .sidenav .text-darken-4.collapsible-header:after, .sidenav label.collapsible-header:after, .sidenav .active label.collapsible-header:after, label {
  color: #212121 !important;
}

.black {
  background-color: #000000 !important;
}

.black-text, #tt-planning-wrapper .chip.tt-elementable-asg-chip, .row.bubble-container .bubble-plain-minimal, .row.bubble-container .bubble-plain, .color-4-alt, .color-4, .sidenav .collapsible-body > ul:not(.collapsible) > li.active a,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a {
  color: #000000 !important;
}

.white, .slplaner-date-nav-button-inactive, .slplaner-date-nav-button {
  background-color: #FFFFFF !important;
}

.white-text, .row.bubble-container .bubble-warning-minimal, .row.bubble-container .bubble-highlight-minimal, .row.bubble-container .bubble-warning-small, .row.bubble-container .bubble-highlight-small, .row.bubble-container .bubble-highlight a, .row.bubble-container .bubble-highlight, .abonnieren, .landing-page #mab-now-available-sticker, .landing-page #mab-coming-soon-sticker, .landing-page #product-offers-row div.landing-page-text-div, .chip.freigabe-diffs-chip, .slplaner-sidenav-trigger, .material-tooltip, #toast-container .toast {
  color: #FFFFFF !important;
}

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

.transparent-text {
  color: transparent !important;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

button,
input,
optgroup,
select,
textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

ul:not(.browser-default) {
  padding-left: 0;
  list-style-type: none;
}
ul:not(.browser-default) > li {
  list-style-type: none;
}

a {
  color: #0288d1;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.valign-wrapper, .landing-page #mab-announcement-wrapper {
  display: flex;
  align-items: center;
}

.clearfix {
  clear: both;
}

.z-depth-0 {
  box-shadow: none !important;
}

/* 2dp elevation modified*/
.z-depth-1, .sidenav, .collapsible, .dropdown-content, .btn-floating, .slplaner-col-navbar-button-inactive, .slplaner-col-navbar-button, .btn, .submit-in-dropdown-btn, .slplaner-date-nav-button-inactive, .slplaner-date-nav-button, .slplaner-dates-button, .btn-small, .slplaner-two-col-collapsible-body-button-alt, .slplaner-two-col-collapsible-body-button-inactive, .slplaner-two-col-collapsible-body-button, .slplaner-access-actions-button, .btn-large, .toast, .card, .card-panel, nav {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.z-depth-1-half, .btn-floating:hover, .slplaner-col-navbar-button-inactive:hover, .slplaner-col-navbar-button:hover, .btn:hover, .submit-in-dropdown-btn:hover, .slplaner-date-nav-button-inactive:hover, .slplaner-date-nav-button:hover, .slplaner-dates-button:hover, .btn-small:hover, .slplaner-two-col-collapsible-body-button-alt:hover, .slplaner-two-col-collapsible-body-button-inactive:hover, .slplaner-two-col-collapsible-body-button:hover, .slplaner-access-actions-button:hover, .btn-large:hover {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}

/* 6dp elevation modified*/
.z-depth-2 {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

/* 12dp elevation modified*/
.z-depth-3 {
  box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

/* 16dp elevation */
.z-depth-4 {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
}

/* 24dp elevation */
.z-depth-5, .modal {
  box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}

.hoverable {
  transition: box-shadow 0.25s;
}
.hoverable:hover {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.divider {
  height: 1px;
  overflow: hidden;
  background-color: #e0e0e0;
}

blockquote {
  margin: 20px 0;
  padding-left: 1.5rem;
  border-left: 5px solid hsl(204, 100%, 55%);
}

i {
  line-height: inherit;
}
i.left {
  float: left;
  margin-right: 15px;
}
i.right {
  float: right;
  margin-left: 15px;
}
i.tiny {
  font-size: 1rem;
}
i.small {
  font-size: 2rem;
}
i.medium {
  font-size: 4rem;
}
i.large {
  font-size: 6rem;
}

img.responsive-img,
video.responsive-video {
  max-width: 100%;
  height: auto;
}

.pagination li {
  display: inline-block;
  border-radius: 2px;
  text-align: center;
  vertical-align: top;
  height: 30px;
}
.pagination li a {
  color: #444;
  display: inline-block;
  font-size: 1.2rem;
  padding: 0 10px;
  line-height: 30px;
}
.pagination li.active a {
  color: #fff;
}
.pagination li.active {
  background-color: hsl(204, 100%, 55%);
}
.pagination li.disabled a {
  cursor: default;
  color: #999;
}
.pagination li i {
  font-size: 2rem;
}
.pagination li.pages ul li {
  display: inline-block;
  float: none;
}

@media only screen and (max-width : 992px) {
  .pagination {
    width: 100%;
  }
  .pagination li.prev,
  .pagination li.next {
    width: 10%;
  }
  .pagination li.pages {
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
  }
}
.breadcrumb {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
}
.breadcrumb i,
.breadcrumb [class^=mdi-], .breadcrumb [class*=mdi-],
.breadcrumb i.material-icons {
  display: inline-block;
  float: left;
  font-size: 24px;
}
.breadcrumb:before {
  content: "\e5cc";
  color: rgba(255, 255, 255, 0.7);
  vertical-align: top;
  display: inline-block;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  margin: 0 10px 0 8px;
  -webkit-font-smoothing: antialiased;
}
.breadcrumb:first-child:before {
  display: none;
}
.breadcrumb:last-child {
  color: #fff;
}

.parallax-container {
  position: relative;
  overflow: hidden;
  height: 500px;
}
.parallax-container .parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.parallax-container .parallax img {
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  transform: translate3d(0, 0, 0);
  transform: translateX(-50%);
}

.pin-top, .pin-bottom {
  position: relative;
}

.pinned {
  position: fixed !important;
}

/*********************
  Transition Classes
**********************/
ul.staggered-list li {
  opacity: 0;
}

.fade-in {
  opacity: 0;
  transform-origin: 0 50%;
}

/*********************
  Media Query Classes
**********************/
@media only screen and (max-width : 600px) {
  .hide-on-small-only, .hide-on-small-and-down {
    display: none !important;
  }
}

@media only screen and (max-width : 992px) {
  .hide-on-med-and-down {
    display: none !important;
  }
}

@media only screen and (min-width : 601px) {
  .hide-on-med-and-up {
    display: none !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .hide-on-med-only {
    display: none !important;
  }
}

@media only screen and (min-width : 993px) {
  .hide-on-large-only {
    display: none !important;
  }
}

@media only screen and (min-width : 1201px) {
  .hide-on-extra-large-only {
    display: none !important;
  }
}

@media only screen and (min-width : 1201px) {
  .show-on-extra-large {
    display: block !important;
  }
}

@media only screen and (min-width : 993px) {
  .show-on-large {
    display: block !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .show-on-medium {
    display: block !important;
  }
}

@media only screen and (max-width : 600px) {
  .show-on-small {
    display: block !important;
  }
}

@media only screen and (min-width : 601px) {
  .show-on-medium-and-up {
    display: block !important;
  }
}

@media only screen and (max-width : 992px) {
  .show-on-medium-and-down {
    display: block !important;
  }
}

@media only screen and (max-width : 600px) {
  .center-on-small-only {
    text-align: center;
  }
}

.page-footer {
  padding-top: 20px;
  color: #fff;
  background-color: hsl(204, 100%, 55%);
}
.page-footer .footer-copyright {
  overflow: hidden;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0px;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(51, 51, 51, 0.08);
}

table, th, td {
  border: none;
}

table {
  width: 100%;
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
}
table.striped tr {
  border-bottom: none;
}
table.striped > tbody > tr:nth-child(odd) {
  background-color: rgba(242, 242, 242, 0.5);
}
table.striped > tbody > tr > td {
  border-radius: 0;
}
table.highlight > tbody > tr, table.slplaner-table > tbody > tr {
  transition: background-color 0.25s ease;
}
table.highlight > tbody > tr:hover, table.slplaner-table > tbody > tr:hover {
  background-color: rgba(242, 242, 242, 0.5);
}
table.centered thead tr th, table.centered tbody tr td {
  text-align: center;
}

tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

td, th {
  padding: 15px 5px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  border-radius: 2px;
}

@media only screen and (max-width : 992px) {
  table.responsive-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    position: relative;
    /* sort out borders */
  }
  table.responsive-table td:empty:before {
    content: " ";
  }
  table.responsive-table th,
  table.responsive-table td {
    margin: 0;
    vertical-align: top;
  }
  table.responsive-table th {
    text-align: left;
  }
  table.responsive-table thead {
    display: block;
    float: left;
  }
  table.responsive-table thead tr {
    display: block;
    padding: 0 10px 0 0;
  }
  table.responsive-table thead tr th::before {
    content: " ";
  }
  table.responsive-table tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
  }
  table.responsive-table tbody tr {
    display: inline-block;
    vertical-align: top;
  }
  table.responsive-table th {
    display: block;
    text-align: right;
  }
  table.responsive-table td {
    display: block;
    min-height: 1.25em;
    text-align: left;
  }
  table.responsive-table tr {
    border-bottom: none;
    padding: 0 10px;
  }
  table.responsive-table thead {
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
  }
}
.collection {
  margin: 0.5rem 0 1rem 0;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}
.collection .collection-item {
  background-color: #fff;
  line-height: 1.5rem;
  padding: 10px 20px;
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
}
.collection .collection-item.avatar {
  min-height: 84px;
  padding-left: 72px;
  position: relative;
}
.collection .collection-item.avatar:not(.circle-clipper) > .circle,
.collection .collection-item.avatar :not(.circle-clipper) > .circle {
  position: absolute;
  width: 42px;
  height: 42px;
  overflow: hidden;
  left: 15px;
  display: inline-block;
  vertical-align: middle;
}
.collection .collection-item.avatar i.circle {
  font-size: 18px;
  line-height: 42px;
  color: #fff;
  background-color: #999;
  text-align: center;
}
.collection .collection-item.avatar .title {
  font-size: 16px;
}
.collection .collection-item.avatar p {
  margin: 0;
}
.collection .collection-item.avatar .secondary-content {
  position: absolute;
  top: 16px;
  right: 16px;
}
.collection .collection-item:last-child {
  border-bottom: none;
}
.collection .collection-item.active {
  background-color: #566067;
  color: rgb(232.9285714286, 235.0714285714, 236.5714285714);
}
.collection .collection-item.active .secondary-content {
  color: #fff;
}
.collection a.collection-item {
  display: block;
  transition: 0.25s;
  color: #566067;
}
.collection a.collection-item:not(.active):hover {
  background-color: #ddd;
}
.collection.with-header .collection-header {
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 20px;
}
.collection.with-header .collection-item {
  padding-left: 30px;
}
.collection.with-header .collection-item.avatar {
  padding-left: 72px;
}

.secondary-content {
  float: right;
  color: #566067;
}

.collapsible .collection {
  margin: 0;
  border: none;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.progress {
  position: relative;
  height: 4px;
  display: block;
  width: 100%;
  background-color: rgb(191.2380952381, 197.4285714286, 201.7619047619);
  border-radius: 2px;
  margin: 0.5rem 0 1rem 0;
  overflow: hidden;
}
.progress .determinate {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #566067;
  transition: width 0.3s linear;
}
.progress .indeterminate {
  background-color: #566067;
}
.progress .indeterminate:before {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.progress .indeterminate:after {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation-delay: 1.15s;
}

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
/*******************
  Utility Classes
*******************/
.hide {
  display: none !important;
}

.left-align {
  text-align: left;
}

.right-align {
  text-align: right;
}

.center, .center-align, .col.qr-code-title {
  text-align: center;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.no-select, input[type=range],
input[type=range] + .thumb {
  user-select: none;
}

.circle {
  border-radius: 50%;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

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

.no-padding {
  padding: 0 !important;
}

span.badge {
  min-width: 3rem;
  padding: 0 6px;
  margin-left: 14px;
  text-align: center;
  font-size: 1rem;
  line-height: 22px;
  height: 22px;
  color: #757575;
  float: right;
  box-sizing: border-box;
}
span.badge.new {
  font-weight: 300;
  font-size: 0.8rem;
  color: #fff;
  background-color: #566067;
  border-radius: 2px;
}
span.badge.new:after {
  content: " new";
}
span.badge[data-badge-caption]::after {
  content: " " attr(data-badge-caption);
}

nav ul a span.badge {
  display: inline-block;
  float: none;
  margin-left: 4px;
  line-height: 22px;
  height: 22px;
  -webkit-font-smoothing: auto;
}

.collection-item span.badge {
  margin-top: calc(0.75rem - 11px);
}

.collapsible span.badge {
  margin-left: auto;
}

.sidenav span.badge {
  margin-top: calc(24px - 11px);
}

table span.badge {
  display: inline-block;
  float: none;
  margin-left: auto;
}

/* This is needed for some mobile phones to display the Google Icon font properly */
.material-icons {
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

.container {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}

@media only screen and (min-width : 601px) {
  .container {
    width: 85%;
  }
}
@media only screen and (min-width : 993px) {
  .container {
    width: 70%;
  }
}
.col .row {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.section {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.section.no-pad {
  padding: 0;
}
.section.no-pad-bot {
  padding-bottom: 0;
}
.section.no-pad-top {
  padding-top: 0;
}

.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.row .col {
  float: left;
  box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px;
}
.row .col[class*=push-], .row .col[class*=pull-] {
  position: relative;
}
.row .col.s1 {
  width: 8.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s2 {
  width: 16.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s3 {
  width: 25%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s4 {
  width: 33.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s5 {
  width: 41.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s6 {
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s7 {
  width: 58.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s8 {
  width: 66.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s9 {
  width: 75%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s10 {
  width: 83.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s11 {
  width: 91.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s12 {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.offset-s1 {
  margin-left: 8.3333333333%;
}
.row .col.pull-s1 {
  right: 8.3333333333%;
}
.row .col.push-s1 {
  left: 8.3333333333%;
}
.row .col.offset-s2 {
  margin-left: 16.6666666667%;
}
.row .col.pull-s2 {
  right: 16.6666666667%;
}
.row .col.push-s2 {
  left: 16.6666666667%;
}
.row .col.offset-s3 {
  margin-left: 25%;
}
.row .col.pull-s3 {
  right: 25%;
}
.row .col.push-s3 {
  left: 25%;
}
.row .col.offset-s4 {
  margin-left: 33.3333333333%;
}
.row .col.pull-s4 {
  right: 33.3333333333%;
}
.row .col.push-s4 {
  left: 33.3333333333%;
}
.row .col.offset-s5 {
  margin-left: 41.6666666667%;
}
.row .col.pull-s5 {
  right: 41.6666666667%;
}
.row .col.push-s5 {
  left: 41.6666666667%;
}
.row .col.offset-s6 {
  margin-left: 50%;
}
.row .col.pull-s6 {
  right: 50%;
}
.row .col.push-s6 {
  left: 50%;
}
.row .col.offset-s7 {
  margin-left: 58.3333333333%;
}
.row .col.pull-s7 {
  right: 58.3333333333%;
}
.row .col.push-s7 {
  left: 58.3333333333%;
}
.row .col.offset-s8 {
  margin-left: 66.6666666667%;
}
.row .col.pull-s8 {
  right: 66.6666666667%;
}
.row .col.push-s8 {
  left: 66.6666666667%;
}
.row .col.offset-s9 {
  margin-left: 75%;
}
.row .col.pull-s9 {
  right: 75%;
}
.row .col.push-s9 {
  left: 75%;
}
.row .col.offset-s10 {
  margin-left: 83.3333333333%;
}
.row .col.pull-s10 {
  right: 83.3333333333%;
}
.row .col.push-s10 {
  left: 83.3333333333%;
}
.row .col.offset-s11 {
  margin-left: 91.6666666667%;
}
.row .col.pull-s11 {
  right: 91.6666666667%;
}
.row .col.push-s11 {
  left: 91.6666666667%;
}
.row .col.offset-s12 {
  margin-left: 100%;
}
.row .col.pull-s12 {
  right: 100%;
}
.row .col.push-s12 {
  left: 100%;
}
@media only screen and (min-width : 601px) {
  .row .col.m1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-m1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-m1 {
    right: 8.3333333333%;
  }
  .row .col.push-m1 {
    left: 8.3333333333%;
  }
  .row .col.offset-m2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-m2 {
    right: 16.6666666667%;
  }
  .row .col.push-m2 {
    left: 16.6666666667%;
  }
  .row .col.offset-m3 {
    margin-left: 25%;
  }
  .row .col.pull-m3 {
    right: 25%;
  }
  .row .col.push-m3 {
    left: 25%;
  }
  .row .col.offset-m4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-m4 {
    right: 33.3333333333%;
  }
  .row .col.push-m4 {
    left: 33.3333333333%;
  }
  .row .col.offset-m5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-m5 {
    right: 41.6666666667%;
  }
  .row .col.push-m5 {
    left: 41.6666666667%;
  }
  .row .col.offset-m6 {
    margin-left: 50%;
  }
  .row .col.pull-m6 {
    right: 50%;
  }
  .row .col.push-m6 {
    left: 50%;
  }
  .row .col.offset-m7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-m7 {
    right: 58.3333333333%;
  }
  .row .col.push-m7 {
    left: 58.3333333333%;
  }
  .row .col.offset-m8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-m8 {
    right: 66.6666666667%;
  }
  .row .col.push-m8 {
    left: 66.6666666667%;
  }
  .row .col.offset-m9 {
    margin-left: 75%;
  }
  .row .col.pull-m9 {
    right: 75%;
  }
  .row .col.push-m9 {
    left: 75%;
  }
  .row .col.offset-m10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-m10 {
    right: 83.3333333333%;
  }
  .row .col.push-m10 {
    left: 83.3333333333%;
  }
  .row .col.offset-m11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-m11 {
    right: 91.6666666667%;
  }
  .row .col.push-m11 {
    left: 91.6666666667%;
  }
  .row .col.offset-m12 {
    margin-left: 100%;
  }
  .row .col.pull-m12 {
    right: 100%;
  }
  .row .col.push-m12 {
    left: 100%;
  }
}
@media only screen and (min-width : 993px) {
  .row .col.l1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-l1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-l1 {
    right: 8.3333333333%;
  }
  .row .col.push-l1 {
    left: 8.3333333333%;
  }
  .row .col.offset-l2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-l2 {
    right: 16.6666666667%;
  }
  .row .col.push-l2 {
    left: 16.6666666667%;
  }
  .row .col.offset-l3 {
    margin-left: 25%;
  }
  .row .col.pull-l3 {
    right: 25%;
  }
  .row .col.push-l3 {
    left: 25%;
  }
  .row .col.offset-l4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-l4 {
    right: 33.3333333333%;
  }
  .row .col.push-l4 {
    left: 33.3333333333%;
  }
  .row .col.offset-l5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-l5 {
    right: 41.6666666667%;
  }
  .row .col.push-l5 {
    left: 41.6666666667%;
  }
  .row .col.offset-l6 {
    margin-left: 50%;
  }
  .row .col.pull-l6 {
    right: 50%;
  }
  .row .col.push-l6 {
    left: 50%;
  }
  .row .col.offset-l7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-l7 {
    right: 58.3333333333%;
  }
  .row .col.push-l7 {
    left: 58.3333333333%;
  }
  .row .col.offset-l8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-l8 {
    right: 66.6666666667%;
  }
  .row .col.push-l8 {
    left: 66.6666666667%;
  }
  .row .col.offset-l9 {
    margin-left: 75%;
  }
  .row .col.pull-l9 {
    right: 75%;
  }
  .row .col.push-l9 {
    left: 75%;
  }
  .row .col.offset-l10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-l10 {
    right: 83.3333333333%;
  }
  .row .col.push-l10 {
    left: 83.3333333333%;
  }
  .row .col.offset-l11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-l11 {
    right: 91.6666666667%;
  }
  .row .col.push-l11 {
    left: 91.6666666667%;
  }
  .row .col.offset-l12 {
    margin-left: 100%;
  }
  .row .col.pull-l12 {
    right: 100%;
  }
  .row .col.push-l12 {
    left: 100%;
  }
}
@media only screen and (min-width : 1201px) {
  .row .col.xl1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-xl1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-xl1 {
    right: 8.3333333333%;
  }
  .row .col.push-xl1 {
    left: 8.3333333333%;
  }
  .row .col.offset-xl2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-xl2 {
    right: 16.6666666667%;
  }
  .row .col.push-xl2 {
    left: 16.6666666667%;
  }
  .row .col.offset-xl3 {
    margin-left: 25%;
  }
  .row .col.pull-xl3 {
    right: 25%;
  }
  .row .col.push-xl3 {
    left: 25%;
  }
  .row .col.offset-xl4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-xl4 {
    right: 33.3333333333%;
  }
  .row .col.push-xl4 {
    left: 33.3333333333%;
  }
  .row .col.offset-xl5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-xl5 {
    right: 41.6666666667%;
  }
  .row .col.push-xl5 {
    left: 41.6666666667%;
  }
  .row .col.offset-xl6 {
    margin-left: 50%;
  }
  .row .col.pull-xl6 {
    right: 50%;
  }
  .row .col.push-xl6 {
    left: 50%;
  }
  .row .col.offset-xl7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-xl7 {
    right: 58.3333333333%;
  }
  .row .col.push-xl7 {
    left: 58.3333333333%;
  }
  .row .col.offset-xl8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-xl8 {
    right: 66.6666666667%;
  }
  .row .col.push-xl8 {
    left: 66.6666666667%;
  }
  .row .col.offset-xl9 {
    margin-left: 75%;
  }
  .row .col.pull-xl9 {
    right: 75%;
  }
  .row .col.push-xl9 {
    left: 75%;
  }
  .row .col.offset-xl10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-xl10 {
    right: 83.3333333333%;
  }
  .row .col.push-xl10 {
    left: 83.3333333333%;
  }
  .row .col.offset-xl11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-xl11 {
    right: 91.6666666667%;
  }
  .row .col.push-xl11 {
    left: 91.6666666667%;
  }
  .row .col.offset-xl12 {
    margin-left: 100%;
  }
  .row .col.pull-xl12 {
    right: 100%;
  }
  .row .col.push-xl12 {
    left: 100%;
  }
}

nav {
  color: #fff;
  background-color: hsl(204, 100%, 55%);
  width: 100%;
  height: 56px;
  line-height: 56px;
}
nav.nav-extended {
  height: auto;
}
nav.nav-extended .nav-wrapper {
  min-height: 56px;
  height: auto;
}
nav.nav-extended .nav-content {
  position: relative;
  line-height: normal;
}
nav a {
  color: #fff;
}
nav i,
nav [class^=mdi-], nav [class*=mdi-],
nav i.material-icons {
  display: block;
  font-size: 24px;
  height: 56px;
  line-height: 56px;
}
nav .nav-wrapper {
  position: relative;
  height: 100%;
}
@media only screen and (min-width : 993px) {
  nav a.sidenav-trigger {
    display: none;
  }
}
nav .sidenav-trigger {
  float: left;
  position: relative;
  z-index: 1;
  height: 56px;
  margin: 0 18px;
}
nav .sidenav-trigger i {
  height: 56px;
  line-height: 56px;
}
nav .brand-logo {
  position: absolute;
  color: #fff;
  display: inline-block;
  font-size: 2.1rem;
  padding: 0;
}
nav .brand-logo.center {
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width : 992px) {
  nav .brand-logo {
    left: 50%;
    transform: translateX(-50%);
  }
  nav .brand-logo.left, nav .brand-logo.right {
    padding: 0;
    transform: none;
  }
  nav .brand-logo.left {
    left: 0.5rem;
  }
  nav .brand-logo.right {
    right: 0.5rem;
    left: auto;
  }
}
nav .brand-logo.right {
  right: 0.5rem;
  padding: 0;
}
nav .brand-logo i,
nav .brand-logo [class^=mdi-], nav .brand-logo [class*=mdi-],
nav .brand-logo i.material-icons {
  float: left;
  margin-right: 15px;
}
nav .nav-title {
  display: inline-block;
  font-size: 32px;
  padding: 28px 0;
}
nav ul {
  margin: 0;
}
nav ul li {
  transition: background-color 0.3s;
  float: left;
  padding: 0;
}
nav ul li.active {
  background-color: rgba(0, 0, 0, 0.1);
}
nav ul a {
  transition: background-color 0.3s;
  font-size: 1rem;
  color: #fff;
  display: block;
  padding: 0 15px;
  cursor: pointer;
}
nav ul a.btn, nav ul a.submit-in-dropdown-btn, nav ul a.slplaner-date-nav-button-inactive, nav ul a.slplaner-date-nav-button, nav ul a.slplaner-dates-button, nav ul a.btn-small, nav ul a.slplaner-two-col-collapsible-body-button-alt, nav ul a.slplaner-two-col-collapsible-body-button-inactive, nav ul a.slplaner-two-col-collapsible-body-button, nav ul a.slplaner-access-actions-button, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.slplaner-col-navbar-button-inactive, nav ul a.slplaner-col-navbar-button, nav ul a.btn-floating {
  margin-top: -2px;
  margin-left: 15px;
  margin-right: 15px;
}
nav ul a.btn > .material-icons, nav ul a.submit-in-dropdown-btn > .material-icons, nav ul a.slplaner-date-nav-button-inactive > .material-icons, nav ul a.slplaner-date-nav-button > .material-icons, nav ul a.slplaner-dates-button > .material-icons, nav ul a.btn-small > .material-icons, nav ul a.slplaner-two-col-collapsible-body-button-alt > .material-icons, nav ul a.slplaner-two-col-collapsible-body-button-inactive > .material-icons, nav ul a.slplaner-two-col-collapsible-body-button > .material-icons, nav ul a.slplaner-access-actions-button > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-flat > .material-icons, nav ul a.slplaner-col-navbar-button-inactive > .material-icons, nav ul a.slplaner-col-navbar-button > .material-icons, nav ul a.btn-floating > .material-icons {
  height: inherit;
  line-height: inherit;
}
nav ul a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
nav ul.left {
  float: left;
}
nav form {
  height: 100%;
}
nav .input-field {
  margin: 0;
  height: 100%;
}
nav .input-field input {
  height: 100%;
  font-size: 1.2rem;
  border: none;
  padding-left: 2rem;
}
nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid {
  border: none;
  box-shadow: none;
}
nav .input-field label {
  top: 0;
  left: 0;
}
nav .input-field label i {
  color: rgba(255, 255, 255, 0.7);
  transition: color 0.3s;
}
nav .input-field label.active i {
  color: #fff;
}

.navbar-fixed {
  position: relative;
  height: 56px;
  z-index: 997;
}
.navbar-fixed nav {
  position: fixed;
}

@media only screen and (min-width : 601px) {
  nav.nav-extended .nav-wrapper {
    min-height: 64px;
  }
  nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
    height: 64px;
    line-height: 64px;
  }
  .navbar-fixed {
    height: 64px;
  }
}
a {
  text-decoration: none;
}

html {
  line-height: 1.5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
}
@media only screen and (min-width: 0) {
  html {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  html {
    font-size: 14.5px;
  }
}
@media only screen and (min-width: 1200px) {
  html {
    font-size: 15px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.3;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}

h1 {
  font-size: 4.2rem;
  line-height: 110%;
  margin: 2.8rem 0 1.68rem 0;
}

h2 {
  font-size: 3.56rem;
  line-height: 110%;
  margin: 2.3733333333rem 0 1.424rem 0;
}

h3 {
  font-size: 2.92rem;
  line-height: 110%;
  margin: 1.9466666667rem 0 1.168rem 0;
}

h4 {
  font-size: 2.28rem;
  line-height: 110%;
  margin: 1.52rem 0 0.912rem 0;
}

h5 {
  font-size: 1.64rem;
  line-height: 110%;
  margin: 1.0933333333rem 0 0.656rem 0;
}

h6 {
  font-size: 1.15rem;
  line-height: 110%;
  margin: 0.7666666667rem 0 0.46rem 0;
}

em {
  font-style: italic;
}

strong {
  font-weight: 500;
}

small {
  font-size: 75%;
}

.light {
  font-weight: 300;
}

.thin {
  font-weight: 200;
}

@media only screen and (min-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 390px) {
  .flow-text {
    font-size: 1.224rem;
  }
}
@media only screen and (min-width: 420px) {
  .flow-text {
    font-size: 1.248rem;
  }
}
@media only screen and (min-width: 450px) {
  .flow-text {
    font-size: 1.272rem;
  }
}
@media only screen and (min-width: 480px) {
  .flow-text {
    font-size: 1.296rem;
  }
}
@media only screen and (min-width: 510px) {
  .flow-text {
    font-size: 1.32rem;
  }
}
@media only screen and (min-width: 540px) {
  .flow-text {
    font-size: 1.344rem;
  }
}
@media only screen and (min-width: 570px) {
  .flow-text {
    font-size: 1.368rem;
  }
}
@media only screen and (min-width: 600px) {
  .flow-text {
    font-size: 1.392rem;
  }
}
@media only screen and (min-width: 630px) {
  .flow-text {
    font-size: 1.416rem;
  }
}
@media only screen and (min-width: 660px) {
  .flow-text {
    font-size: 1.44rem;
  }
}
@media only screen and (min-width: 690px) {
  .flow-text {
    font-size: 1.464rem;
  }
}
@media only screen and (min-width: 720px) {
  .flow-text {
    font-size: 1.488rem;
  }
}
@media only screen and (min-width: 750px) {
  .flow-text {
    font-size: 1.512rem;
  }
}
@media only screen and (min-width: 780px) {
  .flow-text {
    font-size: 1.536rem;
  }
}
@media only screen and (min-width: 810px) {
  .flow-text {
    font-size: 1.56rem;
  }
}
@media only screen and (min-width: 840px) {
  .flow-text {
    font-size: 1.584rem;
  }
}
@media only screen and (min-width: 870px) {
  .flow-text {
    font-size: 1.608rem;
  }
}
@media only screen and (min-width: 900px) {
  .flow-text {
    font-size: 1.632rem;
  }
}
@media only screen and (min-width: 930px) {
  .flow-text {
    font-size: 1.656rem;
  }
}
@media only screen and (min-width: 960px) {
  .flow-text {
    font-size: 1.68rem;
  }
}
@media only screen and (max-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}

.scale-transition {
  transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
}
.scale-transition.scale-out {
  transform: scale(0);
  transition: transform 0.2s !important;
}
.scale-transition.scale-in {
  transform: scale(1);
}

.card-panel {
  transition: box-shadow 0.25s;
  padding: 24px;
  margin: 0.5rem 0 1rem 0;
  border-radius: 2px;
  background-color: #fff;
}

.card {
  position: relative;
  margin: 0.5rem 0 1rem 0;
  background-color: #fff;
  transition: box-shadow 0.25s;
  border-radius: 2px;
}
.card .card-title {
  font-size: 24px;
  font-weight: 300;
}
.card .card-title.activator {
  cursor: pointer;
}
.card.small, .card.medium, .card.large {
  position: relative;
}
.card.small .card-image, .card.medium .card-image, .card.large .card-image {
  max-height: 60%;
  overflow: hidden;
}
.card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content {
  max-height: 40%;
}
.card.small .card-content, .card.medium .card-content, .card.large .card-content {
  max-height: 100%;
  overflow: hidden;
}
.card.small .card-action, .card.medium .card-action, .card.large .card-action {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.card.small {
  height: 300px;
}
.card.medium {
  height: 400px;
}
.card.large {
  height: 500px;
}
.card.horizontal {
  display: flex;
}
.card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {
  height: 100%;
  max-height: none;
  overflow: visible;
}
.card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {
  height: 100%;
}
.card.horizontal .card-image {
  max-width: 50%;
}
.card.horizontal .card-image img {
  border-radius: 2px 0 0 2px;
  max-width: 100%;
  width: auto;
}
.card.horizontal .card-stacked {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}
.card.horizontal .card-stacked .card-content {
  flex-grow: 1;
}
.card.sticky-action .card-action {
  z-index: 2;
}
.card.sticky-action .card-reveal {
  z-index: 1;
  padding-bottom: 64px;
}
.card .card-image {
  position: relative;
}
.card .card-image img {
  display: block;
  border-radius: 2px 2px 0 0;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
}
.card .card-image .card-title {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 100%;
  padding: 24px;
}
.card .card-content {
  padding: 24px;
  border-radius: 0 0 2px 2px;
}
.card .card-content p {
  margin: 0;
}
.card .card-content .card-title {
  display: block;
  line-height: 32px;
  margin-bottom: 8px;
}
.card .card-content .card-title i {
  line-height: 32px;
}
.card .card-action {
  background-color: inherit;
  border-top: 1px solid rgba(160, 160, 160, 0.2);
  position: relative;
  padding: 16px 24px;
}
.card .card-action:last-child {
  border-radius: 0 0 2px 2px;
}
.card .card-action a:not(.btn):not(.submit-in-dropdown-btn):not(.slplaner-date-nav-button-inactive):not(.slplaner-date-nav-button):not(.slplaner-dates-button):not(.btn-small):not(.slplaner-two-col-collapsible-body-button-alt):not(.slplaner-two-col-collapsible-body-button-inactive):not(.slplaner-two-col-collapsible-body-button):not(.slplaner-access-actions-button):not(.btn-large):not(.btn-large):not(.btn-floating):not(.slplaner-col-navbar-button-inactive):not(.slplaner-col-navbar-button) {
  color: #ffab40;
  margin-right: 24px;
  transition: color 0.3s ease;
  text-transform: uppercase;
}
.card .card-action a:not(.btn):not(.submit-in-dropdown-btn):not(.slplaner-date-nav-button-inactive):not(.slplaner-date-nav-button):not(.slplaner-dates-button):not(.btn-small):not(.slplaner-two-col-collapsible-body-button-alt):not(.slplaner-two-col-collapsible-body-button-inactive):not(.slplaner-two-col-collapsible-body-button):not(.slplaner-access-actions-button):not(.btn-large):not(.btn-large):not(.btn-floating):not(.slplaner-col-navbar-button-inactive):not(.slplaner-col-navbar-button):hover {
  color: rgb(255, 215.8586387435, 166);
}
.card .card-reveal {
  padding: 24px;
  position: absolute;
  background-color: #fff;
  width: 100%;
  overflow-y: auto;
  left: 0;
  top: 100%;
  height: 100%;
  z-index: 3;
  display: none;
}
.card .card-reveal .card-title {
  cursor: pointer;
  display: block;
}

#toast-container {
  display: block;
  position: fixed;
  z-index: 10000;
}
@media only screen and (max-width : 600px) {
  #toast-container {
    min-width: 100%;
    bottom: 0%;
  }
}
@media only screen and (min-width : 601px) and (max-width : 992px) {
  #toast-container {
    left: 5%;
    bottom: 7%;
    max-width: 90%;
  }
}
@media only screen and (min-width : 993px) {
  #toast-container {
    top: 10%;
    right: 7%;
    max-width: 86%;
  }
}

.toast {
  border-radius: 2px;
  top: 35px;
  width: auto;
  margin-top: 10px;
  position: relative;
  max-width: 100%;
  height: auto;
  min-height: 48px;
  line-height: 1.5em;
  background-color: #323232;
  padding: 10px 25px;
  font-size: 1.1rem;
  font-weight: 300;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: default;
}
.toast .toast-action {
  color: #eeff41;
  font-weight: 500;
  margin-right: -25px;
  margin-left: 3rem;
}
.toast.rounded {
  border-radius: 24px;
}
@media only screen and (max-width : 600px) {
  .toast {
    width: 100%;
    border-radius: 0;
  }
}

.tabs {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  height: 48px;
  width: 100%;
  background-color: #fff;
  margin: 0 auto;
  white-space: nowrap;
}
.tabs.tabs-transparent {
  background-color: transparent;
}
.tabs.tabs-transparent .tab a,
.tabs.tabs-transparent .tab.disabled a,
.tabs.tabs-transparent .tab.disabled a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.tabs.tabs-transparent .tab a:hover,
.tabs.tabs-transparent .tab a.active {
  color: #fff;
}
.tabs.tabs-transparent .indicator {
  background-color: #fff;
}
.tabs.tabs-fixed-width {
  display: flex;
}
.tabs.tabs-fixed-width .tab {
  flex-grow: 1;
}
.tabs .tab {
  display: inline-block;
  text-align: center;
  line-height: 48px;
  height: 48px;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}
.tabs .tab a {
  color: rgba(25.5, 163.2, 255, 0.7);
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 24px;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: color 0.28s ease, background-color 0.28s ease;
}
.tabs .tab a:focus, .tabs .tab a:focus.active {
  background-color: hsla(204, 100%, 70%, 0.2);
  outline: none;
}
.tabs .tab a:hover, .tabs .tab a.active {
  background-color: transparent;
  color: hsl(204, 100%, 55%);
}
.tabs .tab.disabled a, .tabs .tab.disabled a:hover {
  color: rgba(25.5, 163.2, 255, 0.4);
  cursor: default;
}
.tabs .indicator {
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: hsl(204, 100%, 70%);
  will-change: left, right;
}

@media only screen and (max-width : 992px) {
  .tabs {
    display: flex;
  }
  .tabs .tab {
    flex-grow: 1;
  }
  .tabs .tab a {
    padding: 0 12px;
  }
}
.material-tooltip {
  padding: 10px 8px;
  font-size: 1rem;
  z-index: 2000;
  background-color: transparent;
  border-radius: 2px;
  color: #fff;
  min-height: 36px;
  line-height: 120%;
  opacity: 0;
  position: absolute;
  text-align: center;
  max-width: calc(100% - 4px);
  overflow: hidden;
  left: 0;
  top: 0;
  pointer-events: none;
  visibility: hidden;
  background-color: #323232;
}

.backdrop {
  position: absolute;
  opacity: 0;
  height: 7px;
  width: 14px;
  border-radius: 0 0 50% 50%;
  background-color: #323232;
  z-index: -1;
  transform-origin: 50% 0%;
  visibility: hidden;
}

.btn, .submit-in-dropdown-btn, .slplaner-date-nav-button-inactive, .slplaner-date-nav-button, .slplaner-dates-button, .btn-small, .slplaner-two-col-collapsible-body-button-alt, .slplaner-two-col-collapsible-body-button-inactive, .slplaner-two-col-collapsible-body-button, .slplaner-access-actions-button, .btn-large,
.btn-flat,
.slplaner-col-navbar-button-inactive,
.slplaner-col-navbar-button {
  border: none;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

.btn.disabled, .disabled.submit-in-dropdown-btn, .disabled.slplaner-date-nav-button-inactive, .disabled.slplaner-date-nav-button, .disabled.slplaner-dates-button,
.btn-floating.disabled,
.disabled.slplaner-col-navbar-button-inactive,
.disabled.slplaner-col-navbar-button,
.btn-large.disabled,
.btn-small.disabled,
.disabled.slplaner-two-col-collapsible-body-button-alt,
.disabled.slplaner-two-col-collapsible-body-button-inactive,
.disabled.slplaner-two-col-collapsible-body-button,
.disabled.slplaner-access-actions-button,
.btn-flat.disabled,
.btn:disabled,
.submit-in-dropdown-btn:disabled,
.slplaner-date-nav-button-inactive:disabled,
.slplaner-date-nav-button:disabled,
.slplaner-dates-button:disabled,
.btn-floating:disabled,
.slplaner-col-navbar-button-inactive:disabled,
.slplaner-col-navbar-button:disabled,
.btn-large:disabled,
.btn-small:disabled,
.slplaner-two-col-collapsible-body-button-alt:disabled,
.slplaner-two-col-collapsible-body-button-inactive:disabled,
.slplaner-two-col-collapsible-body-button:disabled,
.slplaner-access-actions-button:disabled,
.btn-flat:disabled,
.btn[disabled],
[disabled].submit-in-dropdown-btn,
[disabled].slplaner-date-nav-button-inactive,
[disabled].slplaner-date-nav-button,
[disabled].slplaner-dates-button,
.btn-floating[disabled],
[disabled].slplaner-col-navbar-button-inactive,
[disabled].slplaner-col-navbar-button,
.btn-large[disabled],
.btn-small[disabled],
[disabled].slplaner-two-col-collapsible-body-button-alt,
[disabled].slplaner-two-col-collapsible-body-button-inactive,
[disabled].slplaner-two-col-collapsible-body-button,
[disabled].slplaner-access-actions-button,
.btn-flat[disabled] {
  pointer-events: none;
  background-color: #DFDFDF !important;
  box-shadow: none;
  color: #9F9F9F !important;
  cursor: default;
}
.btn.disabled:hover, .disabled.submit-in-dropdown-btn:hover, .disabled.slplaner-date-nav-button-inactive:hover, .disabled.slplaner-date-nav-button:hover, .disabled.slplaner-dates-button:hover,
.btn-floating.disabled:hover,
.disabled.slplaner-col-navbar-button-inactive:hover,
.disabled.slplaner-col-navbar-button:hover,
.btn-large.disabled:hover,
.btn-small.disabled:hover,
.disabled.slplaner-two-col-collapsible-body-button-alt:hover,
.disabled.slplaner-two-col-collapsible-body-button-inactive:hover,
.disabled.slplaner-two-col-collapsible-body-button:hover,
.disabled.slplaner-access-actions-button:hover,
.btn-flat.disabled:hover,
.btn:disabled:hover,
.submit-in-dropdown-btn:disabled:hover,
.slplaner-date-nav-button-inactive:disabled:hover,
.slplaner-date-nav-button:disabled:hover,
.slplaner-dates-button:disabled:hover,
.btn-floating:disabled:hover,
.slplaner-col-navbar-button-inactive:disabled:hover,
.slplaner-col-navbar-button:disabled:hover,
.btn-large:disabled:hover,
.btn-small:disabled:hover,
.slplaner-two-col-collapsible-body-button-alt:disabled:hover,
.slplaner-two-col-collapsible-body-button-inactive:disabled:hover,
.slplaner-two-col-collapsible-body-button:disabled:hover,
.slplaner-access-actions-button:disabled:hover,
.btn-flat:disabled:hover,
.btn[disabled]:hover,
[disabled].submit-in-dropdown-btn:hover,
[disabled].slplaner-date-nav-button-inactive:hover,
[disabled].slplaner-date-nav-button:hover,
[disabled].slplaner-dates-button:hover,
.btn-floating[disabled]:hover,
[disabled].slplaner-col-navbar-button-inactive:hover,
[disabled].slplaner-col-navbar-button:hover,
.btn-large[disabled]:hover,
.btn-small[disabled]:hover,
[disabled].slplaner-two-col-collapsible-body-button-alt:hover,
[disabled].slplaner-two-col-collapsible-body-button-inactive:hover,
[disabled].slplaner-two-col-collapsible-body-button:hover,
[disabled].slplaner-access-actions-button:hover,
.btn-flat[disabled]:hover {
  background-color: #DFDFDF !important;
  color: #9F9F9F !important;
}

.btn, .submit-in-dropdown-btn, .slplaner-date-nav-button-inactive, .slplaner-date-nav-button, .slplaner-dates-button,
.btn-small,
.slplaner-two-col-collapsible-body-button-alt,
.slplaner-two-col-collapsible-body-button-inactive,
.slplaner-two-col-collapsible-body-button,
.slplaner-access-actions-button,
.btn-large,
.btn-floating,
.slplaner-col-navbar-button-inactive,
.slplaner-col-navbar-button,
.btn-flat {
  font-size: 14px;
  outline: 0;
}
.btn i, .submit-in-dropdown-btn i, .slplaner-date-nav-button-inactive i, .slplaner-date-nav-button i, .slplaner-dates-button i,
.btn-floating i,
.slplaner-col-navbar-button-inactive i,
.slplaner-col-navbar-button i,
.btn-large i,
.btn-small i,
.slplaner-two-col-collapsible-body-button-alt i,
.slplaner-two-col-collapsible-body-button-inactive i,
.slplaner-two-col-collapsible-body-button i,
.slplaner-access-actions-button i,
.btn-flat i {
  font-size: 1.3rem;
  line-height: inherit;
}

.btn:focus, .submit-in-dropdown-btn:focus, .slplaner-date-nav-button-inactive:focus, .slplaner-date-nav-button:focus, .slplaner-dates-button:focus, .btn-small:focus, .slplaner-two-col-collapsible-body-button-alt:focus, .slplaner-two-col-collapsible-body-button-inactive:focus, .slplaner-two-col-collapsible-body-button:focus, .slplaner-access-actions-button:focus, .btn-large:focus,
.btn-floating:focus,
.slplaner-col-navbar-button-inactive:focus,
.slplaner-col-navbar-button:focus {
  background-color: rgb(62.7936507937, 70.0952380952, 75.2063492063);
}

.btn, .submit-in-dropdown-btn, .slplaner-date-nav-button-inactive, .slplaner-date-nav-button, .slplaner-dates-button, .btn-small, .slplaner-two-col-collapsible-body-button-alt, .slplaner-two-col-collapsible-body-button-inactive, .slplaner-two-col-collapsible-body-button, .slplaner-access-actions-button, .btn-large {
  text-decoration: none;
  color: #fff;
  background-color: #566067;
  text-align: center;
  letter-spacing: 0.5px;
  transition: background-color 0.2s ease-out;
  cursor: pointer;
}
.btn:hover, .submit-in-dropdown-btn:hover, .slplaner-date-nav-button-inactive:hover, .slplaner-date-nav-button:hover, .slplaner-dates-button:hover, .btn-small:hover, .slplaner-two-col-collapsible-body-button-alt:hover, .slplaner-two-col-collapsible-body-button-inactive:hover, .slplaner-two-col-collapsible-body-button:hover, .slplaner-access-actions-button:hover, .btn-large:hover {
  background-color: rgb(97.6031746032, 108.9523809524, 116.8968253968);
}

.btn-floating, .slplaner-col-navbar-button-inactive, .slplaner-col-navbar-button {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  background-color: #566067;
  border-radius: 50%;
  transition: background-color 0.3s;
  cursor: pointer;
  vertical-align: middle;
}
.btn-floating:hover, .slplaner-col-navbar-button-inactive:hover, .slplaner-col-navbar-button:hover {
  background-color: #566067;
}
.btn-floating:before, .slplaner-col-navbar-button-inactive:before, .slplaner-col-navbar-button:before {
  border-radius: 0;
}
.btn-floating.btn-large, .btn-large.slplaner-col-navbar-button-inactive, .btn-large.slplaner-col-navbar-button {
  width: 56px;
  height: 56px;
  padding: 0;
}
.btn-floating.btn-large.halfway-fab, .btn-large.halfway-fab.slplaner-col-navbar-button-inactive, .btn-large.halfway-fab.slplaner-col-navbar-button {
  bottom: -28px;
}
.btn-floating.btn-large i, .btn-large.slplaner-col-navbar-button-inactive i, .btn-large.slplaner-col-navbar-button i {
  line-height: 56px;
}
.btn-floating.btn-small, .btn-floating.slplaner-two-col-collapsible-body-button-alt, .btn-floating.slplaner-two-col-collapsible-body-button-inactive, .btn-floating.slplaner-two-col-collapsible-body-button, .btn-floating.slplaner-access-actions-button, .btn-small.slplaner-col-navbar-button-inactive, .slplaner-col-navbar-button-inactive.slplaner-two-col-collapsible-body-button-alt, .slplaner-col-navbar-button-inactive.slplaner-two-col-collapsible-body-button-inactive, .slplaner-col-navbar-button-inactive.slplaner-two-col-collapsible-body-button, .slplaner-col-navbar-button-inactive.slplaner-access-actions-button, .btn-small.slplaner-col-navbar-button, .slplaner-col-navbar-button.slplaner-two-col-collapsible-body-button-alt, .slplaner-col-navbar-button.slplaner-two-col-collapsible-body-button-inactive, .slplaner-col-navbar-button.slplaner-two-col-collapsible-body-button, .slplaner-col-navbar-button.slplaner-access-actions-button {
  width: 32.4px;
  height: 32.4px;
}
.btn-floating.btn-small.halfway-fab, .btn-floating.halfway-fab.slplaner-two-col-collapsible-body-button-alt, .btn-floating.halfway-fab.slplaner-two-col-collapsible-body-button-inactive, .btn-floating.halfway-fab.slplaner-two-col-collapsible-body-button, .btn-floating.halfway-fab.slplaner-access-actions-button, .btn-small.halfway-fab.slplaner-col-navbar-button-inactive, .halfway-fab.slplaner-col-navbar-button-inactive.slplaner-two-col-collapsible-body-button-alt, .halfway-fab.slplaner-col-navbar-button-inactive.slplaner-two-col-collapsible-body-button-inactive, .halfway-fab.slplaner-col-navbar-button-inactive.slplaner-two-col-collapsible-body-button, .halfway-fab.slplaner-col-navbar-button-inactive.slplaner-access-actions-button, .btn-small.halfway-fab.slplaner-col-navbar-button, .halfway-fab.slplaner-col-navbar-button.slplaner-two-col-collapsible-body-button-alt, .halfway-fab.slplaner-col-navbar-button.slplaner-two-col-collapsible-body-button-inactive, .halfway-fab.slplaner-col-navbar-button.slplaner-two-col-collapsible-body-button, .halfway-fab.slplaner-col-navbar-button.slplaner-access-actions-button {
  bottom: -16.2px;
}
.btn-floating.btn-small i, .btn-floating.slplaner-two-col-collapsible-body-button-alt i, .btn-floating.slplaner-two-col-collapsible-body-button-inactive i, .btn-floating.slplaner-two-col-collapsible-body-button i, .btn-floating.slplaner-access-actions-button i, .btn-small.slplaner-col-navbar-button-inactive i, .slplaner-col-navbar-button-inactive.slplaner-two-col-collapsible-body-button-alt i, .slplaner-col-navbar-button-inactive.slplaner-two-col-collapsible-body-button-inactive i, .slplaner-col-navbar-button-inactive.slplaner-two-col-collapsible-body-button i, .slplaner-col-navbar-button-inactive.slplaner-access-actions-button i, .btn-small.slplaner-col-navbar-button i, .slplaner-col-navbar-button.slplaner-two-col-collapsible-body-button-alt i, .slplaner-col-navbar-button.slplaner-two-col-collapsible-body-button-inactive i, .slplaner-col-navbar-button.slplaner-two-col-collapsible-body-button i, .slplaner-col-navbar-button.slplaner-access-actions-button i {
  line-height: 32.4px;
}
.btn-floating.halfway-fab, .halfway-fab.slplaner-col-navbar-button-inactive, .halfway-fab.slplaner-col-navbar-button {
  position: absolute;
  right: 24px;
  bottom: -20px;
}
.btn-floating.halfway-fab.left, .halfway-fab.left.slplaner-col-navbar-button-inactive, .halfway-fab.left.slplaner-col-navbar-button {
  right: auto;
  left: 24px;
}
.btn-floating i, .slplaner-col-navbar-button-inactive i, .slplaner-col-navbar-button i {
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  line-height: 40px;
}

button.btn-floating, button.slplaner-col-navbar-button-inactive, button.slplaner-col-navbar-button {
  border: none;
}

.fixed-action-btn {
  position: fixed;
  right: 23px;
  bottom: 23px;
  padding-top: 15px;
  margin-bottom: 0;
  z-index: 997;
}
.fixed-action-btn.active ul {
  visibility: visible;
}
.fixed-action-btn.direction-left, .fixed-action-btn.direction-right {
  padding: 0 0 0 15px;
}
.fixed-action-btn.direction-left ul, .fixed-action-btn.direction-right ul {
  text-align: right;
  right: 64px;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  left: auto;
  /*width 100% only goes to width of button container */
  width: 500px;
}
.fixed-action-btn.direction-left ul li, .fixed-action-btn.direction-right ul li {
  display: inline-block;
  margin: 7.5px 15px 0 0;
}
.fixed-action-btn.direction-right {
  padding: 0 15px 0 0;
}
.fixed-action-btn.direction-right ul {
  text-align: left;
  direction: rtl;
  left: 64px;
  right: auto;
}
.fixed-action-btn.direction-right ul li {
  margin: 7.5px 0 0 15px;
}
.fixed-action-btn.direction-bottom {
  padding: 0 0 15px 0;
}
.fixed-action-btn.direction-bottom ul {
  top: 64px;
  bottom: auto;
  display: flex;
  flex-direction: column-reverse;
}
.fixed-action-btn.direction-bottom ul li {
  margin: 15px 0 0 0;
}
.fixed-action-btn.toolbar {
  padding: 0;
  height: 56px;
}
.fixed-action-btn.toolbar.active > a i {
  opacity: 0;
}
.fixed-action-btn.toolbar ul {
  display: flex;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.fixed-action-btn.toolbar ul li {
  flex: 1;
  display: inline-block;
  margin: 0;
  height: 100%;
  transition: none;
}
.fixed-action-btn.toolbar ul li a {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: transparent;
  box-shadow: none;
  color: #fff;
  line-height: 56px;
  z-index: 1;
}
.fixed-action-btn.toolbar ul li a i {
  line-height: inherit;
}
.fixed-action-btn ul {
  left: 0;
  right: 0;
  text-align: center;
  position: absolute;
  bottom: 64px;
  margin: 0;
  visibility: hidden;
}
.fixed-action-btn ul li {
  margin-bottom: 15px;
}
.fixed-action-btn ul a.btn-floating, .fixed-action-btn ul a.slplaner-col-navbar-button-inactive, .fixed-action-btn ul a.slplaner-col-navbar-button {
  opacity: 0;
}
.fixed-action-btn .fab-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 40px;
  height: 40px;
  background-color: #566067;
  border-radius: 50%;
  transform: scale(0);
}

.btn-flat, .slplaner-two-col-collapsible-body-button-alt, .slplaner-two-col-collapsible-body-button-inactive, .slplaner-two-col-collapsible-body-button, .slplaner-date-nav-button-inactive, .slplaner-date-nav-button, .slplaner-access-actions-button, .slplaner-dates-button, .slplaner-col-navbar-button-inactive, .slplaner-col-navbar-button {
  box-shadow: none;
  background-color: transparent;
  color: #343434;
  cursor: pointer;
  transition: background-color 0.2s;
}
.btn-flat:focus, .slplaner-two-col-collapsible-body-button-alt:focus, .slplaner-two-col-collapsible-body-button-inactive:focus, .slplaner-two-col-collapsible-body-button:focus, .slplaner-date-nav-button-inactive:focus, .slplaner-date-nav-button:focus, .slplaner-access-actions-button:focus, .slplaner-dates-button:focus, .slplaner-col-navbar-button-inactive:focus, .slplaner-col-navbar-button:focus, .btn-flat:hover, .slplaner-two-col-collapsible-body-button-alt:hover, .slplaner-two-col-collapsible-body-button-inactive:hover, .slplaner-two-col-collapsible-body-button:hover, .slplaner-date-nav-button-inactive:hover, .slplaner-date-nav-button:hover, .slplaner-access-actions-button:hover, .slplaner-dates-button:hover, .slplaner-col-navbar-button-inactive:hover, .slplaner-col-navbar-button:hover {
  box-shadow: none;
}
.btn-flat:focus, .slplaner-two-col-collapsible-body-button-alt:focus, .slplaner-two-col-collapsible-body-button-inactive:focus, .slplaner-two-col-collapsible-body-button:focus, .slplaner-date-nav-button-inactive:focus, .slplaner-date-nav-button:focus, .slplaner-access-actions-button:focus, .slplaner-dates-button:focus, .slplaner-col-navbar-button-inactive:focus, .slplaner-col-navbar-button:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
.btn-flat.disabled, .disabled.slplaner-two-col-collapsible-body-button-alt, .disabled.slplaner-two-col-collapsible-body-button-inactive, .disabled.slplaner-two-col-collapsible-body-button, .disabled.slplaner-date-nav-button-inactive, .disabled.slplaner-date-nav-button, .disabled.slplaner-access-actions-button, .disabled.slplaner-dates-button, .disabled.slplaner-col-navbar-button-inactive, .disabled.slplaner-col-navbar-button, .btn-flat.btn-flat[disabled], [disabled].slplaner-two-col-collapsible-body-button-alt, [disabled].slplaner-two-col-collapsible-body-button-inactive, [disabled].slplaner-two-col-collapsible-body-button, [disabled].slplaner-date-nav-button-inactive, [disabled].slplaner-date-nav-button, [disabled].slplaner-access-actions-button, [disabled].slplaner-dates-button, [disabled].slplaner-col-navbar-button-inactive, [disabled].slplaner-col-navbar-button {
  background-color: transparent !important;
  color: rgb(178.5, 178.5, 178.5) !important;
  cursor: default;
}

.btn-large {
  height: 54px;
  line-height: 54px;
  font-size: 15px;
  padding: 0 28px;
}
.btn-large i {
  font-size: 1.6rem;
}

.btn-small, .slplaner-two-col-collapsible-body-button-alt, .slplaner-two-col-collapsible-body-button-inactive, .slplaner-two-col-collapsible-body-button, .slplaner-access-actions-button {
  height: 32.4px;
  line-height: 32.4px;
  font-size: 13px;
}
.btn-small i, .slplaner-two-col-collapsible-body-button-alt i, .slplaner-two-col-collapsible-body-button-inactive i, .slplaner-two-col-collapsible-body-button i, .slplaner-access-actions-button i {
  font-size: 1.2rem;
}

.btn-block {
  display: block;
}

.dropdown-content {
  background-color: #fff;
  margin: 0;
  display: none;
  min-width: 100px;
  overflow-y: auto;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  transform-origin: 0 0;
}
.dropdown-content:focus {
  outline: 0;
}
.dropdown-content li {
  clear: both;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  min-height: 50px;
  line-height: 1.5rem;
  width: 100%;
  text-align: left;
}
.dropdown-content li:hover, .dropdown-content li.active {
  background-color: #eee;
}
.dropdown-content li:focus {
  outline: none;
}
.dropdown-content li.divider {
  min-height: 0;
  height: 1px;
}
.dropdown-content li > a, .dropdown-content li > span {
  font-size: 16px;
  color: #566067;
  display: block;
  line-height: 22px;
  padding: 14px 16px;
}
.dropdown-content li > span > label {
  top: 1px;
  left: 0;
  height: 18px;
}
.dropdown-content li > a > i {
  height: inherit;
  line-height: inherit;
  float: left;
  margin: 0 24px 0 0;
  width: 24px;
}

body.keyboard-focused .dropdown-content li:focus {
  background-color: rgb(217.6, 217.6, 217.6);
}

.input-field.col .dropdown-content [type=checkbox] + label {
  top: 1px;
  left: 0;
  height: 18px;
  transform: none;
}

.dropdown-trigger {
  cursor: pointer;
}

/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect, .slplaner-two-col-collapsible-body-button-alt, .slplaner-two-col-collapsible-body-button, .slplaner-access-actions-button, .slplaner-col-navbar-button-inactive, .slplaner-col-navbar-button {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  transition: 0.3s ease-out;
}
.waves-effect .waves-ripple, .slplaner-two-col-collapsible-body-button-alt .waves-ripple, .slplaner-two-col-collapsible-body-button .waves-ripple, .slplaner-access-actions-button .waves-ripple, .slplaner-col-navbar-button-inactive .waves-ripple, .slplaner-col-navbar-button .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.7s ease-out;
  transition-property: transform, opacity;
  transform: scale(0);
  pointer-events: none;
}
.waves-effect.waves-light .waves-ripple, .slplaner-two-col-collapsible-body-button-alt .waves-ripple, .slplaner-two-col-collapsible-body-button .waves-ripple, .slplaner-access-actions-button .waves-ripple, .slplaner-col-navbar-button-inactive .waves-ripple, .slplaner-col-navbar-button .waves-ripple {
  background-color: rgba(255, 255, 255, 0.45);
}
.waves-effect.waves-red .waves-ripple, .waves-red.slplaner-two-col-collapsible-body-button-alt .waves-ripple, .waves-red.slplaner-two-col-collapsible-body-button .waves-ripple, .waves-red.slplaner-access-actions-button .waves-ripple, .waves-red.slplaner-col-navbar-button-inactive .waves-ripple, .waves-red.slplaner-col-navbar-button .waves-ripple {
  background-color: rgba(244, 67, 54, 0.7);
}
.waves-effect.waves-yellow .waves-ripple, .waves-yellow.slplaner-two-col-collapsible-body-button-alt .waves-ripple, .waves-yellow.slplaner-two-col-collapsible-body-button .waves-ripple, .waves-yellow.slplaner-access-actions-button .waves-ripple, .waves-yellow.slplaner-col-navbar-button-inactive .waves-ripple, .waves-yellow.slplaner-col-navbar-button .waves-ripple {
  background-color: rgba(255, 235, 59, 0.7);
}
.waves-effect.waves-orange .waves-ripple, .waves-orange.slplaner-two-col-collapsible-body-button-alt .waves-ripple, .waves-orange.slplaner-two-col-collapsible-body-button .waves-ripple, .waves-orange.slplaner-access-actions-button .waves-ripple, .waves-orange.slplaner-col-navbar-button-inactive .waves-ripple, .waves-orange.slplaner-col-navbar-button .waves-ripple {
  background-color: rgba(255, 152, 0, 0.7);
}
.waves-effect.waves-purple .waves-ripple, .waves-purple.slplaner-two-col-collapsible-body-button-alt .waves-ripple, .waves-purple.slplaner-two-col-collapsible-body-button .waves-ripple, .waves-purple.slplaner-access-actions-button .waves-ripple, .waves-purple.slplaner-col-navbar-button-inactive .waves-ripple, .waves-purple.slplaner-col-navbar-button .waves-ripple {
  background-color: rgba(156, 39, 176, 0.7);
}
.waves-effect.waves-green .waves-ripple, .waves-green.slplaner-two-col-collapsible-body-button-alt .waves-ripple, .waves-green.slplaner-two-col-collapsible-body-button .waves-ripple, .waves-green.slplaner-access-actions-button .waves-ripple, .waves-green.slplaner-col-navbar-button-inactive .waves-ripple, .waves-green.slplaner-col-navbar-button .waves-ripple {
  background-color: rgba(76, 175, 80, 0.7);
}
.waves-effect.waves-teal .waves-ripple, .waves-teal.slplaner-two-col-collapsible-body-button-alt .waves-ripple, .waves-teal.slplaner-two-col-collapsible-body-button .waves-ripple, .waves-teal.slplaner-access-actions-button .waves-ripple, .waves-teal.slplaner-col-navbar-button-inactive .waves-ripple, .waves-teal.slplaner-col-navbar-button .waves-ripple {
  background-color: rgba(0, 150, 136, 0.7);
}
.waves-effect input[type=button], .slplaner-two-col-collapsible-body-button-alt input[type=button], .slplaner-two-col-collapsible-body-button input[type=button], .slplaner-access-actions-button input[type=button], .slplaner-col-navbar-button-inactive input[type=button], .slplaner-col-navbar-button input[type=button], .waves-effect input[type=reset], .slplaner-two-col-collapsible-body-button-alt input[type=reset], .slplaner-two-col-collapsible-body-button input[type=reset], .slplaner-access-actions-button input[type=reset], .slplaner-col-navbar-button-inactive input[type=reset], .slplaner-col-navbar-button input[type=reset], .waves-effect input[type=submit], .slplaner-two-col-collapsible-body-button-alt input[type=submit], .slplaner-two-col-collapsible-body-button input[type=submit], .slplaner-access-actions-button input[type=submit], .slplaner-col-navbar-button-inactive input[type=submit], .slplaner-col-navbar-button input[type=submit] {
  border: 0;
  font-style: normal;
  font-size: inherit;
  text-transform: inherit;
  background: none;
}
.waves-effect img, .slplaner-two-col-collapsible-body-button-alt img, .slplaner-two-col-collapsible-body-button img, .slplaner-access-actions-button img, .slplaner-col-navbar-button-inactive img, .slplaner-col-navbar-button img {
  position: relative;
  z-index: -1;
}

.waves-notransition {
  transition: none !important;
}

.waves-circle {
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}
.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
  -webkit-mask-image: none;
}

.waves-block {
  display: block;
}

/* Firefox Bug: link not triggered */
.waves-effect .waves-ripple, .slplaner-two-col-collapsible-body-button-alt .waves-ripple, .slplaner-two-col-collapsible-body-button .waves-ripple, .slplaner-access-actions-button .waves-ripple, .slplaner-col-navbar-button-inactive .waves-ripple, .slplaner-col-navbar-button .waves-ripple {
  z-index: -1;
}

.modal {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #fafafa;
  padding: 0;
  max-height: 70%;
  width: 55%;
  margin: auto;
  overflow-y: auto;
  border-radius: 2px;
  will-change: top, opacity;
}
.modal:focus {
  outline: none;
}
@media only screen and (max-width : 992px) {
  .modal {
    width: 80%;
  }
}
.modal h1, .modal h2, .modal h3, .modal h4 {
  margin-top: 0;
}
.modal .modal-content {
  padding: 24px;
}
.modal .modal-close {
  cursor: pointer;
}
.modal .modal-footer {
  border-radius: 0 0 2px 2px;
  background-color: #fafafa;
  padding: 4px 6px;
  height: 56px;
  width: 100%;
  text-align: right;
}
.modal .modal-footer .btn, .modal .modal-footer .submit-in-dropdown-btn, .modal .modal-footer .slplaner-date-nav-button-inactive, .modal .modal-footer .slplaner-date-nav-button, .modal .modal-footer .slplaner-dates-button, .modal .modal-footer .btn-large, .modal .modal-footer .btn-small, .modal .modal-footer .slplaner-two-col-collapsible-body-button-alt, .modal .modal-footer .slplaner-two-col-collapsible-body-button-inactive, .modal .modal-footer .slplaner-two-col-collapsible-body-button, .modal .modal-footer .slplaner-access-actions-button, .modal .modal-footer .btn-flat, .modal .modal-footer .slplaner-col-navbar-button-inactive, .modal .modal-footer .slplaner-col-navbar-button {
  margin: 6px 0;
}

.modal-overlay {
  position: fixed;
  z-index: 999;
  top: -25%;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background: #000;
  display: none;
  will-change: opacity;
}

.modal.modal-fixed-footer {
  padding: 0;
  height: 70%;
}
.modal.modal-fixed-footer .modal-content {
  position: absolute;
  height: calc(100% - 56px);
  max-height: 100%;
  width: 100%;
  overflow-y: auto;
}
.modal.modal-fixed-footer .modal-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
}

.modal.bottom-sheet {
  top: auto;
  bottom: -100%;
  margin: 0;
  width: 100%;
  max-height: 45%;
  border-radius: 0;
  will-change: bottom, opacity;
}

.collapsible {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin: 0.5rem 0 1rem 0;
}

.collapsible-header {
  display: flex;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.5;
  padding: 1rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
.collapsible-header:focus {
  outline: 0;
}
.collapsible-header i {
  width: 2rem;
  font-size: 1.6rem;
  display: inline-block;
  text-align: center;
  margin-right: 1rem;
}

.keyboard-focused .collapsible-header:focus {
  background-color: #eee;
}

.collapsible-body {
  display: none;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  padding: 2rem;
}

.sidenav .collapsible,
.sidenav.fixed .collapsible {
  border: none;
  box-shadow: none;
}
.sidenav .collapsible li,
.sidenav.fixed .collapsible li {
  padding: 0;
}
.sidenav .collapsible-header,
.sidenav.fixed .collapsible-header {
  background-color: transparent;
  border: none;
  line-height: inherit;
  height: inherit;
  padding: 0 16px;
}
.sidenav .collapsible-header:hover,
.sidenav.fixed .collapsible-header:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.sidenav .collapsible-header i,
.sidenav.fixed .collapsible-header i {
  line-height: inherit;
}
.sidenav .collapsible-body,
.sidenav.fixed .collapsible-body {
  border: 0;
  background-color: #fff;
}
.sidenav .collapsible-body li a,
.sidenav.fixed .collapsible-body li a {
  padding: 0 23.5px 0 31px;
}

.collapsible.popout {
  border: none;
  box-shadow: none;
}
.collapsible.popout > li {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  margin: 0 24px;
  transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.collapsible.popout > li.active {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  margin: 16px 0;
}

.chip {
  display: inline-block;
  height: 32px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  line-height: 32px;
  padding: 0 12px;
  border-radius: 16px;
  background-color: #e4e4e4;
  margin-bottom: 5px;
  margin-right: 5px;
}
.chip:focus {
  outline: none;
  background-color: #26a69a;
  color: #fff;
}
.chip > img {
  float: left;
  margin: 0 8px 0 -12px;
  height: 32px;
  width: 32px;
  border-radius: 50%;
}
.chip .close {
  cursor: pointer;
  float: right;
  font-size: 16px;
  line-height: 32px;
  padding-left: 8px;
}

.chips {
  border: none;
  border-bottom: 1px solid #9e9e9e;
  box-shadow: none;
  margin: 0 0 8px 0;
  min-height: 45px;
  outline: none;
  transition: all 0.3s;
}
.chips.focus {
  border-bottom: 1px solid #26a69a;
  box-shadow: 0 1px 0 0 #26a69a;
}
.chips:hover {
  cursor: text;
}
.chips .input {
  background: none;
  border: 0;
  color: rgba(0, 0, 0, 0.6);
  display: inline-block;
  font-size: 16px;
  height: 3rem;
  line-height: 32px;
  outline: 0;
  margin: 0;
  padding: 0 !important;
  width: 120px !important;
}
.chips .input:focus {
  border: 0 !important;
  box-shadow: none !important;
}
.chips .autocomplete-content {
  margin-top: 0;
  margin-bottom: 0;
}

.prefix ~ .chips {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}

.chips:empty ~ label {
  font-size: 0.8rem;
  transform: translateY(-140%);
}

.materialboxed {
  display: block;
  cursor: zoom-in;
  position: relative;
  transition: opacity 0.4s;
  -webkit-backface-visibility: hidden;
}
.materialboxed:hover:not(.active) {
  opacity: 0.8;
}
.materialboxed.active {
  cursor: zoom-out;
}

#materialbox-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #292929;
  z-index: 1000;
  will-change: opacity;
}

.materialbox-caption {
  position: fixed;
  display: none;
  color: #fff;
  line-height: 50px;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 0% 15%;
  height: 50px;
  z-index: 1000;
  -webkit-font-smoothing: antialiased;
}

select:focus {
  outline: 1px solid rgb(210.6936507937, 214.9952380952, 218.0063492063);
}

button:focus {
  outline: none;
  background-color: rgb(95.2825396825, 106.3619047619, 114.1174603175);
}

label {
  font-size: 0.8rem;
  color: #9e9e9e;
}

/* Text Inputs + Textarea
   ========================================================================== */
/* Style Placeholders */
::placeholder {
  color: #d1d1d1;
}

/* Text inputs */
input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  border-radius: 0;
  outline: none;
  height: 3rem;
  width: 100%;
  font-size: 16px;
  margin: 0 0 8px 0;
  padding: 0;
  box-shadow: none;
  box-sizing: content-box;
  transition: box-shadow 0.3s, border 0.3s;
}
input:not([type]):disabled, input:not([type])[readonly=readonly],
input[type=text]:not(.browser-default):disabled,
input[type=text]:not(.browser-default)[readonly=readonly],
input[type=password]:not(.browser-default):disabled,
input[type=password]:not(.browser-default)[readonly=readonly],
input[type=email]:not(.browser-default):disabled,
input[type=email]:not(.browser-default)[readonly=readonly],
input[type=url]:not(.browser-default):disabled,
input[type=url]:not(.browser-default)[readonly=readonly],
input[type=time]:not(.browser-default):disabled,
input[type=time]:not(.browser-default)[readonly=readonly],
input[type=date]:not(.browser-default):disabled,
input[type=date]:not(.browser-default)[readonly=readonly],
input[type=datetime]:not(.browser-default):disabled,
input[type=datetime]:not(.browser-default)[readonly=readonly],
input[type=datetime-local]:not(.browser-default):disabled,
input[type=datetime-local]:not(.browser-default)[readonly=readonly],
input[type=tel]:not(.browser-default):disabled,
input[type=tel]:not(.browser-default)[readonly=readonly],
input[type=number]:not(.browser-default):disabled,
input[type=number]:not(.browser-default)[readonly=readonly],
input[type=search]:not(.browser-default):disabled,
input[type=search]:not(.browser-default)[readonly=readonly],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly=readonly] {
  color: rgba(0, 0, 0, 0.42);
  border-bottom: 1px dotted rgba(0, 0, 0, 0.42);
}
input:not([type]):disabled + label, input:not([type])[readonly=readonly] + label,
input[type=text]:not(.browser-default):disabled + label,
input[type=text]:not(.browser-default)[readonly=readonly] + label,
input[type=password]:not(.browser-default):disabled + label,
input[type=password]:not(.browser-default)[readonly=readonly] + label,
input[type=email]:not(.browser-default):disabled + label,
input[type=email]:not(.browser-default)[readonly=readonly] + label,
input[type=url]:not(.browser-default):disabled + label,
input[type=url]:not(.browser-default)[readonly=readonly] + label,
input[type=time]:not(.browser-default):disabled + label,
input[type=time]:not(.browser-default)[readonly=readonly] + label,
input[type=date]:not(.browser-default):disabled + label,
input[type=date]:not(.browser-default)[readonly=readonly] + label,
input[type=datetime]:not(.browser-default):disabled + label,
input[type=datetime]:not(.browser-default)[readonly=readonly] + label,
input[type=datetime-local]:not(.browser-default):disabled + label,
input[type=datetime-local]:not(.browser-default)[readonly=readonly] + label,
input[type=tel]:not(.browser-default):disabled + label,
input[type=tel]:not(.browser-default)[readonly=readonly] + label,
input[type=number]:not(.browser-default):disabled + label,
input[type=number]:not(.browser-default)[readonly=readonly] + label,
input[type=search]:not(.browser-default):disabled + label,
input[type=search]:not(.browser-default)[readonly=readonly] + label,
textarea.materialize-textarea:disabled + label,
textarea.materialize-textarea[readonly=readonly] + label {
  color: rgba(0, 0, 0, 0.42);
}
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #566067;
  box-shadow: 0 1px 0 0 #566067;
}
input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #566067;
}
input:not([type]):focus.valid ~ label,
input[type=text]:not(.browser-default):focus.valid ~ label,
input[type=password]:not(.browser-default):focus.valid ~ label,
input[type=email]:not(.browser-default):focus.valid ~ label,
input[type=url]:not(.browser-default):focus.valid ~ label,
input[type=time]:not(.browser-default):focus.valid ~ label,
input[type=date]:not(.browser-default):focus.valid ~ label,
input[type=datetime]:not(.browser-default):focus.valid ~ label,
input[type=datetime-local]:not(.browser-default):focus.valid ~ label,
input[type=tel]:not(.browser-default):focus.valid ~ label,
input[type=number]:not(.browser-default):focus.valid ~ label,
input[type=search]:not(.browser-default):focus.valid ~ label,
textarea.materialize-textarea:focus.valid ~ label {
  color: #4CAF50;
}
input:not([type]):focus.invalid ~ label,
input[type=text]:not(.browser-default):focus.invalid ~ label,
input[type=password]:not(.browser-default):focus.invalid ~ label,
input[type=email]:not(.browser-default):focus.invalid ~ label,
input[type=url]:not(.browser-default):focus.invalid ~ label,
input[type=time]:not(.browser-default):focus.invalid ~ label,
input[type=date]:not(.browser-default):focus.invalid ~ label,
input[type=datetime]:not(.browser-default):focus.invalid ~ label,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ label,
input[type=tel]:not(.browser-default):focus.invalid ~ label,
input[type=number]:not(.browser-default):focus.invalid ~ label,
input[type=search]:not(.browser-default):focus.invalid ~ label,
textarea.materialize-textarea:focus.invalid ~ label {
  color: #F44336;
}
input:not([type]).validate + label,
input[type=text]:not(.browser-default).validate + label,
input[type=password]:not(.browser-default).validate + label,
input[type=email]:not(.browser-default).validate + label,
input[type=url]:not(.browser-default).validate + label,
input[type=time]:not(.browser-default).validate + label,
input[type=date]:not(.browser-default).validate + label,
input[type=datetime]:not(.browser-default).validate + label,
input[type=datetime-local]:not(.browser-default).validate + label,
input[type=tel]:not(.browser-default).validate + label,
input[type=number]:not(.browser-default).validate + label,
input[type=search]:not(.browser-default).validate + label,
textarea.materialize-textarea.validate + label {
  width: 100%;
}
/* Validation Sass Placeholders */
.select-wrapper.valid > input.select-dropdown, input:not([type]).valid, input:not([type]):focus.valid,
input[type=text]:not(.browser-default).valid,
input[type=text]:not(.browser-default):focus.valid,
input[type=password]:not(.browser-default).valid,
input[type=password]:not(.browser-default):focus.valid,
input[type=email]:not(.browser-default).valid,
input[type=email]:not(.browser-default):focus.valid,
input[type=url]:not(.browser-default).valid,
input[type=url]:not(.browser-default):focus.valid,
input[type=time]:not(.browser-default).valid,
input[type=time]:not(.browser-default):focus.valid,
input[type=date]:not(.browser-default).valid,
input[type=date]:not(.browser-default):focus.valid,
input[type=datetime]:not(.browser-default).valid,
input[type=datetime]:not(.browser-default):focus.valid,
input[type=datetime-local]:not(.browser-default).valid,
input[type=datetime-local]:not(.browser-default):focus.valid,
input[type=tel]:not(.browser-default).valid,
input[type=tel]:not(.browser-default):focus.valid,
input[type=number]:not(.browser-default).valid,
input[type=number]:not(.browser-default):focus.valid,
input[type=search]:not(.browser-default).valid,
input[type=search]:not(.browser-default):focus.valid,
textarea.materialize-textarea.valid,
textarea.materialize-textarea:focus.valid {
  border-bottom: 1px solid #4CAF50;
  box-shadow: 0 1px 0 0 #4CAF50;
}

.select-wrapper.invalid > input.select-dropdown, .select-wrapper.invalid > input.select-dropdown:focus, input:not([type]).invalid, input:not([type]):focus.invalid,
input[type=text]:not(.browser-default).invalid,
input[type=text]:not(.browser-default):focus.invalid,
input[type=password]:not(.browser-default).invalid,
input[type=password]:not(.browser-default):focus.invalid,
input[type=email]:not(.browser-default).invalid,
input[type=email]:not(.browser-default):focus.invalid,
input[type=url]:not(.browser-default).invalid,
input[type=url]:not(.browser-default):focus.invalid,
input[type=time]:not(.browser-default).invalid,
input[type=time]:not(.browser-default):focus.invalid,
input[type=date]:not(.browser-default).invalid,
input[type=date]:not(.browser-default):focus.invalid,
input[type=datetime]:not(.browser-default).invalid,
input[type=datetime]:not(.browser-default):focus.invalid,
input[type=datetime-local]:not(.browser-default).invalid,
input[type=datetime-local]:not(.browser-default):focus.invalid,
input[type=tel]:not(.browser-default).invalid,
input[type=tel]:not(.browser-default):focus.invalid,
input[type=number]:not(.browser-default).invalid,
input[type=number]:not(.browser-default):focus.invalid,
input[type=search]:not(.browser-default).invalid,
input[type=search]:not(.browser-default):focus.invalid,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea:focus.invalid {
  border-bottom: 1px solid #F44336;
  box-shadow: 0 1px 0 0 #F44336;
}

.select-wrapper.valid .helper-text[data-success], .select-wrapper.invalid ~ .helper-text[data-error], input:not([type]).valid ~ .helper-text[data-success], input:not([type]):focus.valid ~ .helper-text[data-success], input:not([type]).invalid ~ .helper-text[data-error], input:not([type]):focus.invalid ~ .helper-text[data-error],
input[type=text]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=text]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=text]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=password]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=password]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=password]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=password]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=email]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=email]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=email]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=email]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=url]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=url]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=url]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=url]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=time]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=time]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=time]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=time]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=date]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=date]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=date]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=date]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=datetime]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=datetime]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=datetime-local]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=tel]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=tel]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=tel]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=number]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=number]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=number]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=number]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=search]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=search]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=search]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=search]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
textarea.materialize-textarea.valid ~ .helper-text[data-success],
textarea.materialize-textarea:focus.valid ~ .helper-text[data-success],
textarea.materialize-textarea.invalid ~ .helper-text[data-error],
textarea.materialize-textarea:focus.invalid ~ .helper-text[data-error] {
  color: transparent;
  user-select: none;
  pointer-events: none;
}

.select-wrapper.valid ~ .helper-text:after, input:not([type]).valid ~ .helper-text:after, input:not([type]):focus.valid ~ .helper-text:after,
input[type=text]:not(.browser-default).valid ~ .helper-text:after,
input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=password]:not(.browser-default).valid ~ .helper-text:after,
input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=email]:not(.browser-default).valid ~ .helper-text:after,
input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=url]:not(.browser-default).valid ~ .helper-text:after,
input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=time]:not(.browser-default).valid ~ .helper-text:after,
input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=date]:not(.browser-default).valid ~ .helper-text:after,
input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=datetime]:not(.browser-default).valid ~ .helper-text:after,
input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=tel]:not(.browser-default).valid ~ .helper-text:after,
input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=number]:not(.browser-default).valid ~ .helper-text:after,
input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=search]:not(.browser-default).valid ~ .helper-text:after,
input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after,
textarea.materialize-textarea.valid ~ .helper-text:after,
textarea.materialize-textarea:focus.valid ~ .helper-text:after {
  content: attr(data-success);
  color: #4CAF50;
}

.select-wrapper.invalid ~ .helper-text:after, input:not([type]).invalid ~ .helper-text:after, input:not([type]):focus.invalid ~ .helper-text:after,
input[type=text]:not(.browser-default).invalid ~ .helper-text:after,
input[type=text]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=password]:not(.browser-default).invalid ~ .helper-text:after,
input[type=password]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=email]:not(.browser-default).invalid ~ .helper-text:after,
input[type=email]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=url]:not(.browser-default).invalid ~ .helper-text:after,
input[type=url]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=time]:not(.browser-default).invalid ~ .helper-text:after,
input[type=time]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=date]:not(.browser-default).invalid ~ .helper-text:after,
input[type=date]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=datetime]:not(.browser-default).invalid ~ .helper-text:after,
input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=tel]:not(.browser-default).invalid ~ .helper-text:after,
input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=number]:not(.browser-default).invalid ~ .helper-text:after,
input[type=number]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=search]:not(.browser-default).invalid ~ .helper-text:after,
input[type=search]:not(.browser-default):focus.invalid ~ .helper-text:after,
textarea.materialize-textarea.invalid ~ .helper-text:after,
textarea.materialize-textarea:focus.invalid ~ .helper-text:after {
  content: attr(data-error);
  color: #F44336;
}

.select-wrapper + label:after, input:not([type]) + label:after,
input[type=text]:not(.browser-default) + label:after,
input[type=password]:not(.browser-default) + label:after,
input[type=email]:not(.browser-default) + label:after,
input[type=url]:not(.browser-default) + label:after,
input[type=time]:not(.browser-default) + label:after,
input[type=date]:not(.browser-default) + label:after,
input[type=datetime]:not(.browser-default) + label:after,
input[type=datetime-local]:not(.browser-default) + label:after,
input[type=tel]:not(.browser-default) + label:after,
input[type=number]:not(.browser-default) + label:after,
input[type=search]:not(.browser-default) + label:after,
textarea.materialize-textarea + label:after {
  display: block;
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  transition: 0.2s opacity ease-out, 0.2s color ease-out;
}

.input-field {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.input-field.inline {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.input-field.inline input,
.input-field.inline .select-dropdown {
  margin-bottom: 1rem;
}
.input-field.col label {
  left: 0.75rem;
}
.input-field.col .prefix ~ label,
.input-field.col .prefix ~ .validate ~ label {
  width: calc(100% - 3rem - 1.5rem);
}
.input-field > label {
  color: #9e9e9e;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1rem;
  cursor: text;
  transition: transform 0.2s ease-out, color 0.2s ease-out;
  transform-origin: 0% 100%;
  text-align: initial;
  transform: translateY(12px);
}
.input-field > label:not(.label-icon).active {
  transform: translateY(-14px) scale(0.8);
  transform-origin: 0 0;
}
.input-field > input[type]:-webkit-autofill:not(.browser-default):not([type=search]) + label, .input-field > input[type=date]:not(.browser-default) + label, .input-field > input[type=time]:not(.browser-default) + label {
  transform: translateY(-14px) scale(0.8);
  transform-origin: 0 0;
}
.input-field .helper-text {
  position: relative;
  min-height: 18px;
  display: block;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
}
.input-field .helper-text::after {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
}
.input-field .prefix {
  position: absolute;
  width: 3rem;
  font-size: 2rem;
  transition: color 0.2s;
  top: 0.5rem;
}
.input-field .prefix.active {
  color: #566067;
}
.input-field .prefix ~ input,
.input-field .prefix ~ textarea,
.input-field .prefix ~ label,
.input-field .prefix ~ .validate ~ label,
.input-field .prefix ~ .helper-text,
.input-field .prefix ~ .autocomplete-content {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}
.input-field .prefix ~ label {
  margin-left: 3rem;
}
@media only screen and (max-width : 992px) {
  .input-field .prefix ~ input {
    width: 86%;
    width: calc(100% - 3rem);
  }
}
@media only screen and (max-width : 600px) {
  .input-field .prefix ~ input {
    width: 80%;
    width: calc(100% - 3rem);
  }
}

/* Search Field */
.input-field input[type=search] {
  display: block;
  line-height: inherit;
  transition: 0.3s background-color;
}
.nav-wrapper .input-field input[type=search] {
  height: inherit;
  padding-left: 4rem;
  width: calc(100% - 4rem);
  border: 0;
  box-shadow: none;
}
.input-field input[type=search]:focus:not(.browser-default) {
  background-color: #fff;
  border: 0;
  box-shadow: none;
  color: #444;
}
.input-field input[type=search]:focus:not(.browser-default) + label i, .input-field input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close, .input-field input[type=search]:focus:not(.browser-default) ~ .material-icons {
  color: #444;
}
.input-field input[type=search] + .label-icon {
  transform: none;
  left: 1rem;
}
.input-field input[type=search] ~ .mdi-navigation-close, .input-field input[type=search] ~ .material-icons {
  position: absolute;
  top: 0;
  right: 1rem;
  color: transparent;
  cursor: pointer;
  font-size: 2rem;
  transition: 0.3s color;
}

/* Textarea */
textarea {
  width: 100%;
  height: 3rem;
  background-color: transparent;
}
textarea.materialize-textarea {
  line-height: normal;
  overflow-y: hidden; /* prevents scroll bar flash */
  padding: 0.8rem 0 0.8rem 0; /* prevents text jump on Enter keypress */
  resize: none;
  min-height: 3rem;
  box-sizing: border-box;
}

.hiddendiv {
  visibility: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */
  padding-top: 1.2rem; /* prevents text jump on Enter keypress */
  position: absolute;
  top: 0;
  z-index: -1;
}

/* Autocomplete */
.autocomplete-content li .highlight, .autocomplete-content li .slplaner-table {
  color: #444;
}
.autocomplete-content li img {
  height: 40px;
  width: 40px;
  margin: 5px 15px;
}

/* Character Counter */
.character-counter {
  min-height: 18px;
}

/* Radio Buttons
   ========================================================================== */
[type=radio]:not(:checked),
[type=radio]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

[type=radio]:not(:checked) + span,
[type=radio]:checked + span {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  transition: 0.28s ease;
  user-select: none;
}

[type=radio] + span:before,
[type=radio] + span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 16px;
  height: 16px;
  z-index: 0;
  transition: 0.28s ease;
}

/* Unchecked styles */
[type=radio]:not(:checked) + span:before,
[type=radio]:not(:checked) + span:after,
[type=radio]:checked + span:before,
[type=radio]:checked + span:after,
[type=radio].with-gap:checked + span:before,
[type=radio].with-gap:checked + span:after {
  border-radius: 50%;
}

[type=radio]:not(:checked) + span:before,
[type=radio]:not(:checked) + span:after {
  border: 2px solid #5a5a5a;
}

[type=radio]:not(:checked) + span:after {
  transform: scale(0);
}

/* Checked styles */
[type=radio]:checked + span:before {
  border: 2px solid transparent;
}

[type=radio]:checked + span:after,
[type=radio].with-gap:checked + span:before,
[type=radio].with-gap:checked + span:after {
  border: 2px solid #566067;
}

[type=radio]:checked + span:after,
[type=radio].with-gap:checked + span:after {
  background-color: #566067;
}

[type=radio]:checked + span:after {
  transform: scale(1.02);
}

/* Radio With gap */
[type=radio].with-gap:checked + span:after {
  transform: scale(0.5);
}

/* Focused styles */
[type=radio].tabbed:focus + span:before {
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Disabled Radio With gap */
[type=radio].with-gap:disabled:checked + span:before {
  border: 2px solid rgba(0, 0, 0, 0.42);
}

[type=radio].with-gap:disabled:checked + span:after {
  border: none;
  background-color: rgba(0, 0, 0, 0.42);
}

/* Disabled style */
[type=radio]:disabled:not(:checked) + span:before,
[type=radio]:disabled:checked + span:before {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.42);
}

[type=radio]:disabled + span {
  color: rgba(0, 0, 0, 0.42);
}

[type=radio]:disabled:not(:checked) + span:before {
  border-color: rgba(0, 0, 0, 0.42);
}

[type=radio]:disabled:checked + span:after {
  background-color: rgba(0, 0, 0, 0.42);
  border-color: #949494;
}

/* Checkboxes
   ========================================================================== */
/* Remove default checkbox */
[type=checkbox]:not(:checked),
[type=checkbox]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

[type=checkbox] {
  /* checkbox aspect */
}
[type=checkbox] + span:not(.lever) {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  user-select: none;
}
[type=checkbox] + span:not(.lever):before, [type=checkbox]:not(.filled-in) + span:not(.lever):after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 3px;
  transition: 0.2s;
}
[type=checkbox]:not(.filled-in) + span:not(.lever):after {
  border: 0;
  transform: scale(0);
}
[type=checkbox]:not(:checked):disabled + span:not(.lever):before {
  border: none;
  background-color: rgba(0, 0, 0, 0.42);
}
[type=checkbox].tabbed:focus + span:not(.lever):after {
  transform: scale(1);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
}

[type=checkbox]:checked + span:not(.lever):before {
  top: -4px;
  left: -5px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #566067;
  border-bottom: 2px solid #566067;
  transform: rotate(40deg);
  backface-visibility: hidden;
  transform-origin: 100% 100%;
}
[type=checkbox]:checked:disabled + span:before {
  border-right: 2px solid rgba(0, 0, 0, 0.42);
  border-bottom: 2px solid rgba(0, 0, 0, 0.42);
}

/* Indeterminate checkbox */
[type=checkbox]:indeterminate + span:not(.lever):before {
  top: -11px;
  left: -12px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #566067;
  border-bottom: none;
  transform: rotate(90deg);
  backface-visibility: hidden;
  transform-origin: 100% 100%;
}
[type=checkbox]:indeterminate:disabled + span:not(.lever):before {
  border-right: 2px solid rgba(0, 0, 0, 0.42);
  background-color: transparent;
}

[type=checkbox].filled-in + span:not(.lever):after {
  border-radius: 2px;
}
[type=checkbox].filled-in + span:not(.lever):before,
[type=checkbox].filled-in + span:not(.lever):after {
  content: "";
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
  z-index: 1;
}
[type=checkbox].filled-in:not(:checked) + span:not(.lever):before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%;
}
[type=checkbox].filled-in:not(:checked) + span:not(.lever):after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #5a5a5a;
  top: 0px;
  z-index: 0;
}
[type=checkbox].filled-in:checked + span:not(.lever):before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%;
}
[type=checkbox].filled-in:checked + span:not(.lever):after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #566067;
  background-color: #566067;
  z-index: 0;
}
[type=checkbox].filled-in.tabbed:focus + span:not(.lever):after {
  border-radius: 2px;
  border-color: #5a5a5a;
  background-color: rgba(0, 0, 0, 0.1);
}
[type=checkbox].filled-in.tabbed:checked:focus + span:not(.lever):after {
  border-radius: 2px;
  background-color: #566067;
  border-color: #566067;
}
[type=checkbox].filled-in:disabled:not(:checked) + span:not(.lever):before {
  background-color: transparent;
  border: 2px solid transparent;
}
[type=checkbox].filled-in:disabled:not(:checked) + span:not(.lever):after {
  border-color: transparent;
  background-color: #949494;
}
[type=checkbox].filled-in:disabled:checked + span:not(.lever):before {
  background-color: transparent;
}
[type=checkbox].filled-in:disabled:checked + span:not(.lever):after {
  background-color: #949494;
  border-color: #949494;
}

/* Switch
   ========================================================================== */
.switch,
.switch * {
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

.switch label {
  cursor: pointer;
}

.switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch label input[type=checkbox]:checked + .lever {
  background-color: rgb(158.25, 158.25, 158.25);
}
.switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after {
  left: 18px;
}
.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #566067;
}

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 36px;
  height: 14px;
  background-color: rgba(0, 0, 0, 0.38);
  border-radius: 15px;
  margin-right: 10px;
  transition: background 0.3s ease;
  vertical-align: middle;
  margin: 0 16px;
}
.switch label .lever:before, .switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  left: 0;
  top: -3px;
  transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease, transform 0.1s ease;
}
.switch label .lever:before {
  background-color: rgba(86, 96, 103, 0.15);
}
.switch label .lever:after {
  background-color: #F1F1F1;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
  transform: scale(2.4);
  background-color: rgba(86, 96, 103, 0.15);
}

input[type=checkbox]:not(:disabled) ~ .lever:active:before,
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
  transform: scale(2.4);
  background-color: rgba(0, 0, 0, 0.08);
}

.switch input[type=checkbox][disabled] + .lever {
  cursor: default;
  background-color: rgba(0, 0, 0, 0.12);
}

.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #949494;
}

/* Select Field
   ========================================================================== */
select {
  display: none;
}

select.browser-default {
  display: block;
}

select {
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  padding: 5px;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
  height: 3rem;
}

.select-label {
  position: absolute;
}

.select-wrapper {
  position: relative;
}
.select-wrapper.valid + label, .select-wrapper.invalid + label {
  width: 100%;
  pointer-events: none;
}
.select-wrapper input.select-dropdown {
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  outline: none;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  font-size: 16px;
  margin: 0 0 8px 0;
  padding: 0;
  display: block;
  user-select: none;
  z-index: 1;
}
.select-wrapper input.select-dropdown:focus {
  border-bottom: 1px solid #566067;
}
.select-wrapper .caret {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  z-index: 0;
  fill: rgba(0, 0, 0, 0.87);
}
.select-wrapper + label {
  position: absolute;
  top: -26px;
  font-size: 0.8rem;
}

select:disabled {
  color: rgba(0, 0, 0, 0.42);
}

.select-wrapper.disabled + label {
  color: rgba(0, 0, 0, 0.42);
}
.select-wrapper.disabled .caret {
  fill: rgba(0, 0, 0, 0.42);
}

.select-wrapper input.select-dropdown:disabled {
  color: rgba(0, 0, 0, 0.42);
  cursor: default;
  user-select: none;
}

.select-wrapper i {
  color: rgba(0, 0, 0, 0.3);
}

.select-dropdown li.disabled,
.select-dropdown li.disabled > span,
.select-dropdown li.optgroup {
  color: rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

body.keyboard-focused .select-dropdown.dropdown-content li:focus {
  background-color: rgba(0, 0, 0, 0.08);
}

.select-dropdown.dropdown-content li:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.select-dropdown.dropdown-content li.selected {
  background-color: rgba(0, 0, 0, 0.03);
}

.prefix ~ .select-wrapper {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}

.prefix ~ label {
  margin-left: 3rem;
}

.select-dropdown li img {
  height: 40px;
  width: 40px;
  margin: 5px 15px;
  float: right;
}

.select-dropdown li.optgroup {
  border-top: 1px solid #eee;
}
.select-dropdown li.optgroup.selected > span {
  color: rgba(0, 0, 0, 0.7);
}
.select-dropdown li.optgroup > span {
  color: rgba(0, 0, 0, 0.4);
}
.select-dropdown li.optgroup ~ li.optgroup-option {
  padding-left: 1rem;
}

/* File Input
   ========================================================================== */
.file-field {
  position: relative;
}
.file-field .file-path-wrapper {
  overflow: hidden;
  padding-left: 10px;
}
.file-field input.file-path {
  width: 100%;
}
.file-field .btn, .file-field .submit-in-dropdown-btn, .file-field .slplaner-date-nav-button-inactive, .file-field .slplaner-date-nav-button, .file-field .slplaner-dates-button, .file-field .btn-large, .file-field .btn-small, .file-field .slplaner-two-col-collapsible-body-button-alt, .file-field .slplaner-two-col-collapsible-body-button-inactive, .file-field .slplaner-two-col-collapsible-body-button, .file-field .slplaner-access-actions-button {
  float: left;
  height: 3rem;
  line-height: 3rem;
}
.file-field span {
  cursor: pointer;
}
.file-field input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.file-field input[type=file]::-webkit-file-upload-button {
  display: none;
}

/* Range
   ========================================================================== */
.range-field {
  position: relative;
}

input[type=range],
input[type=range] + .thumb {
  cursor: pointer;
}

input[type=range] {
  position: relative;
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
  margin: 15px 0;
  padding: 0;
}
input[type=range]:focus {
  outline: none;
}

input[type=range] + .thumb {
  position: absolute;
  top: 10px;
  left: 0;
  border: none;
  height: 0;
  width: 0;
  border-radius: 50%;
  background-color: #566067;
  margin-left: 7px;
  transform-origin: 50% 50%;
  transform: rotate(-45deg);
}
input[type=range] + .thumb .value {
  display: block;
  width: 30px;
  text-align: center;
  color: #566067;
  font-size: 0;
  transform: rotate(45deg);
}
input[type=range] + .thumb.active {
  border-radius: 50% 50% 50% 0;
}
input[type=range] + .thumb.active .value {
  color: #fff;
  margin-left: -1px;
  margin-top: 8px;
  font-size: 10px;
}

input[type=range] {
  -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
  height: 3px;
  background: #c2c0c2;
  border: none;
}

input[type=range]::-webkit-slider-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #566067;
  transition: box-shadow 0.3s;
  -webkit-appearance: none;
  background-color: #566067;
  transform-origin: 50% 50%;
  margin: -5px 0 0 0;
}

.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb {
  box-shadow: 0 0 0 10px rgba(86, 96, 103, 0.26);
}

input[type=range] {
  /* fix for FF unable to apply focus style bug  */
  border: 1px solid white;
  /*required for proper track sizing in FF*/
}

input[type=range]::-moz-range-track {
  height: 3px;
  background: #c2c0c2;
  border: none;
}

input[type=range]::-moz-focus-inner {
  border: 0;
}

input[type=range]::-moz-range-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #566067;
  transition: box-shadow 0.3s;
  margin-top: -5px;
}

input[type=range]:-moz-focusring {
  outline: 1px solid #fff;
  outline-offset: -1px;
}

.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba(86, 96, 103, 0.26);
}

input[type=range]::-ms-track {
  height: 3px;
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #777;
}

input[type=range]::-ms-fill-upper {
  background: #ddd;
}

input[type=range]::-ms-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #566067;
  transition: box-shadow 0.3s;
}

.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb {
  box-shadow: 0 0 0 10px rgba(86, 96, 103, 0.26);
}

/***************
    Nav List
***************/
.table-of-contents.fixed {
  position: fixed;
}
.table-of-contents li {
  padding: 2px 0;
}
.table-of-contents a {
  display: inline-block;
  font-weight: 300;
  color: #757575;
  padding-left: 16px;
  height: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: 0.4;
  display: inline-block;
}
.table-of-contents a:hover {
  color: #a8a8a8;
  padding-left: 15px;
  border-left: 1px solid hsl(204, 100%, 55%);
}
.table-of-contents a.active {
  font-weight: 500;
  padding-left: 14px;
  border-left: 2px solid hsl(204, 100%, 55%);
}

.sidenav {
  position: fixed;
  width: 300px;
  left: 0;
  top: 0;
  margin: 0;
  transform: translateX(-100%);
  height: 100%;
  height: calc(100% + 60px);
  height: -moz-calc(100%);
  padding-bottom: 60px;
  background-color: #fff;
  z-index: 999;
  overflow-y: auto;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateX(-105%);
}
.sidenav.right-aligned {
  right: 0;
  transform: translateX(105%);
  left: auto;
  transform: translateX(100%);
}
.sidenav .collapsible {
  margin: 0;
}
.sidenav li {
  float: none;
  line-height: 48px;
}
.sidenav li.active {
  background-color: rgba(0, 0, 0, 0.05);
}
.sidenav li > a {
  color: rgba(0, 0, 0, 0.87);
  display: block;
  font-size: 14px;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
  padding: 0 32px;
}
.sidenav li > a:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.sidenav li > a.btn, .sidenav li > a.submit-in-dropdown-btn, .sidenav li > a.slplaner-date-nav-button-inactive, .sidenav li > a.slplaner-date-nav-button, .sidenav li > a.slplaner-dates-button, .sidenav li > a.btn-small, .sidenav li > a.slplaner-two-col-collapsible-body-button-alt, .sidenav li > a.slplaner-two-col-collapsible-body-button-inactive, .sidenav li > a.slplaner-two-col-collapsible-body-button, .sidenav li > a.slplaner-access-actions-button, .sidenav li > a.btn-large, .sidenav li > a.btn-flat, .sidenav li > a.slplaner-col-navbar-button-inactive, .sidenav li > a.slplaner-col-navbar-button, .sidenav li > a.btn-floating {
  margin: 10px 15px;
}
.sidenav li > a.btn, .sidenav li > a.submit-in-dropdown-btn, .sidenav li > a.slplaner-date-nav-button-inactive, .sidenav li > a.slplaner-date-nav-button, .sidenav li > a.slplaner-dates-button, .sidenav li > a.btn-small, .sidenav li > a.slplaner-two-col-collapsible-body-button-alt, .sidenav li > a.slplaner-two-col-collapsible-body-button-inactive, .sidenav li > a.slplaner-two-col-collapsible-body-button, .sidenav li > a.slplaner-access-actions-button, .sidenav li > a.btn-large, .sidenav li > a.btn-floating, .sidenav li > a.slplaner-col-navbar-button-inactive, .sidenav li > a.slplaner-col-navbar-button {
  color: #fff;
}
.sidenav li > a.btn-flat, .sidenav li > a.slplaner-two-col-collapsible-body-button-alt, .sidenav li > a.slplaner-two-col-collapsible-body-button-inactive, .sidenav li > a.slplaner-two-col-collapsible-body-button, .sidenav li > a.slplaner-date-nav-button-inactive, .sidenav li > a.slplaner-date-nav-button, .sidenav li > a.slplaner-access-actions-button, .sidenav li > a.slplaner-dates-button, .sidenav li > a.slplaner-col-navbar-button-inactive, .sidenav li > a.slplaner-col-navbar-button {
  color: #343434;
}
.sidenav li > a.btn:hover, .sidenav li > a.submit-in-dropdown-btn:hover, .sidenav li > a.slplaner-date-nav-button-inactive:hover, .sidenav li > a.slplaner-date-nav-button:hover, .sidenav li > a.slplaner-dates-button:hover, .sidenav li > a.btn-small:hover, .sidenav li > a.slplaner-two-col-collapsible-body-button-alt:hover, .sidenav li > a.slplaner-two-col-collapsible-body-button-inactive:hover, .sidenav li > a.slplaner-two-col-collapsible-body-button:hover, .sidenav li > a.slplaner-access-actions-button:hover, .sidenav li > a.btn-large:hover {
  background-color: rgb(97.6031746032, 108.9523809524, 116.8968253968);
}
.sidenav li > a.btn-floating:hover, .sidenav li > a.slplaner-col-navbar-button-inactive:hover, .sidenav li > a.slplaner-col-navbar-button:hover {
  background-color: #566067;
}
.sidenav li > a > i, .sidenav li > a > [class^=mdi-], .sidenav li > a li > a > [class*=mdi-], .sidenav li > a > i.material-icons {
  float: left;
  height: 48px;
  line-height: 48px;
  margin: 0 32px 0 0;
  width: 24px;
  color: rgba(0, 0, 0, 0.54);
}
.sidenav .divider {
  margin: 8px 0 0 0;
}
.sidenav .subheader {
  cursor: initial;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  font-weight: 500;
  line-height: 48px;
}
.sidenav .subheader:hover {
  background-color: transparent;
}
.sidenav .user-view {
  position: relative;
  padding: 32px 32px 0;
  margin-bottom: 8px;
}
.sidenav .user-view > a {
  height: auto;
  padding: 0;
}
.sidenav .user-view > a:hover {
  background-color: transparent;
}
.sidenav .user-view .background {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.sidenav .user-view .circle, .sidenav .user-view .name, .sidenav .user-view .email {
  display: block;
}
.sidenav .user-view .circle {
  height: 64px;
  width: 64px;
}
.sidenav .user-view .name,
.sidenav .user-view .email {
  font-size: 14px;
  line-height: 24px;
}
.sidenav .user-view .name {
  margin-top: 16px;
  font-weight: 500;
}
.sidenav .user-view .email {
  padding-bottom: 16px;
  font-weight: 400;
}

.drag-target {
  height: 100%;
  width: 10px;
  position: fixed;
  top: 0;
  z-index: 998;
}
.drag-target.right-aligned {
  right: 0;
}

.sidenav.sidenav-fixed {
  left: 0;
  transform: translateX(0);
  position: fixed;
}
.sidenav.sidenav-fixed.right-aligned {
  right: 0;
  left: auto;
}

@media only screen and (max-width : 992px) {
  .sidenav.sidenav-fixed {
    transform: translateX(-105%);
  }
  .sidenav.sidenav-fixed.right-aligned {
    transform: translateX(105%);
  }
  .sidenav > a {
    padding: 0 16px;
  }
  .sidenav .user-view {
    padding: 16px 16px 0;
  }
}
.sidenav .collapsible-body > ul:not(.collapsible) > li.active,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {
  background-color: hsl(204, 100%, 55%);
}
.sidenav .collapsible-body > ul:not(.collapsible) > li.active a,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a {
  color: #fff;
}

.sidenav .collapsible-body {
  padding: 0;
}

.sidenav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  height: 120vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 997;
  display: none;
}

/*
    @license
    Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
    This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
    The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
    The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
    Code distributed by Google as part of the polymer project is also
    subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 */
/**************************/
/* STYLES FOR THE SPINNER */
/**************************/
/*
 * Constants:
 *      STROKEWIDTH = 3px
 *      ARCSIZE     = 270 degrees (amount of circle the arc takes up)
 *      ARCTIME     = 1333ms (time it takes to expand and contract arc)
 *      ARCSTARTROT = 216 degrees (how much the start location of the arc
 *                                should rotate each time, 216 gives us a
 *                                5 pointed star shape (it's 360/5 * 3).
 *                                For a 7 pointed star, we might do
 *                                360/7 * 3 = 154.286)
 *      CONTAINERWIDTH = 28px
 *      SHRINK_TIME = 400ms
 */
.preloader-wrapper {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
}
.preloader-wrapper.small {
  width: 36px;
  height: 36px;
}
.preloader-wrapper.big {
  width: 64px;
  height: 64px;
}
.preloader-wrapper.active {
  /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
  -webkit-animation: container-rotate 1568ms linear infinite;
  animation: container-rotate 1568ms linear infinite;
}

@-webkit-keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes container-rotate {
  to {
    transform: rotate(360deg);
  }
}
.spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-color: #566067;
}

.spinner-blue,
.spinner-blue-only {
  border-color: #4285f4;
}

.spinner-red,
.spinner-red-only {
  border-color: #db4437;
}

.spinner-yellow,
.spinner-yellow-only {
  border-color: #f4b400;
}

.spinner-green,
.spinner-green-only {
  border-color: #0f9d58;
}

/**
 * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
 *
 * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
 * guarantee that the animation will start _exactly_ after that value. So we avoid using
 * animation-delay and instead set custom keyframes for each color (as redundant as it
 * seems).
 *
 * We write out each animation in full (instead of separating animation-name,
 * animation-duration, etc.) because under the polyfill, Safari does not recognize those
 * specific properties properly, treats them as -webkit-animation, and overrides the
 * other animation rules. See https://github.com/Polymer/platform/issues/53.
 */
.active .spinner-layer.spinner-blue {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-red {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-yellow {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-green {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer,
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only,
.active .spinner-layer.spinner-green-only {
  /* durations: 4 * ARCTIME */
  opacity: 1;
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
  } /* 0.5 * ARCSIZE */
  25% {
    -webkit-transform: rotate(270deg);
  } /* 1   * ARCSIZE */
  37.5% {
    -webkit-transform: rotate(405deg);
  } /* 1.5 * ARCSIZE */
  50% {
    -webkit-transform: rotate(540deg);
  } /* 2   * ARCSIZE */
  62.5% {
    -webkit-transform: rotate(675deg);
  } /* 2.5 * ARCSIZE */
  75% {
    -webkit-transform: rotate(810deg);
  } /* 3   * ARCSIZE */
  87.5% {
    -webkit-transform: rotate(945deg);
  } /* 3.5 * ARCSIZE */
  to {
    -webkit-transform: rotate(1080deg);
  } /* 4   * ARCSIZE */
}
@keyframes fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg);
  } /* 0.5 * ARCSIZE */
  25% {
    transform: rotate(270deg);
  } /* 1   * ARCSIZE */
  37.5% {
    transform: rotate(405deg);
  } /* 1.5 * ARCSIZE */
  50% {
    transform: rotate(540deg);
  } /* 2   * ARCSIZE */
  62.5% {
    transform: rotate(675deg);
  } /* 2.5 * ARCSIZE */
  75% {
    transform: rotate(810deg);
  } /* 3   * ARCSIZE */
  87.5% {
    transform: rotate(945deg);
  } /* 3.5 * ARCSIZE */
  to {
    transform: rotate(1080deg);
  } /* 4   * ARCSIZE */
}
@-webkit-keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes red-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}
@keyframes red-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}
@-webkit-keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
}
@keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
}
@-webkit-keyframes green-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes green-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/**
 * Patch the gap that appear between the two adjacent div.circle-clipper while the
 * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
 */
.gap-patch {
  position: absolute;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}

.gap-patch .circle {
  width: 1000%;
  left: -450%;
}

.circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}
.circle-clipper .circle {
  width: 200%;
  height: 100%;
  border-width: 3px; /* STROKEWIDTH */
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  -webkit-animation: none;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.circle-clipper.left .circle {
  left: 0;
  border-right-color: transparent !important;
  -webkit-transform: rotate(129deg);
  transform: rotate(129deg);
}
.circle-clipper.right .circle {
  left: -100%;
  border-left-color: transparent !important;
  -webkit-transform: rotate(-129deg);
  transform: rotate(-129deg);
}

.active .circle-clipper.left .circle {
  /* duration: ARCTIME */
  -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .circle-clipper.right .circle {
  /* duration: ARCTIME */
  -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
  }
}
@keyframes left-spin {
  from {
    transform: rotate(130deg);
  }
  50% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(130deg);
  }
}
@-webkit-keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
  }
}
@keyframes right-spin {
  from {
    transform: rotate(-130deg);
  }
  50% {
    transform: rotate(5deg);
  }
  to {
    transform: rotate(-130deg);
  }
}
#spinnerContainer.cooldown {
  /* duration: SHRINK_TIME */
  -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

@-webkit-keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.slider {
  position: relative;
  height: 400px;
  width: 100%;
}
.slider.fullscreen {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.slider.fullscreen ul.slides {
  height: 100%;
}
.slider.fullscreen ul.indicators {
  z-index: 2;
  bottom: 30px;
}
.slider .slides {
  background-color: #9e9e9e;
  margin: 0;
  height: 400px;
}
.slider .slides li {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: inherit;
  overflow: hidden;
}
.slider .slides li img {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
}
.slider .slides li .caption {
  color: #fff;
  position: absolute;
  top: 15%;
  left: 15%;
  width: 70%;
  opacity: 0;
}
.slider .slides li .caption p {
  color: #e0e0e0;
}
.slider .slides li.active {
  z-index: 2;
}
.slider .indicators {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.slider .indicators .indicator-item {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 16px;
  width: 16px;
  margin: 0 12px;
  background-color: #e0e0e0;
  transition: background-color 0.3s;
  border-radius: 50%;
}
.slider .indicators .indicator-item.active {
  background-color: #4CAF50;
}

.carousel {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 400px;
  perspective: 500px;
  transform-style: preserve-3d;
  transform-origin: 0% 50%;
}
.carousel.carousel-slider {
  top: 0;
  left: 0;
}
.carousel.carousel-slider .carousel-fixed-item {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  z-index: 1;
}
.carousel.carousel-slider .carousel-fixed-item.with-indicators {
  bottom: 68px;
}
.carousel.carousel-slider .carousel-item {
  width: 100%;
  height: 100%;
  min-height: 400px;
  position: absolute;
  top: 0;
  left: 0;
}
.carousel.carousel-slider .carousel-item h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}
.carousel.carousel-slider .carousel-item p {
  font-size: 15px;
}
.carousel .carousel-item {
  visibility: hidden;
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
}
.carousel .carousel-item > img {
  width: 100%;
}
.carousel .indicators {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.carousel .indicators .indicator-item {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 8px;
  width: 8px;
  margin: 24px 4px;
  background-color: rgba(255, 255, 255, 0.5);
  transition: background-color 0.3s;
  border-radius: 50%;
}
.carousel .indicators .indicator-item.active {
  background-color: #fff;
}
.carousel.scrolling .carousel-item .materialboxed,
.carousel .carousel-item:not(.active) .materialboxed {
  pointer-events: none;
}

.tap-target-wrapper {
  width: 800px;
  height: 800px;
  position: fixed;
  z-index: 1000;
  visibility: hidden;
  transition: visibility 0s 0.3s;
}

.tap-target-wrapper.open {
  visibility: visible;
  transition: visibility 0s;
}
.tap-target-wrapper.open .tap-target {
  transform: scale(1);
  opacity: 0.95;
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
.tap-target-wrapper.open .tap-target-wave::before {
  transform: scale(1);
}
.tap-target-wrapper.open .tap-target-wave::after {
  visibility: visible;
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
  transition: opacity 0.3s, transform 0.3s, visibility 0s 1s;
}

.tap-target {
  position: absolute;
  font-size: 1rem;
  border-radius: 50%;
  background-color: hsl(204, 100%, 55%);
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(0);
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}

.tap-target-content {
  position: relative;
  display: table-cell;
}

.tap-target-wave {
  position: absolute;
  border-radius: 50%;
  z-index: 10001;
}
.tap-target-wave::before, .tap-target-wave::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffffff;
}
.tap-target-wave::before {
  transform: scale(0);
  transition: transform 0.3s;
}
.tap-target-wave::after {
  visibility: hidden;
  transition: opacity 0.3s, transform 0.3s, visibility 0s;
  z-index: -1;
}

.tap-target-origin {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10002;
  position: absolute !important;
}
.tap-target-origin:not(.btn):not(.submit-in-dropdown-btn):not(.slplaner-date-nav-button-inactive):not(.slplaner-date-nav-button):not(.slplaner-dates-button):not(.btn-large):not(.btn-small):not(.slplaner-two-col-collapsible-body-button-alt):not(.slplaner-two-col-collapsible-body-button-inactive):not(.slplaner-two-col-collapsible-body-button):not(.slplaner-access-actions-button), .tap-target-origin:not(.btn):not(.submit-in-dropdown-btn):not(.slplaner-date-nav-button-inactive):not(.slplaner-date-nav-button):not(.slplaner-dates-button):not(.btn-large):not(.btn-small):not(.slplaner-two-col-collapsible-body-button-alt):not(.slplaner-two-col-collapsible-body-button-inactive):not(.slplaner-two-col-collapsible-body-button):not(.slplaner-access-actions-button):hover {
  background: none;
}

@media only screen and (max-width: 600px) {
  .tap-target, .tap-target-wrapper {
    width: 600px;
    height: 600px;
  }
}
.pulse {
  overflow: visible;
  position: relative;
}
.pulse::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
  transition: opacity 0.3s, transform 0.3s;
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
  z-index: -1;
}

@keyframes pulse-animation {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}
/* Modal */
.datepicker-modal {
  max-width: 325px;
  min-width: 300px;
  max-height: none;
}

.datepicker-container.modal-content {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.datepicker-controls {
  display: flex;
  justify-content: space-between;
  width: 280px;
  margin: 0 auto;
}
.datepicker-controls .selects-container {
  display: flex;
}
.datepicker-controls .select-wrapper input {
  border-bottom: none;
  text-align: center;
  margin: 0;
}
.datepicker-controls .select-wrapper input:focus {
  border-bottom: none;
}
.datepicker-controls .select-wrapper .caret {
  display: none;
}
.datepicker-controls .select-year input {
  width: 50px;
}
.datepicker-controls .select-month input {
  width: 70px;
}

.month-prev, .month-next {
  margin-top: 4px;
  cursor: pointer;
  background-color: transparent;
  border: none;
}

/* Date Display */
.datepicker-date-display {
  flex: 1 auto;
  background-color: #566067;
  color: #fff;
  padding: 20px 22px;
  font-weight: 500;
}
.datepicker-date-display .year-text {
  display: block;
  font-size: 1.5rem;
  line-height: 25px;
  color: rgba(255, 255, 255, 0.7);
}
.datepicker-date-display .date-text {
  display: block;
  font-size: 2.8rem;
  line-height: 47px;
  font-weight: 500;
}

/* Calendar */
.datepicker-calendar-container {
  flex: 2.5 auto;
}

.datepicker-table {
  width: 280px;
  font-size: 1rem;
  margin: 0 auto;
}
.datepicker-table thead {
  border-bottom: none;
}
.datepicker-table th {
  padding: 10px 5px;
  text-align: center;
}
.datepicker-table tr {
  border: none;
}
.datepicker-table abbr {
  text-decoration: none;
  color: #999;
}
.datepicker-table td {
  border-radius: 50%;
  padding: 0;
}
.datepicker-table td.is-today {
  color: #566067;
}
.datepicker-table td.is-selected {
  background-color: #566067;
  color: #fff;
}
.datepicker-table td.is-outside-current-month, .datepicker-table td.is-disabled {
  color: rgba(0, 0, 0, 0.3);
  pointer-events: none;
}

.datepicker-day-button {
  background-color: transparent;
  border: none;
  line-height: 38px;
  display: block;
  width: 100%;
  border-radius: 50%;
  padding: 0 5px;
  cursor: pointer;
  color: inherit;
}
.datepicker-day-button:focus {
  background-color: rgba(90.725, 95.1661764706, 98.275, 0.25);
}

/* Footer */
.datepicker-footer {
  width: 280px;
  margin: 0 auto;
  padding-bottom: 5px;
  display: flex;
  justify-content: space-between;
}

.datepicker-cancel,
.datepicker-clear,
.datepicker-today,
.datepicker-done {
  color: #566067;
  padding: 0 1rem;
}

.datepicker-clear {
  color: #F44336;
}

/* Media Queries */
@media only screen and (min-width : 601px) {
  .datepicker-modal {
    max-width: 625px;
  }
  .datepicker-container.modal-content {
    flex-direction: row;
  }
  .datepicker-date-display {
    flex: 0 1 270px;
  }
  .datepicker-controls,
  .datepicker-table,
  .datepicker-footer {
    width: 320px;
  }
  .datepicker-day-button {
    line-height: 44px;
  }
}
/* Timepicker Containers */
.timepicker-modal {
  max-width: 325px;
  max-height: none;
}

.timepicker-container.modal-content {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.text-primary {
  color: rgb(255, 255, 255);
}

/* Clock Digital Display */
.timepicker-digital-display {
  flex: 1 auto;
  background-color: #566067;
  padding: 10px;
  font-weight: 300;
}

.timepicker-text-container {
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
  position: relative;
  user-select: none;
}

.timepicker-span-hours,
.timepicker-span-minutes,
.timepicker-span-am-pm div {
  cursor: pointer;
}

.timepicker-span-hours {
  margin-right: 3px;
}

.timepicker-span-minutes {
  margin-left: 3px;
}

.timepicker-display-am-pm {
  font-size: 1.3rem;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  font-weight: 400;
}

/* Analog Clock Display */
.timepicker-analog-display {
  flex: 2.5 auto;
}

.timepicker-plate {
  background-color: #eee;
  border-radius: 50%;
  width: 270px;
  height: 270px;
  overflow: visible;
  position: relative;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 5px;
  user-select: none;
}

.timepicker-canvas,
.timepicker-dial {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.timepicker-minutes {
  visibility: hidden;
}

.timepicker-tick {
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.87);
  line-height: 40px;
  text-align: center;
  width: 40px;
  height: 40px;
  position: absolute;
  cursor: pointer;
  font-size: 15px;
}

.timepicker-tick.active,
.timepicker-tick:hover {
  background-color: rgba(86, 96, 103, 0.25);
}

.timepicker-dial {
  transition: transform 350ms, opacity 350ms;
}

.timepicker-dial-out {
  opacity: 0;
}
.timepicker-dial-out.timepicker-hours {
  transform: scale(1.1, 1.1);
}
.timepicker-dial-out.timepicker-minutes {
  transform: scale(0.8, 0.8);
}

.timepicker-canvas {
  transition: opacity 175ms;
}
.timepicker-canvas line {
  stroke: #566067;
  stroke-width: 4;
  stroke-linecap: round;
}

.timepicker-canvas-out {
  opacity: 0.25;
}

.timepicker-canvas-bearing {
  stroke: none;
  fill: #566067;
}

.timepicker-canvas-bg {
  stroke: none;
  fill: #566067;
}

/* Footer */
.timepicker-footer {
  margin: 0 auto;
  padding: 5px 1rem;
  display: flex;
  justify-content: space-between;
}

.timepicker-clear {
  color: #F44336;
}

.timepicker-close {
  color: #566067;
}

.timepicker-clear,
.timepicker-close {
  padding: 0 20px;
}

/* Media Queries */
@media only screen and (min-width : 601px) {
  .timepicker-modal {
    max-width: 600px;
  }
  .timepicker-container.modal-content {
    flex-direction: row;
  }
  .timepicker-text-container {
    top: 32%;
  }
  .timepicker-display-am-pm {
    position: relative;
    right: auto;
    bottom: auto;
    text-align: center;
    margin-top: 1.2rem;
  }
}
@media only screen and (min-width : 993px) {
  #toast-container {
    max-width: 600px;
  }
}

body {
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  color: black;
  line-height: 1.4em;
  height: 100%;
  min-width: 900px;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}

main, section {
  height: 100vh;
}

main {
  overflow: hidden;
}

section {
  overflow: hidden;
}

header, section, div, label, button, main, iframe {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width : 993px) {
  body:not(.no-menu) header,
  body:not(.no-menu) main,
  body:not(.no-menu) footer {
    padding-left: 300px;
  }
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
}

.alert-notice, .alert-notice2 {
  color: green;
}

.alert-alert, .alert-alert2, .alert-alert3 {
  color: red;
}

[class^=alert-alert] {
  color: red;
}

.alert-warning {
  color: red;
}

.field_with_errors {
  padding: 2px;
}

.field_with_errors label {
  font-weight: bold;
}

#error_explanation {
  width: 450px;
  border: 2px solid #ef5350;
  padding: 7px 7px 0;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}
#error_explanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px -7px 0;
  background-color: #ef5350;
  color: #fff;
}
#error_explanation ul li {
  font-size: 12px;
  list-style: square;
}

label {
  display: block;
}

.grid-wrapper, .time-table {
  display: grid;
}

.red, .landing-page #mab-now-available-sticker, .landing-page #mab-coming-soon-sticker, .color-4-alt, .color-4 {
  color: red;
}

.green, .abonnieren-color, .abonnieren {
  color: #00a000;
}

.blue {
  color: blue;
}

.black {
  color: black;
}

.table_bold {
  font-weight: bold;
}

.selected-color {
  background-color: #bdf5bd;
}

.deselected-color {
  background-color: pink;
}

.no-wrap, .time-table > div .tt-cell-texts, .time-table > div .tt-tiny-text, .time-table > div .tt-small-text, .time-table > div .tt-regular-text, .time-table > div .tt-small-title-text, .time-table > div .tt-regular-title-text, .time-table > div .tt-large-title-text {
  white-space: nowrap;
}

.no-user-select {
  user-select: none;
}

.no-uppercase {
  text-transform: none;
}

th.diag-th {
  height: 120px;
  min-width: 33px;
  white-space: nowrap;
}
th.diag-th > div {
  overflow: visible;
  width: 5px;
  transform: translate(15px, 50px) rotate(-45deg);
  transform-origin: left center;
}
th.horiz-th {
  height: 120px;
  min-width: 33px;
  white-space: nowrap;
}
th.horiz-th > div {
  transform: translate(0, 45px);
}
td.blank_td, tr.blank_td {
  background-color: #c8c8c8;
}

.time-select {
  display: inline !important;
  height: 100%;
  width: max-content;
}

.header_on_signin {
  background-color: #1aa4ff;
  color: #fff;
  padding: 16px 16px 2px 16px;
  margin-bottom: 16px;
}
.header_on_signin .row {
  margin-bottom: 10px;
}

.header__logo_on_signin {
  margin-right: 16px;
  height: 4.5rem;
  vertical-align: middle;
}

.header__logo_on_landing_page {
  height: 3.5rem;
  vertical-align: middle;
}

.header__title_on_signin {
  font-size: 1.8rem;
  line-height: 3rem;
  display: inline-flex;
  vertical-align: middle;
  margin: 0;
}

.header {
  background-color: #1aa4ff;
  color: #fff;
  padding: 16px;
  margin-bottom: 16px;
}

.header__branding {
  background-color: #1aa4ff;
  color: #fff;
}

.header__logo {
  margin-right: 16px;
  height: 3.5rem;
  vertical-align: middle;
}

.header__title {
  font-size: 1.5rem;
  line-height: 3rem;
  display: inline-flex;
  vertical-align: middle;
  margin: 0;
}

.header__profile_icon {
  color: #fff;
  line-height: 3rem;
  display: inline-flex;
  vertical-align: middle;
}

.profile {
  padding: 0 1rem;
  line-height: 1.5rem;
}

.profile__title {
  font-weight: bold;
  font-size: 1rem;
  margin-top: 1rem;
}

.header__school_name {
  margin-top: 2rem;
  margin-bottom: 0;
  line-height: 1.5rem;
}
.header__school_name a.header__clickable_school_name {
  color: #fff;
}

.header__school_year {
  margin-bottom: 0;
}
.header__school_year input.select-dropdown, .header__school_year input.select-dropdown:focus, .header__school_year input.select-dropdown:active {
  border-bottom: none;
  color: #fff;
}
.header__school_year .caret {
  fill: #fff;
}

#schuljahr-form-old .select-dropdown.dropdown-trigger {
  font-weight: bold;
}

#schuljahr-form-future .select-dropdown.dropdown-trigger {
  font-weight: bold;
}

.mobile-navigation-shortcut {
  position: absolute;
  left: 1rem;
  top: 1rem;
}

#navigation {
  height: 100%;
  padding-bottom: 0;
}

footer {
  margin: 1rem 0;
}

div.collapsible-header,
table.slplaner-table tbody tr {
  -webkit-transition: background-color 2s ease-in-out;
  -moz-transition: background-color 2s ease-in-out;
  -o-transition: background-color 2s ease-in-out;
  transition: background-color 2s ease-in-out;
}

@media only screen and (min-width: 1301px) {
  .row .col.zxl2 {
    width: 16.66666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
}
@media only screen and (min-width: 1301px) {
  .row .col.zxl5 {
    width: 41.66666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
}
@media only screen and (min-width: 1301px) {
  .row .col.zxl6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
}
@media only screen and (min-width: 1301px) {
  .row .col.zxl7 {
    width: 58.33333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
}
@media only screen and (min-width: 1301px) {
  .row .col.zxl10 {
    width: 83.33333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
}
@media only screen and (min-width: 1301px) {
  .row .col.zxl12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
}
@media only screen and (min-width: 1401px) {
  .row .col.zzxl1 {
    width: 8.33333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
}
@media only screen and (min-width: 1401px) {
  .row .col.zzxl3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
}
@media only screen and (min-width: 1401px) {
  .row .col.zzxl5 {
    width: 41.66666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
}
@media only screen and (min-width: 1401px) {
  .row .col.zzxl6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
}
@media only screen and (min-width: 1401px) {
  .row .col.zzxl8 {
    width: 66.66666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
}
@media only screen and (min-width: 1401px) {
  .row .col.zzxl9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
}
@media only screen and (min-width: 1601px) {
  .row .col.xxl2 {
    width: 16.66666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
}
@media only screen and (min-width: 1601px) {
  .row .col.xxl4 {
    width: 33.33333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
}
@media only screen and (min-width: 1601px) {
  .row .col.xxl6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
}
.slplaner-card .card-title.slplaner-medium-card-title {
  font-size: 1.3rem;
  line-height: 1.3rem;
  margin-bottom: 7px;
}

.slplaner-card-content td,
.slplaner-smaller-materialize-table-rows td,
.slplaner-smaller-materialize-table-rows th {
  font-size: 0.9rem;
  padding-bottom: 5px;
  padding-top: 5px;
}

.slplaner-col-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.slplaner-col-content-column {
  overflow-y: auto;
  flex: 1;
  margin-bottom: 1rem;
}

.slplaner-col-navbar-col {
  margin-bottom: 0.6rem;
}

.slplaner-col-row {
  background-color: lightgrey;
  height: 100%;
  margin-bottom: 0;
  overflow: hidden;
  padding: 0 1rem;
}

.slplaner-col-title {
  background-color: hsl(204, 100%, 55%);
  color: #fff;
  padding: 0 20px;
  margin-top: 0.5rem;
  height: 4.2rem;
  overflow: hidden;
}

.slplaner-collapsible-header-inline-item {
  display: inline-block;
  margin: 0 5px 0 0;
}

.slplaner-collapsible-header-inline-item {
  display: inline;
  margin: 0 5px 0 0;
}

.slplaner-collapsible-header-inline-item-centered {
  display: inline;
  margin: 0;
}

.slplaner-darker-collapsible-header, .tagesstrukturen-hub-header-color, .schulgemeinde-hub-header-color {
  border-bottom-color: #bdbdbd;
}

.slplaner-import-vorjahr-collapsible-header {
  background-color: #33adff;
}

label.slplaner-import-vorjahr-collapsible-header-checkbox-field {
  padding: 1px 0;
  background-color: #33adff;
  border: none;
  color: #004d80;
  height: 2rem;
  outline: none;
}

label.slplaner-import-vorjahr-collapsible-header-checkbox-field [type=checkbox] + span:not(.lever) {
  color: #004d80;
  font-size: 1rem;
  padding-left: 1.75rem;
}

.slplaner-import-vorjahr-collapsible-header-input-field {
  padding: 1px 0;
  background-color: #33adff;
  border: none;
  border-bottom: 1px solid #004d80;
  color: #004d80;
  font-size: 1rem;
  height: 2rem;
  outline: none;
  width: 100%;
}

.slplaner-import-vorjahr-collapsible-header-input-field:focus {
  padding: 1px 0;
  background-color: #33adff;
  border: none;
  border-bottom: 1px solid #004d80;
  color: #004d80;
  font-size: 1rem;
  height: 2rem;
  outline: none;
  width: 100%;
}

input[type=text].slplaner-import-vorjahr-collapsible-header-input-field {
  -webkit-transition: border-bottom 0.4s ease-in-out;
  transition: border-bottom 0.4s ease-in-out;
}

input[type=text].slplaner-import-vorjahr-collapsible-header-input-field:focus {
  border-bottom: 2px solid #004d80;
  outline: none;
}

.slplaner-import-vorjahr-collapsible-header-input-field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #004d80;
  opacity: 1; /* Firefox */
}

.slplaner-import-vorjahr-collapsible-header-input-field:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #004d80;
}

.slplaner-import-vorjahr-collapsible-header-input-field::-ms-input-placeholder { /* Microsoft Edge */
  color: #004d80;
}

.slplaner-darker-badge {
  background-color: #d4d4d4;
}

.slplaner-no-margin {
  margin: 0;
}

.modal-footer.slplaner-page-modal {
  background-color: lightgrey;
}

.slplaner-sidenav-disabled-link {
  cursor: auto;
}

.slplaner-sidenav-go-to-products-link {
  cursor: pointer;
}

.slplaner-sidenav-kpi {
  display: inline-block;
  margin-left: 5px; /* Adjust as needed */
  box-sizing: border-box; /* Ensure consistent sizing */
}

.slplaner-sidenav-item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  box-sizing: border-box; /* Ensure consistent sizing */
}

.slplaner-sidenav-item-badge {
  height: 22px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slplaner-signin-collapsible {
  border: 0;
  margin: 0;
  padding: 0;
}

.slplaner_signin_collapsible_body {
  background-color: white;
}

.slplaner-signin-collapsible-header {
  background-color: #e0e0e0;
  border-bottom-color: #757575;
}

.slplaner-table {
  border-collapse: collapse;
  font-size: 13px;
}

.slplaner-table thead {
  font-weight: bold;
}

.slplaner-table td, .slplaner-table th {
  padding: 2px 4px;
}

.slplaner-table, .slplaner-table tr,
.slplaner-table th, .slplaner-table td {
  border: 1px solid #9e9e9e;
}

.badge.slplaner-table-light-badge {
  display: inline-block;
  font-size: 13px;
  margin: 0;
}

.slplaner-table td.slplaner-table-bemerkungen-cell {
  min-width: 220px;
}

.slplaner-table.klasse-fach-lehrperson {
  width: auto;
}

.slplaner-table.klasse-fach-lehrperson td,
.slplaner-table.klasse-fach-lehrperson th {
  font-size: 12px;
  min-width: 50px;
  padding: 2px 3px;
  white-space: nowrap;
}

.slplaner-table.klasse-fach-lehrperson tr.kst-wechsel {
  border-top: 3px solid #9e9e9e;
}

.slplaner-table.klasse-fach-lehrperson tr.sst-wechsel {
  border-top: 3px solid #9e9e9e;
}

.slplaner-table.klasse-fach-lehrperson td.lekt-weitere-gruppe-unten {
  border-bottom: 3px solid #9e9e9e;
}

.slplaner-table.klasse-fach-lehrperson tr.lekt-weitere-gruppe-oben {
  border-top: 3px solid #9e9e9e;
}

.slplaner-table.klasse-fach-lehrperson tr.lekt-weitere-gruppe-unten {
  border-bottom: 3px solid #9e9e9e;
}

.slplaner-table.gesamtuebersicht-ressourcen {
  width: auto;
}

.slplaner-table.gesamtuebersicht-ressourcen th,
.slplaner-table.gesamtuebersicht-ressourcen td {
  min-width: 80px;
}

div.slplaner-scrollable-table-container {
  height: 100%;
  overflow: hidden;
  padding: 15px 0 0 0;
  width: 100%;
}

div.slplaner-scrollable-table-container-inside {
  height: 100%;
  overflow: auto;
  padding: 0 15px 0 0;
  width: 100%;
}

table.slplaner-scrollable-table {
  border-collapse: separate;
  border-spacing: 0;
  border: none;
}
table.slplaner-scrollable-table thead th, table.slplaner-scrollable-table tbody th {
  border-top: none;
  border-left: none;
  border-right: 1px solid #9e9e9e;
  border-bottom: 1px solid #9e9e9e;
  position: -webkit-sticky; /* for Safari */
  position: sticky;
}
table.slplaner-scrollable-table thead th {
  background-color: #bdbdbd;
  top: 0;
  z-index: 1;
}
table.slplaner-scrollable-table thead th:first-child {
  left: 0;
  z-index: 2;
}
table.slplaner-scrollable-table tbody th {
  background-clip: padding-box;
  background-color: lightgrey;
  font-weight: normal;
  left: 0;
}
table.slplaner-scrollable-table td {
  border-top: none;
  border-left: none;
  border-bottom: 1px solid #9e9e9e;
  border-right: 1px solid #9e9e9e;
}

.slplaner-dates-button {
  border-radius: 5px;
}

.slplaner-date-nav-button {
  border-radius: 5px;
}

.slplaner-date-nav-button-inactive {
  border-radius: 5px;
}

.dropdown-content li.slplaner-dates-dropdown-content a {
  padding-left: 30px;
  padding-right: 30px;
}

.slplaner-narrower-button {
  padding-left: 8px;
  padding-right: 8px;
}

.slplaner-bottom-margin-button {
  margin-bottom: 2px;
}

.slplaner-two-col-collapsible-header-icon {
  vertical-align: bottom;
}

.slplaner-two-col-collapsible-header-row {
  font-size: 1rem;
  margin-bottom: 0;
  width: 100%;
}

.row.slplaner-two-col-collapsible-body-buttons-row {
  margin: 0;
}

#page-modal .datepicker-modal {
  height: 70%;
}

th.vertical-text {
  height: 145px;
  white-space: nowrap;
  vertical-align: bottom;
}

th.vertical-text > div {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  width: 1.5rem;
}

th.vertical-text > div > span {
  padding: 5px 5px;
}

.slplaner-no-link-button {
  cursor: default;
}

ul.slplaner-bulleted-list {
  list-style-type: disc;
  list-style-position: inside;
}
ul.slplaner-bulleted-list li {
  list-style-type: disc;
  list-style-position: inside;
}

.wrap-and-hyphenate {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

.slplaner-navbar-dropdown-trigger i {
  background-color: #5d686f;
}

.slplaner-two-col-navbar-dropdown-li .dropdown-content,
.slplaner-one-col-navbar-dropdown-li .dropdown-content {
  background-color: transparent;
  box-shadow: 0 0;
  left: 8px;
  padding: 0;
  width: 56px;
  z-index: 3;
}

.slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
.slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li {
  display: list-item;
  height: 56px;
  width: 56px;
  background-color: #bdbdbd;
  margin: 0;
  padding: 0;
}
.slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li a.slplaner-col-navbar-button,
.slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li a.slplaner-col-navbar-button {
  height: 40px;
  width: 40px;
  margin: 8px;
  padding: 8px 0 0 0;
}
.slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li a.slplaner-col-navbar-button i,
.slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li a.slplaner-col-navbar-button i {
  height: 40px;
  width: 40px;
  margin: 0;
  padding: 0;
}

.slplaner-col-navbar[data-navbar-items="0"] .slplaner-two-col-navbar-dropdown-li,
.slplaner-col-navbar[data-navbar-items="0"] .slplaner-one-col-navbar-dropdown-li,
.slplaner-col-navbar[data-navbar-items="1"] .slplaner-two-col-navbar-dropdown-li,
.slplaner-col-navbar[data-navbar-items="1"] .slplaner-one-col-navbar-dropdown-li,
.slplaner-col-navbar[data-navbar-items="2"] .slplaner-two-col-navbar-dropdown-li,
.slplaner-col-navbar[data-navbar-items="2"] .slplaner-one-col-navbar-dropdown-li,
.slplaner-col-navbar[data-navbar-items="3"] .slplaner-two-col-navbar-dropdown-li,
.slplaner-col-navbar[data-navbar-items="3"] .slplaner-one-col-navbar-dropdown-li,
.slplaner-col-navbar[data-navbar-items="4"] .slplaner-two-col-navbar-dropdown-li,
.slplaner-col-navbar[data-navbar-items="4"] .slplaner-one-col-navbar-dropdown-li,
.slplaner-col-navbar[data-navbar-items="5"] .slplaner-two-col-navbar-dropdown-li,
.slplaner-col-navbar[data-navbar-items="5"] .slplaner-one-col-navbar-dropdown-li {
  display: none;
}
.slplaner-col-navbar[data-navbar-items="0"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
.slplaner-col-navbar[data-navbar-items="0"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li,
.slplaner-col-navbar[data-navbar-items="1"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
.slplaner-col-navbar[data-navbar-items="1"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li,
.slplaner-col-navbar[data-navbar-items="2"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
.slplaner-col-navbar[data-navbar-items="2"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li,
.slplaner-col-navbar[data-navbar-items="3"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
.slplaner-col-navbar[data-navbar-items="3"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li,
.slplaner-col-navbar[data-navbar-items="4"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
.slplaner-col-navbar[data-navbar-items="4"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li,
.slplaner-col-navbar[data-navbar-items="5"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
.slplaner-col-navbar[data-navbar-items="5"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li {
  display: none;
}
.slplaner-col-navbar[data-navbar-items="0"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
.slplaner-col-navbar[data-navbar-items="0"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
.slplaner-col-navbar[data-navbar-items="1"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
.slplaner-col-navbar[data-navbar-items="1"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
.slplaner-col-navbar[data-navbar-items="2"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
.slplaner-col-navbar[data-navbar-items="2"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
.slplaner-col-navbar[data-navbar-items="3"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
.slplaner-col-navbar[data-navbar-items="3"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
.slplaner-col-navbar[data-navbar-items="4"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
.slplaner-col-navbar[data-navbar-items="4"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
.slplaner-col-navbar[data-navbar-items="5"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
.slplaner-col-navbar[data-navbar-items="5"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li {
  display: list-item;
}

.slplaner-col-navbar[data-navbar-items="6"] .slplaner-one-col-navbar-dropdown-li,
.slplaner-col-navbar[data-navbar-items="7"] .slplaner-one-col-navbar-dropdown-li {
  display: none;
}
.slplaner-col-navbar[data-navbar-items="6"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li,
.slplaner-col-navbar[data-navbar-items="7"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li {
  display: none;
}
.slplaner-col-navbar[data-navbar-items="6"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
.slplaner-col-navbar[data-navbar-items="7"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li {
  display: list-item;
}

@media screen and (max-width: 992px) {
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="6"] .slplaner-two-col-navbar-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="6"] .slplaner-two-col-navbar-dropdown-li {
    display: none;
  }
}
@media screen and (min-width: 1150px) {
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="6"] .slplaner-two-col-navbar-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="6"] .slplaner-two-col-navbar-dropdown-li {
    display: none;
  }
}
@media screen and (min-width: 993px) and (max-width: 1149px) {
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="6"] .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="6"] .slplaner-go-to-dropdown-li {
    display: none;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="6"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="6"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="6"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="6"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li {
    display: none;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="6"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="6"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="6"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="6"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li {
    display: list-item;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="6"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="6"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="6"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="6"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="7"] .slplaner-two-col-navbar-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="7"] .slplaner-two-col-navbar-dropdown-li {
    display: none;
  }
}
@media screen and (min-width: 1273px) {
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="7"] .slplaner-two-col-navbar-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="7"] .slplaner-two-col-navbar-dropdown-li {
    display: none;
  }
}
@media screen and (min-width: 993px) and (max-width: 1272px) {
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="7"] .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="7"] .slplaner-go-to-dropdown-li {
    display: none;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="7"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="7"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="7"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="7"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li {
    display: none;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="7"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="7"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="7"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="7"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li {
    display: list-item;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="7"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="7"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="7"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="7"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown {
    display: none;
  }
}
@media screen and (min-width: 966px) and (max-width: 992px) {
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="8"] .slplaner-two-col-navbar-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="8"] .slplaner-two-col-navbar-dropdown-li {
    display: none;
  }
}
@media screen and (min-width: 1273px) {
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="8"] .slplaner-two-col-navbar-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="8"] .slplaner-two-col-navbar-dropdown-li {
    display: none;
  }
}
@media screen and (max-width: 965px) {
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="8"] .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="8"] .slplaner-go-to-dropdown-li {
    display: none;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="8"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="8"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="8"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="8"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li {
    display: none;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="8"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="8"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="8"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="8"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li {
    display: list-item;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="8"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="8"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="8"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="8"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown {
    display: none;
  }
}
@media screen and (min-width: 993px) and (max-width: 1272px) {
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="8"] .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="8"] .slplaner-go-to-dropdown-li {
    display: none;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="8"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="8"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="8"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="8"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li {
    display: none;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="8"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="8"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="8"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="8"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li {
    display: list-item;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="8"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="8"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="8"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="8"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown {
    display: none;
  }
}
@media screen and (min-width: 1383px) {
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="9"] .slplaner-two-col-navbar-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="9"] .slplaner-two-col-navbar-dropdown-li {
    display: none;
  }
}
@media screen and (max-width: 1382px) {
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="9"] .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="9"] .slplaner-go-to-dropdown-li {
    display: none;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="9"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="9"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="9"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="9"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li {
    display: none;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="9"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="9"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="9"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="9"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li {
    display: list-item;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="9"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="9"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="9"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="9"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown {
    display: none;
  }
}
@media screen and (min-width: 1495px) {
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="10"] .slplaner-two-col-navbar-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="10"] .slplaner-two-col-navbar-dropdown-li {
    display: none;
  }
}
@media screen and (max-width: 1494px) {
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="10"] .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="10"] .slplaner-go-to-dropdown-li {
    display: none;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="10"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="10"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="10"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="10"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li {
    display: none;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="10"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="10"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="10"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="10"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li {
    display: list-item;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="10"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="10"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="10"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="10"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown {
    display: none;
  }
}
@media screen and (min-width: 1641px) {
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="11"] .slplaner-two-col-navbar-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="11"] .slplaner-two-col-navbar-dropdown-li {
    display: none;
  }
}
@media screen and (max-width: 1640px) {
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="11"] .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="11"] .slplaner-go-to-dropdown-li {
    display: none;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="11"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="11"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="11"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="11"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li {
    display: none;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="11"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="11"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="11"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="11"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li {
    display: list-item;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="11"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="11"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="11"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="11"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown {
    display: none;
  }
}
@media screen and (min-width: 1741px) {
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="12"] .slplaner-two-col-navbar-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="12"] .slplaner-two-col-navbar-dropdown-li {
    display: none;
  }
}
@media screen and (max-width: 1740px) {
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="12"] .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="12"] .slplaner-go-to-dropdown-li {
    display: none;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="12"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="12"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="12"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="12"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li {
    display: none;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="12"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="12"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="12"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="12"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li {
    display: list-item;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="12"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="12"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="12"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="12"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown {
    display: none;
  }
}
@media screen and (min-width: 1841px) {
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="13"] .slplaner-two-col-navbar-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="13"] .slplaner-two-col-navbar-dropdown-li {
    display: none;
  }
}
@media screen and (max-width: 1840px) {
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="13"] .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="13"] .slplaner-go-to-dropdown-li {
    display: none;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="13"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="13"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="13"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="13"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li {
    display: none;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="13"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="13"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="13"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="13"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li {
    display: list-item;
  }
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="13"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-left .slplaner-col-navbar[data-navbar-items="13"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="13"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-two-col-navbar-right .slplaner-col-navbar[data-navbar-items="13"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown {
    display: none;
  }
}

@media screen and (min-width: 1026px) {
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="8"] .slplaner-one-col-navbar-dropdown-li {
    display: none;
  }
}
@media screen and (max-width: 1025px) {
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="8"] .slplaner-go-to-dropdown-li {
    display: none;
  }
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="8"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="8"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li {
    display: none;
  }
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="8"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="8"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li {
    display: list-item;
  }
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="8"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="8"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown {
    display: none;
  }
}
@media screen and (min-width: 1111px) {
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="9"] .slplaner-one-col-navbar-dropdown-li {
    display: none;
  }
}
@media screen and (max-width: 1110px) {
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="9"] .slplaner-go-to-dropdown-li {
    display: none;
  }
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="9"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="9"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li {
    display: none;
  }
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="9"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="9"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li {
    display: list-item;
  }
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="9"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="9"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown {
    display: none;
  }
}
@media screen and (min-width: 1186px) {
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="10"] .slplaner-one-col-navbar-dropdown-li {
    display: none;
  }
}
@media screen and (max-width: 1185px) {
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="10"] .slplaner-go-to-dropdown-li {
    display: none;
  }
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="10"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="10"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li {
    display: none;
  }
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="10"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="10"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li {
    display: list-item;
  }
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="10"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="10"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown {
    display: none;
  }
}
@media screen and (min-width: 1276px) {
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="11"] .slplaner-one-col-navbar-dropdown-li {
    display: none;
  }
}
@media screen and (max-width: 1275px) {
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="11"] .slplaner-go-to-dropdown-li {
    display: none;
  }
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="11"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="11"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li {
    display: none;
  }
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="11"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="11"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li {
    display: list-item;
  }
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="11"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="11"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown {
    display: none;
  }
}
@media screen and (min-width: 1351px) {
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="12"] .slplaner-one-col-navbar-dropdown-li {
    display: none;
  }
}
@media screen and (max-width: 1350px) {
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="12"] .slplaner-go-to-dropdown-li {
    display: none;
  }
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="12"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="12"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li {
    display: none;
  }
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="12"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="12"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li {
    display: list-item;
  }
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="12"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="12"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown {
    display: none;
  }
}
@media screen and (min-width: 1431px) {
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="13"] .slplaner-one-col-navbar-dropdown-li {
    display: none;
  }
}
@media screen and (max-width: 1430px) {
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="13"] .slplaner-go-to-dropdown-li {
    display: none;
  }
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="13"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="13"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li {
    display: none;
  }
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="13"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="13"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li {
    display: list-item;
  }
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="13"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="13"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown {
    display: none;
  }
}
@media screen and (min-width: 1511px) {
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="14"] .slplaner-one-col-navbar-dropdown-li {
    display: none;
  }
}
@media screen and (max-width: 1510px) {
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="14"] .slplaner-go-to-dropdown-li {
    display: none;
  }
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="14"] .slplaner-two-col-navbar-dropdown-li .dropdown-content li,
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="14"] .slplaner-one-col-navbar-dropdown-li .dropdown-content li {
    display: none;
  }
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="14"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li,
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="14"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .slplaner-go-to-dropdown-li {
    display: list-item;
  }
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="14"] .slplaner-two-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown,
  #slplaner-one-col-navbar .slplaner-col-navbar[data-navbar-items="14"] .slplaner-one-col-navbar-dropdown-li .dropdown-content .hide-in-dropdown {
    display: none;
  }
}

#page-modal.sv-person-modal,
#page-modal.page-modal-large,
#cn-modal.page-modal-large {
  max-height: 80%;
  height: 80%;
}
@media screen and (max-width: 850px) {
  #page-modal.sv-person-modal,
  #page-modal.page-modal-large,
  #cn-modal.page-modal-large {
    width: 95%;
  }
}
@media screen and (min-width: 851px) {
  #page-modal.sv-person-modal,
  #page-modal.page-modal-large,
  #cn-modal.page-modal-large {
    width: 90%;
  }
}
@media screen and (min-width: 993px) {
  #page-modal.sv-person-modal,
  #page-modal.page-modal-large,
  #cn-modal.page-modal-large {
    width: 80%;
  }
}
@media screen and (min-width: 1101px) {
  #page-modal.sv-person-modal,
  #page-modal.page-modal-large,
  #cn-modal.page-modal-large {
    width: 70%;
  }
}
@media screen and (min-width: 1201px) {
  #page-modal.sv-person-modal,
  #page-modal.page-modal-large,
  #cn-modal.page-modal-large {
    width: 55%;
  }
}
@media screen and (min-width: 1201px) {
  #page-modal.sv-person-modal,
  #page-modal.page-modal-large,
  #cn-modal.page-modal-large {
    width: 55%;
  }
}
@media screen and (min-width: 1601px) {
  #page-modal.sv-person-modal .row .col.xxl2,
  #page-modal.page-modal-large .row .col.xxl2,
  #cn-modal.page-modal-large .row .col.xxl2 {
    width: 18%;
  }
  #page-modal.sv-person-modal .row .col.xxl10,
  #page-modal.page-modal-large .row .col.xxl10,
  #cn-modal.page-modal-large .row .col.xxl10 {
    width: 82%;
  }
}

.slplaner-freigabe-changes-top-level-card .card-content.slplaner-freigabe-changes-top-level-card-content {
  padding-bottom: 5px;
}
.slplaner-freigabe-changes-top-level-card .card-content.slplaner-freigabe-changes-top-level-card-content .card-title.slplaner-freigabe-changes-top-level-card-title {
  font-size: 1.3rem;
  font-weight: bold;
}

.anstellungen, .personendaten, .arbeitszeit, .one-line-card-row,
.klp, .amts-entschaedigt {
  margin-bottom: 0;
}
.anstellungen .card.slplaner-freigabe-changes-compact-card, .personendaten .card.slplaner-freigabe-changes-compact-card, .arbeitszeit .card.slplaner-freigabe-changes-compact-card, .one-line-card-row .card.slplaner-freigabe-changes-compact-card,
.klp .card.slplaner-freigabe-changes-compact-card, .amts-entschaedigt .card.slplaner-freigabe-changes-compact-card {
  margin-bottom: 10px;
  margin-top: 3px;
}
.anstellungen .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content, .personendaten .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content, .arbeitszeit .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content, .one-line-card-row .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content,
.klp .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content, .amts-entschaedigt .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content {
  padding: 10px;
}
.anstellungen .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content .card-title.slplaner-freigabe-changes-compact-card-title, .personendaten .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content .card-title.slplaner-freigabe-changes-compact-card-title, .arbeitszeit .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content .card-title.slplaner-freigabe-changes-compact-card-title, .one-line-card-row .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content .card-title.slplaner-freigabe-changes-compact-card-title,
.klp .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content .card-title.slplaner-freigabe-changes-compact-card-title, .amts-entschaedigt .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content .card-title.slplaner-freigabe-changes-compact-card-title {
  font-size: 1rem;
  line-height: 1.1rem;
  margin-bottom: 7px;
}
.anstellungen .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content span.one-line-card-text, .personendaten .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content span.one-line-card-text, .arbeitszeit .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content span.one-line-card-text, .one-line-card-row .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content span.one-line-card-text,
.klp .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content span.one-line-card-text, .amts-entschaedigt .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content span.one-line-card-text {
  font-size: 0.8rem;
}
.anstellungen .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content th, .anstellungen .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content td, .personendaten .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content th, .personendaten .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content td, .arbeitszeit .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content th, .arbeitszeit .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content td, .one-line-card-row .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content th, .one-line-card-row .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content td,
.klp .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content th,
.klp .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content td, .amts-entschaedigt .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content th, .amts-entschaedigt .card.slplaner-freigabe-changes-compact-card .slplaner-freigabe-changes-compact-card-content td {
  font-size: 0.8rem;
  padding-bottom: 2px;
  padding-top: 2px;
}

.chip.freigabe-diffs-chip {
  border-radius: 8px;
  height: 23px;
  line-height: 23px;
  margin-top: 8px;
  white-space: nowrap;
}

table.highlight.sv-index-table > tbody > tr > td.sv_index_color_scheme2:hover, table.sv-index-table.slplaner-table > tbody > tr > td.sv_index_color_scheme2:hover {
  background-color: rgba(230, 230, 230, 0.5);
}

table.highlight.sv-index-table > tbody > tr > td.sv_index_color_scheme2, table.sv-index-table.slplaner-table > tbody > tr > td.sv_index_color_scheme2 {
  background-color: rgba(230, 230, 230, 0.5);
}

table#people-table.sv-index-table .sv-filter-active {
  color: #0288d1;
}

table#people-table.sv-index-table th.sv-filter-active.sv-filter-from-cell-value {
  color: black;
}

body.landing-page {
  font-size: 1.1rem;
  min-width: 200px;
  overflow-y: auto;
}

.landing-page main {
  overflow: visible;
}
.landing-page #legals-div {
  height: 60px;
  width: 100%;
  padding: 17px 0.75rem 0 0.75rem;
}
.landing-page .divider {
  margin: 10px 0;
}
.landing-page a.noref {
  cursor: default;
  text-decoration: default;
  color: black;
}

#landing-page-contact-modal {
  height: 220px;
  width: 400px;
  max-width: 100%;
}

.landing-page-navbar nav {
  --t-nav-header-bg: rgb(255, 255, 255);
  --t-nav-header-color: rgb(64, 64, 64);
  --t-nav-item-color: rgb(64, 64, 64);
  --t-nav-header-margin-y: 1rem;
  --t-nav-header-margin-left: 0.5rem;
  --t-nav-header-height: 10rem;
}
@media only screen and (max-width: 600px) {
  .landing-page-navbar nav.nav-extended .nav-wrapper {
    min-height: 56px;
    height: auto;
  }
}
@media only screen and (min-width: 601px) {
  .landing-page-navbar {
    max-width: 1200px;
    margin: 0 auto;
    height: var(--t-nav-header-height);
  }
  .landing-page-navbar .sl-nav-wrapper {
    margin-top: var(--t-nav-header-margin-y);
    margin-bottom: var(--t-nav-header-margin-y);
    height: 5rem;
  }
  .landing-page-navbar .nav-extended {
    height: var(--t-nav-header-height);
    max-width: 1200px;
    margin: 0 auto;
  }
  .landing-page-navbar .nav-extended .nav-content {
    margin-left: var(--t-nav-header-margin-left);
  }
  .landing-page-navbar .header_logo {
    height: 5rem;
    vertical-align: middle;
  }
  .landing-page-navbar .header-text {
    background-color: var(--t-nav-header-bg);
    vertical-align: middle;
    color: var(--t-nav-header-color);
    font-size: 2rem;
    font-weight: bold;
    padding: 0;
  }
  .landing-page-navbar .header__logo {
    height: 8rem;
    vertical-align: middle;
  }
  .landing-page-navbar nav {
    background-color: var(--t-nav-header-bg);
  }
  .landing-page-navbar nav .sl-nav-item {
    display: inline-block;
    padding: 0.5rem;
    border-bottom: 0;
    font-family: inherit;
    font-size: 18px;
    letter-spacing: 0.4px;
    line-height: 1.25;
    border-radius: 2px;
    transition: background-color 0.2s ease-in-out;
    color: var(--t-nav-item-color);
  }
}
.landing-page-navbar .brand-logo {
  font-size: 1.5rem;
  margin-left: calc(2 * var(--t-nav-header-margin-left));
}

#landing-page-navbar .brand-logo {
  font-size: 1.5rem;
  margin-left: 2%;
}
#landing-page-navbar .nav-wrapper {
  margin-right: 2%;
}
#landing-page-navbar #landing-page-navbar-dropdown .divider,
#landing-page-navbar #landing-page-navbar-dropdown .navbar-loginsignup-li,
#landing-page-navbar .dropdown-trigger,
#landing-page-navbar .navbar-loginsignup-li.on-nav.small-button {
  display: none;
}
#landing-page-navbar #landing-page-navbar-dropdown a {
  font-size: 14px;
}
#landing-page-navbar .navbar-loginsignup-li.on-nav.no-button,
#landing-page-navbar #landing-page-navbar-dropdown .navbar-loginsignup-li.large-button,
#landing-page-navbar #landing-page-navbar-dropdown .navbar-loginsignup-li.small-button {
  display: none;
}
#landing-page-navbar ul a {
  font-size: 15px;
}
@media screen and (max-width: 1300px) {
  #landing-page-navbar .brand-logo {
    font-size: 1.4rem;
  }
  #landing-page-navbar li.on-nav a {
    padding: 0 12px;
  }
}
@media screen and (max-width: 1230px) {
  #landing-page-navbar li.on-nav a {
    padding: 0 10px;
  }
}
@media screen and (max-width: 1198px) {
  #landing-page-navbar li.on-nav a {
    padding: 0 8px;
  }
  #landing-page-navbar .navbar-loginsignup-li.on-nav.large-button {
    display: none;
  }
  #landing-page-navbar .navbar-loginsignup-li.on-nav.small-button {
    display: inline-block;
  }
}
@media screen and (max-width: 1160px) {
  #landing-page-navbar .brand-logo {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 1130px) {
  #landing-page-navbar .brand-logo {
    font-size: 1.25rem;
  }
  #landing-page-navbar li.on-nav a {
    padding: 0 7px;
  }
}
@media screen and (max-width: 1100px) {
  #landing-page-navbar .brand-logo {
    font-size: 1.35rem;
  }
  #landing-page-navbar .brand-logo .branding-slogan {
    display: none;
  }
}
@media screen and (max-width: 890px) {
  #landing-page-navbar .navbar-linkset-li.on-nav {
    display: none;
  }
  #landing-page-navbar #landing-page-navbar-dropdown .navbar-linkset-li {
    display: block;
  }
  #landing-page-navbar .dropdown-trigger {
    display: inline-block;
    padding: 0;
  }
}
@media screen and (max-width: 570px) {
  #landing-page-navbar .navbar-loginsignup-li.on-nav,
  #landing-page-navbar .navbar-loginsignup-li.small-button.on-nav {
    display: none;
  }
  #landing-page-navbar #landing-page-navbar-dropdown .divider,
  #landing-page-navbar #landing-page-navbar-dropdown .navbar-loginsignup-li {
    display: block;
  }
}

.landing-page #header-image-div {
  overflow: hidden;
}
.landing-page .slplaner-responsive-img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1100px) {
  .landing-page .slplaner-responsive-img {
    width: 110%;
    -ms-transform: translate(-15px, 0); /* IE 9 */
    -webkit-transform: translate(-15px, 0); /* Safari prior 9.0 */
    transform: translate(-15px, 0); /* Standard syntax */
  }
}
@media screen and (max-width: 700px) {
  .landing-page .slplaner-responsive-img {
    width: 120%;
  }
}
.landing-page #product-offers-wrapper {
  position: absolute;
  top: 70px;
  height: 33vw;
  width: 100%;
}
.landing-page #product-offers-container {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.landing-page #product-offers-row {
  margin-left: 0;
  width: 28%;
}
.landing-page #product-offers-row div.landing-page-text-div {
  border-radius: 5px;
  font-size: 1.2rem;
  padding: 1rem 0 1rem 35px;
}
@media screen and (max-width: 1500px) {
  .landing-page #product-offers-row div.landing-page-text-div {
    padding-left: 25px;
  }
}
@media screen and (max-width: 1440px) {
  .landing-page #product-offers-row div.landing-page-text-div {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 1380px) {
  .landing-page #product-offers-row div.landing-page-text-div {
    font-size: 1.05rem;
  }
}
@media screen and (max-width: 1320px) {
  .landing-page #product-offers-row div.landing-page-text-div {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1280px) {
  .landing-page #product-offers-row {
    font-size: 0.95rem;
  }
}
@media screen and (max-width: 1100px) {
  .landing-page #product-offers-row {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 960px) {
  .landing-page #product-offers-row {
    width: 40%;
  }
}

.landing-page #mab-announcement-wrapper {
  position: absolute;
  top: 70px;
  height: 33vw;
  width: 100%;
}
@media screen and (max-width: 960px) {
  .landing-page #mab-announcement-wrapper {
    position: initial;
    height: initial;
  }
}
@media screen and (max-width: 960px) {
  .landing-page #mab-announcement-container {
    position: relative;
    top: initial;
    margin-top: 0;
  }
}
.landing-page #mab-announcement-row {
  margin-left: 0;
  width: 70%;
}
.landing-page #mab-announcement-row ul.landing-page-text-ul {
  font-size: 1.2rem;
  list-style-type: disc;
  padding-left: 35px;
}
.landing-page #mab-announcement-row li {
  list-style-type: initial;
}
.landing-page #mab-announcement-row .slplaner-card {
  border-radius: 5px;
  box-shadow: 3px 3px 1px #bbb;
}
.landing-page #mab-announcement-row .card-title {
  font-size: 2.7rem;
  line-height: 3rem;
  font-weight: bold;
  color: #566067;
}
.landing-page #mab-announcement-row .card-title #mab-title {
  margin-top: 15px;
  margin-bottom: 35px;
}
@media screen and (max-width: 1580px) {
  .landing-page #mab-announcement-row ul.landing-page-text-ul {
    font-size: 1.1rem;
    padding-left: 35px;
  }
  .landing-page #mab-announcement-row li {
    margin-bottom: 10px;
  }
  .landing-page #mab-announcement-row .card-title {
    font-size: 2.5rem;
    line-height: 2.8rem;
  }
  .landing-page #mab-announcement-row .card-title #mab-title {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1500px) {
  .landing-page #mab-announcement-row ul.landing-page-text-ul {
    padding-left: 25px;
  }
  .landing-page #mab-announcement-row li {
    margin-bottom: 8px;
  }
  .landing-page #mab-announcement-row .card-title {
    font-size: 2.2rem;
    line-height: 2.5rem;
  }
  .landing-page #mab-announcement-row .card-content {
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 1440px) {
  .landing-page #mab-announcement-row ul.landing-page-text-ul {
    font-size: 1.05rem;
  }
  .landing-page #mab-announcement-row li {
    margin-bottom: 6px;
  }
  .landing-page #mab-announcement-row .card-title {
    font-size: 2.1rem;
    line-height: 2.4rem;
  }
  .landing-page #mab-announcement-row .card-content {
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 1380px) {
  .landing-page #mab-announcement-row ul.landing-page-text-ul {
    font-size: 1rem;
  }
  .landing-page #mab-announcement-row li {
    margin-bottom: 5px;
  }
  .landing-page #mab-announcement-row .card-title {
    font-size: 2rem;
    line-height: 2.1rem;
  }
  .landing-page #mab-announcement-row .card-title #mab-title {
    margin-top: 0;
    margin-bottom: 25px;
  }
  .landing-page #mab-announcement-row .card-content {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1320px) {
  .landing-page #mab-announcement-row {
    width: 71%;
  }
  .landing-page #mab-announcement-row ul.landing-page-text-ul {
    font-size: 0.95rem;
  }
  .landing-page #mab-announcement-row li {
    margin-bottom: 4px;
  }
  .landing-page #mab-announcement-row .card-title {
    font-size: 1.8rem;
    line-height: 1.9rem;
  }
  .landing-page #mab-announcement-row .card-action {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media screen and (max-width: 1280px) {
  .landing-page #mab-announcement-row .card-content {
    padding-top: 20px;
  }
  .landing-page #mab-announcement-row .decorative-buttons-div {
    margin-bottom: 12px;
  }
  .landing-page #mab-announcement-row .card-title {
    font-size: 1.7rem;
    line-height: 1.8rem;
  }
  .landing-page #mab-announcement-row .card-title #mab-title {
    margin-bottom: 20px;
  }
  .landing-page #mab-announcement-row .card-action {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media screen and (max-width: 1240px) {
  .landing-page #mab-announcement-row {
    width: 100%;
  }
}
@media screen and (max-width: 1100px) {
  .landing-page #mab-announcement-row {
    margin-bottom: 0;
  }
}
.landing-page #mab-coming-soon-sticker {
  position: absolute;
  top: 20px;
  left: 30px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  font-size: 2.6rem;
  line-height: 2.8rem;
  font-weight: bold;
  transform: rotate(-30deg);
  background: linear-gradient(180deg, #ff0000 0%, #fb8c00 100%);
}
@media screen and (max-width: 1580px) {
  .landing-page #mab-coming-soon-sticker {
    width: 100px;
    height: 100px;
    font-size: 2.4rem;
    line-height: 2.6rem;
  }
}
@media screen and (max-width: 1380px) {
  .landing-page #mab-coming-soon-sticker {
    top: 30px;
    width: 90px;
    height: 90px;
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
}
@media screen and (max-width: 1320px) {
  .landing-page #mab-coming-soon-sticker {
    top: 30px;
    width: 80px;
    height: 80px;
    font-size: 1.9rem;
    line-height: 2.1rem;
  }
}
@media screen and (max-width: 1280px) {
  .landing-page #mab-coming-soon-sticker {
    top: 30px;
    width: 70px;
    height: 70px;
    font-size: 1.6rem;
    line-height: 1.7rem;
  }
}
@media screen and (max-width: 700px) {
  .landing-page #mab-coming-soon-sticker {
    width: 100px;
    height: 100px;
    font-size: 2.4rem;
    line-height: 2.6rem;
  }
}
@media screen and (max-width: 650px) {
  .landing-page #mab-coming-soon-sticker {
    top: 30px;
    width: 90px;
    height: 90px;
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
}
@media screen and (max-width: 550px) {
  .landing-page #mab-coming-soon-sticker {
    top: 20px;
    width: 70px;
    height: 70px;
    font-size: 1.7rem;
    line-height: 1.9rem;
  }
}
.landing-page #mab-test-now-row {
  margin-left: 0;
  width: 70%;
}
.landing-page #mab-test-now-row ul.landing-page-text-ul {
  font-size: 1.2rem;
  list-style-type: disc;
  padding-left: 35px;
}
.landing-page #mab-test-now-row li {
  list-style-type: initial;
}
.landing-page #mab-test-now-row .slplaner-card {
  border-radius: 5px;
  box-shadow: 3px 3px 1px #b3e5fc;
}
.landing-page #mab-test-now-row .card-title {
  font-size: 2.7rem;
  line-height: 3rem;
  font-weight: bold;
  color: #566067;
}
.landing-page #mab-test-now-row .card-title #mab-title {
  margin-top: 15px;
  margin-bottom: 35px;
}
@media screen and (max-width: 1580px) {
  .landing-page #mab-test-now-row ul.landing-page-text-ul {
    font-size: 1.1rem;
    padding-left: 35px;
  }
  .landing-page #mab-test-now-row li {
    margin-bottom: 10px;
  }
  .landing-page #mab-test-now-row .card-title {
    font-size: 2.5rem;
    line-height: 2.8rem;
  }
  .landing-page #mab-test-now-row .card-title #mab-title {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1500px) {
  .landing-page #mab-test-now-row ul.landing-page-text-ul {
    padding-left: 25px;
  }
  .landing-page #mab-test-now-row li {
    margin-bottom: 8px;
  }
  .landing-page #mab-test-now-row .card-title {
    font-size: 2.2rem;
    line-height: 2.5rem;
  }
  .landing-page #mab-test-now-row .card-content {
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 1440px) {
  .landing-page #mab-test-now-row ul.landing-page-text-ul {
    font-size: 1.05rem;
  }
  .landing-page #mab-test-now-row li {
    margin-bottom: 6px;
  }
  .landing-page #mab-test-now-row .card-title {
    font-size: 2.1rem;
    line-height: 2.4rem;
  }
  .landing-page #mab-test-now-row .card-content {
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 1380px) {
  .landing-page #mab-test-now-row ul.landing-page-text-ul {
    font-size: 1rem;
  }
  .landing-page #mab-test-now-row li {
    margin-bottom: 5px;
  }
  .landing-page #mab-test-now-row .card-title {
    font-size: 2rem;
    line-height: 2.1rem;
  }
  .landing-page #mab-test-now-row .card-title #mab-title {
    margin-top: 0;
    margin-bottom: 25px;
  }
  .landing-page #mab-test-now-row .card-content {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1320px) {
  .landing-page #mab-test-now-row {
    width: 71%;
  }
  .landing-page #mab-test-now-row ul.landing-page-text-ul {
    font-size: 0.95rem;
  }
  .landing-page #mab-test-now-row li {
    margin-bottom: 4px;
  }
  .landing-page #mab-test-now-row .card-title {
    font-size: 1.8rem;
    line-height: 1.9rem;
  }
  .landing-page #mab-test-now-row .card-action {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media screen and (max-width: 1280px) {
  .landing-page #mab-test-now-row .card-content {
    padding-top: 20px;
  }
  .landing-page #mab-test-now-row .decorative-buttons-div {
    margin-bottom: 12px;
  }
  .landing-page #mab-test-now-row .card-title {
    font-size: 1.7rem;
    line-height: 1.8rem;
  }
  .landing-page #mab-test-now-row .card-title #mab-title {
    margin-bottom: 20px;
  }
  .landing-page #mab-test-now-row .card-action {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media screen and (max-width: 1240px) {
  .landing-page #mab-test-now-row {
    width: 100%;
  }
}
@media screen and (max-width: 1100px) {
  .landing-page #mab-test-now-row {
    margin-bottom: 0;
  }
}
.landing-page #mab-now-available-sticker {
  position: absolute;
  top: 20px;
  left: 30px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  font-size: 1.6rem;
  line-height: 1.8rem;
  font-weight: bold;
  transform: rotate(-30deg);
  background: linear-gradient(180deg, #ff0000 0%, #fb8c00 100%);
}
@media screen and (max-width: 1580px) {
  .landing-page #mab-now-available-sticker {
    width: 100px;
    height: 100px;
    font-size: 2.4rem;
    line-height: 2.6rem;
  }
}
@media screen and (max-width: 1380px) {
  .landing-page #mab-now-available-sticker {
    top: 30px;
    width: 90px;
    height: 90px;
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
}
@media screen and (max-width: 1320px) {
  .landing-page #mab-now-available-sticker {
    top: 30px;
    width: 80px;
    height: 80px;
    font-size: 1.9rem;
    line-height: 2.1rem;
  }
}
@media screen and (max-width: 1280px) {
  .landing-page #mab-now-available-sticker {
    top: 30px;
    width: 70px;
    height: 70px;
    font-size: 1.6rem;
    line-height: 1.7rem;
  }
}
@media screen and (max-width: 700px) {
  .landing-page #mab-now-available-sticker {
    width: 100px;
    height: 100px;
    font-size: 2.4rem;
    line-height: 2.6rem;
  }
}
@media screen and (max-width: 650px) {
  .landing-page #mab-now-available-sticker {
    top: 30px;
    width: 90px;
    height: 90px;
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
}
@media screen and (max-width: 550px) {
  .landing-page #mab-now-available-sticker {
    top: 20px;
    width: 70px;
    height: 70px;
    font-size: 1.7rem;
    line-height: 1.9rem;
  }
}

.landing-page .card {
  margin-top: 20px;
}
.landing-page .card .decorative-buttons-div {
  margin-bottom: 15px;
}
.landing-page .card .decorative-buttons-div li {
  display: inline-block;
}
.landing-page .card .decorative-buttons-div li div {
  margin: 0 3px;
}
.landing-page .card .decorative-buttons-div li div i {
  background-color: #1aa4ff;
}
.landing-page .card .card-title {
  font-size: 1.3rem;
  line-height: 1.6rem;
}

.landing-page #usp-cards-medium-screens,
.landing-page #pi-cards-medium-screens,
.landing-page #pi-cards-small-screens {
  display: none;
}
.landing-page .horizontal-pi-card .infotext-div {
  margin-top: 1.3rem;
}
@media screen and (min-width: 1501px) {
  .landing-page .horizontal-pi-card .card-image {
    height: 26rem;
    overflow: hidden;
  }
  .landing-page .horizontal-pi-card.funktionen .card-image img,
  .landing-page .horizontal-pi-card.online .card-image img {
    height: 100%;
    width: auto;
  }
}
@media screen and (min-width: 1101px) {
  .landing-page .vertical-usp-card .card-content-top {
    height: 9.8rem;
  }
  .landing-page .vertical-usp-card .card-content-bottom {
    min-height: 17rem;
  }
}
@media screen and (max-width: 1500px) {
  .landing-page #pi-cards-large-screens {
    display: none;
  }
  .landing-page #pi-cards-medium-screens {
    display: block;
  }
  .landing-page .horizontal-pi-card .card-image {
    height: 28rem;
    overflow: hidden;
  }
  .landing-page .horizontal-pi-card.funktionen .card-image {
    height: 32rem;
  }
  .landing-page .horizontal-pi-card.funktionen .card-image img {
    height: 100%;
    width: auto;
  }
  .landing-page .horizontal-pi-card.online .card-image {
    max-width: 40%;
  }
}
@media screen and (max-width: 1100px) {
  .landing-page #usp-cards-large-and-small-screens {
    display: none;
  }
  .landing-page #usp-cards-medium-screens {
    display: block;
  }
  .landing-page .horizontal-usp-card .infotext-div {
    margin-top: 1.3rem;
  }
  .landing-page .horizontal-usp-card .card-image {
    height: 27rem;
    overflow: hidden;
  }
}
@media screen and (max-width: 780px) {
  .landing-page #usp-cards-medium-screens,
  .landing-page #pi-cards-medium-screens {
    display: none;
  }
  .landing-page #usp-cards-large-and-small-screens,
  .landing-page #pi-cards-small-screens {
    display: block;
  }
  .landing-page .vertical-usp-card .card-content-bottom,
  .landing-page .vertical-pi-card .card-content-bottom {
    font-size: 1.15rem;
  }
}

.landing-page .card .landing-page-text-ul li {
  margin-bottom: 1rem;
}
.landing-page .card .landing-page-text-ul li:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 992px) {
  .landing-page .testimonials-text-div {
    margin-bottom: 10px;
  }
}
.landing-page .about-grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 1.5rem;
  column-gap: 1.5rem;
  grid-row-gap: 1rem;
  row-gap: 1rem;
  margin-bottom: 20px;
}
.landing-page .about-grid-container #team-photo .about-image {
  overflow: hidden;
}
.landing-page .about-grid-container #team-photo .about-image img {
  width: 100%;
}
@media screen and (min-width: 1831px) {
  .landing-page .about-grid-container #team-photo {
    grid-column-start: 2;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 5;
  }
  .landing-page .about-grid-container #team-photo .about-image {
    height: 25rem;
  }
  .landing-page .about-grid-container #team-photo .about-image img {
    margin-top: -25px;
  }
  .landing-page .about-grid-container #about-seabird {
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
  .landing-page .about-grid-container #about-team {
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 2;
    grid-row-end: span 1;
  }
  .landing-page .about-grid-container #about-challenge {
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 3;
    grid-row-end: span 1;
  }
  .landing-page .about-grid-container #about-simpli {
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 4;
    grid-row-end: span 1;
  }
  .landing-page .about-grid-container #about-contact {
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 5;
    grid-row-end: span 1;
  }
}
@media screen and (max-width: 1830px) {
  .landing-page .about-grid-container #team-photo {
    grid-column-start: 2;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 4;
  }
  .landing-page .about-grid-container #team-photo .about-image {
    height: 22rem;
  }
  .landing-page .about-grid-container #team-photo .about-image img {
    margin-top: -30px;
  }
  .landing-page .about-grid-container #about-seabird {
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
  .landing-page .about-grid-container #about-team {
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 2;
    grid-row-end: span 1;
  }
  .landing-page .about-grid-container #about-challenge {
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 3;
    grid-row-end: span 1;
  }
  .landing-page .about-grid-container #about-simpli {
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 4;
    grid-row-end: span 1;
  }
  .landing-page .about-grid-container #about-contact {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 5;
    grid-row-end: span 1;
    margin-top: 10px;
  }
}
@media screen and (max-width: 1615px) {
  .landing-page .about-grid-container .about-grid-container {
    grid-row-gap: 0.8rem;
    row-gap: 0.8rem;
  }
  .landing-page .about-grid-container #team-photo {
    grid-column-start: 2;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 3;
  }
  .landing-page .about-grid-container #team-photo .about-image {
    height: 17rem;
  }
  .landing-page .about-grid-container #about-simpli {
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 4;
    grid-row-end: span 1;
    margin-top: 0.3rem;
  }
  .landing-page .about-grid-container #about-contact {
    grid-column-start: 2;
    grid-column-end: span 1;
    grid-row-start: 4;
    grid-row-end: span 1;
    margin-top: 0.3rem;
  }
}
@media screen and (max-width: 1360px) {
  .landing-page .about-grid-container .about-grid-container {
    grid-row-gap: 0.7rem;
    row-gap: 0.7rem;
  }
  .landing-page .about-grid-container #team-photo .about-image img {
    margin-top: -10px;
  }
}
@media screen and (max-width: 1270px) {
  .landing-page .about-grid-container #team-photo {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 1;
    grid-row-end: span 1;
    margin-bottom: 1rem;
  }
  .landing-page .about-grid-container #team-photo .about-image {
    height: 300px;
  }
  .landing-page .about-grid-container #team-photo .about-image img {
    margin-top: -80px;
  }
  .landing-page .about-grid-container #about-seabird {
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 2;
    grid-row-end: span 1;
  }
  .landing-page .about-grid-container #about-team {
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 3;
    grid-row-end: span 1;
  }
  .landing-page .about-grid-container #about-challenge {
    grid-column-start: 2;
    grid-column-end: span 1;
    grid-row-start: 2;
    grid-row-end: span 1;
  }
  .landing-page .about-grid-container #about-simpli {
    grid-column-start: 2;
    grid-column-end: span 1;
    grid-row-start: 3;
    grid-row-end: span 1;
    margin-top: 0;
  }
  .landing-page .about-grid-container #about-contact {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 4;
    grid-row-end: span 1;
  }
}
@media screen and (max-width: 1140px) {
  .landing-page .about-grid-container #team-photo .about-image {
    height: 290px;
  }
  .landing-page .about-grid-container #team-photo .about-image img {
    margin-top: -70px;
  }
}
@media screen and (max-width: 840px) {
  .landing-page .about-grid-container #team-photo .about-image {
    height: 270px;
  }
  .landing-page .about-grid-container #team-photo .about-image img {
    margin-top: -50px;
  }
}
@media screen and (max-width: 660px) {
  .landing-page .about-grid-container #team-photo {
    margin-bottom: 0.8rem;
  }
  .landing-page .about-grid-container #team-photo .about-image {
    height: 35vw;
  }
  .landing-page .about-grid-container #team-photo .about-image img {
    margin-top: -35px;
  }
  .landing-page .about-grid-container #about-seabird {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 2;
    grid-row-end: span 1;
  }
  .landing-page .about-grid-container #about-team {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 3;
    grid-row-end: span 1;
  }
  .landing-page .about-grid-container #about-challenge {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 4;
    grid-row-end: span 1;
  }
  .landing-page .about-grid-container #about-simpli {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 5;
    grid-row-end: span 1;
  }
  .landing-page .about-grid-container #about-contact {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 6;
    grid-row-end: span 1;
  }
}

@media screen and (max-width: 1200px) {
  .landing-page .cta-text-div {
    margin-bottom: 10px;
  }
}
.schule.card p,
.product.card p {
  margin-bottom: 1.4rem;
}

.marketing-flex {
  display: flex;
  flex-wrap: wrap;
}
.marketing-flex .slplaner-card {
  height: calc(100% - 1.5rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.marketing-flex .slplaner-card .card-content {
  flex-grow: 1;
}
.marketing-flex .slplaner-card .card-action {
  flex-grow: 0;
}

.kostenlos-testen {
  font-weight: bold;
}

.abonnieren {
  font-weight: bold;
}

.mehr-info {
  font-weight: bold;
}

.expiration-notice-product-info {
  font-weight: bold;
}

.datenschutzerklaerung-info {
  font-weight: bold;
  white-space: nowrap;
}

.abo-bearbeiten {
  font-weight: bold;
}

.customer-index-product-element,
.marketing-element-with-bottom-margin {
  margin-bottom: 12px;
}

.marketing-element-with-top-margin {
  margin-top: 1rem;
}

.customer-index-product-element-tiers-title,
.marketing-element-with-top-and-bottom-margin {
  margin-bottom: 8px;
  margin-top: 1rem;
}

#marketing-factsheet h5 {
  font-size: 1.2rem;
  margin-top: 1.2rem;
  margin-bottom: 0.6rem;
  line-height: 1.5;
}
#marketing-factsheet ul {
  list-style-type: disc;
  margin-bottom: 1rem;
  padding-left: 25px;
}
#marketing-factsheet li {
  list-style-type: initial;
}

.dse-buttons {
  vertical-align: middle;
}
@media screen and (min-width: 760px) {
  .dse-buttons {
    vertical-align: top;
    white-space: nowrap;
  }
}

.slplaner-contract-expiration-button {
  font-size: 12px;
  height: 27px;
  line-height: 27px;
  margin-left: 5px;
  padding-left: 12px;
  padding-right: 12px;
  width: 11rem;
}

.slplaner-datenschutzerklaerung-button {
  width: 13rem;
}

#bottom-sheet-modal.slplaner-expiration-notice-bottom-sheet .modal-content,
#bottom-sheet-modal.datenschutzerklaerung-bottom-sheet .modal-content {
  padding-bottom: 12px;
}
#bottom-sheet-modal.slplaner-expiration-notice-bottom-sheet .modal-content div.row,
#bottom-sheet-modal.datenschutzerklaerung-bottom-sheet .modal-content div.row {
  margin-bottom: 0;
}
#bottom-sheet-modal.slplaner-expiration-notice-bottom-sheet .modal-content div.row td,
#bottom-sheet-modal.datenschutzerklaerung-bottom-sheet .modal-content div.row td {
  padding-left: 0;
  padding-right: 0;
}
#bottom-sheet-modal.slplaner-expiration-notice-bottom-sheet .modal-content #contact-support,
#bottom-sheet-modal.datenschutzerklaerung-bottom-sheet .modal-content #contact-support {
  margin-top: 13px;
}

.row.bubble-container {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
.row.bubble-container.navbar-bubble {
  margin-top: -40px;
  padding: 0 5%;
}
.row.bubble-container .col.bubble {
  border-radius: 10px;
  margin-bottom: 0.6rem;
  position: relative;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.row.bubble-container .col.bubble p {
  margin: 1.2rem 0;
}
.row.bubble-container .col.bubble-minimal {
  border-radius: 2px;
  margin-bottom: 0.2rem;
  position: relative;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.row.bubble-container .bubble-minimal-li {
  margin-top: 8px;
  margin-bottom: 8px;
  line-height: 1.2rem;
}
.row.bubble-container .bubble-highlight {
  font-size: 1.3rem;
  line-height: 1.9rem;
  padding: 0.8rem 1.8rem;
}
.row.bubble-container .bubble-highlight a {
  text-decoration: underline;
}
.row.bubble-container .bubble-highlight-small {
  font-size: 1.2rem;
  line-height: 1.7rem;
  padding: 0.2rem 1.8rem;
}
.row.bubble-container .bubble-warning-small {
  font-size: 1.2rem;
  line-height: 1.7rem;
  padding: 0.2rem 1.8rem;
}
.row.bubble-container .bubble-plain {
  font-size: 1.1rem;
  line-height: 1.6rem;
  padding: 0.4rem 1.8rem;
}
.row.bubble-container .bubble-highlight-minimal {
  font-size: 0.9rem;
  line-height: 1.5rem;
  padding: 0.4rem 0.9rem;
}
.row.bubble-container .bubble-warning-minimal {
  font-size: 0.9rem;
  font-weight: bold;
  line-height: 1.5rem;
  padding: 0.4rem 0.9rem;
}
.row.bubble-container .bubble-plain-minimal {
  font-size: 0.9rem;
  line-height: 1.5rem;
  padding: 0.4rem 0.9rem;
}
.row.bubble-container .col.bubble.arrow-top.arrow-length-medium {
  margin-top: 40px;
}
.row.bubble-container .col.bubble.arrow-top.arrow-length-short {
  margin-top: 27px;
}
.row.bubble-container .col.bubble.arrow-bottom.arrow-length-medium {
  margin-bottom: 40px;
}
.row.bubble-container .col.bubble.arrow-bottom.arrow-length-short {
  margin-bottom: 27px;
}
.row.bubble-container .bubble-after, .row.bubble-container .bubble.arrow-bottom.arrow-position-right-1.arrow-shape-full.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-bottom.arrow-position-33.arrow-shape-half-right.arrow-length-short.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-bottom.arrow-position-left-2.arrow-shape-half-right.arrow-length-short.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-bottom.arrow-position-left-1.arrow-shape-half-right.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-bottom.arrow-position-left-1.arrow-shape-half-right.arrow-length-short.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-bottom.arrow-position-left-1.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-bottom.arrow-position-right-1.arrow-shape-half-right.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-7-6-with-8-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-6-4-with-10-one-col-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-5-4-with-9-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-5-4-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-4-1-with-10-one-col-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-4-1-with-9-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-4-1-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-3-1-with-9-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-3-1-with-7-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-3-1-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-1-2-with-9-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-1-2-with-7-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-1-2-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-right-1.arrow-shape-half-right.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-5.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-4.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-3.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-2.arrow-shape-half-right.arrow-length-short.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-2.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-1.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-0.arrow-shape-half-right.arrow-length-short.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-0.arrow-shape-half-left.arrow-length-short.arrow-width-narrow::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  z-index: 1;
  border-style: solid;
}
.row.bubble-container .bubble-after-top-length-medium, .row.bubble-container .bubble.arrow-top.arrow-position-left-7-6-with-8-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-6-4-with-10-one-col-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-5-4-with-9-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-5-4-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-4-1-with-10-one-col-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-4-1-with-9-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-4-1-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-3-1-with-9-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-3-1-with-7-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-3-1-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-1-2-with-9-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-1-2-with-7-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-1-2-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-right-1.arrow-shape-half-right.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-5.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-4.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-3.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-2.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-1.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
  top: -40px;
}
.row.bubble-container .bubble-after-top-length-short, .row.bubble-container .bubble.arrow-top.arrow-position-left-2.arrow-shape-half-right.arrow-length-short.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-0.arrow-shape-half-right.arrow-length-short.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-0.arrow-shape-half-left.arrow-length-short.arrow-width-narrow::after {
  top: -27px;
}
.row.bubble-container .bubble-after-bottom-length-medium, .row.bubble-container .bubble.arrow-bottom.arrow-position-right-1.arrow-shape-full.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-bottom.arrow-position-left-1.arrow-shape-half-right.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-bottom.arrow-position-left-1.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-bottom.arrow-position-right-1.arrow-shape-half-right.arrow-length-medium.arrow-width-narrow::after {
  bottom: -40px;
}
.row.bubble-container .bubble-after-bottom-length-short, .row.bubble-container .bubble.arrow-bottom.arrow-position-33.arrow-shape-half-right.arrow-length-short.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-bottom.arrow-position-left-2.arrow-shape-half-right.arrow-length-short.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-bottom.arrow-position-left-1.arrow-shape-half-right.arrow-length-short.arrow-width-narrow::after {
  bottom: -27px;
}
.row.bubble-container .bubble-after-position-left-0, .row.bubble-container .bubble.arrow-top.arrow-position-left-0.arrow-shape-half-right.arrow-length-short.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-0.arrow-shape-half-left.arrow-length-short.arrow-width-narrow::after {
  left: 27px;
}
.row.bubble-container .bubble-after-position-left-1, .row.bubble-container .bubble.arrow-bottom.arrow-position-left-1.arrow-shape-half-right.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-bottom.arrow-position-left-1.arrow-shape-half-right.arrow-length-short.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-bottom.arrow-position-left-1.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-1.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
  left: 37px;
}
.row.bubble-container .bubble-after-position-left-2, .row.bubble-container .bubble.arrow-bottom.arrow-position-left-2.arrow-shape-half-right.arrow-length-short.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-2.arrow-shape-half-right.arrow-length-short.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-2.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
  left: 93px;
}
.row.bubble-container .bubble-after-position-left-3, .row.bubble-container .bubble.arrow-top.arrow-position-left-3.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
  left: 149px;
}
.row.bubble-container .bubble-after-position-left-4, .row.bubble-container .bubble.arrow-top.arrow-position-left-4.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
  left: 205px;
}
.row.bubble-container .bubble-after-position-left-5, .row.bubble-container .bubble.arrow-top.arrow-position-left-5.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
  left: 261px;
}
.row.bubble-container .bubble-after-position-left-6 {
  left: 317px;
}
.row.bubble-container .bubble-after-position-left-7 {
  left: 373px;
}
.row.bubble-container .bubble-after-position-33, .row.bubble-container .bubble.arrow-bottom.arrow-position-33.arrow-shape-half-right.arrow-length-short.arrow-width-narrow::after {
  left: 33%;
}
.row.bubble-container .bubble-after-position-right-1, .row.bubble-container .bubble.arrow-bottom.arrow-position-right-1.arrow-shape-full.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-bottom.arrow-position-right-1.arrow-shape-half-right.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-right-1.arrow-shape-half-right.arrow-length-medium.arrow-width-narrow::after {
  right: 53px;
}
.row.bubble-container .bubble-after-narrow-half-top-left-medium, .row.bubble-container .bubble.arrow-top.arrow-position-left-7-6-with-8-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-6-4-with-10-one-col-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-5-4-with-9-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-5-4-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-4-1-with-10-one-col-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-4-1-with-9-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-4-1-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-3-1-with-9-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-3-1-with-7-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-3-1-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-1-2-with-9-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-1-2-with-7-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-1-2-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-5.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-4.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-3.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-2.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-1.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
  border-top-width: 40px;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 18px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: hsl(134, 60%, 47%);
}
.row.bubble-container .bubble-after-narrow-half-top-right-medium, .row.bubble-container .bubble.arrow-top.arrow-position-right-1.arrow-shape-half-right.arrow-length-medium.arrow-width-narrow::after {
  border-top-width: 40px;
  border-right-width: 18px;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-color: transparent;
  border-right-color: hsl(134, 60%, 47%);
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.row.bubble-container .bubble-after-narrow-half-top-left-short, .row.bubble-container .bubble.arrow-top.arrow-position-left-0.arrow-shape-half-left.arrow-length-short.arrow-width-narrow::after {
  border-top-width: 27px;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 18px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: hsl(134, 60%, 47%);
}
.row.bubble-container .bubble-after-narrow-half-top-right-short, .row.bubble-container .bubble.arrow-top.arrow-position-left-2.arrow-shape-half-right.arrow-length-short.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-top.arrow-position-left-0.arrow-shape-half-right.arrow-length-short.arrow-width-narrow::after {
  border-top-width: 27px;
  border-right-width: 18px;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-color: transparent;
  border-right-color: hsl(134, 60%, 47%);
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.row.bubble-container .bubble-after-narrow-full-top-medium {
  border-top-width: 0;
  border-right-width: 18px;
  border-bottom-width: 40px;
  border-left-width: 18px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: hsl(134, 60%, 47%);
  border-left-color: transparent;
}
.row.bubble-container .bubble-after-narrow-half-bottom-left-medium, .row.bubble-container .bubble.arrow-bottom.arrow-position-left-1.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 40px;
  border-left-width: 18px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: hsl(134, 60%, 47%);
}
.row.bubble-container .bubble-after-narrow-half-bottom-right-medium, .row.bubble-container .bubble.arrow-bottom.arrow-position-left-1.arrow-shape-half-right.arrow-length-medium.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-bottom.arrow-position-right-1.arrow-shape-half-right.arrow-length-medium.arrow-width-narrow::after {
  border-top-width: 0;
  border-right-width: 18px;
  border-bottom-width: 40px;
  border-left-width: 0;
  border-top-color: transparent;
  border-right-color: hsl(134, 60%, 47%);
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.row.bubble-container .bubble-after-narrow-half-bottom-right-short, .row.bubble-container .bubble.arrow-bottom.arrow-position-33.arrow-shape-half-right.arrow-length-short.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-bottom.arrow-position-left-2.arrow-shape-half-right.arrow-length-short.arrow-width-narrow::after, .row.bubble-container .bubble.arrow-bottom.arrow-position-left-1.arrow-shape-half-right.arrow-length-short.arrow-width-narrow::after {
  border-top-width: 0;
  border-right-width: 18px;
  border-bottom-width: 27px;
  border-left-width: 0;
  border-top-color: transparent;
  border-right-color: hsl(134, 60%, 47%);
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.row.bubble-container .bubble-after-narrow-full-bottom-medium, .row.bubble-container .bubble.arrow-bottom.arrow-position-right-1.arrow-shape-full.arrow-length-medium.arrow-width-narrow::after {
  border-top-width: 40px;
  border-right-width: 18px;
  border-bottom-width: 0;
  border-left-width: 18px;
  border-top-color: hsl(134, 60%, 47%);
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
@media screen and (max-width: 992px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-1-2-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 37px;
  }
}
@media screen and (min-width: 1150px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-1-2-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 37px;
  }
}
@media screen and (min-width: 993px) and (max-width: 1149px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-1-2-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 93px;
  }
}
@media screen and (max-width: 992px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-1-2-with-7-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 37px;
  }
}
@media screen and (min-width: 1273px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-1-2-with-7-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 37px;
  }
}
@media screen and (min-width: 993px) and (max-width: 1272px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-1-2-with-7-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 93px;
  }
}
@media screen and (max-width: 1382px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-1-2-with-9-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 93px;
  }
}
@media screen and (min-width: 1383px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-1-2-with-9-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 37px;
  }
}
@media screen and (max-width: 992px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-3-1-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 149px;
  }
}
@media screen and (min-width: 1150px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-3-1-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 149px;
  }
}
@media screen and (min-width: 993px) and (max-width: 1149px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-3-1-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 37px;
  }
}
@media screen and (max-width: 992px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-3-1-with-7-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 149px;
  }
}
@media screen and (min-width: 1273px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-3-1-with-7-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 149px;
  }
}
@media screen and (min-width: 993px) and (max-width: 1272px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-3-1-with-7-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 37px;
  }
}
@media screen and (max-width: 1382px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-3-1-with-9-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 37px;
  }
}
@media screen and (min-width: 1383px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-3-1-with-9-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 149px;
  }
}
@media screen and (max-width: 992px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-4-1-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 205px;
  }
}
@media screen and (min-width: 1150px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-4-1-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 205px;
  }
}
@media screen and (min-width: 993px) and (max-width: 1149px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-4-1-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 37px;
  }
}
@media screen and (max-width: 1382px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-4-1-with-9-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 37px;
  }
}
@media screen and (min-width: 1383px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-4-1-with-9-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 205px;
  }
}
@media screen and (max-width: 1185px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-4-1-with-10-one-col-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 37px;
  }
}
@media screen and (min-width: 1186px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-4-1-with-10-one-col-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 205px;
  }
}
@media screen and (max-width: 992px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-5-4-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 261px;
  }
}
@media screen and (min-width: 1150px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-5-4-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 261px;
  }
}
@media screen and (min-width: 993px) and (max-width: 1149px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-5-4-with-6-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 205px;
  }
}
@media screen and (max-width: 1382px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-5-4-with-9-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 205px;
  }
}
@media screen and (min-width: 1383px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-5-4-with-9-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 261px;
  }
}
@media screen and (max-width: 1185px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-6-4-with-10-one-col-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 205px;
  }
}
@media screen and (min-width: 1186px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-6-4-with-10-one-col-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 317px;
  }
}
@media screen and (max-width: 1382px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-7-6-with-8-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 317px;
  }
}
@media screen and (min-width: 1383px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-7-6-with-8-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 373px;
  }
}
@media screen and (max-width: 1382px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-5-4-with-9-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 205px;
  }
}
@media screen and (min-width: 1383px) {
  .row.bubble-container .bubble.arrow-top.arrow-position-left-5-4-with-9-navbar-items.arrow-shape-half-left.arrow-length-medium.arrow-width-narrow::after {
    left: 261px;
  }
}
.qr-code-small {
  height: 6rem;
  width: 6rem;
}

.qr-code-medium {
  height: 11rem;
  width: 11rem;
}

.qr-code-row {
  margin-bottom: 0px;
}

.col.qr-code-title {
  margin-bottom: 10px;
  font-size: 1rem;
}

#pfile-events-view-person-show .pf-note-td {
  padding: 0.8rem 0 0.8rem 0;
}
#pfile-events-view-person-show .pf-note-td-indented {
  padding: 0.8rem 0 0.8rem 1.8rem;
}
#pfile-events-view-person-show .pf-note-text {
  padding: 0.5rem 0 0 0.8rem;
}

.pep-versions-small-title {
  font-weight: bold;
  margin-bottom: 6px;
}

.pep-versions-th-less-padding-top th {
  padding-top: 0;
}

.pep-versions-in-modal-subtitle-row {
  margin-bottom: 0;
}
.pep-versions-in-modal-subtitle-row .pep-versions-in-modal-col-title {
  font-size: 1.3rem;
  font-weight: bold;
  margin-top: 0.5rem;
  overflow: hidden;
  padding: 20px 20px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

div.assignments-info-section {
  margin-top: 16px;
  margin-bottom: 23px;
}
div.assignments-info-section div.assignments-info {
  margin-top: 10px;
  margin-bottom: 0px;
}

#units-assignable-form {
  margin-bottom: 12px;
}
#units-assignable-form div.assignments-input {
  margin-bottom: 5px;
}
#units-assignable-form div.assignments-input tr {
  border-bottom-width: 0;
}
#units-assignable-form div.assignments-input tr td {
  padding: 0;
}
#units-assignable-form div.time-periods-input {
  margin-bottom: 9px;
  margin-left: -5px;
}

#bg100_von_bis tr {
  border-bottom-width: 0;
}
#bg100_von_bis tr td {
  padding: 0;
}

/* taken from https://raw.githubusercontent.com/rails/rails/refs/tags/v7.1.5.1/actiontext/app/assets/stylesheets/trix.css */
trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none;
}

trix-toolbar * {
  box-sizing: border-box;
}

trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto;
}

trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px;
}

trix-toolbar .trix-button-group:not(:first-child) {
  margin-left: 1.5vw;
}

@media (max-width: 768px) {
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 0;
  }
}
trix-toolbar .trix-button-group-spacer {
  flex-grow: 1;
}

@media (max-width: 768px) {
  trix-toolbar .trix-button-group-spacer {
    display: none;
  }
}
trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent;
}

trix-toolbar .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}

trix-toolbar .trix-button.trix-active {
  background: #cbeefa;
  color: black;
}

trix-toolbar .trix-button:not(:disabled) {
  cursor: pointer;
}

trix-toolbar .trix-button:disabled {
  color: rgba(0, 0, 0, 0.125);
}

@media (max-width: 768px) {
  trix-toolbar .trix-button {
    letter-spacing: -0.01em;
    padding: 0 0.3em;
  }
}
trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px;
}

@media (max-width: 768px) {
  trix-toolbar .trix-button--icon {
    height: 2em;
    max-width: calc(0.8em + 3.5vw);
  }
}
trix-toolbar .trix-button--icon::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 768px) {
  trix-toolbar .trix-button--icon::before {
    right: 6%;
    left: 6%;
  }
}
trix-toolbar .trix-button--icon.trix-active::before {
  opacity: 1;
}

trix-toolbar .trix-button--icon:disabled::before {
  opacity: 0.125;
}

trix-toolbar .trix-button--icon-attach::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  top: 8%;
  bottom: 4%;
}

trix-toolbar .trix-button--icon-bold::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-italic::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-link::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-strike::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-quote::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-code::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-number-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-undo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-redo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-dialogs {
  position: relative;
}

trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5;
}

trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

trix-toolbar .trix-input--dialog.validate:invalid {
  box-shadow: #F00 0px 0px 1.5px 1px;
}

trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none;
}

trix-toolbar .trix-dialog--link {
  max-width: 600px;
}

trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline;
}

trix-toolbar .trix-dialog__link-fields .trix-input {
  flex: 1;
}

trix-toolbar .trix-dialog__link-fields .trix-button-group {
  flex: 0 0 content;
  margin: 0;
}

trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none;
}

trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection {
  background: none;
}

trix-editor .attachment__caption-editor:focus[data-trix-mutable]::-moz-selection {
  background: highlight;
}

trix-editor .attachment__caption-editor:focus[data-trix-mutable]::selection {
  background: highlight;
}

trix-editor [data-trix-mutable].attachment.attachment--file {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent;
}

trix-editor [data-trix-mutable].attachment img {
  box-shadow: 0 0 0 2px highlight;
}

trix-editor .attachment {
  position: relative;
}

trix-editor .attachment:hover {
  cursor: default;
}

trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text;
}

trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in;
}

trix-editor .attachment__progress[value="100"] {
  opacity: 0;
}

trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center;
}

trix-editor .trix-button-group {
  display: inline-flex;
}

trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent;
}

trix-editor .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}

trix-editor .trix-button.trix-active {
  background: #cbeefa;
}

trix-editor .trix-button:not(:disabled) {
  cursor: pointer;
}

trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
}

trix-editor .trix-button--remove::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
}

trix-editor .trix-button--remove:hover {
  border-color: #333;
}

trix-editor .trix-button--remove:hover::before {
  opacity: 1;
}

trix-editor .attachment__metadata-container {
  position: relative;
}

trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
}

trix-editor .attachment__metadata .attachment__name {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

trix-editor .attachment__metadata .attachment__size {
  margin-left: 0.2em;
  white-space: nowrap;
}

.trix-content {
  line-height: 1.5;
  overflow-wrap: break-word;
  word-break: break-word;
}

.trix-content * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.trix-content h1 {
  font-size: 1.2em;
  line-height: 1.2;
}

.trix-content blockquote {
  border: 0 solid #ccc;
  border-left-width: 0.3em;
  margin-left: 0.3em;
  padding-left: 0.6em;
}

.trix-content [dir=rtl] blockquote,
.trix-content blockquote[dir=rtl] {
  border-width: 0;
  border-right-width: 0.3em;
  margin-right: 0.3em;
  padding-right: 0.6em;
}

.trix-content li {
  margin-left: 1em;
}

.trix-content [dir=rtl] li {
  margin-right: 1em;
}

.trix-content pre {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-family: monospace;
  font-size: 0.9em;
  padding: 0.5em;
  white-space: pre;
  background-color: #eee;
  overflow-x: auto;
}

.trix-content img {
  max-width: 100%;
  height: auto;
}

.trix-content .attachment {
  display: inline-block;
  position: relative;
  max-width: 100%;
}

.trix-content .attachment a {
  color: inherit;
  text-decoration: none;
}

.trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
  color: inherit;
}

.trix-content .attachment__caption {
  text-align: center;
}

.trix-content .attachment__caption .attachment__name + .attachment__size::before {
  content: " •";
}

.trix-content .attachment--preview {
  width: 100%;
  text-align: center;
}

.trix-content .attachment--preview .attachment__caption {
  color: #666;
  font-size: 0.9em;
  line-height: 1.2;
}

.trix-content .attachment--file {
  color: #333;
  line-height: 1;
  margin: 0 2px 2px 2px;
  padding: 0.4em 1em;
  border: 1px solid #bbb;
  border-radius: 5px;
}

.trix-content .attachment-gallery {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.trix-content .attachment-gallery .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

.trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

/* taken from https://github.com/rails/rails/blob/v7.1.5.1/actiontext/lib/generators/action_text/install/templates/actiontext.css */
.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

.trix-content action-text-attachment .attachment {
  padding: 0 !important;
  max-width: 100% !important;
}

.trix-button {
  background-color: rgba(255, 255, 255, 0.25) !important;
}

.trix-content strong {
  font-weight: 700 !important;
}

.faqs--item-admin-menu {
  display: flex;
  flex: 1 1 0%;
  flex-direction: row;
  column-gap: 0.5rem;
  justify-content: flex-end;
}

.faqs--item-body {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  row-gap: 1rem;
}

.faqs--topics {
  font-style: italic;
  opacity: 0.6;
}

.faqs--form {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  row-gap: 1rem;
}

.slplaner-abc-nav {
  margin-bottom: -0.2rem;
  margin-top: 0.5rem;
  padding-left: 1rem;
  padding-right: 1.5rem;
  display: grid;
  grid-template-columns: repeat(26, 1fr);
  gap: 0.125rem;
  align-items: center;
  justify-items: center;
}
.slplaner-abc-nav .abc-link {
  display: inline-block;
  font-weight: bold;
  width: 100%;
}

.slplaner-abc-anchor {
  visibility: hidden;
}
.slplaner-abc-anchor.b-to-z-anchor {
  display: block;
  position: relative;
  top: -55px;
}

.time-table {
  width: 100%;
  background-color: black;
  border-top: 1px solid black;
  border-left: 1px solid black;
  grid-template-columns: 70px repeat(60, 1fr);
  grid-template-rows: 50px;
  align-items: stretch;
  justify-items: stretch;
}
.time-table > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  overflow: hidden;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  text-align: center;
}
.time-table > div.custom-border-top {
  border-top: 1px solid lightgrey;
}
.time-table > div.custom-border-left {
  border-left: 1px solid lightgrey;
}
.time-table > div.tt-empty-cell .tt-flex-items-wrapper, .time-table > div.tt-row-header .tt-flex-items-wrapper, .time-table > div.tt-standard-cell .tt-flex-items-wrapper {
  height: 100%;
  width: 100%;
  padding: 5px;
}
.time-table > div.tt-empty-cell.has-annotation {
  background: linear-gradient(315deg, red 7px, white 7px);
}
.time-table > div.tt-empty-cell.tt-edit-selected {
  background-color: #FFF533;
}
.time-table > div.tt-empty-cell.tt-edit-selected.has-annotation {
  background: linear-gradient(315deg, red 7px, #FFF533 7px);
}
.time-table > div.tt-standard-cell {
  background-color: hsl(54, 100%, 91%);
}
.time-table > div.tt-standard-cell.drag-selected {
  background-color: #FFF533;
}
.time-table > div.tt-standard-cell.tt-edit-selected {
  background-color: #FFF533;
}
.time-table > div.tt-standard-cell.substitution-elt {
  background-color: #DBF1FF;
}
.time-table > div.tt-standard-cell.substitution-elt.tt-edit-selected {
  background-color: #99DDFF;
}
.time-table > div.tt-standard-cell.substitution-cell-warning {
  background-color: pink;
}
.time-table > div.tt-standard-cell.has-annotation {
  background-image: linear-gradient(315deg, red 7px, transparent 7px);
  background-repeat: no-repeat;
  background-origin: border-box;
}
.time-table > div.tt-standard-cell.vertretungsgrund-inconsistency {
  background-image: linear-gradient(to top left, transparent 47%, #dedede 47%, #dedede 53%, transparent 53%);
  background-repeat: no-repeat;
  background-origin: border-box;
}
.time-table > div.tt-standard-cell.vertretungsgrund-inconsistency.has-annotation {
  background-image: linear-gradient(315deg, red 7px, transparent 7px), linear-gradient(to top left, transparent 47%, #dedede 47%, #dedede 53%, transparent 53%);
}
.time-table > div.tt-standard-cell.watermark-spetten {
  position: relative;
}
.time-table > div.tt-standard-cell.watermark-spetten::after {
  content: "Sp";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.3;
  font-size: 3.5em;
  color: gray;
  pointer-events: none;
}
.time-table > div.tt-standard-cell.watermark-unpaid {
  position: relative;
}
.time-table > div.tt-standard-cell.watermark-unpaid::after {
  content: "Ub";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.3;
  font-size: 3.5em;
  color: gray;
  pointer-events: none;
}
.time-table > div .tt-empty-cell-placeholder {
  height: 100%;
  width: 100%;
}
.time-table > div .tt-cell-texts, .time-table > div .tt-tiny-text, .time-table > div .tt-small-text, .time-table > div .tt-regular-text, .time-table > div .tt-small-title-text, .time-table > div .tt-regular-title-text, .time-table > div .tt-large-title-text {
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
}
.time-table > div .tt-large-title-text {
  font-size: 1rem;
  font-weight: bold;
}
.time-table > div .tt-regular-title-text {
  font-size: 0.9rem;
  font-weight: bold;
}
.time-table > div .tt-small-title-text {
  font-size: 0.8rem;
  font-weight: bold;
}
.time-table > div .tt-regular-text {
  font-size: 0.9rem;
}
.time-table > div .tt-small-text {
  font-size: 0.8rem;
}
.time-table > div .tt-tiny-text {
  font-size: 0.7rem;
}
.time-table > div .substitution-label {
  font-weight: bold;
}
@media only screen and (max-width: 1860px) {
  .time-table .tt-screen-size-1 {
    display: none;
  }
}
@media only screen and (min-width: 1861px) {
  .time-table {
    grid-template-columns: 100px repeat(60, 1fr);
  }
  .time-table .tt-screen-size-0 {
    display: none;
  }
}

#tt-planning-wrapper .chip.tt-elementable-asg-chip {
  border-radius: 5px;
  height: 23px;
  line-height: 23px;
  margin-top: 2px;
  white-space: nowrap;
}
#tt-planning-wrapper .chip.tt-elementable-asg-chip i {
  font-size: 19px;
  vertical-align: -5px;
  padding-left: 3px;
  padding-right: 0px;
}

#time-chooser select.tt-chooser-select, #time-chooser select.tt-chooser-select:focus,
#units-assigned-chooser select.tt-chooser-select,
#units-assigned-chooser select.tt-chooser-select:focus,
#location-chooser select.tt-chooser-select,
#location-chooser select.tt-chooser-select:focus,
#substitute-chooser select.tt-chooser-select,
#substitute-chooser select.tt-chooser-select:focus {
  padding: 1px 0;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  color: black;
  outline: none;
}

#vertretungsgrund-chooser select.tt-chooser-select, #vertretungsgrund-chooser select.tt-chooser-select:focus {
  padding: 1px 0;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  color: black;
  outline: none;
  background-color: #d3d3d3;
}

body.mobile-first {
  min-width: 200px;
}
body.mobile-first .container {
  width: 95%;
}
@media only screen and (min-width: 1201px) {
  body.mobile-first .container {
    width: 90%;
  }
}
@media only screen and (min-width: 1401px) {
  body.mobile-first .container {
    width: 70%;
  }
}

.submit-in-dropdown-btn {
  height: 2rem;
  line-height: 2rem;
  margin-bottom: 12px;
  margin-top: 2px;
}

.sv-filter-select {
  padding-bottom: 12px;
}

.sv-filter-select-background, .sv-filter-select,
.people-filter-select-background {
  background-color: #eeeeee;
}

.stv-meldung-collapsible-header-grid-container {
  display: grid;
  grid-template-columns: 4.9rem repeat(2, auto) 2.4rem;
  grid-template-rows: auto;
  width: 100%;
}
.stv-meldung-collapsible-header-grid-container .grid-item {
  padding-right: 0;
}
.stv-meldung-collapsible-header-grid-container .grid-item-1 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
}
.stv-meldung-collapsible-header-grid-container .grid-item-2 {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
  padding-right: 10px;
}
.stv-meldung-collapsible-header-grid-container .grid-item-3 {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
  justify-self: end;
}
.stv-meldung-collapsible-header-grid-container .grid-item-4 {
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 2;
  justify-self: end;
}
@media screen and (max-width: 1600px) {
  .stv-meldung-collapsible-header-grid-container .grid-item-2 {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 3;
    padding-right: 0;
  }
  .stv-meldung-collapsible-header-grid-container .grid-item-3 {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    justify-self: end;
  }
}