@charset "UTF-8";

/* node_modules/@danielmoncada/angular-datetime-picker/assets/style/picker.min.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: -webkit-box;
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: -webkit-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media screen and (-ms-high-contrast: active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .288);
}
.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.owl-dialog-container {
  position: relative;
  pointer-events: auto;
  box-sizing: border-box;
  display: block;
  padding: 1.5em;
  width: 100%;
  height: 100%;
  outline: none;
}
.owl-dialog-container .owl-dt-container {
  border-radius: 2px;
  overflow: auto;
  background: #fff;
  color: rgba(0, 0, 0, .87);
  box-shadow:
    0 11px 15px -7px rgba(0, 0, 0, .2),
    0px 24px 38px 3px rgba(0, 0, 0, .14),
    0px 9px 46px 8px rgba(0, 0, 0, .12);
}
.owl-dt-container,
.owl-dt-container * {
  box-sizing: border-box;
}
.owl-dt-container {
  display: block;
  font-size: 1rem;
  background: #fff;
  pointer-events: auto;
  z-index: 1000;
}
.owl-dt-container-row {
  border-bottom: 1px solid rgba(0, 0, 0, .12);
}
.owl-dt-container-row:last-child {
  border-bottom: none;
}
.owl-dt-calendar {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 100%;
}
.owl-dt-calendar-control {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-size: 1em;
  width: 100%;
  padding: .5em;
  color: #000;
}
.owl-dt-calendar-control .owl-dt-calendar-control-content {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button {
  padding: 0 .8em;
}
.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover {
  background-color: rgba(0, 0, 0, .12);
}
.owl-dt-calendar-main {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  padding: 0 .5em .5em;
  outline: 0;
}
.owl-dt-calendar-view {
  display: flex;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
}
.owl-dt-calendar-multi-year-view {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.owl-dt-calendar-multi-year-view .owl-dt-calendar-table {
  width: calc(100% - 3em);
}
.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th {
  padding-bottom: .25em;
}
.owl-dt-calendar-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.owl-dt-calendar-table .owl-dt-calendar-header {
  color: rgba(0, 0, 0, .4);
}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th {
  font-size: .7em;
  font-weight: 400;
  text-align: center;
  padding-bottom: 1em;
}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider {
  position: relative;
  height: 1px;
  padding-bottom: .5em;
}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after {
  content: "";
  position: absolute;
  top: 0;
  left: -0.5em;
  right: -0.5em;
  height: 1px;
  background: rgba(0, 0, 0, .12);
}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider.owl-calendar-weeks:after {
  left: -1.8em;
}
.owl-dt-calendar-table .owl-dt-calendar-cell {
  position: relative;
  height: 0;
  line-height: 0;
  text-align: center;
  outline: 0;
  color: rgba(0, 0, 0, .85);
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-content {
  position: absolute;
  top: 5%;
  left: 5%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  box-sizing: border-box;
  width: 90%;
  height: 90%;
  font-size: .8em;
  line-height: 1;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 999px;
  color: inherit;
  cursor: pointer;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-out {
  opacity: .2;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected) {
  border-color: rgba(0, 0, 0, .4);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-selected {
  color: hsla(0, 0%, 100%, .85);
  background-color: #3f51b5;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today {
  box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .85);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled {
  cursor: default;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
  color: rgba(0, 0, 0, .4);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled > .owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected {
  opacity: .4;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled > .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected) {
  border-color: rgba(0, 0, 0, .2);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),
.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
  background-color: rgba(0, 0, 0, .04);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range {
  background: rgba(63, 81, 181, .2);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from {
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to {
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
}
.owl-dt-calendar-table.owl-calendar-weeks .owl-dt-calendar-cell-content {
  height: 86%;
}
.owl-dt-timer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 7em;
  padding: .5em;
  outline: none;
}
.owl-dt-timer-box {
  position: relative;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  width: 25%;
  height: 100%;
}
.owl-dt-timer-content {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  margin: .2em 0;
}
.owl-dt-timer-content .owl-dt-timer-input {
  display: block;
  width: 2em;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, .5);
  border-radius: 3px;
  outline: medium none;
  font-size: 1.2em;
  padding: .2em;
}
.owl-dt-timer-divider {
  display: inline-block;
  align-self: flex-end;
  position: absolute;
  width: .6em;
  height: 100%;
  left: -0.3em;
}
.owl-dt-timer-divider:before,
.owl-dt-timer-divider:after {
  content: "";
  display: inline-block;
  width: .35em;
  height: .35em;
  position: absolute;
  left: 50%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: currentColor;
}
.owl-dt-timer-divider:before {
  top: 35%;
}
.owl-dt-timer-divider:after {
  bottom: 35%;
}
.owl-dt-control-button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  color: inherit;
}
.owl-dt-control-button .owl-dt-control-button-content {
  position: relative;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
}
.owl-dt-control-period-button .owl-dt-control-button-content {
  height: 1.5em;
  padding: 0 .5em;
  border-radius: 3px;
  -webkit-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
}
.owl-dt-control-period-button:hover > .owl-dt-control-button-content {
  background-color: rgba(0, 0, 0, .12);
}
.owl-dt-control-period-button .owl-dt-control-button-arrow {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 1em;
  height: 1em;
  margin: .1em;
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
}
.owl-dt-control-arrow-button .owl-dt-control-button-content {
  padding: 0;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
}
.owl-dt-control-arrow-button[disabled] {
  color: rgba(0, 0, 0, .4);
  cursor: default;
}
.owl-dt-control-arrow-button svg {
  width: 50%;
  height: 50%;
  fill: currentColor;
}
.owl-dt-inline-container,
.owl-dt-popup-container {
  position: relative;
  width: 18.5em;
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, .2),
    0 8px 10px 1px rgba(0, 0, 0, .14),
    0 3px 14px 2px rgba(0, 0, 0, .12);
}
.owl-dt-inline-container .owl-dt-calendar,
.owl-dt-inline-container .owl-dt-timer,
.owl-dt-popup-container .owl-dt-calendar,
.owl-dt-popup-container .owl-dt-timer {
  width: 100%;
}
.owl-dt-inline-container .owl-dt-calendar,
.owl-dt-popup-container .owl-dt-calendar {
  height: 20.25em;
}
.owl-dt-dialog-container {
  max-height: 95vh;
  margin: -1.5em;
}
.owl-dt-dialog-container .owl-dt-calendar {
  min-width: 250px;
  min-height: 330px;
  max-width: 750px;
  max-height: 750px;
}
.owl-dt-dialog-container .owl-dt-timer {
  min-width: 250px;
  max-width: 750px;
}
@media all and (orientation: landscape) {
  .owl-dt-dialog-container .owl-dt-calendar {
    width: 58vh;
    height: 62vh;
  }
  .owl-dt-dialog-container .owl-dt-timer {
    width: 58vh;
  }
}
@media all and (orientation: portrait) {
  .owl-dt-dialog-container .owl-dt-calendar {
    width: 80vw;
    height: 80vw;
  }
  .owl-dt-dialog-container .owl-dt-timer {
    width: 80vw;
  }
}
.owl-dt-container-buttons {
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 2em;
  color: #3f51b5;
}
.owl-dt-container-control-button {
  font-size: 1em;
  width: 50%;
  height: 100%;
  border-radius: 0;
}
.owl-dt-container-control-button .owl-dt-control-button-content {
  height: 100%;
  width: 100%;
  -webkit-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
}
.owl-dt-container-control-button:hover .owl-dt-control-button-content {
  background-color: rgba(0, 0, 0, .1);
}
.owl-dt-container-info {
  padding: 0 .5em;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-dt-container-info .owl-dt-container-range {
  outline: none;
}
.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: .5em 0;
  font-size: .8em;
}
.owl-dt-container-info .owl-dt-container-range:last-child {
  border-top: 1px solid rgba(0, 0, 0, .12);
}
.owl-dt-container-info .owl-dt-container-info-active {
  color: #3f51b5;
}
.owl-dt-container-disabled,
.owl-dt-trigger-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
  cursor: default !important;
}
.owl-dt-timer-hour12 {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  color: #3f51b5;
}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box {
  border: 1px solid currentColor;
  border-radius: 2px;
  -webkit-transition: background 200ms ease;
  transition: background 200ms ease;
}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content {
  width: 100%;
  height: 100%;
  padding: .5em;
}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content {
  background: #3f51b5;
  color: #fff;
}
.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out {
  visibility: hidden;
  cursor: default;
}
.owl-dt-inline {
  display: inline-block;
}
.owl-dt-control {
  outline: none;
  cursor: pointer;
}
.owl-dt-control .owl-dt-control-content {
  outline: none;
}
.owl-dt-control:focus > .owl-dt-control-content {
  background-color: rgba(0, 0, 0, .12);
}
.owl-dt-control:not(:-moz-focusring):focus > .owl-dt-control-content {
  box-shadow: none;
}
.owl-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* src/styles.scss */
body {
  --content-area: 100vw;
  --ng-select-container-width: 150px;
  --input-forms-btn-height: 38px;
  --toolbar-height: 80px;
  --subtitle-font-size: 14px;
  --primary-color: #21cb35;
  --label-font-size: 14px;
  --input-box-dropdown-font-size: 14px;
  --box-shadow-scouting: var(--border-color) 0px 1px 2px 0px;
  --box-shadow-dropdown:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
  --border-radius-tiny: 4px;
  --border-radius-small: 8px;
  --border-radius-medium: 16px;
  --border-radius-large: 24px;
  --player-image-thumb-small: 30px;
  --player-image-thumb-medium: 40px;
  --player-image-thumb-big: 50px;
  --player-image-profile-picture: 150px;
  --table-height-mat-header: 56px;
  --table-height-mat-cell: 48px;
  --table-height-mat-cell-small:31px;
  --height-of-the-scroll-area-widget:500px;
  --height-of-the-scroll-competitions-settings:55vh;
  --scouting-font-family-text: Sf pro text, sans-serif;
  --scouting-font-family-titles: Sf pro display, sans-serif;
  --menu-itens-settings: 24px;
  --scrollbar-width-height: 8px;
  --widget-title-color: black;
  --body-background-color: rgba(33, 203, 53, 0.05);
  --body-text-color:#58667e;
  --primary-color-text: #FFFFFF;
  --but-cancel-color: #000000;
  --but-cancel-color-text: #AB1924;
  --but-save-ok: #339966;
  --header-color-background: #FFFFFF;
  --table-color-text: #21cb35;
  --secondary-color: black;
  --secondary-color-text: #FFFFFF;
  --light-background-color: #FFFFFF;
  --toolbar-background-color: #FFFFFF;
  --top-bar-color-background: #FFFFFF;
  --container-btn-normal-tabs: var(--scouting-primary-alpha-20);
  --tab-selected: #FFFFFF;
  --container-btn-normal: var(--scouting-primary-alpha-07);
  --border-color: var(--scouting-primary-alpha-20);
  --border-color-widgets: var(--border-color);
  --container-btn-selected:rgba(33, 203, 53, 0.2);
  --text-color-das-labels: rgb(23, 25, 36);
  --icon-and-color-new-buttons: #71767b;
  --icon-and-color-new-buttons-v2: #71767b;
  --icon-and-color-new-buttons-v3: #FFFFFF;
  --table-divider-color:rgba(33, 203, 53, 0.05);
  --table-divider-row-color:rgba(33, 203, 53, 0.05);
  --overlay-backdrop:rgba(50, 53, 61, 0.7);
  --date-input-background: #FFFFFF;
  --ng-select-container-background: #FFFFFF;
  --box-shadow-color: 0px 8px 16px 0 rgba(0, 0, 0, 0.08);
  --grade:#16C629;
  --ng-tag: #21cb35;
  --side-navigation: #FFFFFF;
  --scrollbar-track-box-shadow: inset 0 0 5px rgb(0 21 41 / 5%);
  --scrollbar-track-background: rgba(0, 0, 0, .06);
  --scrollbar-thumb-box-shadow: inset 0 0 5px rgb(0 21 41 / 5%);
  --scrollbar-thumb-background: gray;
  --dropdown-panel-background:rgba(33, 203, 53, 0.1);
  --scouting-primary-alpha-01: rgba(33, 203, 53, 0.01);
  --scouting-primary-alpha-02: rgba(33, 203, 53, 0.02);
  --scouting-primary-alpha-03: rgba(33, 203, 53, 0.03);
  --scouting-primary-alpha-04: rgba(33, 203, 53, 0.04);
  --scouting-primary-alpha-05: rgba(33, 203, 53, 0.05);
  --scouting-primary-alpha-06: rgba(33, 203, 53, 0.06);
  --scouting-primary-alpha-07: rgba(33, 203, 53, 0.07);
  --scouting-primary-alpha-08: rgba(33, 203, 53, 0.08);
  --scouting-primary-alpha-09: rgba(33, 203, 53, 0.09);
  --scouting-primary-alpha-10: rgba(33, 203, 53, 0.1);
  --scouting-primary-alpha-15: rgba(33, 203, 53, 0.15);
  --scouting-primary-alpha-20: rgba(33, 203, 53, 0.2);
  --scouting-primary-alpha-30: rgba(33, 203, 53, 0.3);
  --scouting-primary-alpha-40: rgba(33, 203, 53, 0.4);
  --scouting-primary-alpha-50: rgba(33, 203, 53, 0.5);
  --scouting-primary-alpha-60: rgba(33, 203, 53, 0.6);
  --scouting-primary-alpha-80: rgba(33, 203, 53, 0.8);
  --transition-effect: all 0.15s ease;
  --scouting-logo-color: #09345a;
  --form-group-title-color: #71767b;
  --soccer-field-opacity: 1;
  --scouting-navigation-width: 320px;
  --scouting-navigation-compact-width: 80px;
  --form-group-width-small: 100px;
  --form-group-width-normal: 130px;
  --form-group-width-big: 250px;
  --layout-content-px: 40px;
}
body.dark-theme {
  --primary-color: #42a36f;
  --secondary-color: #42a36f;
  --scouting-white-color: rgba(226, 228, 233, 0.82);
  --widget-title-color: rgba(226, 228, 233, 0.82);
  --body-background-color: #171E25;
  --body-text-color:rgba(226, 228, 233, 0.82);
  --primary-color-text: #FFFFFF;
  --but-cancel-color: #000000;
  --but-cancel-color-text: #AB1924;
  --but-save-ok: #339966;
  --header-color-background: #333333;
  --table-color-header-border: rgba(255, 255, 255, 0.1);
  --table-color-text: rgba(231, 233, 234, 0.9);
  --secondary-color: rgba(226, 228, 233, 0.82);
  --secondary-color-text: rgba(226, 228, 233, 0.82);
  --container-btn-normal-tabs: rgb(0, 0, 0);
  --container-btn-normal: var(--scouting-primary-alpha-07);
  --border-color-widgets: var(--body-background-color);
  --light-background-color: rgb(29, 37, 45);
  --top-bar-color-background: rgb(22, 24, 28);
  --toolbar-background-color: rgb(22, 24, 28);
  --border-color: rgba(255, 255, 255, 0.12);
  --container-btn-selected:rgba(66, 163, 111, 0.3);
  --text-color-das-labels: $primary-color-dark;
  --icon-and-color-new-buttons: #71767b;
  --icon-and-color-new-buttons-v2: #000000;
  --icon-and-color-new-buttons-v3: #000000;
  --table-divider-color:rgba(66, 163, 111, 0.05);
  --table-divider-row-color:rgba(66, 163, 111, 0.02);
  --overlay-backdrop: rgba(91, 112, 131, 0.4);
  --date-input-background: rgb(22, 24, 28);
  --ng-select-container-background: var(--light-background-color);
  --box-shadow-color: 0px;
  --grade:#16C629;
  --side-navigation: #333333;
  --scrollbar-track-box-shadow: rgba(37, 37, 37, 0.05) 0px 0px 5px inset;
  --scrollbar-track-background: rgba(255, 255, 255, 0.15);
  --scrollbar-thumb-box-shadow: rgba(255, 255, 255, 0.05) 0px 0px 5px inset;
  --scrollbar-thumb-background: rgba(255, 255, 255, 0.2);
  --dropdown-panel-background:rgba(66, 163, 111, 0.2);
  --ng-tag: #42a36f;
  --scouting-primary-alpha-01: rgba(226, 228, 233, 0.01);
  --scouting-primary-alpha-02: rgba(226, 228, 233, 0.02);
  --scouting-primary-alpha-03: rgba(226, 228, 233, 0.03);
  --scouting-primary-alpha-04: rgba(226, 228, 233, 0.04);
  --scouting-primary-alpha-05: rgba(226, 228, 233, 0.05);
  --scouting-primary-alpha-10: rgba(226, 228, 233, 0.1);
  --scouting-primary-alpha-15: rgba(226, 228, 233, 0.15);
  --scouting-primary-alpha-20: rgba(226, 228, 233, 0.2);
  --scouting-primary-alpha-30: rgba(226, 228, 233, 0.3);
  --scouting-primary-alpha-40: rgba(226, 228, 233, 0.4);
  --scouting-primary-alpha-50: rgba(226, 228, 233, 0.5);
  --scouting-primary-alpha-60: rgba(226, 228, 233, 0.6);
  --scouting-primary-alpha-80: rgba(66, 163, 111, 0.8);
  --scouting-logo-color: #e7e9ea;
  --tab-selected:#42a36f;
  --soccer-field-opacity: 0.4;
  --box-shadow-dropdown:
    0 5px 5px -3px rgba(255, 255, 255, 0.2),
    0 8px 10px 1px rgba(255, 255, 255, 0.14),
    0 3px 14px 2px rgba(255, 255, 255, 0.12);
}
.flag {
  width: 16px;
  height: 16px;
  background: url("./media/flags16.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}
._African_Union {
  background-position: 0 -16px;
}
._Arab_League {
  background-position: 0 -32px;
}
._ASEAN {
  background-position: 0 -48px;
}
._CARICOM {
  background-position: 0 -64px;
}
._CIS {
  background-position: 0 -80px;
}
._Commonwealth {
  background-position: 0 -96px;
}
.eng {
  background-position: 0 -112px;
}
._European_Union,
.eu {
  background-position: 0 -128px;
}
._Islamic_Conference {
  background-position: 0 -144px;
}
.ksv,
._Kosovo {
  background-position: 0 -160px;
}
._NATO {
  background-position: 0 -176px;
}
.tnc,
._Northern_Cyprus {
  background-position: 0 -192px;
}
.nir,
._Northern_Ireland {
  background-position: 0 -208px;
}
._Olimpic_Movement {
  background-position: 0 -224px;
}
._OPEC {
  background-position: 0 -240px;
}
._Red_Cross {
  background-position: 0 -256px;
}
.sco {
  background-position: 0 -272px;
}
._Somaliland {
  background-position: 0 -288px;
}
._Tibet {
  background-position: 0 -304px;
}
._United_Nations {
  background-position: 0 -320px;
}
.wal,
._Wales {
  background-position: 0 -336px;
}
.ad,
.and {
  background-position: 0 -352px;
}
.ae,
.uae,
.are {
  background-position: 0 -368px;
}
.af,
.afg {
  background-position: 0 -384px;
}
.ag,
.atg {
  background-position: 0 -400px;
}
.ai,
.aia {
  background-position: 0 -416px;
}
.al,
.alb {
  background-position: 0 -432px;
}
.am,
.arm {
  background-position: 0 -448px;
}
.ao,
.ang,
.ago {
  background-position: 0 -464px;
}
.aq,
.ata {
  background-position: 0 -480px;
}
.ar,
.arg {
  background-position: 0 -496px;
}
.as,
.asm {
  background-position: 0 -512px;
}
.at,
.aut {
  background-position: 0 -528px;
}
.au,
.aus {
  background-position: 0 -544px;
}
.aw,
.abw {
  background-position: 0 -560px;
}
.ax,
.ala {
  background-position: 0 -576px;
}
.az,
.aze {
  background-position: 0 -592px;
}
.ba,
.bih {
  background-position: 0 -608px;
}
.bb,
.brb {
  background-position: 0 -624px;
}
.bd,
.ban,
.bgd {
  background-position: 0 -640px;
}
.be,
.bel {
  background-position: 0 -656px;
}
.bf,
.bfa {
  background-position: 0 -672px;
}
.bg,
.bgr {
  background-position: 0 -688px;
}
.bh,
.bhr {
  background-position: 0 -704px;
}
.bi,
.bdi {
  background-position: 0 -720px;
}
.bj,
.ben {
  background-position: 0 -736px;
}
.bl,
.blm {
  background-position: 0 -1424px;
}
.bm,
.bmu {
  background-position: 0 -752px;
}
.bn,
.bru,
.brn {
  background-position: 0 -768px;
}
.bo,
.bol {
  background-position: 0 -784px;
}
.bq,
.bon,
.seu,
.bes {
  background-position: 0 -2752px;
}
.br,
.bra {
  background-position: 0 -800px;
}
.bs,
.bhs {
  background-position: 0 -816px;
}
.bt,
.bhu,
.btn {
  background-position: 0 -832px;
}
.bv,
.bvt {
  background-position: 0 -2768px;
}
.bw,
.bot,
.bwa {
  background-position: 0 -848px;
}
.by,
.blr {
  background-position: 0 -864px;
}
.bz,
.blz {
  background-position: 0 -880px;
}
.ca,
.can {
  background-position: 0 -896px;
}
.cd,
.cgo {
  background-position: 0 -912px;
}
.cf,
.cta,
.rca {
  background-position: 0 -928px;
}
.cg,
.cod,
.cog {
  background-position: 0 -944px;
}
.ch,
.che {
  background-position: 0 -960px;
}
.ci,
.civ {
  background-position: 0 -976px;
}
.ck,
.cok {
  background-position: 0 -992px;
}
.cl,
.chl {
  background-position: 0 -1008px;
}
.cm,
.cmr {
  background-position: 0 -1024px;
}
.cn,
.chn {
  background-position: 0 -1040px;
}
.co,
.col {
  background-position: 0 -1056px;
}
.cp,
.cpt {
  background-position: 0 -1424px;
}
.cr,
.cri {
  background-position: 0 -1072px;
}
.cu,
.cub {
  background-position: 0 -1088px;
}
.cv,
.cpv {
  background-position: 0 -1104px;
}
.cw,
.cur,
.cuw {
  background-position: 0 -3920px;
}
.cy,
.cyp {
  background-position: 0 -1120px;
}
.cz,
.cze {
  background-position: 0 -1136px;
}
.de,
.deu {
  background-position: 0 -1152px;
}
.dj,
.dji {
  background-position: 0 -1168px;
}
.dk,
.dnk {
  background-position: 0 -1184px;
}
.dm,
.dma {
  background-position: 0 -1200px;
}
.do,
.dom {
  background-position: 0 -1216px;
}
.dz,
.alg,
.dza {
  background-position: 0 -1232px;
}
.ec,
.ecu {
  background-position: 0 -1248px;
}
.ee,
.est {
  background-position: 0 -1264px;
}
.eg,
.egy {
  background-position: 0 -1280px;
}
.eh,
.esh {
  background-position: 0 -1296px;
}
.er,
.eri {
  background-position: 0 -1312px;
}
.es,
.esp {
  background-position: 0 -1328px;
}
.et,
.eth {
  background-position: 0 -1344px;
}
.fi,
.fin {
  background-position: 0 -1360px;
}
.fj,
.fji {
  background-position: 0 -1376px;
}
.fm,
.mic,
.fsm {
  background-position: 0 -1392px;
}
.fo,
.fro {
  background-position: 0 -1408px;
}
.fr,
.fgu,
.gdl,
.fra {
  background-position: 0 -1424px;
}
.ga,
.gab {
  background-position: 0 -1440px;
}
.gb,
.gbr {
  background-position: 0 -1456px;
}
.gd,
.grd {
  background-position: 0 -1472px;
}
.ge,
.geo {
  background-position: 0 -1488px;
}
.gg,
.ggy {
  background-position: 0 -1504px;
}
.gh,
.gha {
  background-position: 0 -1520px;
}
.gi,
.gib {
  background-position: 0 -1536px;
}
.gl,
.grl {
  background-position: 0 -1552px;
}
.gm,
.gam,
.gmb {
  background-position: 0 -1568px;
}
.gn,
.gui,
.gin {
  background-position: 0 -1584px;
}
.gp,
.glp {
  background-position: 0 -1600px;
}
.gq,
.eqg,
.gnq {
  background-position: 0 -1616px;
}
.gr,
.grc {
  background-position: 0 -1632px;
}
.gt,
.gtm {
  background-position: 0 -1648px;
}
.gu,
.gum {
  background-position: 0 -1664px;
}
.gw,
.gnb {
  background-position: 0 -1680px;
}
.gy,
.guy {
  background-position: 0 -1696px;
}
.hk,
.hkg {
  background-position: 0 -1712px;
}
.hn,
.hnd {
  background-position: 0 -1728px;
}
.hr,
.hrv {
  background-position: 0 -1744px;
}
.ht,
.hti {
  background-position: 0 -1760px;
}
.hu,
.hun {
  background-position: 0 -1776px;
}
.id,
.idn {
  background-position: 0 -1792px;
}
.ie,
.irl {
  background-position: 0 -1808px;
}
.il,
.isr {
  background-position: 0 -1824px;
}
.im,
.iom,
.imn {
  background-position: 0 -1840px;
}
.in,
.ind {
  background-position: 0 -1856px;
}
.iq,
.irq {
  background-position: 0 -1872px;
}
.ir,
.irn {
  background-position: 0 -1888px;
}
.is,
.isl {
  background-position: 0 -1904px;
}
.it,
.ita {
  background-position: 0 -1920px;
}
.je,
.jer,
.jey {
  background-position: 0 -1936px;
}
.jm,
.jam {
  background-position: 0 -1952px;
}
.jo,
.jor {
  background-position: 0 -1968px;
}
.jp,
.jpn {
  background-position: 0 -1984px;
}
.ke,
.ken {
  background-position: 0 -2000px;
}
.kg,
.kgz {
  background-position: 0 -2016px;
}
.kh,
.cam,
.khm {
  background-position: 0 -2032px;
}
.ki,
.kir {
  background-position: 0 -2048px;
}
.km,
.cmo,
.com {
  background-position: 0 -2064px;
}
.kn,
.skn,
.kna {
  background-position: 0 -2080px;
}
.kp,
.prk {
  background-position: 0 -2096px;
}
.kr,
.kor {
  background-position: 0 -2112px;
}
.kw,
.kuw,
.kwt {
  background-position: 0 -2128px;
}
.ky,
.cym {
  background-position: 0 -2144px;
}
.kz,
.kaz {
  background-position: 0 -2160px;
}
.la,
.lao {
  background-position: 0 -2176px;
}
.lb,
.lib,
.lbn {
  background-position: 0 -2192px;
}
.lc,
.stl,
.lca {
  background-position: 0 -2208px;
}
.li,
.lie {
  background-position: 0 -2224px;
}
.lk,
.sri,
.lka {
  background-position: 0 -2240px;
}
.lr,
.lbr {
  background-position: 0 -2256px;
}
.ls,
.les,
.lso {
  background-position: 0 -2272px;
}
.lt,
.ltu {
  background-position: 0 -2288px;
}
.lu,
.lux {
  background-position: 0 -2304px;
}
.lv,
.lva {
  background-position: 0 -2320px;
}
.ly,
.lby {
  background-position: 0 -2336px;
}
.ma,
.mar {
  background-position: 0 -2352px;
}
.mc,
.mco {
  background-position: 0 -1792px;
}
.md,
.mda {
  background-position: 0 -2368px;
}
.me,
.mne {
  background-position: 0 -2384px;
}
.mf,
.smt,
.maf {
  background-position: 0 -1424px;
}
.mg,
.mad,
.mdg {
  background-position: 0 -2400px;
}
.mh,
.mhl {
  background-position: 0 -2416px;
}
.mk,
.mkd {
  background-position: 0 -2432px;
}
.ml,
.mli {
  background-position: 0 -2448px;
}
.mm,
.mya,
.mmr {
  background-position: 0 -2464px;
}
.mn,
.mgl,
.mng {
  background-position: 0 -2480px;
}
.mo,
.mac {
  background-position: 0 -2496px;
}
.mq,
.mtq {
  background-position: 0 -2512px;
}
.mr,
.mtn,
.mrt {
  background-position: 0 -2528px;
}
.ms,
.msr {
  background-position: 0 -2544px;
}
.mt,
.mlt {
  background-position: 0 -2560px;
}
.mu,
.mri,
.mus {
  background-position: 0 -2576px;
}
.mv,
.mdv {
  background-position: 0 -2592px;
}
.mw,
.mwi {
  background-position: 0 -2608px;
}
.mx,
.mex {
  background-position: 0 -2624px;
}
.my,
.mas,
.mys {
  background-position: 0 -2640px;
}
.mz,
.moz {
  background-position: 0 -2656px;
}
.na,
.nam {
  background-position: 0 -2672px;
}
.nc,
.ncl {
  background-position: 0 -2688px;
}
.ne,
.nig,
.ner {
  background-position: 0 -2704px;
}
.ng,
.nga {
  background-position: 0 -2720px;
}
.ni,
.nic {
  background-position: 0 -2736px;
}
.nl,
.nld {
  background-position: 0 -2752px;
}
.no,
.nor {
  background-position: 0 -2768px;
}
.np,
.nep,
.npl {
  background-position: 0 -2784px;
}
.nq,
.atn {
  background-position: 0 -2768px;
}
.nr,
.nau,
.nru {
  background-position: 0 -2800px;
}
.nu,
.niu {
  background-position: 0 -3952px;
}
.nz,
.nzl {
  background-position: 0 -2816px;
}
.om,
.oma,
.omn {
  background-position: 0 -2832px;
}
.pa,
.pan {
  background-position: 0 -2848px;
}
.pe,
.per {
  background-position: 0 -2864px;
}
.pf,
.tah,
.pyf {
  background-position: 0 -2880px;
}
.pg,
.png {
  background-position: 0 -2896px;
}
.ph,
.phi,
.phl {
  background-position: 0 -2912px;
}
.pk,
.pak {
  background-position: 0 -2928px;
}
.pl,
.pol {
  background-position: 0 -2944px;
}
.pr,
.pri {
  background-position: 0 -2960px;
}
.ps,
.pal,
.pse {
  background-position: 0 -2976px;
}
.pt,
.prt {
  background-position: 0 -2992px;
}
.pw,
.plw {
  background-position: 0 -3008px;
}
.py,
.pry {
  background-position: 0 -3024px;
}
.qa,
.qat {
  background-position: 0 -3040px;
}
.re,
.reu {
  background-position: 0 -3056px;
}
.ro,
.rou {
  background-position: 0 -3072px;
}
.rs,
.ser,
.srb {
  background-position: 0 -3088px;
}
.ru,
.rus {
  background-position: 0 -3104px;
}
.rw,
.rwa {
  background-position: 0 -3120px;
}
.sa,
.ksa,
.sau {
  background-position: 0 -3136px;
}
.sb,
.slb {
  background-position: 0 -3152px;
}
.sc,
.sey,
.syc {
  background-position: 0 -3168px;
}
.sd,
.sud,
.sdn {
  background-position: 0 -3184px;
}
.se,
.swe {
  background-position: 0 -3200px;
}
.sg,
.sin,
.sgp {
  background-position: 0 -3216px;
}
.sh,
.shn {
  background-position: 0 -1456px;
}
.si,
.svn {
  background-position: 0 -3232px;
}
.sj,
.sjm {
  background-position: 0 -2768px;
}
.sk,
.svk {
  background-position: 0 -3248px;
}
.sl,
.sle {
  background-position: 0 -3264px;
}
.sm,
.smr {
  background-position: 0 -3280px;
}
.sn,
.sen {
  background-position: 0 -3296px;
}
.so,
.som {
  background-position: 0 -3312px;
}
.sr,
.sur {
  background-position: 0 -3328px;
}
.ss,
.ssd {
  background-position: 0 -3936px;
}
.st,
.stp {
  background-position: 0 -3344px;
}
.sv,
.slv {
  background-position: 0 -3360px;
}
.sx,
.sma,
.sxm {
  background-position: 0 -3904px;
}
.sy,
.syr {
  background-position: 0 -3376px;
}
.sz,
.swz {
  background-position: 0 -3392px;
}
.tc,
.tca {
  background-position: 0 -3408px;
}
.td,
.cha,
.tcd {
  background-position: 0 -3424px;
}
.tg,
.tog,
.tgo {
  background-position: 0 -3440px;
}
.th,
.tha {
  background-position: 0 -3456px;
}
.tj,
.tjk {
  background-position: 0 -3472px;
}
.tl,
.eat,
.tls {
  background-position: 0 -3488px;
}
.tm,
.tkm {
  background-position: 0 -3504px;
}
.tn,
.tun {
  background-position: 0 -3520px;
}
.to,
.ton {
  background-position: 0 -3536px;
}
.tr,
.tur {
  background-position: 0 -3552px;
}
.tt,
.tto {
  background-position: 0 -3568px;
}
.tv,
.tvl,
.tuv {
  background-position: 0 -3584px;
}
.tw,
.tpe,
.twn {
  background-position: 0 -3600px;
}
.tz,
.zan,
.tan,
.tza {
  background-position: 0 -3616px;
}
.ua,
.ukr {
  background-position: 0 -3632px;
}
.ug,
.uga {
  background-position: 0 -3648px;
}
.us,
.usa {
  background-position: 0 -3664px;
}
.uy,
.ury {
  background-position: 0 -3680px;
}
.uz,
.uzb {
  background-position: 0 -3696px;
}
.va,
.vat {
  background-position: 0 -3712px;
}
.vc,
.svg,
.vct {
  background-position: 0 -3728px;
}
.ve,
.ven {
  background-position: 0 -3744px;
}
.vg,
.bvi,
.vgb {
  background-position: 0 -3760px;
}
.vi,
.usv,
.vir {
  background-position: 0 -3776px;
}
.vn,
.vie,
.vnm {
  background-position: 0 -3792px;
}
.vu,
.vut {
  background-position: 0 -3808px;
}
.ws,
.wsm {
  background-position: 0 -3824px;
}
.ye,
.yem {
  background-position: 0 -3840px;
}
.yt,
.myt {
  background-position: 0 -1424px;
}
.za,
.rsa,
.zaf {
  background-position: 0 -3856px;
}
.zm,
.zam,
.zmb {
  background-position: 0 -3872px;
}
.zw,
.zim,
.zwe {
  background-position: 0 -3888px;
}
.unk {
  background-position: 0 -3968px;
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    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);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-option-selected-state-label-text-color: #21cb35;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #448aff;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-pseudo-checkbox-full-selected-icon-color: #448aff;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #448aff;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #21cb35;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #21cb35;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #448aff;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #448aff;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}
html {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #21cb35;
  --mat-progress-bar-track-color: rgba(33, 203, 53, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #448aff;
  --mat-progress-bar-track-color: rgba(68, 138, 255, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}
html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}
html {
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
}
html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #21cb35 87%, transparent);
  --mat-form-field-filled-caret-color: #21cb35;
  --mat-form-field-filled-focus-active-indicator-color: #21cb35;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #21cb35 87%, transparent);
  --mat-form-field-outlined-caret-color: #21cb35;
  --mat-form-field-outlined-focus-outline-color: #21cb35;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #21cb35 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #448aff 87%, transparent);
  --mat-form-field-filled-caret-color: #448aff;
  --mat-form-field-filled-focus-active-indicator-color: #448aff;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #448aff 87%, transparent);
  --mat-form-field-outlined-caret-color: #448aff;
  --mat-form-field-outlined-focus-outline-color: #448aff;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #448aff 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #21cb35;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #448aff;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #21cb35;
  --mat-chip-elevated-disabled-container-color: #21cb35;
  --mat-chip-elevated-selected-container-color: #21cb35;
  --mat-chip-flat-disabled-selected-container-color: #21cb35;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #448aff;
  --mat-chip-elevated-disabled-container-color: #448aff;
  --mat-chip-elevated-selected-container-color: #448aff;
  --mat-chip-flat-disabled-selected-container-color: #448aff;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}
html {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #21cb35;
  --mat-slide-toggle-selected-handle-color: #21cb35;
  --mat-slide-toggle-selected-hover-state-layer-color: #21cb35;
  --mat-slide-toggle-selected-pressed-state-layer-color: #21cb35;
  --mat-slide-toggle-selected-focus-handle-color: #21cb35;
  --mat-slide-toggle-selected-hover-handle-color: #21cb35;
  --mat-slide-toggle-selected-pressed-handle-color: #21cb35;
  --mat-slide-toggle-selected-focus-track-color: #4d6484;
  --mat-slide-toggle-selected-hover-track-color: #4d6484;
  --mat-slide-toggle-selected-pressed-track-color: #4d6484;
  --mat-slide-toggle-selected-track-color: #4d6484;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #448aff;
  --mat-slide-toggle-selected-handle-color: #448aff;
  --mat-slide-toggle-selected-hover-state-layer-color: #448aff;
  --mat-slide-toggle-selected-pressed-state-layer-color: #448aff;
  --mat-slide-toggle-selected-focus-handle-color: #448aff;
  --mat-slide-toggle-selected-hover-handle-color: #448aff;
  --mat-slide-toggle-selected-pressed-handle-color: #448aff;
  --mat-slide-toggle-selected-focus-track-color: #64b5f6;
  --mat-slide-toggle-selected-hover-track-color: #64b5f6;
  --mat-slide-toggle-selected-pressed-track-color: #64b5f6;
  --mat-slide-toggle-selected-track-color: #64b5f6;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #21cb35;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #21cb35;
  --mat-radio-selected-hover-icon-color: #21cb35;
  --mat-radio-selected-icon-color: #21cb35;
  --mat-radio-selected-pressed-icon-color: #21cb35;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #448aff;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #448aff;
  --mat-radio-selected-hover-icon-color: #448aff;
  --mat-radio-selected-icon-color: #448aff;
  --mat-radio-selected-pressed-icon-color: #448aff;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
}
html {
  --mat-slider-active-track-color: #21cb35;
  --mat-slider-focus-handle-color: #21cb35;
  --mat-slider-handle-color: #21cb35;
  --mat-slider-hover-handle-color: #21cb35;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #21cb35 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #21cb35 4%, transparent);
  --mat-slider-inactive-track-color: #21cb35;
  --mat-slider-ripple-color: #21cb35;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #21cb35;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: #448aff;
  --mat-slider-focus-handle-color: #448aff;
  --mat-slider-handle-color: #448aff;
  --mat-slider-hover-handle-color: #448aff;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #448aff 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #448aff 4%, transparent);
  --mat-slider-inactive-track-color: #448aff;
  --mat-slider-ripple-color: #448aff;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #448aff;
}
.mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #21cb35;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #21cb35;
  --mat-radio-selected-hover-icon-color: #21cb35;
  --mat-radio-selected-icon-color: #21cb35;
  --mat-radio-selected-pressed-icon-color: #21cb35;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #448aff;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #448aff;
  --mat-radio-selected-hover-icon-color: #448aff;
  --mat-radio-selected-icon-color: #448aff;
  --mat-radio-selected-pressed-icon-color: #448aff;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #21cb35;
  --mat-checkbox-selected-hover-icon-color: #21cb35;
  --mat-checkbox-selected-icon-color: #21cb35;
  --mat-checkbox-selected-pressed-icon-color: #21cb35;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #21cb35;
  --mat-checkbox-selected-hover-state-layer-color: #21cb35;
  --mat-checkbox-selected-pressed-state-layer-color: #21cb35;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #448aff;
  --mat-checkbox-selected-hover-icon-color: #448aff;
  --mat-checkbox-selected-icon-color: #448aff;
  --mat-checkbox-selected-pressed-icon-color: #448aff;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #448aff;
  --mat-checkbox-selected-hover-state-layer-color: #448aff;
  --mat-checkbox-selected-pressed-state-layer-color: #448aff;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #21cb35;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #21cb35;
  --mat-tab-active-ripple-color: #21cb35;
  --mat-tab-inactive-ripple-color: #21cb35;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #21cb35;
  --mat-tab-active-hover-label-text-color: #21cb35;
  --mat-tab-active-focus-indicator-color: #21cb35;
  --mat-tab-active-hover-indicator-color: #21cb35;
  --mat-tab-active-indicator-color: #21cb35;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #448aff;
  --mat-tab-active-ripple-color: #448aff;
  --mat-tab-inactive-ripple-color: #448aff;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #448aff;
  --mat-tab-active-hover-label-text-color: #448aff;
  --mat-tab-active-focus-indicator-color: #448aff;
  --mat-tab-active-hover-indicator-color: #448aff;
  --mat-tab-active-indicator-color: #448aff;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #21cb35;
  --mat-tab-foreground-color: #ffffff;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #448aff;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}
html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #448aff;
  --mat-checkbox-selected-hover-icon-color: #448aff;
  --mat-checkbox-selected-icon-color: #448aff;
  --mat-checkbox-selected-pressed-icon-color: #448aff;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #448aff;
  --mat-checkbox-selected-hover-state-layer-color: #448aff;
  --mat-checkbox-selected-pressed-state-layer-color: #448aff;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #21cb35;
  --mat-checkbox-selected-hover-icon-color: #21cb35;
  --mat-checkbox-selected-icon-color: #21cb35;
  --mat-checkbox-selected-pressed-icon-color: #21cb35;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #21cb35;
  --mat-checkbox-selected-hover-state-layer-color: #21cb35;
  --mat-checkbox-selected-pressed-state-layer-color: #21cb35;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}
html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}
html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #21cb35;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #21cb35;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #21cb35 12%, transparent);
  --mat-button-outlined-state-layer-color: #21cb35;
  --mat-button-protected-container-color: #21cb35;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #21cb35;
  --mat-button-text-ripple-color: color-mix(in srgb, #21cb35 12%, transparent);
  --mat-button-text-state-layer-color: #21cb35;
  --mat-button-tonal-container-color: #21cb35;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #448aff;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #448aff;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #448aff 12%, transparent);
  --mat-button-outlined-state-layer-color: #448aff;
  --mat-button-protected-container-color: #448aff;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #448aff;
  --mat-button-text-ripple-color: color-mix(in srgb, #448aff 12%, transparent);
  --mat-button-text-state-layer-color: #448aff;
  --mat-button-tonal-container-color: #448aff;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}
html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}
html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #21cb35;
  --mat-icon-button-state-layer-color: #21cb35;
  --mat-icon-button-ripple-color: color-mix(in srgb, #21cb35 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #448aff;
  --mat-icon-button-state-layer-color: #448aff;
  --mat-icon-button-ripple-color: color-mix(in srgb, #448aff 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #21cb35;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #21cb35 12%, transparent);
  --mat-fab-small-container-color: #21cb35;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #448aff;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #448aff 12%, transparent);
  --mat-fab-small-container-color: #448aff;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}
html {
  --mat-snack-bar-container-shape: 4px;
}
html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #4d6484;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}
html {
  --mat-progress-spinner-active-indicator-color: #21cb35;
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: #448aff;
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-badge-background-color: #21cb35;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: #448aff;
  --mat-badge-text-color: white;
}
.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}
html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-button-toggle-height: 48px;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #21cb35 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #448aff 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #21cb35;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #21cb35 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #21cb35 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #21cb35 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #21cb35;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #448aff 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #448aff 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #448aff;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #448aff 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #448aff 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #448aff 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #448aff;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #448aff 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #21cb35;
}
.mat-icon.mat-accent {
  --mat-icon-color: #448aff;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}
html {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #21cb35;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #21cb35;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #21cb35;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #448aff;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #448aff;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #448aff;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #21cb35;
  --mat-toolbar-container-text-color: #ffffff;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #448aff;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-timepicker-container-background-color: white;
}
@font-face {
  font-family: "Sf pro display";
  src:
    url(/assets/font/SF-Pro-Display-Bold.woff2) format("woff2"),
    url(/assets/font/SF-Pro-Display-Bold.woff) format("woff"),
    url(/assets/font/SF-Pro-Display-Bold.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sf pro text";
  src:
    url(/assets/font/SF-Pro-Text-Regular.woff2) format("woff2"),
    url(/assets/font/SF-Pro-Text-Regular.woff) format("woff"),
    url(/assets/font/SF-Pro-Text-Regular.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "fontello";
  src: url(/assets/font/fontello.eot?77074587);
  src:
    url(/assets/font/fontello.eot?77074587#iefix) format("embedded-opentype"),
    url(/assets/font/fontello.woff2?77074587) format("woff2"),
    url(/assets/font/fontello.woff?77074587) format("woff"),
    url(/assets/font/fontello.ttf?77074587) format("truetype"),
    url(/assets/font/fontello.svg?77074587#fontello) format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-quadrant:before {
  content: "\e800";
}
.icon-market:before {
  content: "\e801";
}
.icon-globe:before {
  content: "\e802";
}
.icon-mobile-1:before {
  content: "\e803";
}
.icon-flow-merge:before {
  content: "\e804";
}
.icon-link:before {
  content: "\e805";
}
.icon-arrow:before {
  content: "\e806";
}
.icon-checkbox-slected:before {
  content: "\e807";
}
.icon-checkbox-unslected:before {
  content: "\e808";
}
.icon-chevron:before {
  content: "\e809";
}
.icon-clock:before {
  content: "\e80a";
}
.icon-competitions:before {
  content: "\e80b";
}
.icon-dashboard:before {
  content: "\e80c";
}
.icon-delete:before {
  content: "\e80d";
}
.icon-edit:before {
  content: "\e80e";
}
.icon-export:before {
  content: "\e80f";
}
.icon-database-export:before {
  content: "\e810";
}
.icon-eye:before {
  content: "\e811";
}
.icon-file:before {
  content: "\e812";
}
.icon-filter:before {
  content: "\e813";
}
.icon-flag-fill:before {
  content: "\e814";
}
.icon-flag:before {
  content: "\e815";
}
.icon-input-box:before {
  content: "\e816";
}
.icon-logout:before {
  content: "\e817";
}
.icon-more:before {
  content: "\e818";
}
.icon-options:before {
  content: "\e819";
}
.icon-pitch:before {
  content: "\e81a";
}
.icon-player:before {
  content: "\e81b";
}
.icon-players-bordeaux:before {
  content: "\e81c";
}
.icon-players:before {
  content: "\e81d";
}
.icon-updateexternal:before {
  content: "\e81e";
}
.icon-playersreport:before {
  content: "\e81f";
}
.icon-contracts:before {
  content: "\e820";
}
.icon-portfolio:before {
  content: "\e821";
}
.icon-templates-contracts:before {
  content: "\e822";
}
.icon-player-portfolio:before {
  content: "\e823";
}
.icon-scouting-analytics:before {
  content: "\e824";
}
.icon-scouting-players-analytics:before {
  content: "\e825";
}
.icon-scouting-calendar:before {
  content: "\e826";
}
.icon-search:before {
  content: "\e827";
}
.icon-send:before {
  content: "\e828";
}
.icon-shortlists:before {
  content: "\e829";
}
.icon-submited:before {
  content: "\e82a";
}
.icon-svglogo:before {
  content: "\e82b";
}
.icon-teamsreport:before {
  content: "\e82c";
}
.icon-team-line-reports:before {
  content: "\e82d";
}
.icon-unread:before {
  content: "\e82e";
}
.icon-back1:before {
  content: "\e82f";
}
.icon-back2:before {
  content: "\e830";
}
.icon-forward1:before {
  content: "\e831";
}
.icon-psyco:before {
  content: "\e832";
}
.icon-psyco-2:before {
  content: "\e833";
}
.icon-move:before {
  content: "\e834";
}
.icon-football:before {
  content: "\e835";
}
.icon-birth:before {
  content: "\e836";
}
.icon-int:before {
  content: "\e837";
}
.icon-users:before {
  content: "\e838";
}
.icon-social:before {
  content: "\e839";
}
.icon-arrow-1:before {
  content: "\e83a";
}
.icon-eraser:before {
  content: "\e83b";
}
.icon-line_dashed:before {
  content: "\e83c";
}
.icon-line:before {
  content: "\e83d";
}
.icon-line2-dashed:before {
  content: "\e83e";
}
.icon-line2:before {
  content: "\e83f";
}
.icon-round-02:before {
  content: "\e840";
}
.icon-round:before {
  content: "\e841";
}
.icon-square:before {
  content: "\e842";
}
.icon-square2:before {
  content: "\e843";
}
.icon-user_add-01:before {
  content: "\e844";
}
.icon-user_delete-01-01:before {
  content: "\e845";
}
.icon-user_delete-01:before {
  content: "\e846";
}
.icon-user_left-01:before {
  content: "\e847";
}
.icon-user_right-01:before {
  content: "\e848";
}
.icon-user_settings-01:before {
  content: "\e849";
}
.icon-ranking:before {
  content: "\e84a";
}
.icon-flag-menu:before {
  content: "\e84b";
}
.icon-systemgroups:before {
  content: "\e84c";
}
.icon-crm:before {
  content: "\e84d";
}
.icon-invert:before {
  content: "\e84e";
}
.icon-darkmode:before {
  content: "\e84f";
}
.icon-player-loan:before {
  content: "\e850";
}
.icon-ok:before {
  content: "\e851";
}
.icon-cancel:before {
  content: "\e852";
}
.icon-fechar:before {
  content: "\e853";
}
.icon-minus:before {
  content: "\e854";
}
.icon-agents:before {
  content: "\e855";
}
.icon-zoom-in:before {
  content: "\e856";
}
.icon-zoom-out:before {
  content: "\e857";
}
.icon-calendar:before {
  content: "\e858";
}
.icon-resize-full:before {
  content: "\e859";
}
.icon-playersreport-1:before {
  content: "\e85a";
}
.icon-team-line-reports-1:before {
  content: "\e85b";
}
.icon-players-1:before {
  content: "\e85c";
}
.icon-top-age-group:before {
  content: "\e85d";
}
.icon-help:before {
  content: "\e861";
}
.icon-scouting-logo:before {
  content: "\e862";
}
.icon-topagegroup:before {
  content: "\e863";
}
.icon-icon-systemgroups:before {
  content: "\e864";
}
.icon-lists:before {
  content: "\e865";
}
.icon-my-teams:before {
  content: "\e866";
}
.icon-logs:before {
  content: "\e867";
}
.icon-coaching-staff:before {
  content: "\e868";
}
.icon-working-competitions:before {
  content: "\e869";
}
.icon-files-group:before {
  content: "\e86a";
}
.icon-archive:before {
  content: "\e86b";
}
.icon-player_portfolio-copy:before {
  content: "\e86d";
}
.icon-twocards:before {
  content: "\e871";
}
.icon-card:before {
  content: "\e872";
}
.icon-x-twitter:before {
  content: "\e874";
}
.icon-player-transfer:before {
  content: "\e876";
}
.icon-tournament-overview:before {
  content: "\e878";
}
.icon-docs:before {
  content: "\f0c5";
}
.icon-players-young-gun-masterfile:before {
  content: "\f0cb";
}
.icon-comment:before {
  content: "\f0e5";
}
.icon-tv:before {
  content: "\f108";
}
.icon-birthday:before {
  content: "\f1fd";
}
.icon-local-club-coverage:before {
  content: "\f279";
}
.icon-facebook-rect:before {
  content: "\f301";
}
.icon-twitter-bird:before {
  content: "\f303";
}
.icon-instagram-filled:before {
  content: "\f31f";
}
.icon-instagram:before {
  content: "\f32d";
}
.full-screen-dialog {
  height: 100vh;
  width: 100vw !important;
  max-width: none !important;
}
.mat-mdc-slide-toggle .mdc-switch {
  width: 50px !important;
}
.mat-mdc-slide-toggle .mdc-switch .mdc-switch__track {
  height: 28px !important;
  border-radius: 25px !important;
}
.mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle-track {
  left: 4px;
  width: calc(100% - 28px) !important;
}
.mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track::after {
  background-color: var(--primary-color) !important;
}
.mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__icon {
  fill: var(--primary-color) !important;
}
.mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after {
  background-color: #fff !important;
}
th.mat-mdc-header-cell:last-of-type,
td.mat-mdc-cell:last-of-type,
td.mat-mdc-footer-cell:last-of-type {
  padding-right: 24px !important;
}
th.mat-mdc-header-cell:first-of-type,
td.mat-mdc-cell:first-of-type,
td.mat-mdc-footer-cell:first-of-type {
  padding-left: 24px !important;
}
.icon-search {
  position: absolute;
  right: 10px;
  top: 10px;
}
.mat-table,
.mat-mdc-paginator,
.mat-mdc-paginator-icon,
.mat-select-value,
.mat-select-arrow {
  background: unset;
  color: var(--body-text-color) !important;
  white-space: nowrap;
}
.mat-mdc-paginator {
  background: var(--light-background-color) !important;
}
.mdc-text-field--outlined {
  --mat-form-field-outlined-outline-width: 0px !important;
  --mat-form-field-outlined-focus-outline-width: 0px !important;
}
.mat-mdc-select-value-text {
  color: var(--body-text-color) !important;
}
.mat-mdc-select-arrow {
  color: var(--body-text-color) !important;
}
.mat-mdc-paginator-icon {
  --mat-paginator-enabled-icon-color: var(--body-text-color) !important;
  --mat-paginator-disabled-icon-color: rgb(from var(--body-text-color) r g b / 40%) !important;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: var(--body-text-color);
}
.mat-mdc-tooltip {
  font-size: 11px;
  color: var(--body-text-color);
}
.mat-mdc-tooltip .mdc-tooltip__surface {
  background-color: var(--primary-color) !important;
}
.mContainer {
  border: 1px solid var(--border-color);
  flex: 1;
  height: 100%;
  background-color: var(--light-background-color);
  display: flex;
  flex-direction: column;
}
.mContainer-big {
  height: 100%;
}
.position-name,
.component-title,
.title,
.top-bar-team-name,
.imageNameContainer {
  font-size: 16px;
  line-height: 22px;
  font-family: var(--scouting-font-family-titles);
  cursor: pointer;
}
.mContainer .title-widget {
  cursor: pointer;
  font-size: 24px;
  line-height: 34px;
  color: var(--widget-title-color);
  padding: 20px;
  border-bottom: 1px solid var(--border-color);
  font-weight: 600;
  background-color: var(--light-background-color);
  min-height: 80px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.first-row {
  padding: 24px 24px 0px;
}
.rankings-imgClube img {
  width: var(--player-image-thumb-small);
  margin-right: 10px;
}
.rankings-imgClube.first img {
  margin-right: 0px;
  margin-left: 10px;
}
.rankings-imgClube {
  display: flex;
  align-items: center;
}
.rankings-imgClube.player-img img {
  width: var(--player-image-thumb-small);
}
.bg-primary-01 {
  background-color: var(--scouting-primary-alpha-01);
}
.bg-primary-02 {
  background-color: var(--scouting-primary-alpha-02);
}
.bg-primary-03 {
  background-color: var(--scouting-primary-alpha-03);
}
.bg-primary-04 {
  background-color: var(--scouting-primary-alpha-04);
}
.bg-primary-05 {
  background-color: var(--scouting-primary-alpha-05);
}
.bg-primary-10 {
  background-color: var(--scouting-primary-alpha-10);
}
.bg-primary-15 {
  background-color: var(--scouting-primary-alpha-15);
}
.bg-primary-20 {
  background-color: var(--scouting-primary-alpha-20);
}
.bg-primary-30 {
  background-color: var(--scouting-primary-alpha-30);
}
.bg-primary-40 {
  background-color: var(--scouting-primary-alpha-40);
}
.bg-primary-50 {
  background-color: var(--scouting-primary-alpha-50);
}
.bg-primary-60 {
  background-color: var(--scouting-primary-alpha-60);
}
.bg-primary-80 {
  background-color: var(--scouting-primary-alpha-80);
}
.modal-header {
  background-color: var(--container-btn-normal);
  height: 79.03px;
  display: flex;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 18px;
  text-transform: uppercase;
  font-family: var(--scouting-font-family-text);
  align-content: flex-start;
  font-weight: 600;
  color: var(--primary-color);
}
.modal-content {
  padding-top: 33.97px;
  padding-left: 24px;
  padding-right: 24px;
}
.mat-mdc-dialog-content {
  padding-top: 20px !important;
  color: var(--body-text-color);
}
.mat-radio-outer-circle {
  border-color: unset;
}
.settings-table-content {
  font-size: 14px;
}
.table-container {
  display: flex;
  flex-direction: column;
}
.list-table.playersall {
  cursor: pointer;
}
.logContainer {
  min-height: var(--table-height-mat-cell);
  align-items: center;
}
.table {
  overflow: scroll;
  flex: 1;
  border: 1px solid var(--border-color);
  background-color: var(--light-background-color);
  display: flex;
  flex-direction: column;
}
.table-header {
  font-size: 14px;
  min-height: 56px;
  padding: 0px 24px 0px 24px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--border-color);
}
.mat-grid-list,
.table-row {
  font-size: 14px;
  width: 100%;
  min-height: var(--table-height-mat-cell);
  padding: 0px 20px 0px 20px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--border-color);
}
.mat-grid-list:last-of-type,
.table-row:last-of-type {
  border-bottom: 0px;
}
.col-1 {
  flex: 1;
}
.table-header-row {
  height: 50px;
  display: flex;
  align-items: center;
}
.table-row-match {
  height: 45px;
  display: flex;
}
.table-header-row,
.table-row-content {
  padding: 0px 24px 0px 24px;
  gap: 5px;
}
.table-row:hover,
.table-row-content:hover,
.mat-mdc-row:hover {
  color: var(--primary-color);
  background-color: var(--container-btn-normal);
}
.table-header-column-name {
  flex: 3 !important;
}
.table-header-column-number {
  flex: 1;
}
.table-header-column,
.table-header-column-name {
  flex: 1;
  height: 100%;
  font-size: var(--label-font-size);
  font-weight: 500;
  display: flex;
  align-items: center;
  color: var(--primary-color);
  vertical-align: middle;
}
.table-data-column {
  flex: 1;
  font-size: 14px;
  display: flex;
  align-items: center;
  color: var(--body-text-color);
}
.table-data-column-name {
  flex: 3;
  color: var(--primary-color);
  font-weight: 500;
  cursor: pointer;
  padding: 5px 0;
  display: flex;
  justify-content: flex-start !important;
}
.table-data-column-number {
  justify-content: center;
}
.container {
  padding: 24px;
  flex: 1;
}
.table {
  overflow: auto;
  flex: 1;
  border: 1px solid var(--border-color);
  background-color: var(--light-background-color);
  display: flex;
  flex-direction: column;
}
.table-row-1 {
  background-color: var(--table-divider-row-color);
}
.season-name {
  flex: 1;
}
.season-date {
  flex: 1;
}
.season-name-title {
  flex: 1;
  font-weight: 600;
}
.season-date-title {
  flex: 2;
  font-weight: 600;
}
.dash-calendar {
  margin-bottom: 20px;
  margin-top: 20px;
  border: 1px solid var(--border-color);
  background-color: var(--light-background-color);
  padding: 15px;
}
.widget-container .first-row,
.mat-mdc-dialog-container .first-row {
  display: flex;
  align-items: center;
}
.widget-container .tab-table,
.mat-mdc-dialog-container .tab-table {
  width: 100%;
}
.widget-container .first-row-btn-settings,
.mat-mdc-dialog-container .first-row-btn-settings {
  margin-left: 25px;
}
.widget-container .tab-button,
.mat-mdc-dialog-container .tab-button {
  cursor: pointer;
  flex: 1;
  height: 44px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-small);
  transition: var(--transition-effect);
  color: var(--icon-and-color-new-buttons);
}
.widget-container .tab-button:hover,
.mat-mdc-dialog-container .tab-button:hover {
  background-color: var(--primary-color);
  color: white;
  border: 0;
}
.widget-container .tab-button-selected,
.mat-mdc-dialog-container .tab-button-selected {
  background-color: var(--primary-color);
  color: white;
  border: 0;
}
.widget-container .title-widget,
.widget-container .title-widget-container,
.mat-mdc-dialog-container .title-widget,
.mat-mdc-dialog-container .title-widget-container {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding: 24px calc(24px + var(--scrollbar-width-height, 1px)) 0px 24px;
}
.widget-container .title-widget-small,
.mat-mdc-dialog-container .title-widget-small {
  font-size: 16px;
  color: var(--widget-title-color);
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-align: center;
  margin-top: 20px;
}
.widget-container .list-table,
.mat-mdc-dialog-container .list-table {
  border: 0;
}
.widget-container .scrollAreaWidget,
.mat-mdc-dialog-container .scrollAreaWidget {
  margin-top: 20px;
  overflow: auto;
  border-radius: var(--border-radius-medium);
}
.widget-container .title-widget-v2,
.mat-mdc-dialog-container .title-widget-v2 {
  font-size: 20px;
  line-height: 30px;
  flex: 1;
  font-weight: 600;
  font-family: var(--scouting-font-family-titles);
}
.widget-container .title-widget-settings-container div,
.mat-mdc-dialog-container .title-widget-settings-container div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.widget-container .mdc-dialog__title,
.mat-mdc-dialog-container .mdc-dialog__title {
  width: 100%;
}
.widget-container {
  background-color: var(--light-background-color);
  display: flex;
  flex-direction: column;
  border-radius: var(--border-radius-medium);
  border: 1px solid var(--border-color-widgets);
  height: var(--height-of-the-scroll-area-widget);
}
app-report-itens .widget-container,
app-settings .widget-container,
app-files-list .widget-container {
  height: unset;
}
app-files-list.simple .widget-container {
  margin: 0;
  background-color: unset;
  border-radius: unset;
  border: 0;
  height: unset;
  display: flex;
  flex-direction: column;
}
app-files-list.simple .title-widget-container {
  padding: 10px 10px 0 10px;
  margin-bottom: 0;
}
app-files-list.simple .widget-container .title-widget-v2 {
  flex: 1;
  font-size: 16px;
  line-height: 22px;
  font-family: var(--scouting-font-family-titles);
  cursor: pointer;
}
.widget-container-small {
  display: flex;
  flex-direction: column;
  border: none;
}
.widget-container-content {
  padding: 0px;
}
.title-widget-container i {
  cursor: pointer;
}
.evaluation {
  display: flex;
  bottom: 0;
  width: 100%;
  transition: var(--transition-effect);
}
.evaluation > div {
  flex: 1;
  background-color: var(--scouting-primary-alpha-08);
  position: relative;
  border-radius: var(--border-radius-small);
  border: 1px solid var(--scouting-primary-alpha-10);
  margin: 2px;
}
.evaluation > div input[type=radio] {
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  cursor: pointer;
  transition: var(--transition-effect);
}
.evaluation > div input[type=radio] + div {
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  padding: 8px;
  align-content: center;
  height: 100%;
}
.evaluation > div input[type=radio]:hover + div {
  background-color: var(--primary-color);
  border-radius: var(--border-radius-small);
  color: white;
  font-weight: 700;
  transition: var(--transition-effect);
}
.evaluation > div input[type=radio]:checked + div {
  background-color: var(--primary-color);
  color: var(--primary-color-text);
  border-radius: var(--border-radius-small);
  font-weight: 700;
}
.evaluation > div:last-child {
  box-shadow: none;
}
.widget-row {
  display: flex;
  flex-wrap: wrap;
}
.widget-row > div {
  min-width: 49%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 24px;
}
.widget-row > div:nth-child(2n) {
  margin-right: 0;
}
.widget-row > div:last-child {
  margin-right: 0;
}
.player-team-logos {
  display: flex;
}
.player-team-logos > .imgClube {
  max-width: 40px;
  margin-right: 5px;
}
.label-portfolio-team {
  vertical-align: middle;
  font-size: var(--subtitle-font-size);
  color: var(--primary-color);
  line-height: 1.5em;
  font-weight: 500;
}
.data-player-portfolio {
  color: var(--text-color-das-labels);
  font-weight: 500;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.5em;
}
.data-player-portfolio-team {
  color: var(--text-color-das-labels);
  font-weight: 500;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.5em;
}
.form-group {
  margin-bottom: 0px;
  min-width: var(--form-group-width-small);
}
.form-group.form-group-small {
  min-width: var(--form-group-width-small);
}
.form-group.form-group-normal {
  min-width: var(--form-group-width-normal);
}
.form-group.form-group-big {
  min-width: var(--form-group-width-big);
}
.form-group-small {
  min-width: var(--form-group-width-small);
}
.form-group-normal {
  min-width: var(--form-group-width-normal);
}
.form-group-big {
  min-width: var(--form-group-width-big);
}
span.age-number {
  font-size: 14px;
  font-weight: 600;
  padding-left: 10px;
}
@media only screen and (max-width: 992px) {
  .toolbar.open .form-group,
  .toolbar.open .date {
    width: 48%;
  }
}
.small-details {
  display: flex;
  column-gap: 50px;
}
.main-player-portfolio {
  margin-bottom: 15px;
  border-bottom: 1px solid var(--border-color);
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 15px;
}
.main-player-portfolio:last-child {
  border-bottom: none;
}
.main-player-portfolio:first-child {
  padding-top: 0px;
}
.cdk-overlay-dark-backdrop {
  background: var(--overlay-backdrop);
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}
.thead {
  font-weight: 600;
}
:focus {
  outline: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  font-family: var(--scouting-font-family-text);
  color: var(--body-text-color);
  background: var(--body-background-color);
  font-size: 14px;
  letter-spacing: normal;
  position: relative;
}
::-webkit-scrollbar {
  width: var(--scrollbar-width-height);
  height: var(--scrollbar-width-height);
}
::-webkit-scrollbar-track {
  background: transparent;
  border-radius: var(--border-radius-tiny);
}
::-webkit-scrollbar-thumb {
  background: var(--container-btn-selected);
  border-radius: var(--border-radius-tiny);
}
::-webkit-scrollbar-thumb:hover,
div:hover::-webkit-scrollbar-thumb {
  background: var(--primary-color);
}
textarea {
  line-height: 18px;
  font-family: var(--scouting-font-family-text);
  color: var(--body-text-color);
  background-color: inherit;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-spacing: 0;
}
*:focus {
  outline: 0 !important;
}
a {
  text-decoration: none;
  color: var(--primary-color);
}
input[type=text],
input[type=email],
input[type=tel],
input[type=password],
input[type=number] {
  border: 1px solid var(--border-color);
  background-color: initial;
  padding: 10px;
  font-size: var(--input-box-dropdown-font-size);
  width: 100%;
  flex: 1;
  transition: var(--transition-effect);
  border-radius: var(--border-radius-tiny);
  font-weight: 400;
  color: var(--body-text-color);
  box-sizing: border-box;
  margin-top: 0px;
  font-family: var(--scouting-font-family-text);
}
input[type=text]:hover,
input[type=email]:hover,
input[type=tel]:hover,
input[type=password]:hover,
input[type=number]:hover {
  border-color: var(--secondary-color);
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=number]:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 0.25rem var(--scouting-primary-alpha-15);
}
input[type=text]:focus-visible,
input[type=email]:focus-visible,
input[type=tel]:focus-visible,
input[type=password]:focus-visible,
input[type=number]:focus-visible {
  border-color: var(--secondary-color);
  box-shadow: 0 0 0 0.25rem var(--scouting-primary-alpha-15);
  outline-width: 0px;
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder {
  color: var(--primary-color);
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder {
  color: var(--primary-color);
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=password]::placeholder,
input[type=number]::placeholder {
  color: var(--primary-color);
}
input[disabled] {
  background-color: var(--scouting-primary-alpha-10);
  border: 0px solid var(--border-color);
}
.owl-dt-container * {
  background-color: var(--date-input-background);
}
.owl-dt-calendar-control,
.owl-dt-calendar-table .owl-dt-calendar-cell,
.owl-dt-calendar-table .owl-dt-calendar-header,
.owl-dt-timer-content .owl-dt-timer-input {
  color: var(--body-text-color);
  border-color: var(--body-text-color);
}
.owl-dt-container-buttons,
.owl-dt-container-info .owl-dt-container-info-active {
  color: var(--primary-color);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-selected {
  color: var(--primary-color-text);
  background-color: var(--primary-color);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected) {
  border-color: var(--primary-color);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),
.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
  color: var(--primary-color-text);
  background-color: var(--primary-color);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-out {
  opacity: 0.4;
}
.align-center {
  text-align: center;
}
th.align-right .mat-sort-header-container,
th.mat-column-goals,
th.mat-column-y_r {
  text-align: right !important;
  justify-content: flex-end;
  padding-right: 10px !important;
  font-family: var(--scouting-font-family-text);
  font-weight: bold;
}
.align-right-content {
  text-align: right !important;
  padding-right: 30px !important;
}
.align-right-content-padding {
  text-align: right;
  padding-right: 10px !important;
}
.align-left {
  text-align: left;
}
.form .form-group {
  margin-bottom: 25px;
}
.form .form-group label {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
.form button {
  padding: 10px;
  background: var(--primary-color);
  border: 0;
  color: var(--primary-color-text);
  text-transform: uppercase;
  cursor: pointer;
}
.inside-table {
  border-bottom: 1px solid var(--border-color);
  padding: 24px;
  align-items: flex-end;
  display: flex;
}
.search-block {
  display: block;
}
.btn-round,
.list-table .add,
.btn-round-help {
  font-size: 22px;
  cursor: pointer;
  color: var(--icon-and-color-new-buttons);
  border-radius: var(--border-radius-tiny);
  transition: var(--transition-effect);
  max-width: var(--input-forms-btn-height) !important;
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: var(--input-forms-btn-height);
  height: var(--input-forms-btn-height);
  border: 1px solid var(--border-color);
  background-color: transparent;
}
.btn-round .icon-options,
.list-table .add .icon-options,
.btn-round-help .icon-options {
  display: flex;
  align-items: center;
}
.btn-round .icon-options .username,
.list-table .add .icon-options .username,
.btn-round-help .icon-options .username {
  font-size: 14px;
  margin-right: 10px;
}
.btn-round.hamburger,
.list-table .hamburger.add,
.btn-round-help.hamburger {
  background-color: var(--scouting-primary-alpha-20);
}
.btn-round:hover:not(.btn-round-help),
.list-table .add:hover:not(.btn-round-help),
.btn-round-help:hover:not(.btn-round-help) {
  border-color: var(--secondary-color);
  color: var(--secondary-color);
  background-color: var(--date-input-background);
}
.btn-round.btn-round-help:hover,
.btn-round-help.btn-round-help:hover {
  color: white;
  background-color: var(--primary-color);
}
.btn-round:last-child,
.list-table .add:last-child,
.btn-round-help:last-child {
  margin-right: 0px;
}
.btn-round-inside-table {
  cursor: pointer;
  font-size: 18px;
  cursor: pointer;
  color: var(--icon-and-color-new-buttons);
  transition: var(--transition-effect);
  border-radius: var(--border-radius-tiny);
  height: 30px;
  width: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn-round-inside-table.Commentsbtn {
  width: 80px;
}
.btn-round-inside-table:hover {
  background-color: var(--primary-color);
  color: var(--primary-color-text) !important;
}
.btn-round-inside-table.icon-delete:hover {
  background-color: var(--but-cancel-color-text);
  color: white !important;
}
.btn-divider-last {
  border-left: 1px solid var(--border-color);
  padding-left: 10px;
}
.btn-round-text {
  border-radius: var(--border-radius-tiny);
  border: 1px solid var(--border-color);
  height: var(--input-forms-btn-height);
  line-height: var(--input-forms-btn-height);
  color: var(--icon-and-color-new-buttons);
  transition: var(--transition-effect);
  font-size: var(--input-box-dropdown-font-size);
  font-weight: 400;
  padding-left: 20px;
  padding-right: 20px;
  cursor: pointer;
}
.btn-round-text.icon {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.btn-round-text:hover {
  border-color: var(--secondary-color);
  color: var(--secondary-color);
  background-color: var(--date-input-background);
}
.btn-round-text:last-child {
  margin-right: 0px;
  padding-left: 10px;
  padding-right: 10px;
}
.content-area {
  width: calc(100vw - var(--scouting-navigation-compact-width));
  margin-left: var(--scouting-navigation-compact-width);
  position: relative;
}
.content-area > * > app-competitions-teams {
  height: 100%;
}
.content-area > * > * {
  display: block;
}
.content {
  margin: 30px 25px;
  padding-bottom: 10px;
}
.box {
  padding: 30px 25px;
  background-color: var(--light-background-color);
  border-radius: var(--border-radius-medium);
  border: 1px solid var(--border-color-widgets);
}
.box.no-padding {
  padding: 0;
}
.box.margin-bottom {
  margin-bottom: 25px;
}
.inner-box {
  border-radius: var(--border-radius-small);
  border: 1px solid var(--border-color);
  padding: 20px;
}
.content-full {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 60px;
  right: 0;
  padding: 20px 40px;
  clear: both;
}
.list-table {
  border: 1px solid var(--border-color);
  background-color: var(--light-background-color);
  min-height: 200px;
  border-radius: var(--border-radius-small);
  overflow: auto;
}
.list-table .mat-mdc-row {
  cursor: pointer;
}
.list-table.nocursor .mat-mdc-row {
  cursor: default;
}
.list-table table {
  width: 100%;
}
.list-table .mat-mdc-table {
  background: transparent;
}
.list-table .mat-mdc-header-row th {
  border-bottom: 1px solid var(--border-color);
  padding-left: 5px;
  padding-right: 5px;
  font-size: var(--label-font-size);
  white-space: nowrap;
  background-color: var(--light-background-color);
}
.list-table .icon-td {
  width: var(--input-forms-btn-height);
}
.list-table competitions-team-details.component.scss .mat-mdc-row,
.list-table .templateNameContainer {
  cursor: pointer;
}
.list-table competitions-team-details.component.scss .mat-mdc-row .icon-td,
.list-table .templateNameContainer .icon-td {
  text-align: center;
}
.list-table competitions-team-details.component.scss .mat-mdc-row i,
.list-table .templateNameContainer i {
  font-size: 20px;
}
.list-table competitions-team-details.component.scss .mat-mdc-row:nth-child(odd),
.list-table .templateNameContainer:nth-child(odd) {
  background-color: var(--table-divider-row-color);
}
.list-table competitions-team-details.component.scss .mat-mdc-row:hover,
.list-table .templateNameContainer:hover {
  color: var(--primary-color);
  background-color: var(--container-btn-normal);
}
.list-table .mat-mdc-header-cell {
  color: var(--body-text-color);
  vertical-align: middle;
  font-weight: bold;
  font-size: var(--label-font-size);
}
.list-table .mat-mdc-header-cell :hover {
  color: var(--secondary-color);
}
.list-table td.mat-mdc-cell,
.list-table td.mat-mdc-footer-cell {
  border-bottom: 1px solid var(--border-color) !important;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
}
.list-table td.mat-mdc-cell:hover,
.list-table td.mat-mdc-footer-cell:hover {
  color: var(--secondary-color);
}
.smallbtn {
  width: 26px;
  height: 26px;
  line-height: 26px;
}
.smallbtn i {
  font-size: 16px;
}
.small-btn span {
  padding: 7px;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid var(--border-color);
  align-items: center;
  border-radius: var(--border-radius-tiny);
  display: inline-flex;
  cursor: pointer;
  justify-content: center;
  transition: var(--transition-effect);
  position: relative;
}
.small-btn span:hover {
  color: var(--icon-and-color-new-buttons-v3);
  background-color: var(--primary-color);
}
.top-bar-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.top-bar-center-container {
  display: flex;
  flex: 1;
  justify-content: flex-start;
  margin-right: 40px;
}
.header-center {
  margin-left: auto;
}
.top-bar-left-container {
  display: flex;
  flex: 1;
  column-gap: 10px;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
.header-left {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.top-bar-right-container {
  display: flex;
  column-gap: 10px;
  align-items: flex-start;
}
.header-right {
  display: flex;
}
.competition-top-bar-team-name {
  font-size: 18px;
  color: var(--body-text-color);
  font-weight: 600;
  text-transform: uppercase;
}
.top-bar-team-name {
  margin-left: 5px;
}
.tab {
  display: flex;
  -moz-column-gap: 10px;
  column-gap: 10px;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.toolbar-container {
  display: flex;
  gap: 10px;
  padding: 20px 24px 20px 24px;
  background-color: var(--light-background-color);
}
.toolbarMobilefilter-left {
  flex: 1;
  display: flex;
  gap: 10px;
}
.toolbarMobilefilter-right {
  gap: 10px;
  align-items: center;
}
.toolbar {
  background: var(--light-background-color);
  position: sticky;
  top: var(--toolbar-height);
  padding: 15px 24px 15px 24px;
  display: flex !important;
  flex-flow: row wrap;
  z-index: 101;
  box-shadow: var(--box-shadow-color);
  column-gap: 20px;
  gap: 20px;
}
.toolbar > div {
  position: relative;
}
.toolbar .tab.small a {
  padding: 5px 8px 5px 8px;
}
.toolbar .tab a {
  font-size: 14px;
  font-weight: 500;
  color: var(--icon-and-color-new-buttons);
  border: 1px solid var(--border-color);
  align-items: center;
  border-radius: var(--border-radius-tiny);
  display: inline-flex;
  cursor: pointer;
  -webkit-box-pack: center;
  justify-content: center;
  height: var(--input-forms-btn-height);
  padding: 0px 10px;
  transition: var(--transition-effect);
  position: relative;
}
.toolbar .tab a .notification {
  color: var(--icon-and-color-new-buttons-v3);
  background-color: var(--primary-color);
  display: block;
  width: 20px;
  line-height: 20px;
  text-align: center;
  margin-left: 14px;
  font-size: 12px;
  border-radius: var(--border-radius-small);
  font-family: var(--scouting-font-family-titles);
}
.toolbar .tab a.selected {
  color: var(--icon-and-color-new-buttons-v3);
  background-color: var(--primary-color);
}
.toolbar .tab a.selected:hover {
  color: var(--icon-and-color-new-buttons-v3);
  background-color: var(--primary-color);
}
.toolbar .tab a.selected .notification {
  background-color: var(--icon-and-color-new-buttons-v3);
  color: var(--primary-color);
}
.toolbar .tab a:last-child {
  margin-right: 0px;
}
.toolbar .tab a:hover {
  color: var(--icon-and-color-new-buttons-v3);
  background-color: var(--primary-color);
}
.toolbar .tab a:hover .notification {
  color: var(--icon-and-color-new-buttons);
  background-color: var(--icon-and-color-new-buttons-v3);
}
.toolbar .date {
  position: relative;
  border: 1px solid var(--border-color);
  background-color: initial;
  padding: 10px;
  font-size: 14px;
  transition: var(--transition-effect);
  border-radius: var(--border-radius-tiny);
  font-weight: 400;
  color: var(--body-text-color);
  width: auto;
}
.toolbar .date:hover {
  border-color: var(--secondary-color);
}
.toolbar .date input {
  background-color: initial;
  color: var(--body-text-color);
}
.toolbar .date input::placeholder {
  color: var(--body-text-color);
}
.toolbar .date i {
  position: absolute;
  right: 8px;
}
.boxPagination {
  display: flex;
  margin-left: 30px;
  align-items: center;
  gap: 10px;
}
.boxPagination:hover {
  color: var(--primary-color);
}
.boxPagination > div {
  cursor: pointer;
}
.boxPagination i::before {
  transform: rotate(90deg);
}
.boxPagination .next i::before {
  transform: rotate(-90deg);
}
.date {
  position: relative;
}
.date i {
  color: var(--body-text-color);
  position: absolute;
  right: 10px;
  top: 11px;
}
mat-row,
mat-header-row,
mat-footer-row,
th.mat-mdc-header-cell,
td.mat-mdc-cell,
td.mat-mdc-footer-cell {
  border-bottom-color: unset;
}
.mat-mdc-input-element {
  caret-color: var(--primary-color);
  margin-top: 0px;
}
.ng-select.ng-select-opened > .ng-select-container:hover {
  box-shadow: none;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow {
  transform: rotate(180deg);
  transition: var(--transition-effect);
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow:hover {
  border-color: transparent transparent #333;
}
.ng-select.ng-select-opened.ng-select-bottom > .ng-select-container {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ng-select.ng-select-opened.ng-select-top > .ng-select-container {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.ng-select.ng-select-disabled > .ng-select-container {
  background-color: #f9f9f9;
}
.ng-select .ng-has-value .ng-placeholder {
  display: none;
}
.white .ng-value-label,
.white .ng-select .ng-clear-wrapper,
.white .ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: var(--body-text-color) transparent transparent;
}
.white .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input input,
.white .ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: var(--body-text-color);
}
.ng-select .ng-select-container {
  border: 1px solid var(--border-color);
  background-color: var(--ng-select-container-background);
  font-size: var(--input-box-dropdown-font-size);
  transition: var(--transition-effect);
  border-radius: var(--border-radius-tiny);
  font-weight: 400;
  min-height: var(--input-forms-btn-height);
  padding: 0px 10px 0px 10px;
  align-items: center;
  cursor: pointer;
  gap: 10px;
  transition: var(--transition-effect);
}
.ng-select .ng-select-container:hover {
  border-color: var(--secondary-color);
  transition: var(--transition-effect);
}
.ng-select .ng-select-container:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 0.25rem var(--scouting-primary-alpha-15);
}
.ng-select .ng-select-container:active {
  border-color: red;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.ng-select.ng-select-opened .ng-select-container {
  border-color: var(--secondary-color);
  transition: var(--transition-effect);
}
.ng-select .ng-select-container .ng-value-container {
  align-items: center;
  min-height: var(--input-forms-btn-height);
  gap: 5px;
  padding: 10px;
}
[dir=rtl] .ng-select .ng-select-container .ng-value-container {
  padding-right: 10px;
  padding-left: 0;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input input {
  color: var(--primary-color);
  padding-left: 10px;
}
[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  padding-right: 10px;
  padding-left: 50px;
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value {
  background-color: #f9f9f9;
  border: 1px solid #e6e6e6;
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value .ng-value-label {
  padding: 0 5px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-right: 7px;
  padding-left: 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  font-size: 0.9em;
  background-color: var(--ng-tag);
  border-radius: var(--border-radius-tiny);
  color: var(--icon-and-color-new-buttons-v3);
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  margin-right: 0;
  margin-left: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
  background-color: #f9f9f9;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 5px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 0;
  padding-right: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  display: inline-block;
  padding: 1px 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
  display: inline-block;
  padding: 1px 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  background-color: #d0021b;
  color: white !important;
  border-radius: 4px 0px 0px 4px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-right: 1px solid var(--ng-tag);
  color: var(--icon-and-color-new-buttons-v3);
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-left: 1px solid var(--ng-tag);
  border-right: none;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 1px solid var(--ng-tag);
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 0;
  border-right: 1px solid var(--ng-tag);
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 0 3px 3px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 3px 3px 0;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  padding-right: 3px;
  padding-left: 0;
}
.ng-select .ng-clear-wrapper {
  text-align: center;
}
.ng-select .ng-clear-wrapper .ng-clear {
  color: #d0021b;
  font-size: 20px;
}
.ng-select .ng-spinner-zone {
  padding: 5px 5px 0 0;
}
[dir=rtl] .ng-select .ng-spinner-zone {
  padding: 5px 0 0 5px;
}
[dir=rtl] .ng-select .ng-arrow-wrapper {
  padding-left: 5px;
  padding-right: 0;
}
.ng-select .ng-arrow-wrapper:hover .ng-arrow {
  border-top-color: #666;
}
.ng-select .ng-arrow-wrapper .ng-arrow {
  width: 20px !important;
  height: 16px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%236f6b7d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='white' stroke-opacity='0.2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  transition: var(--transition-effect);
  display: block !important;
}
.ng-dropdown-panel {
  background-color: var(--ng-select-container-background);
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
  border: 1px solid var(--border-color);
}
.ng-dropdown-panel.ng-select-bottom {
  top: 100%;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-color: var(--secondary-color);
  margin-top: -1px;
}
.mat-autocomplete-panel {
  background-color: var(--ng-select-container-background);
  color: var(--body-text-color);
}
.mat-mdc-option {
  color: var(--body-text-color);
  font-size: var(--input-box-dropdown-font-size);
  font-family: var(--scouting-font-family-text);
}
.mat-mdc-option:hover:not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled) {
  background: var(--dropdown-panel-background);
}
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ng-dropdown-panel.ng-select-top {
  bottom: 100%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-color: #e6e6e6;
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.ng-dropdown-panel .ng-dropdown-header {
  border-bottom: 1px solid #ccc;
  padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-footer {
  border-top: 1px solid #ccc;
  padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
  -webkit-user-select: none;
  user-select: none;
  padding: 8px 10px;
  font-weight: 500;
  color: var(--primary-color);
  cursor: pointer;
  font-size: var(--input-box-dropdown-font-size);
  font-family: var(--scouting-font-family-titles);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
  cursor: default;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
  background-color: var(--ng-select-container-background);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked {
  background-color: var(--ng-select-container-background);
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  padding: 10px;
  font-size: var(--input-box-dropdown-font-size);
  white-space: normal !important;
  border-bottom: 1px solid var(--border-color);
  min-height: 38px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
  color: var(--body-text-color);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {
  font-weight: 600;
  color: var(--primary-color);
  text-decoration-line: underline;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: var(--container-btn-normal);
  color: var(--secondary-color);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
  color: #ccc;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-left: 22px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-right: 22px;
  padding-left: 0;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  font-size: 80%;
  font-weight: 400;
  padding-right: 5px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  padding-left: 5px;
  padding-right: 0;
}
[dir=rtl] .ng-dropdown-panel {
  direction: rtl;
  text-align: right;
}
input.submitted.ng-invalid {
  border-color: #ab1924;
}
textarea.submitted.ng-invalid {
  border-color: #ab1924;
}
.error-borderParentOfInput * > input {
  border: 1px solid #ab1924;
}
ng-select.error-border {
  border-radius: var(--border-radius-tiny);
}
.error-border {
  border: 1px solid #ab1924 !important;
  background-color: rgba(171, 25, 36, 0.05);
  border-radius: var(--border-radius-medium);
  z-index: 101;
}
.component-header-section {
  margin-bottom: 20px;
  align-items: center;
}
.sub-title,
.label-portfolio {
  color: var(--primary-color);
  font-size: var(--subtitle-font-size);
  line-height: 1.5em;
  margin-bottom: 15px;
}
.mdc-dialog .mdc-dialog__content {
  margin: 25px 0px;
  padding: 0px !important;
  color: var(--body-text-color) !important;
}
.mat-mdc-dialog-container .mdc-dialog__surface {
  background-color: var(--light-background-color) !important;
  border-radius: 16px !important;
  padding: 20px;
}
.mat-mdc-dialog-container .mat-mdc-dialog-title {
  font-size: 20px;
  line-height: 30px;
  flex: 1;
  font-weight: 600;
  padding: 0;
  color: var(--body-text-color) !important;
  margin: auto;
  align-items: center;
}
.mat-mdc-dialog-container .sub-title {
  color: var(--primary-color);
  font-size: var(--subtitle-font-size);
  line-height: 1.5em;
  margin-bottom: 15px;
  letter-spacing: normal;
}
.mat-mdc-dialog-container .mat-mdc-dialog-actions {
  justify-content: flex-end;
}
.listModal {
  border: 1px solid var(--border-color-widgets);
  border-radius: var(--border-radius-small);
  background-color: unset;
}
.listModal.mat-mdc-list-base {
  padding: 0;
}
.listModal {
}
.listModal .mat-mdc-list-option {
  height: var(--table-height-mat-cell);
  border-bottom: 1px solid var(--border-color);
  display: block;
  padding-left: 0 !important;
}
.listModal .mat-mdc-list-option[aria-selected=true] {
  background-color: var(--primary-color) !important;
  color: var(--primary-color-text);
}
.listModal .mat-mdc-list-option .mdc-list-item:hover .mdc-list-item__primary-text,
.listModal .mat-mdc-list-option .mdc-list-item__primary-text {
  color: var(--body-text-color) !important;
  font-size: var(--input-box-dropdown-font-size);
}
.listModal .mat-mdc-list-option .mat-grid-list {
  padding: 0;
}
.listModal .mat-mdc-list-option .mat-pseudo-checkbox {
  display: none;
}
.listModal .mat-mdc-list-option:hover {
  background-color: var(--container-btn-normal);
}
.listModal .mat-mdc-list-option:nth-child(odd) {
  background-color: var(--table-divider-row-color);
}
.listModal .mat-mdc-list-option[aria-selected=true] {
  background-color: var(--scouting-primary-alpha-60);
  border-bottom: 1px solid #FFF;
}
.listModal .mat-mdc-list-option[aria-selected=true] .mat-grid-tile-content {
  color: var(--icon-and-color-new-buttons-v3);
}
.listModal .mat-mdc-list-option[aria-selected=true] i {
  color: var(--primary-color-text);
}
.player_and_report {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.player_and_report .reportName {
  font-size: 13px;
}
app-filter-player .ng-select .ng-select-container {
  height: unset;
}
app-competitions .left-container .mat-mdc-form-field {
  height: 49px;
  background-color: var(--container-btn-selected);
  border: 1px solid var(--border-color);
}
app-competitions .left-container .ng-select .ng-select-container {
  background: var(--container-btn-selected);
  border: none;
  color: var(--primary-color);
  font-size: 15px;
  padding: 15px 10px;
}
app-competitions .left-container .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  padding: 10px 15px;
}
app-competitions .left-container {
}
app-competitions .left-container .mat-form-field-infix {
  padding: 0;
}
app-competitions .left-container {
}
app-competitions .left-container .mat-select-value {
  font-size: 14px;
  color: var(--primary-color) !important;
}
app-competitions .left-container {
}
app-competitions .left-container .mat-select-arrow {
  font-size: 14px;
  color: var(--primary-color) !important;
}
app-competitions .left-container {
}
app-competitions .left-container .mat-select-trigger {
  margin-left: 25px;
  margin-right: 25px;
}
.popUp .mat-mdc-form-field {
  width: 100%;
}
.popUp {
}
.popUp .mat-form-field-infix {
  border: 0;
  padding: 0;
}
.popUp-2 .mat-mdc-form-field {
  width: 100%;
}
.popUp-2 {
}
.popUp-2 .mat-form-field-infix {
  border: 0;
  padding: 0;
}
.popUp-2 .mat-mdc-dialog-container {
  overflow: visible;
}
.mat-checkbox-frame {
  border-color: var(--border-color);
}
.mat-mdc-button {
  font-family: var(--scouting-font-family-text);
  border: 1px solid var(--primary-color) !important;
  padding: 0 16px !important;
  font-weight: bold;
  font-size: 15px;
  font-weight: 400;
  transition: var(--transition-effect);
  color: var(--body-text-color) !important;
}
.mat-mdc-button.new {
  border: 1px solid var(--primary-color);
  color: var(--body-text-color);
}
.mat-mdc-button.new:hover {
  background-color: #13422b !important;
  border: 0px solid #13422b !important;
  color: white;
}
.mat-mdc-button.ok {
  background-color: var(--but-save-ok) !important;
  border: 0px solid var(--but-save-ok) !important;
  color: white !important;
}
.mat-mdc-button.ok:hover {
  background-color: #13422b !important;
  border: 0px solid #13422b !important;
  color: white;
}
.mat-mdc-button.cancel {
  color: var(--body-text-color) !important;
  border: 1px solid var(--border-color) !important;
  background-color: unset;
}
.mat-mdc-button.cancel:hover {
  background-color: var(--but-cancel-color-text);
  color: white;
  border: 1px solid var(--but-cancel-color-text) !important;
}
.matDialogContainerNoPadding .mat-mdc-dialog-container {
  padding: 0px;
}
.highlight {
  background: var(--primary-color) !important;
}
.highlight td,
.highlight i {
  color: #fff !important;
}
.help {
  display: flex;
  font-size: 13px;
  gap: 20px;
  padding: 18px 10px;
}
.green {
  border-left: 10px solid var(--grade);
}
.dot-green {
  color: var(--grade);
}
.yellow {
  border-left: 10px solid #ffc800;
}
.dot-yellow {
  color: #ffc800;
}
.rect {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.row {
  display: flex;
  padding: 0;
  column-gap: 20px;
}
.row > * {
  flex: 1;
}
.flex05 {
  flex-basis: 50%;
  max-width: 50%;
}
.flex10 {
  flex-basis: 10%;
  max-width: 10%;
}
.flex15 {
  flex-basis: 15%;
  max-width: 15%;
}
.flex20 {
  flex-basis: 20%;
  max-width: 20%;
}
.flex25 {
  flex-basis: 25%;
  max-width: 25%;
}
.flex30 {
  flex-basis: 30%;
  max-width: 30%;
}
.flex33 {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
.flex40 {
  flex-basis: 40%;
  max-width: 40%;
}
.flex50 {
  flex-basis: 50%;
  max-width: 50%;
}
.flex60 {
  flex-basis: 60%;
  max-width: 60%;
}
.flex66 {
  flex-basis: 66%;
  max-width: 66%;
}
.flex1 {
  flex-basis: 100%;
  max-width: 100%;
}
.matDialogContainerWidgetDashboards .mat-mdc-dialog-container {
  overflow: initial;
}
.buttonArea {
  text-align: right;
  padding-right: 10px;
  padding-top: 30px;
  width: 100%;
}
.buttonArea button {
  margin-left: 30px;
}
textarea {
  box-sizing: border-box;
  border: 1px solid var(--border-color);
  width: 100%;
  height: 177px;
  padding: 15px;
  line-height: 21px;
  font-size: 14px;
}
textarea:hover {
  border-color: var(--secondary-color);
}
textarea:focus {
  box-shadow: 0 0 0 0.25rem var(--scouting-primary-alpha-15);
}
.boxData {
  font-family: var(--scouting-font-family-titles);
  padding: 50px 24px 50px 24px;
  border-radius: var(--border-radius-medium);
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 24px;
}
.backBlue {
  background: var(--primary-color);
  color: var(--primary-color-text);
}
ng-select .ng-input,
ng-select .ng-value,
ng-select .ng-input input[type=text] {
  padding: 0;
  margin-bottom: 0 !important;
  cursor: pointer;
}
.mat-mdc-cell {
  color: var(--body-text-color);
  vertical-align: middle;
  font-family: var(--scouting-font-family-text);
  font-size: 14px;
  letter-spacing: normal;
}
td.mat-mdc-footer-cell,
th.mat-mdc-header-cell {
  border-bottom: 1px solid var(--border-color);
}
.separator-blue tr td {
  border-left: 2px solid var(--primary-color);
}
.separator-blue tr td.mat-column-delete,
.separator-blue tr td.mat-column-edit,
.separator-blue tr td:first-child {
  border: 0;
}
mat-slider {
  width: calc(100% - 20px) !important;
  margin: 0px 10px !important;
}
mat-slider .mdc-slider__value-indicator-container {
  bottom: 40px;
}
mat-slider .mdc-slider__value-indicator {
  transform: scale(1);
  font-size: 10px;
  font-weight: bold;
  background-color: var(--primary-color);
  opacity: 0.9;
  height: 20px;
  padding: 0px 5px;
}
mat-slider .mdc-slider__value-indicator .mdc-slider__value-indicator-text {
  width: 100%;
}
mat-slider .mdc-slider__value-indicator::before {
  border-top-color: var(--primary-color);
}
.top-bar {
  width: 100%;
  min-height: 80px;
  display: flex;
  align-items: center;
  background-color: var(--top-bar-color-background);
  box-shadow: var(--box-shadow-color);
  padding-left: 24px;
  padding-right: 24px;
}
.type-view-container,
.top-bar-tabs {
  display: flex;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  background-color: var(--light-background-color);
  border: 1px solid var(--border-color);
  padding: 3px;
  border-radius: var(--border-radius-small);
  flex: 1;
}
.right-container-block {
  flex: 1;
  padding: 0px 24px 24px 24px;
  margin-top: 24px;
  display: block;
  overflow-y: scroll;
}
.type-view-container-btn,
.top-bar-tab {
  cursor: pointer;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-right: 5px;
  padding: 0.5rem;
  border-radius: var(--border-radius-small);
}
.type-view-container-btn:hover,
.top-bar-tab:hover {
  transition: var(--transition-effect);
  border-radius: var(--border-radius-small);
  color: var(--light-background-color);
  background-color: var(--primary-color);
}
.type-view-container-btn:last-child,
.top-bar-tab:last-child {
  margin-right: 0px;
}
.type-view-container-btn a,
.top-bar-tab a {
  color: inherit;
  text-decoration: none;
}
.type-view-container-btn-selected,
.top-bar-tab-selected {
  background-color: var(--scouting-primary-alpha-80);
  border-radius: var(--border-radius-small);
  color: var(--icon-and-color-new-buttons-v3);
}
.name-title {
  flex: 1;
  font-size: 14px;
  color: var(--primary-color);
  font-weight: 600;
  font-stretch: 100%;
  text-transform: uppercase;
}
.action-icons {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  font-size: 20px;
  gap: 10px;
}
.action-icons i {
  cursor: pointer;
}
.btn-main {
  padding: 8px;
  min-width: 160px;
  text-align: center;
  border: none;
  cursor: pointer;
  border-radius: var(--border-radius-small);
  transition: var(--transition-effect);
  text-transform: uppercase;
  color: white;
  background-color: var(--primary-color);
  display: inline-flex;
  justify-content: center;
  height: var(--input-forms-btn-height);
  line-height: 24px;
}
.btn-main.small-btn-main {
  font-size: 14px;
  text-transform: none;
  padding: 5px 8px 5px 8px;
  height: auto;
}
.btn-main:hover {
  background-color: var(--scouting-primary-alpha-50);
}
.mat-mdc-select-panel {
  background-color: var(--light-background-color);
}
.mat-mdc-tab-group {
  color: var(--body-text-color);
}
.mat-mdc-tab-group.mat-primary .mat-ink-bar {
  background-color: unset;
}
.generic-label {
  font-size: 12px;
  text-transform: uppercase;
}
.mat-mdc-tab-body-content {
  height: unset !important;
  overflow-x: hidden !important;
}
.popField .mat-mdc-dialog-content {
  max-height: 80vh;
}
.contenttopbar {
  position: relative;
  height: 30px;
  padding: 40px 0px 40px 0px;
  display: flex;
  align-items: center;
  flex-flow: row wrap;
}
.contenttopbar .right-bar {
  position: absolute;
  right: 10px;
  z-index: 5;
  column-gap: 10px;
}
.rotate45 {
  transform: rotate(45deg);
  background-color: #ff8787;
  color: white;
}
.last-edition {
  text-align: right;
  font-size: 12px;
}
.fileUpload {
  position: relative;
  overflow: hidden;
  width: 175px;
}
.fileUpload label {
  display: block;
  visibility: visible;
  background-color: var(--primary-color);
  color: var(--icon-and-color-new-buttons-v3);
  text-align: center;
  border-radius: 4px;
  padding: 10px 15px 10px 15px;
  cursor: pointer;
}
.fileUpload input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.htmleditor {
  display: flex;
  overflow: hidden;
}
.ql-editor {
  font-family: var(--scouting-font-family-text);
  padding-top: 25px;
  color: var(--text-color-das-labels);
  font-weight: 400;
  vertical-align: middle;
  font-size: 14px;
  min-height: 100px;
}
.ql-editor.ql-blank::before {
  color: var(--body-text-color) !important;
}
.ql-snow .ql-stroke {
  stroke: var(--body-text-color) !important;
}
.ql-editor .ql-toolbar {
  background-color: #ffffff !important;
}
.ql-editor .ql-myBox {
  cursor: pointer;
  display: inline-block;
  width: fit-content;
  padding: 10px 15px;
  color: #22346f;
  font-size: 14px;
  font-weight: 300;
  border: 1px dashed #00aeef;
  background-color: #f6f9fc;
}
.ql-editor .ql-player {
  cursor: pointer;
  padding: 10px 15px;
  color: #22346f;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  border: 1px dashed #00aeef;
  background-color: #f6f9fc;
}
.pImg {
  border-radius: 50%;
  border: 1px solid var(--border-color);
  width: var(--player-image-thumb-small);
}
.img50 {
  width: var(--player-image-thumb-big);
}
.img40 {
  width: var(--player-image-thumb-medium);
}
.ql-genericBoxQuill-signature {
  border: 1px dashed #00aeef;
  padding: 0 !important;
  width: unset !important;
  background-color: #ffffff !important;
}
.ql-genericBoxQuill-bonus-table {
  width: max-content !important;
  padding: 15px !important;
  display: flex;
}
.ql-genericBoxQuill-bonus-table span:first-child {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.sAlert {
  position: relative;
  padding: 0.75rem 1.25rem;
  border: 1px solid transparent;
}
.sAlert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.sAlert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.sAlert-status {
  font-weight: bold;
  margin-right: 7px;
}
.ql-select-css {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-appearance: none;
  color: #22346f;
  font-size: 14px;
  background: transparent;
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat, repeat;
  background-position: right 0em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
  padding-right: 15px;
}
.appendix-container {
  display: flex;
}
.appendix-btn-box {
  position: relative;
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;
  width: fit-content;
  height: 35px;
  display: flex;
  background-color: #f6f9fc;
  font-weight: 300;
  display: flex;
  align-items: center;
  color: #22346f;
  font-size: 14px;
  border-top: 1px dashed #00aeef;
  border-left: 1px dashed #00aeef;
  border-right: 1px dashed #00aeef;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  margin-right: 2px;
}
.appendix-btn-box-selected {
  color: #00214f;
  background-color: #ffffff !important;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.appendix-rem-container {
  position: absolute;
  z-index: 9;
  top: -4px;
  right: -4px;
  width: 18px;
  height: 18px;
  border: 1px solid red;
  border-radius: 9px;
  color: red;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: 300;
}
.flexinicial {
  flex: initial;
}
.hide-On-XL {
  display: none !important;
}
.imageCol {
  width: var(--player-image-thumb-small);
}
.limit2lines {
  display: block;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.toolbarMobileBtn {
  margin-bottom: 5px;
  min-width: 100vw;
  border-radius: 0px;
}
.widget-report-game-elements {
  display: flex;
  align-items: center;
  justify-content: center;
}
.versionBox {
  padding: 5px 10px;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-tiny);
  font-size: 11px;
  font-weight: bold;
  background: var(--light-background-color);
  display: block;
  text-align: center;
  width: 40px;
  font-family: var(--scouting-font-family-titles);
}
.label-portfolio,
.data-player-portfolio {
  font-weight: 400;
  margin-bottom: 5px;
}
.label-portfolio {
  font-size: 12px;
  line-height: unset;
}
.data-player-portfolio {
  line-height: unset;
}
.game-small-info {
  gap: 30px;
  justify-content: space-between;
  margin-bottom: 0px;
  column-gap: 30px;
  padding: 24px;
  flex-direction: unset !important;
  height: unset;
}
.player-small-info {
  gap: 30px;
  justify-content: space-between;
  padding: 24px;
  margin-bottom: 0px;
  column-gap: 30px;
  flex-direction: unset !important;
  height: unset;
}
.player-small-info.mb25 {
  margin-bottom: 25px;
}
.toolbar .game-small-info {
  padding: 0;
  border: 0;
  align-items: center;
}
.toolbar .game-small-info .player-content-group {
  margin-left: 0;
}
.toolbar .game-small-info .label-portfolio,
.toolbar .game-small-info .data-player-portfolio {
  margin: 0;
}
.player-content-group {
  border-left: 1px solid var(--border-color);
  margin-left: 10px;
  padding-left: 10px;
}
.player-content-group:first-of-type {
  border-left: 0;
  padding-left: 0;
  margin-left: 0;
}
.player-content-group span.age-number {
  font-weight: 400;
  padding-left: 2px;
}
.cdk-column-match.mat-column-match {
  text-align: center;
}
.table-row-column.table-row-column-team-a {
  display: flex;
  text-align: right;
  justify-content: flex-end;
}
.mat-column-hometeam {
  text-align: end;
}
.table-row-column.table-row-column-team-b {
  justify-content: flex-start;
  text-align: left;
}
.table-row-column.table-row-column-vs,
.table-row-column.table-row-column-number,
.mat-column-vs {
  flex: 0 0 25px;
  justify-content: center;
  text-align: center;
}
.table-row-column.table-row-column-result {
  flex: 0 0 50px;
}
.toolbar-inside-box {
  display: flex;
  padding: 0px 0px 24px 0px;
}
.toolbar-v2 {
  white-space: nowrap;
}
.toolbar-v2 .tab {
  align-items: flex-start;
  flex-direction: column;
}
.toolbar-v2 .tab a {
  font-size: 14px;
  font-weight: 400;
  background-color: var(--light-background-color);
  align-items: center;
  border: 0px;
  border-radius: var(--border-radius-small);
  display: inline-flex;
  cursor: pointer;
  outline: 0px;
  width: auto;
  height: 40px;
  padding: 0px 24px;
  line-height: 24px;
  transition: var(--transition-effect);
  position: relative;
  width: 100%;
  border: 1px solid var(--border-color);
}
.toolbar-v2 .tab a.selected {
  background-color: var(--primary-color) !important;
  box-shadow: 0 1px 0 0 var(--table-divider-color);
  color: var(--icon-and-color-new-buttons-v3) !important;
}
.toolbar-v2 .tab a:last-child {
  margin-right: 0px;
}
.toolbar-v2 .tab a:hover {
  color: var(--primary-color);
  background-color: var(--container-btn-normal);
}
.boxTableCell {
  min-height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-color);
  font-size: 12px;
  border-radius: var(--border-radius-tiny);
  font-weight: 600;
}
.performance {
  background-color: #F0DC00;
  font-weight: bold;
  color: var(--primary-color);
}
.perfilcruzeiro {
  background: var(--primary-color);
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  margin-left: 5px;
}
.widget-title {
  font-weight: 600;
  text-transform: uppercase;
  color: var(--primary-color);
}
.circleBoot {
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  margin-left: 5px;
}
.mat-list-text {
  padding-right: 0px !important;
}
.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.mat-mdc-checkbox {
  font-family: var(--scouting-font-family-text);
}
.profileclub {
  background: var(--primary-color);
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  margin-left: 5px;
}
.date .icon-cancel {
  margin-right: 20px;
  color: var(--but-cancel-color-text);
  cursor: pointer;
}
.boxposition {
  color: #000000;
  border-radius: 3px;
  font-size: 11px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  margin-right: 10px;
  text-align: center;
}
.imageNumber {
  display: flex;
  align-items: center;
}
.imageNumber .pImg {
  border-radius: 50%;
  border: 1px solid var(--body-text-colour);
  width: 30px;
}
.imageNumber .number {
  border-radius: 50%;
  background-color: var(--primary-color);
  color: var(--primary-color-text);
  font-size: 10px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  margin-left: -6px;
}
.btn-arrow-left {
  transform: rotate(90deg);
}
.btn-arrow-right {
  transform: rotate(-90deg);
}
.tabStyle .mat-mdc-tab-labels {
  background-color: var(--container-btn-normal-tabs);
  gap: 20px;
  opacity: 1;
  border-radius: var(--border-radius-small);
  padding: 3px;
}
.tabStyle .mat-mdc-tab {
  background-color: unset;
  border-radius: var(--border-radius-small);
  flex: 1;
  opacity: 1;
  height: unset !important;
  padding: 0.5rem;
  color: inherit;
  min-width: 120px;
}
.tabStyle .mat-mdc-tab:hover .mdc-tab__text-label,
.tabStyle .mat-mdc-tab .mdc-tab__text-label {
  color: var(--body-text-color);
}
.tabStyle .mdc-tab--active {
  background-color: var(--tab-selected);
  border-radius: var(--border-radius-small);
  opacity: 1;
}
.tabStyle .mdc-tab--active .mdc-tab__text-label {
  color: var(--icon-and-color-new-buttons-v2) !important;
}
.tabStyle .mdc-tab-indicator {
  display: none;
}
.tabStyle .mat-mdc-tab-body-wrapper {
  min-height: 100px;
  margin-top: 10px;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-small);
}
.tabStyle .mat-mdc-tab-body-content {
  padding: 10px;
  overflow-x: hidden !important;
}
.tabStyle .mdc-tab__ripple {
  display: none;
}
.mat-mdc-radio-group {
  display: flex;
}
@media only screen and (max-width: 992px) {
  app-modal-modify-game .row {
    flex-direction: column;
  }
  .topcontent {
    padding: 15px 24px 15px 24px !important;
    height: auto !important;
  }
  .table-row-column,
  .data-player-portfolio,
  .table-data-column,
  .list-table td,
  .list-table th {
    font-size: 12px !important;
    line-height: 1.2em;
  }
  .player-small-info {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 15px;
    column-gap: 15px;
  }
  .player-small-info.noborder {
    border-bottom: none;
  }
  .game-small-info {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 15px;
    column-gap: 15px;
  }
  .game-small-info.noborder {
    border-bottom: none;
  }
  .player-content-group {
    border-bottom: 1px solid var(--border-color);
    border-left: 0px solid var(--scouting-primary-alpha-20);
    padding-left: 0px;
  }
  .player-content-group:last-child {
    border-bottom: 1px solid var(--border-color);
  }
  .my-table {
    overflow: auto;
  }
  .last-edition {
    text-align: center;
  }
  td.mat-mdc-cell,
  td.mat-mdc-footer-cell {
    line-height: initial;
  }
  .widget-container .first-row-btn-settings,
  .mat-mdc-dialog-container .first-row-btn-settings {
    margin-left: 0px;
  }
  .top-bar-tab {
    padding: 5px 10px 5px 10px;
  }
  .widget-container .first-row {
    justify-content: center;
    column-gap: 10px;
  }
  .box {
    padding: 10px;
  }
  .container {
    padding: 10px 10px 10px 10px;
  }
  .flex05,
  .flex10,
  .flex15,
  .flex20,
  .flex25,
  .flex30,
  .flex33,
  .flex40,
  .flex50,
  .flex60,
  .flex66 {
    flex-basis: 100%;
  }
  .title-widget {
    padding: 20px 5px 20px 20px !important;
    min-height: var(--input-forms-btn-height) !important;
    margin-bottom: 10px !important;
  }
  .hide-On-XS {
    display: none !important;
  }
  .hide-On-XL {
    display: inherit !important;
  }
  .hide {
    display: none;
  }
  .content {
    margin-bottom: 60px;
    margin: 14px;
  }
  .table-header-row,
  .table-row-content {
    padding: 0px 14px 0px 14px;
  }
  th.mat-mdc-header-cell:last-of-type,
  td.mat-mdc-cell:last-of-type,
  td.mat-mdc-footer-cell:last-of-type {
    padding-right: 14px !important;
  }
  th.mat-mdc-header-cell:first-of-type,
  td.mat-mdc-cell:first-of-type,
  td.mat-mdc-footer-cell:first-of-type {
    padding-left: 14px !important;
  }
  .first-row {
    padding: 24px 14px 0px;
  }
  .widget-container .title-widget,
  .widget-container .title-widget-container,
  .mat-mdc-dialog-container .title-widget,
  .mat-dialog-container .title-widget-container {
    padding: 24px calc(14px + var(--scrollbar-width-height, 1px)) 0px;
  }
  .content-area {
    width: 100vw;
    margin-left: 0px;
    margin: auto;
    margin-top: 0px;
    position: relative;
  }
  .content-area > * > app-competitions-teams {
    height: 100%;
  }
  .content-area > * > * {
    display: block;
  }
  .toolbar .top-bar-team-name {
    margin-left: 0px;
    margin-right: 0px;
  }
  button.toolbarMobileBtn {
    min-width: 100%;
    justify-content: center;
    border-radius: 0px;
  }
  .toolbarMobileBtn {
    margin-bottom: 5px;
  }
  .toolbar {
    padding: 0px 24px 0px 24px;
    height: 0;
    overflow: auto;
  }
  .toolbar.visible {
    height: auto;
    padding: 15px 24px 15px 24px;
    overflow: visible;
  }
  .top-bar-left-container {
    column-gap: 10px;
    flex-wrap: nowrap;
  }
  .toolbar.open {
    padding-top: 15px;
    height: fit-content;
    padding-bottom: 15px;
    flex-direction: column;
    overflow: visible;
    border-bottom: 1px solid var(--border-color);
  }
  .ng-select .ng-select-container {
    width: unset !important;
    min-width: unset !important;
  }
  .competition {
    width: 48% !important;
  }
  .row.right-bar {
    margin: 0;
    z-index: 100;
    padding: 5px;
  }
  .row.right-bar > * {
    flex: unset;
    margin: 0px !important;
  }
  ::ng-deep .mat-mdc-paginator-container {
    align-items: center !important;
  }
  .list-table .mat-mdc-row {
    line-height: 25px;
  }
  .mat-mdc-dialog-actions {
    margin: 0;
    height: initial;
    padding-bottom: 5px;
  }
  .row {
    flex-wrap: wrap;
  }
  .list-table {
    overflow-x: scroll !important;
  }
  .flex05 {
    width: 100%;
    max-width: 100%;
  }
  .ng-dropdown-panel.ng-select-top {
    bottom: 0;
    top: 100%;
  }
  .mat-form-field-infix {
    min-width: 25vw !important;
  }
  .popUp,
  .cdk-overlay-pane,
  .popField {
    width: 95vw !important;
    max-width: 95vw !important;
    max-height: 95vh !important;
    left: 0px !important;
    right: 0px !important;
    transform: none !important;
  }
  .mat-mdc-dialog-content {
    max-height: unset !important;
  }
  .row .right-bar {
    z-index: 100;
  }
  .owl-dt-dialog-container .owl-dt-calendar,
  .owl-dt-dialog-container .owl-dt-timer {
    width: auto;
    height: auto;
  }
}
@media only screen and (max-width: 992px) and (orientation: portrait) {
  .hide-On-XS-Vertical {
    display: none !important;
  }
  .list-table .mat-mdc-header-row .icon-td {
    width: fit-content !important;
  }
  td.mat-mdc-cell:last-of-type,
  td.mat-mdc-footer-cell:last-of-type,
  th.mat-mdc-header-cell:last-of-type {
    padding-right: 5px !important;
  }
}
.rotate-icon-on-hover {
  cursor: pointer;
  transition: transform 0.15s ease-out, fill 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.rotate-icon-on-hover:hover {
  transform: rotate(90deg);
}
.animated-close-icon path {
  fill: var(--body-text-color);
}
.mat-grid-tile-content {
  justify-content: flex-start !important;
}
.mat-grid-tile-content:first-child {
  left: 10px !important;
}
.report-itens-view {
  margin-top: 24px;
}
@media only screen and (max-width: 992px) {
  header {
    width: 100%;
  }
  .toolbar > * {
    margin-bottom: 5px;
    display: inline-flex;
    flex-wrap: wrap;
  }
  .hide-On-XS {
    display: none !important;
  }
  .hide-On-XL {
    display: inherit !important;
  }
  .hide-On-XL.closed {
    display: none !important;
  }
  .hide {
    display: none;
  }
  .content {
    margin-bottom: 60px;
    margin: 24px;
  }
  .content-area {
    width: 100vw;
    margin-left: 0px;
    margin: auto;
    margin-top: 0px;
    position: relative;
  }
  .content-area > * > app-competitions-teams {
    height: 100%;
  }
  .content-area > * > * {
    display: block;
  }
  .widget-row {
    flex-direction: column;
  }
  .widget-row > div {
    min-width: 100%;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 24px;
  }
}

/* node_modules/quill/dist/quill.snow.css */
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
}
@supports (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: .3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li[data-list=checked] > .ql-ui,
.ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "\2022";
}
.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "\2611";
}
.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "\2610";
}
@supports (counter-set:none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}
.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: .3em;
  margin-right: -1.5em;
  text-align: left;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: .75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-ui {
  position: absolute;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: .4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: .83em;
}
.ql-snow .ql-editor h6 {
  font-size: .67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor .ql-code-block-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: .83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: .67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-code-block-container {
  position: relative;
}
.ql-code-block-container .ql-ui {
  right: 5px;
  top: 5px;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family:
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  content: "Save";
  padding-right: 0;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */