/* src/styles/styles.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: sans-serif;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
ul,
ol {
  list-style: none;
}
a {
  text-decoration: none;
  color: inherit;
}
button,
input,
textarea,
select {
  border: none;
  background: none;
  outline: none;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
table {
  border-collapse: collapse;
  width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
[hidden] {
  display: none;
}
button:not(:disabled) {
  cursor: pointer;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
@font-face {
  font-family: "Avenir Roman";
  src: url("./media/Avenir-Roman.eot");
  src:
    local("Avenir Roman"),
    local("Avenir-Roman"),
    url("./media/Avenir-Roman.eot?#iefix") format("embedded-opentype"),
    url("./media/Avenir-Roman.woff2") format("woff2"),
    url("./media/Avenir-Roman.woff") format("woff"),
    url("./media/Avenir-Roman.ttf") format("truetype");
}
@font-face {
  font-family: "Avenir Light";
  src: url("./media/Avenir-Light.eot");
  src:
    local("Avenir Light"),
    local("Avenir-Light"),
    url("./media/Avenir-Light.eot?#iefix") format("embedded-opentype"),
    url("./media/Avenir-Light.woff2") format("woff2"),
    url("./media/Avenir-Light.woff") format("woff"),
    url("./media/Avenir-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Avenir Light Oblique";
  src: url("./media/Avenir-LightOblique.eot");
  src:
    local("Avenir Light Oblique"),
    local("Avenir-LightOblique"),
    url("./media/Avenir-LightOblique.eot?#iefix") format("embedded-opentype"),
    url("./media/Avenir-LightOblique.woff2") format("woff2"),
    url("./media/Avenir-LightOblique.woff") format("woff"),
    url("./media/Avenir-LightOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Avenir Book";
  src: url("./media/Avenir-Book.eot");
  src:
    local("Avenir Book"),
    local("Avenir-Book"),
    url("./media/Avenir-Book.eot?#iefix") format("embedded-opentype"),
    url("./media/Avenir-Book.woff2") format("woff2"),
    url("./media/Avenir-Book.woff") format("woff"),
    url("./media/Avenir-Book.ttf") format("truetype");
}
@font-face {
  font-family: "Avenir Book Oblique";
  src: url("./media/Avenir-BookOblique.eot");
  src:
    local("Avenir Book Oblique"),
    local("Avenir-BookOblique"),
    url("./media/Avenir-BookOblique.eot?#iefix") format("embedded-opentype"),
    url("./media/Avenir-BookOblique.woff2") format("woff2"),
    url("./media/Avenir-BookOblique.woff") format("woff"),
    url("./media/Avenir-BookOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Avenir Medium";
  src: url("./media/Avenir-Medium.eot");
  src:
    local("Avenir Medium"),
    local("Avenir-Medium"),
    url("./media/Avenir-Medium.eot?#iefix") format("embedded-opentype"),
    url("./media/Avenir-Medium.woff2") format("woff2"),
    url("./media/Avenir-Medium.woff") format("woff"),
    url("./media/Avenir-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Avenir Medium Oblique";
  src: url("./media/Avenir-MediumOblique.eot");
  src:
    local("Avenir Medium Oblique"),
    local("Avenir-MediumOblique"),
    url("./media/Avenir-MediumOblique.eot?#iefix") format("embedded-opentype"),
    url("./media/Avenir-MediumOblique.woff2") format("woff2"),
    url("./media/Avenir-MediumOblique.woff") format("woff"),
    url("./media/Avenir-MediumOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Avenir Black";
  src: url("./media/Avenir-Black.eot");
  src:
    local("Avenir Black"),
    local("Avenir-Black"),
    url("./media/Avenir-Black.eot?#iefix") format("embedded-opentype"),
    url("./media/Avenir-Black.woff2") format("woff2"),
    url("./media/Avenir-Black.woff") format("woff"),
    url("./media/Avenir-Black.ttf") format("truetype");
}
@font-face {
  font-family: "Avenir Black Oblique";
  src: url("./media/Avenir-BlackOblique.eot");
  src:
    local("Avenir Black Oblique"),
    local("Avenir-BlackOblique"),
    url("./media/Avenir-BlackOblique.eot?#iefix") format("embedded-opentype"),
    url("./media/Avenir-BlackOblique.woff2") format("woff2"),
    url("./media/Avenir-BlackOblique.woff") format("woff"),
    url("./media/Avenir-BlackOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Avenir Heavy";
  src: url("./media/Avenir-Heavy.eot");
  src:
    local("Avenir Heavy"),
    local("Avenir-Heavy"),
    url("./media/Avenir-Heavy.eot?#iefix") format("embedded-opentype"),
    url("./media/Avenir-Heavy.woff2") format("woff2"),
    url("./media/Avenir-Heavy.woff") format("woff"),
    url("./media/Avenir-Heavy.ttf") format("truetype");
}
@font-face {
  font-family: "Avenir Heavy Oblique";
  src: url("./media/Avenir-HeavyOblique.eot");
  src:
    local("Avenir Heavy Oblique"),
    local("Avenir-HeavyOblique"),
    url("./media/Avenir-HeavyOblique.eot?#iefix") format("embedded-opentype"),
    url("./media/Avenir-HeavyOblique.woff2") format("woff2"),
    url("./media/Avenir-HeavyOblique.woff") format("woff"),
    url("./media/Avenir-HeavyOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Avenir Oblique";
  src: url("./media/Avenir-Oblique.eot");
  src:
    local("Avenir Oblique"),
    local("Avenir-Oblique"),
    url("./media/Avenir-Oblique.eot?#iefix") format("embedded-opentype"),
    url("./media/Avenir-Oblique.woff2") format("woff2"),
    url("./media/Avenir-Oblique.woff") format("woff"),
    url("./media/Avenir-Oblique.ttf") format("truetype");
}
.df {
  display: flex;
  flex-direction: row;
}
.df-c {
  display: flex;
  flex-direction: column;
}
.df-rr {
  display: flex;
  flex-direction: row-reverse;
}
.grow {
  flex-grow: 1;
}
.fw-w {
  flex-wrap: wrap;
}
.jc-s {
  justify-content: flex-start;
}
.jc-sb {
  justify-content: space-between;
}
.jc-c {
  justify-content: center;
}
.jc-e {
  justify-content: flex-end;
}
.ai-s {
  align-items: flex-start;
}
.ai-c {
  align-items: center;
}
.ai-e {
  align-items: flex-end;
}
.ai-b {
  align-items: baseline;
}
.gap5 {
  gap: 5px;
}
.gap10 {
  gap: 10px;
}
.gap15 {
  gap: 15px;
}
.gap20 {
  gap: 20px;
}
.gap10-20 {
  gap: 10px 20px;
}
.gap25 {
  gap: 25px;
}
.gap30 {
  gap: 30px;
}
.gap35 {
  gap: 35px;
}
.gap40 {
  gap: 40px;
}
:root {
  --primary-color: #5685BC;
  --primary-darken-color: color-mix(in oklab, var(--primary-color) 65%, black);
  --primary-dark-color: color-mix(in oklab, var(--primary-color) 70%, black);
  --primary-light-color: color-mix(in oklab, var(--primary-color) 70%, white);
  --secondary-color: #C3394B;
  --secondary-dark-color: color-mix(in oklab, var(--secondary-color) 70%, black);
  --secondary-light-color: color-mix(in oklab, var(--secondary-color) 70%, white);
}
.mat-mdc-form-field-bottom-align.mat-mdc-form-field-bottom-align::before {
  content: unset;
}
.mat-mdc-form-field .mat-mdc-text-field-wrapper {
  background-color: #FFFFFF;
}
.mat-mdc-form-field .mat-mdc-form-field-hint-wrapper {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0;
  color: #AAB1CC;
  padding: 3px 0 0;
  font-family: "Avenir Medium", sans-serif;
  animation: unset;
}
.mat-mdc-form-field .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
  letter-spacing: 0;
}
.mat-mdc-form-field.mdc-field-medium {
  font-size: 14px;
  line-height: 20px;
  font-family: "Avenir Medium", sans-serif;
  color: #6B6F81;
}
.mat-mdc-form-field.mdc-field-medium.medium {
  font-family: "Avenir Medium", sans-serif;
}
.mat-mdc-form-field.mdc-field-medium.heavy {
  font-family: "Avenir Heavy", sans-serif;
}
.mat-mdc-form-field.mdc-field-medium.field-control {
  font-size: 16px;
}
.mat-mdc-form-field.mdc-field-medium .mat-mdc-form-field-infix {
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 40px;
  width: 100%;
}
.mat-mdc-form-field.mdc-field-medium .mat-mdc-text-field-wrapper {
  padding-left: 15px;
  padding-right: 15px;
}
.mat-mdc-form-field.mdc-field-medium .mat-mdc-text-field-wrapper .mdc-floating-label {
  color: #6B6F81 !important;
}
.mat-mdc-form-field.mdc-field-medium .mdc-text-field--outlined .mdc-notched-outline__leading {
  border-radius: 6px 0 0 6px;
}
.mat-mdc-form-field.mdc-field-medium .mdc-text-field--outlined .mdc-notched-outline__trailing {
  border-radius: 0 6px 6px 0;
}
.mat-mdc-form-field.mdc-field-medium .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mat-mdc-notch-piece,
.mat-mdc-form-field.mdc-field-medium .mdc-text-field--outlined .mat-mdc-notch-piece {
  border-color: #D0DEFC;
}
.mat-mdc-form-field.mdc-field-medium .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
  color: rgba(31, 31, 31, 0.7);
}
.mat-mdc-form-field.mdc-field-large {
  font-size: 18px;
  line-height: 24px;
  font-family: "Avenir Medium", sans-serif;
  color: #6B6F81;
}
.mat-mdc-form-field.mdc-field-large .mat-mdc-form-field-infix {
  padding-top: 13px;
  padding-bottom: 13px;
  min-height: 50px;
  width: 100%;
}
.mat-mdc-form-field.mdc-field-large .mat-mdc-text-field-wrapper {
  padding-left: 20px;
  padding-right: 20px;
}
.mat-mdc-form-field.mdc-field-large .mat-mdc-text-field-wrapper .mdc-floating-label {
  color: #6B6F81 !important;
}
.mat-mdc-form-field.mdc-field-large .mdc-text-field--outlined .mdc-notched-outline__leading {
  border-radius: 10px 0 0 10px;
}
.mat-mdc-form-field.mdc-field-large .mdc-text-field--outlined .mdc-notched-outline__trailing {
  border-radius: 0 10px 10px 0;
}
.mat-mdc-form-field.mdc-field-large .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mat-mdc-notch-piece,
.mat-mdc-form-field.mdc-field-large .mdc-text-field--outlined .mat-mdc-notch-piece {
  border-color: #D0DEFC;
}
.mat-mdc-select.mat-mdc-select {
  font-size: 14px;
  line-height: 20px;
  font-family: "Avenir Medium", sans-serif;
  font-weight: normal;
  letter-spacing: 0;
}
.mat-mdc-select.mat-mdc-select .mat-mdc-select-arrow-wrapper {
  height: 20px;
}
.mat-mdc-checkbox.mat-mdc-checkbox .mdc-checkbox {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
}
.mat-mdc-checkbox.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__checkmark {
  right: 2px;
  top: 2px;
  bottom: 2px;
  left: 2px;
  width: auto;
}
.mat-mdc-checkbox.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__ripple,
.mat-mdc-checkbox.mat-mdc-checkbox .mdc-checkbox .mat-mdc-checkbox-touch-target {
  display: none;
}
.mat-mdc-checkbox.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background,
.mat-mdc-checkbox.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
}
.mat-mdc-checkbox.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background {
  border: 1px solid #D0DEFC;
  border-radius: 4px;
  background-color: #FFFFFF;
}
.mat-mdc-checkbox.mat-mdc-checkbox .mat-internal-form-field {
  font-size: 14px;
  line-height: 20px;
  font-family: "Avenir Medium", sans-serif;
  letter-spacing: 0;
  font-weight: normal;
  color: #6B6F81;
}
.mat-mdc-checkbox.mat-mdc-checkbox .mdc-label {
  padding-left: 15px;
}
.mat-mdc-checkbox.mat-mdc-checkbox.mat-mdc-checkbox-checked .mat-internal-form-field {
  color: #1F1F1F;
}
.mat-mdc-checkbox.mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.mat-mdc-checkbox.mat-mdc-checkbox .mdc-checkbox:hover > .mdc-checkbox__native-control:not(:checked) ~ .mdc-checkbox__background,
.mat-mdc-checkbox.mat-mdc-checkbox .mdc-checkbox:hover > .mdc-checkbox__native-control:not(:indeterminate) ~ .mdc-checkbox__background {
  border: 1px solid var(--primary-color);
}
.mat-mdc-checkbox.mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
  color: inherit;
}
.fields-section {
  padding: 20px;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  background-color: #F8F9FD;
}
.fields-section.light {
  border-radius: 10px;
  background-color: #F3F5FE;
}
.fields-section .fields-section-title {
  font-size: 18px;
  line-height: 24px;
  font-family: "Avenir Heavy", sans-serif;
}
.fields-section .fields-section-action {
  height: 24px;
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 18px;
  font-family: "Avenir Roman", sans-serif;
  color: #AAB1CC;
}
.fields-section .fields-section-action i {
  font-size: 38px;
}
.clear-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  cursor: pointer;
  border: unset;
  border-radius: 50%;
  background-color: #AAB1CC;
}
.clear-button i {
  font-size: 16px;
}
.clear-button i:before {
  color: #1F1F1F;
}
.clear-field {
  position: absolute;
  top: -5px;
  right: -5px;
}
.field-inline-container {
  height: 40px;
  display: flex;
  align-items: center;
}
.tabs-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.tabs-container .tabs-nav {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #D0DEFC;
  gap: 2px;
}
.tabs-container .tabs-nav .tabs-nav-item {
  height: 40px;
  padding: 0 42px;
  border-radius: 10px 10px 0 0;
  background-color: #F3F5FE;
  color: #6B6F81;
  font-size: 18px;
  font-family: "Avenir Book", sans-serif;
}
@media screen and (max-width: 767px) {
  .tabs-container .tabs-nav .tabs-nav-item {
    padding: 0 30px;
  }
}
@media screen and (max-width: 600px) {
  .tabs-container .tabs-nav .tabs-nav-item {
    padding: 0 22px;
  }
}
@media screen and (max-width: 479px) {
  .tabs-container .tabs-nav .tabs-nav-item {
    padding: 0 15px;
    font-size: 14px;
  }
}
.tabs-container .tabs-nav .tabs-nav-item.active-tab {
  background-color: var(--primary-dark-color);
  color: #FFFFFF;
}
.tabs-container .tabs-content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 0;
}
.tabs-container .tabs-content .tabs-item {
  overflow: auto;
  min-height: 100%;
}
.info-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  min-width: 50px;
  background-color: #F3F5FE;
  border: 1px solid #D0DEFC;
  border-radius: 16px;
}
.info-icon i {
  font-size: 28px;
}
.mat-datepicker-content.mat-datepicker-content {
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 4px rgba(107, 107, 107, 0.1607843137);
}
.mat-datepicker-content.mat-datepicker-content .mat-calendar {
  font-size: 14px;
  font-family: "Avenir Medium", sans-serif;
  height: auto;
  width: 310px;
}
.mat-datepicker-content.mat-datepicker-content .mat-calendar .mat-calendar-controls {
  margin: 0;
  justify-content: space-between;
}
.mat-datepicker-content.mat-datepicker-content .mat-calendar .mat-calendar-controls .mat-calendar-period-button {
  margin: 0;
  font-size: 16px;
  font-family: "Avenir Heavy", sans-serif;
  padding: 0 10px;
  letter-spacing: 0;
  font-weight: normal;
  background-color: transparent;
  order: 2;
}
.mat-datepicker-content.mat-datepicker-content .mat-calendar .mat-calendar-controls .mat-calendar-spacer {
  display: none;
}
.mat-datepicker-content.mat-datepicker-content .mat-calendar .mat-calendar-controls .mat-calendar-previous-button {
  order: 1;
  color: #AAB1CC;
}
.mat-datepicker-content.mat-datepicker-content .mat-calendar .mat-calendar-controls .mat-calendar-next-button {
  order: 3;
  color: #AAB1CC;
}
.mat-datepicker-content.mat-datepicker-content .mat-calendar .mat-calendar-header {
  padding: 11px 27px;
}
.mat-datepicker-content.mat-datepicker-content .mat-calendar .mat-calendar-content {
  padding: 0 30px 15px;
}
.mat-datepicker-content.mat-datepicker-content .mat-calendar .mat-calendar-content .mat-calendar-table-header-divider {
  display: none;
}
.mat-datepicker-content.mat-datepicker-content .mat-calendar .mat-calendar-content .mat-calendar-table-header th {
  font-size: 12px;
  line-height: 16px;
  font-family: "Avenir Medium", sans-serif;
  padding-bottom: 9px;
  font-weight: normal;
}
.mat-datepicker-content.mat-datepicker-content .mat-calendar .mat-calendar-content .mat-calendar-body-label {
  font-size: 0 !important;
  padding: 0 !important;
}
.mat-datepicker-content.mat-datepicker-content .mat-calendar .mat-calendar-content .mat-calendar-body-cell-content {
  border-radius: 8px;
  font-size: 14px;
  font-family: "Avenir Medium", sans-serif;
}
.mat-datepicker-content.mat-datepicker-content .mat-calendar .mat-calendar-content .mat-calendar-body-cell .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: var(--primary-dark-color);
}
.mat-datepicker-content.mat-datepicker-content .mat-calendar .mat-calendar-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: #D0DEFC;
}
.mat-datepicker-content.mat-datepicker-content .mat-calendar .mat-calendar-content .mat-calendar-body-cell.mat-calendar-body-selected {
  background-color: var(--primary-dark-color);
}
.btn {
  padding: 5px 15px;
  height: 40px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  font-size: 16px;
  font-family: "Avenir Medium", sans-serif;
  background-color: transparent;
  white-space: nowrap;
}
.btn.min-text {
  font-size: 14px;
  gap: 10px;
}
.btn.min-text i {
  font-size: 22px;
}
.btn i {
  font-size: 24px;
}
.btn i:before {
  color: inherit;
}
.btn.with-spinner {
  position: relative;
}
.btn.with-spinner mat-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.btn.with-spinner mat-spinner + .button-text {
  opacity: 0;
}
.btn[class*=-reverse] i.icon-logo-blue [class^=path]:before {
  color: inherit;
}
.btn:not([disabled]):hover i.icon-logo-blue [class^=path]:before {
  color: #FFFFFF;
}
.btn:not([disabled]):hover[class*=-reverse] i.icon-logo-blue .path1:before,
.btn:not([disabled]):hover[class*=-reverse] i.icon-logo-blue .path2:before,
.btn:not([disabled]):hover[class*=-reverse] i.icon-logo-blue .path3:before,
.btn:not([disabled]):hover[class*=-reverse] i.icon-logo-blue .path4:before,
.btn:not([disabled]):hover[class*=-reverse] i.icon-logo-white .path1:before,
.btn:not([disabled]):hover[class*=-reverse] i.icon-logo-white .path2:before,
.btn:not([disabled]):hover[class*=-reverse] i.icon-logo-white .path3:before,
.btn:not([disabled]):hover[class*=-reverse] i.icon-logo-white .path4:before {
  color: var(--secondary-color);
}
.btn:not([disabled]):hover[class*=-reverse] i.icon-logo-blue .path7:before,
.btn:not([disabled]):hover[class*=-reverse] i.icon-logo-blue .path6:before,
.btn:not([disabled]):hover[class*=-reverse] i.icon-logo-blue .path5:before,
.btn:not([disabled]):hover[class*=-reverse] i.icon-logo-white .path7:before,
.btn:not([disabled]):hover[class*=-reverse] i.icon-logo-white .path6:before,
.btn:not([disabled]):hover[class*=-reverse] i.icon-logo-white .path5:before {
  color: var(--primary-color);
}
.btn.primary {
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
}
.btn.primary:hover:not([disabled]) {
  color: #FFFFFF;
  background-color: var(--primary-color);
}
.btn.primary-reverse {
  border: 2px solid var(--primary-color);
  color: #FFFFFF;
  background-color: var(--primary-color);
}
.btn.primary-reverse:hover:not([disabled]) {
  color: var(--primary-color);
  background-color: transparent;
}
.btn.secondary {
  border: 2px solid var(--secondary-color);
  color: var(--secondary-color);
}
.btn.secondary:hover:not([disabled]) {
  color: #FFFFFF;
  background-color: var(--secondary-color);
}
.btn.secondary-reverse {
  border: 2px solid var(--secondary-color);
  color: #FFFFFF;
  background-color: var(--secondary-color);
}
.btn.secondary-reverse:hover:not([disabled]) {
  color: var(--secondary-color);
  background-color: transparent;
}
.btn.alternate-purple {
  border: 2px solid #866FBA;
  color: #866FBA;
}
.btn.alternate-purple:hover:not([disabled]) {
  color: #FFFFFF;
  background-color: #866FBA;
}
.btn.alternate-green {
  border: 2px solid #4CAF50;
  color: #4CAF50;
}
.btn.alternate-green:hover:not([disabled]) {
  color: #FFFFFF;
  background-color: #4CAF50;
}
.btn.alternate-green-reverse {
  border: 2px solid #4CAF50;
  color: #FFFFFF;
  background-color: #4CAF50;
}
.btn.alternate-green-reverse:hover:not([disabled]) {
  color: #4CAF50;
  background-color: transparent;
}
.btn.light-text {
  border: 2px solid #6B6F81;
  color: #6B6F81;
}
.btn.light-text:hover:not([disabled]) {
  color: #FFFFFF;
  background-color: #6B6F81;
}
.btn.alternate {
  height: 40px;
  padding: 5px 15px;
  border: 2px solid #D0DEFC;
  background-color: #D0DEFC;
  color: var(--primary-dark-color);
}
.btn.alternate:hover:not([disabled]) {
  background-color: #FFFFFF;
}
.btn.alternate.more {
  width: 40px;
  padding: 0;
}
.btn.secondary-light {
  height: 40px;
  padding: 5px 15px;
  border: 2px solid var(--secondary-light-color);
  background-color: var(--secondary-light-color);
  color: var(--secondary-dark-color);
}
.btn.secondary-light:hover:not([disabled]) {
  background-color: #FFFFFF;
}
.btn.secondary-light.more {
  width: 40px;
  padding: 0;
}
.btn.br10 {
  border-radius: 10px;
}
.btn.btn[disabled],
.btn.disabled {
  border: 2px solid #AAB1CC;
  color: #AAB1CC;
  cursor: default;
}
.btn.btn[disabled] i.icon-logo-blue [class^=path]:before,
.btn.disabled i.icon-logo-blue [class^=path]:before {
  color: #AAB1CC;
}
.btn-more {
  padding: 5px 15px;
  border-radius: 20px;
  height: 34px;
  font-size: 14px;
  font-family: "Avenir Medium", sans-serif;
  color: var(--primary-dark-color);
  border: 2px solid #D0DEFC;
  background-color: #D0DEFC;
}
.btn-more:hover {
  background-color: #FFFFFF;
}
.btn-add {
  padding: 0 15px;
  height: 40px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 15px;
  color: #FFFFFF;
  font-size: 15px;
  font-family: "Avenir Heavy", sans-serif;
  border: 2px solid #4CAF50;
  background-color: #4CAF50;
  white-space: nowrap;
}
.btn-add i {
  font-size: 24px;
}
.btn-add i:before {
  color: inherit;
}
.btn-add:hover {
  background-color: #FFFFFF;
  color: #4CAF50;
}
.mat-menu-details.mat-menu-details {
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1607843137);
  background-color: #FFFFFF;
  border-radius: 0 0 20px 20px;
  margin-top: 10px;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .mat-menu-details.mat-menu-details {
    margin-top: 0;
  }
}
.mat-menu-details.mat-menu-details .mat-mdc-menu-content {
  padding: 15px;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-family: "Avenir Book", sans-serif;
  font-weight: normal;
}
.mat-menu-base.mat-menu-base {
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1607843137);
  background-color: #FFFFFF;
  border-radius: 8px;
}
.mat-menu-base.mat-menu-base.user-menu {
  margin-top: 12px;
}
.mat-menu-base.mat-menu-base .mat-mdc-menu-content {
  padding: 5px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.mat-menu-base.mat-menu-base .mat-mdc-menu-item {
  min-height: unset;
  padding: 7px 15px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
  font-family: "Avenir Book", sans-serif;
  color: #1F1F1F;
  background-color: #FFFFFF;
}
.mat-menu-base.mat-menu-base .mat-mdc-menu-item:hover {
  color: #FFFFFF;
  background-color: var(--primary-dark-color);
}
.mat-menu-base.mat-menu-base .mat-mdc-menu-item:hover i:before {
  color: inherit;
}
.mat-menu-base.mat-menu-base .mat-mdc-menu-item:hover .mat-icon {
  color: #FFFFFF;
}
.mat-menu-base.mat-menu-base .mat-mdc-menu-item i {
  margin-left: 5px;
  font-size: 24px;
}
.mat-menu-base.mat-menu-base .mat-mdc-menu-item i:before {
  color: var(--primary-dark-color);
}
.mat-menu-base.mat-menu-base .mat-mdc-menu-item .mat-mdc-menu-item-text {
  display: flex;
  gap: 15px;
  align-items: center;
  font: inherit;
}
.mat-menu-base.mat-menu-base .mat-mdc-menu-item .mat-icon {
  margin-right: 15px;
  margin-left: 5px;
  color: var(--primary-dark-color);
}
.mobile-mat-menu.mobile-mat-menu {
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1607843137);
  background-color: #FFFFFF;
  border-radius: 8px;
}
.mobile-mat-menu.mobile-mat-menu .mat-mdc-menu-content {
  padding: 5px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.mobile-mat-menu.mobile-mat-menu .mat-mdc-menu-item {
  min-height: unset;
  padding: 7px 15px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
  font-family: "Avenir Book", sans-serif;
  color: #1F1F1F;
  background-color: #FFFFFF;
}
.mobile-mat-menu.mobile-mat-menu .mat-mdc-menu-item:hover {
  color: #FFFFFF;
  background-color: var(--primary-dark-color);
}
.mobile-mat-menu.mobile-mat-menu .mat-mdc-menu-item:hover i:before {
  color: inherit;
}
.mobile-mat-menu.mobile-mat-menu .mat-mdc-menu-item:hover .mat-icon {
  color: #FFFFFF;
}
.mobile-mat-menu.mobile-mat-menu .mat-mdc-menu-item i {
  margin-left: 5px;
  font-size: 24px;
}
.mobile-mat-menu.mobile-mat-menu .mat-mdc-menu-item i:before {
  color: var(--primary-dark-color);
}
.mobile-mat-menu.mobile-mat-menu .mat-mdc-menu-item .mat-mdc-menu-item-text {
  display: flex;
  gap: 15px;
  align-items: center;
  font: inherit;
}
.mobile-mat-menu.mobile-mat-menu .mat-mdc-menu-item .mat-icon {
  margin-right: 15px;
  margin-left: 5px;
  color: var(--primary-dark-color);
}
div.basic-drop-down-list.basic-drop-down-list,
div.mat-mdc-select-panel.mat-mdc-select-panel {
  padding: 5px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1607843137);
  border-radius: 8px;
  gap: 2px;
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
}
div.basic-drop-down-list.basic-drop-down-list .mat-mdc-option,
div.mat-mdc-select-panel.mat-mdc-select-panel .mat-mdc-option {
  font-size: 16px;
  line-height: 20px;
  font-family: "Avenir Medium", sans-serif;
  font-weight: normal;
  letter-spacing: 0;
  min-height: 30px;
  padding: 7px 15px;
  border-radius: 8px;
  color: #1F1F1F;
}
div.basic-drop-down-list.basic-drop-down-list .mat-mdc-option.mat-mdc-option-active,
div.mat-mdc-select-panel.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-active {
  background-color: inherit;
}
div.basic-drop-down-list.basic-drop-down-list .mat-mdc-option:hover:not(.mdc-list-item--disabled),
div.mat-mdc-select-panel.mat-mdc-select-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled) {
  background-color: var(--primary-light-color);
}
div.basic-drop-down-list.basic-drop-down-list .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple),
div.mat-mdc-select-panel.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) {
  background-color: var(--primary-dark-color);
}
div.basic-drop-down-list.basic-drop-down-list .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text,
div.mat-mdc-select-panel.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text {
  color: #FFFFFF;
}
div.basic-drop-down-list.basic-drop-down-list .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,
div.mat-mdc-select-panel.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after {
  color: #FFFFFF;
}
.cdk-overlay-pane.mat-mdc-dialog-panel.mat-mdc-dialog-panel {
  max-width: 100%;
}
.content-viewer-dialog-container {
  background-color: rgba(0, 0, 0, 0.5);
}
.content-viewer-dialog-container .mat-mdc-dialog-container {
  max-width: 100%;
  max-height: 100%;
}
.content-viewer-dialog-container .mat-mdc-dialog-surface {
  box-shadow: unset;
  border-radius: 0;
  background-color: unset;
}
.confirm-dialog {
  background-color: #FFFFFF;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1607843137);
}
.confirm-dialog .mat-mdc-dialog-container {
  max-width: 100%;
  max-height: 100%;
}
.confirm-dialog .mat-mdc-dialog-surface {
  box-shadow: unset;
  border-radius: 0;
  background-color: unset;
}
.base-dialog-container {
  background-color: #FFFFFF;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1607843137);
}
.base-dialog-container .mat-mdc-dialog-container {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
.base-dialog-container .mat-mdc-dialog-surface {
  box-shadow: unset;
  border-radius: 0;
  background-color: unset;
  overflow: hidden;
}
.base-dialog {
  display: flex;
  flex-direction: column;
  padding: 0 30px;
  width: 100%;
  height: 100%;
  flex: 1;
}
.base-dialog.compact {
  padding: 0 20px;
}
.base-dialog.compact .dialog-header {
  align-items: flex-start;
  padding: 20px 0;
}
.base-dialog.compact .dialog-header .title-container {
  font-size: 20px;
}
.base-dialog.compact .dialog-header .dialog-close {
  margin-right: -10px;
}
@media screen and (max-width: 767px) {
  .base-dialog.compact .dialog-header .dialog-close {
    margin-right: 0;
  }
}
.base-dialog.compact .dialog-header .dialog-close i {
  font-size: 16px;
}
.base-dialog.compact .dialog-content {
  padding: 20px 10px;
}
.base-dialog.compact .dialog-actions {
  padding: 20px 0;
}
@media screen and (max-width: 767px) {
  .base-dialog.base-dialog {
    padding: 0 5px;
  }
}
.base-dialog .dialog-header {
  display: flex;
  gap: 15px;
  justify-content: space-between;
  align-items: center;
  padding: 30px 0;
  margin: 0 10px;
}
.base-dialog .dialog-header:not(.no-border) {
  border-bottom: 1px solid #D0DEFC;
}
@media screen and (max-width: 767px) {
  .base-dialog .dialog-header {
    padding: 15px 0;
  }
}
.base-dialog .dialog-header .title-container {
  font-size: 24px;
  font-family: "Avenir Roman", sans-serif;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .base-dialog .dialog-header .title-container {
    font-size: 20px;
  }
}
.base-dialog .dialog-container {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.base-dialog .dialog-content {
  flex: 1 1 auto;
  overflow: auto;
  padding: 30px 10px;
}
.base-dialog .dialog-content.no-padding-top {
  padding-top: 0;
}
.base-dialog .dialog-actions {
  padding: 30px 0;
  margin: 0 10px;
  border-top: 1px solid #D0DEFC;
}
@media screen and (max-width: 767px) {
  .base-dialog .dialog-actions {
    padding: 15px 0;
  }
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.ovn-toast {
  position: relative;
  border-radius: 10px;
  background-color: #F8F9FD;
  padding: 10px 50px 10px 70px;
  pointer-events: auto;
  width: 350px;
  min-height: 70px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 2px;
}
.ovn-toast:not(:first-of-type) {
  margin-top: 10px;
}
.ovn-toast:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.ovn-toast-error {
  background: #F8F9FD url(/assets/icons/global/t-error.svg) no-repeat 15px 50%;
}
.ovn-toast-info {
  background: #F8F9FD url(/assets/icons/global/t-notification.svg) no-repeat 15px 50%;
}
.ovn-toast-success {
  background: #F8F9FD url(/assets/icons/global/t-success.svg) no-repeat 15px 50%;
}
.ovn-toast-warning {
  background: #F8F9FD url(/assets/icons/global/t-warning.svg) no-repeat 15px 50%;
}
.toast-container.toast-container .toast-close-button {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  opacity: 1;
  border-radius: 4px;
  background-color: #F8F9FD;
}
.toast-container.toast-container .toast-close-button:hover {
  opacity: 1;
  background-color: #D0DEFC;
}
.toast-container.toast-container .toast-close-button span {
  font-size: 18px;
}
.toast-title {
  color: #1F1F1F;
  font-size: 16px;
  font-family: "Avenir Heavy", sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toast-message {
  color: #6B6F81;
  font-size: 15px;
}
.table-container {
  position: relative;
  overflow: auto;
  flex: 1 1 auto;
}
.basic-table.basic-table {
  background-color: transparent;
}
.basic-table.basic-table .mat-mdc-header-row {
  font-size: 14px;
  font-family: "Avenir Heavy", sans-serif;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: normal;
  min-height: 38px;
  margin-bottom: 10px;
  background-color: #F3F5FE;
  border-radius: 14px;
  position: sticky;
  top: 0;
}
.basic-table.basic-table .mat-mdc-header-row .mat-mdc-header-cell {
  letter-spacing: 0;
  padding: 5px 30px;
  border: unset;
  background-color: transparent;
}
.basic-table.basic-table .mat-mdc-header-row .mat-mdc-header-cell:first-of-type {
  padding-left: 30px;
}
.basic-table.basic-table .mat-mdc-header-row .mat-mdc-header-cell:last-of-type {
  padding-right: 30px;
}
.basic-table.basic-table mat-row,
.basic-table.basic-table mat-footer-row {
  font-size: 16px;
  font-family: "Avenir Book", sans-serif;
  border-left: 1px solid #D0DEFC;
  border-right: 1px solid #D0DEFC;
}
.basic-table.basic-table mat-row:first-of-type,
.basic-table.basic-table mat-footer-row:first-of-type {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-top: 1px solid #D0DEFC;
}
.basic-table.basic-table mat-row:last-of-type,
.basic-table.basic-table mat-footer-row:last-of-type {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom: 1px solid #D0DEFC;
}
.basic-table.basic-table .mat-mdc-cell {
  letter-spacing: 0;
  padding: 10px 30px;
  border-bottom-color: #D0DEFC;
}
.basic-table.basic-table .mat-mdc-cell:not(:first-child) {
  border-left: 1px solid #D0DEFC;
}
.basic-table.basic-table .mat-mdc-cell:first-of-type {
  padding-left: 30px;
}
.basic-table.basic-table .mat-mdc-cell:last-of-type {
  padding-right: 30px;
}
.basic-table.basic-table .mat-column-actions {
  flex: 0 0 81px;
}
.basic-table.basic-table .mat-column-actions .more-btn {
  width: 30px;
  height: 30px;
  background-color: #D0DEFC;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.basic-table.basic-table .mat-column-actions .more-btn i {
  font-size: 18px;
}
.basic-table.basic-table .mat-column-actions .more-btn i:before {
  color: var(--primary-color);
}
.gm-style .gm-style-iw-c {
  padding: 0 !important;
}
.gm-style-iw-chr {
  margin-right: 30px;
  margin-left: 30px;
  min-height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gm-style-iw-chr .gm-style-iw-ch {
  padding-top: 0;
}
.gm-style-iw-chr .gm-style-iw-ch .transit-container {
  max-width: 100%;
}
.gm-style-iw-chr button {
  color: var(--primary-dark-color);
  font-family: "Roboto Regular", sans-serif;
  width: 24px !important;
  height: 24px !important;
  margin-left: auto;
}
.gm-style-iw-chr button span {
  margin: 0 !important;
}
.gm-style-iw-d {
  padding: 0 !important;
  display: contents !important;
}
.gm-style-iw-d .gm-title {
  font-size: 18px;
  line-height: 24px;
  font-family: "Avenir Heavy", sans-serif;
}
.gm-style-iw-d .poi-info-window .address {
  font-size: 16px;
  line-height: 22px;
  font-family: "Avenir Roman", sans-serif;
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #D0DEFC;
}
.gm-style-iw-d .poi-info-window .address .full-width {
  width: 100%;
}
.gm-style-iw-d .poi-info-window .address div,
.gm-style-iw-d .poi-info-window .address a {
  font: inherit;
}
.gm-style-iw-d .view-link {
  display: none !important;
}
.gm-style-iw-d__ {
  padding-top: 10px;
}
.gm-style-iw-d__ .map-info-window-title {
  color: var(--primary-dark-color);
  font-family: "Roboto Medium", sans-serif;
  font-size: 15px;
  position: absolute;
  top: 17px;
}
.gm-style-iw-d__ map-info-window {
  min-width: 300px;
  border-radius: 8px;
  border: unset;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.gm-style-iw-d__ map-info-window .unit-number,
.gm-style-iw-d__ map-info-window driver-phone {
  color: var(--primary-dark-color);
  font-size: 14px;
  font-family: "Roboto Regular", sans-serif;
}
.gm-style-iw-d__ map-info-window .driver-name {
  display: flex;
  gap: 5px;
  align-items: center;
  color: var(--primary-dark-color);
  font-size: 14px;
  font-family: "Roboto Medium", sans-serif;
}
.gm-style-iw-d__ map-info-window .status {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 12px;
}
.gm-style-iw-d__ map-info-window .status.available {
  color: #4CAF50;
}
.gm-style-iw-d__ map-info-window .status.available::before {
  background-color: #4CAF50;
}
.gm-style-iw-d__ map-info-window .status.not_available {
  color: var(--secondary-color);
}
.gm-style-iw-d__ map-info-window .status.not_available::before {
  background-color: var(--secondary-color);
}
.gm-style-iw-d__ map-info-window .status.available_on_route {
  color: #e5a100;
}
.gm-style-iw-d__ map-info-window .status.available_on_route::before {
  background-color: #e5a100;
}
.gm-style-iw-d__ map-info-window .status.on-route {
  color: #6B6F81;
}
.gm-style-iw-d__ map-info-window .status.on-route::before {
  background-color: #6B6F81;
}
.gm-style-iw-d__ map-info-window .vehicle {
  border-radius: 8px;
  border: 1px solid var(--primary-light-color);
  padding: 9px 15px;
}
.gm-style-iw-d__ map-info-window .info-key {
  color: var(--primary-light-color);
}
.gm-style-iw-d__ map-info-window .last-tracked-value {
  color: var(--primary-color);
  cursor: pointer;
}
.gm-style-iw-d__ map-info-window .last-tracked-value:hover {
  text-decoration: underline;
}
.gm-style-iw-d__ map-info-window .info-value {
  color: var(--primary-dark-color);
  font-size: 14px;
}
.gm-style-iw-d__ map-info-window .last-tracked-time {
  font-size: 13px;
}
.unit-map-info {
  position: relative;
  padding: 0 30px 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 460px;
}
.unit-map-info .title {
  font-size: 18px;
  line-height: 24px;
  font-family: "Avenir Heavy", sans-serif;
  left: 30px;
  top: -42px;
  position: absolute;
}
.unit-map-info .data-container {
  padding: 15px 20px;
  border-radius: 16px;
  background-color: #F3F5FE;
}
.unit-map-info .car-data {
  display: flex;
  gap: 20px;
  align-items: center;
  font-size: 16px;
}
.unit-map-info .car-data .value {
  font-family: "Avenir Book", sans-serif;
}
.unit-map-info .load-data {
  font-size: 16px;
  font-family: "Avenir Book Oblique", sans-serif;
}
.unit-map-info .driver-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Avenir Roman", sans-serif;
}
.unit-map-info .flag-container {
  width: 36px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  border: 1px solid #D0DEFC;
  border-radius: 4px;
}
.unit-map-info .flag-container img {
  width: 30px;
  height: auto;
}
.unit-map-info .img-container {
  border-radius: 4px;
  overflow: hidden;
}
.unit-map-info .img-container img {
  height: 26px;
  width: auto;
  display: block;
}
.unit-map-info .last-tracked {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.unit-map-info .last-tracked .label {
  font-size: 16px;
  font-family: "Avenir Roman", sans-serif;
  color: #AAB1CC;
}
.unit-map-info .last-tracked .address {
  font-size: 18px;
  font-family: "Avenir Heavy", sans-serif;
  color: var(--primary-color);
}
.unit-map-info .last-tracked .time {
  font-size: 16px;
  font-family: "Avenir Book", sans-serif;
}
.route-map-info {
  min-width: 300px;
}
.route-map-info .info-data {
  padding-top: 20px;
  border-top: 1px solid #D0DEFC;
}
.route-map-info .driver-name {
  display: flex;
  gap: 5px;
  align-items: center;
  color: var(--primary-dark-color);
  font-size: 14px;
  font-family: "Roboto Medium", sans-serif;
}
.route-map-info .status {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 12px;
}
.route-map-info .status.available {
  color: #4CAF50;
}
.route-map-info .status.available::before {
  background-color: #4CAF50;
}
.route-map-info .status.not_available {
  color: var(--secondary-color);
}
.route-map-info .status.not_available::before {
  background-color: var(--secondary-color);
}
.route-map-info .status.available_on_route {
  color: #e5a100;
}
.route-map-info .status.available_on_route::before {
  background-color: #e5a100;
}
.route-map-info .status.on-route {
  color: #6B6F81;
}
.route-map-info .status.on-route::before {
  background-color: #6B6F81;
}
.route-map-info .vehicle {
  border-radius: 8px;
  border: 1px solid var(--primary-light-color);
  padding: 9px 15px;
}
.route-map-info .info-key {
  color: var(--primary-light-color);
}
.route-map-info .last-tracked-value {
  color: var(--primary-color);
  cursor: pointer;
}
.route-map-info .last-tracked-value:hover {
  text-decoration: underline;
}
.route-map-info .info-value {
  color: var(--primary-dark-color);
  font-size: 14px;
}
.route-map-info .last-tracked-time {
  font-size: 13px;
}
.marker-label {
  position: absolute;
  top: 6px;
  left: 50%;
  transform: translateX(-50%);
  background: #FFFFFF;
  padding: 6px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1607843137);
  border-radius: 8px;
  font-family: "Avenir Book", sans-serif !important;
  font-size: 12px !important;
}
.marker-label::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: #FFFFFF transparent transparent transparent;
}
html {
  --mat-sys-background: #faf9fd;
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: #f2f0f4;
  --mat-sys-inverse-primary: #abc7ff;
  --mat-sys-inverse-surface: #2f3033;
  --mat-sys-on-background: #1a1b1f;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #00458f;
  --mat-sys-on-primary-fixed: #001b3f;
  --mat-sys-on-primary-fixed-variant: #00458f;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #3e4759;
  --mat-sys-on-secondary-fixed: #131c2b;
  --mat-sys-on-secondary-fixed-variant: #3e4759;
  --mat-sys-on-surface: #1a1b1f;
  --mat-sys-on-surface-variant: #44474e;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #0000ef;
  --mat-sys-on-tertiary-fixed: #00006e;
  --mat-sys-on-tertiary-fixed-variant: #0000ef;
  --mat-sys-outline: #74777f;
  --mat-sys-outline-variant: #c4c6d0;
  --mat-sys-primary: #005cbb;
  --mat-sys-primary-container: #d7e3ff;
  --mat-sys-primary-fixed: #d7e3ff;
  --mat-sys-primary-fixed-dim: #abc7ff;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #565e71;
  --mat-sys-secondary-container: #dae2f9;
  --mat-sys-secondary-fixed: #dae2f9;
  --mat-sys-secondary-fixed-dim: #bec6dc;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #faf9fd;
  --mat-sys-surface-bright: #faf9fd;
  --mat-sys-surface-container: #efedf0;
  --mat-sys-surface-container-high: #e9e7eb;
  --mat-sys-surface-container-highest: #e3e2e6;
  --mat-sys-surface-container-low: #f4f3f6;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #dbd9dd;
  --mat-sys-surface-tint: #005cbb;
  --mat-sys-surface-variant: #e0e2ec;
  --mat-sys-tertiary: #343dff;
  --mat-sys-tertiary-container: #e0e0ff;
  --mat-sys-tertiary-fixed: #e0e0ff;
  --mat-sys-tertiary-fixed-dim: #bec2ff;
  --mat-sys-neutral-variant20: #2d3038;
  --mat-sys-neutral10: #1a1b1f;
}
html {
  --mat-sys-level0:
    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-sys-level1:
    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);
}
html {
  --mat-sys-level2:
    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);
}
html {
  --mat-sys-level3:
    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);
}
html {
  --mat-sys-level4:
    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-sys-level5:
    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-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
}
html {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
html {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
html,
body {
  height: 100%;
  overflow: hidden;
}
body {
  margin: 0;
  font-family: "Avenir Medium", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #1F1F1F;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  -webkit-appearance: none;
}
::-webkit-scrollbar-track {
  background: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #D0DEFC;
}
::-webkit-scrollbar-thumb {
  background: #D0DEFC;
  border-radius: 5px;
}
::-webkit-scrollbar-button {
  display: none;
}
.link {
  text-decoration: none;
  color: var(--primary-dark-color);
  cursor: pointer;
}
.link.inherit {
  color: inherit;
}
.link:hover {
  text-decoration: underline;
}
.text-primary {
  color: var(--primary-color);
}
.text-primary-dark {
  color: var(--primary-dark-color);
}
.text-bold {
  font-family: "Avenir Heavy", sans-serif;
}
textarea::placeholder,
input::placeholder {
  color: #6B6F81;
}
[class^=icon-] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.pos-relative {
  position: relative;
}
.full-width {
  width: 100%;
}
.full-height {
  height: 100%;
}
.full-size {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 1px;
}
.no-overflow {
  overflow: hidden;
}
.scrolled {
  overflow: auto;
}
.scroll-padding {
  padding-left: 10px;
  padding-right: 10px;
}
.scroll-margin {
  margin-left: 10px;
  margin-right: 10px;
}
.clickable {
  cursor: pointer;
}
.no-select {
  -webkit-user-select: none;
  user-select: none;
}
.divider-h {
  border-top: 1px solid #D0DEFC;
}
.divider-v {
  border-left: 1px solid #D0DEFC;
}
.border-top {
  border-top: 1px solid #D0DEFC;
}
.no-wrap {
  white-space: nowrap;
}
.rotated {
  transform: rotate(180deg);
}
.list-load-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px;
}
.ovn-loading {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.ovn-loading.blur:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(248, 249, 253, 0.4);
  content: "";
  z-index: 1;
}
.visually-hidden {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: hidden;
}
b,
.bold-text {
  font-weight: normal;
  font-family: "Avenir Heavy", sans-serif;
}
.title-lined {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  font-size: 16px;
  font-family: "Avenir Heavy", sans-serif;
}
.title-lined:before {
  content: "";
  flex: 1 1 0;
  border-top: 1px solid #D0DEFC;
}
.title-lined:after {
  content: "";
  flex: 1 1 0;
  border-top: 1px solid #D0DEFC;
}
.text-uppercase {
  text-transform: uppercase;
}
.component-filter {
  background-color: #F8F9FD;
  border-radius: 10px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.component-filter .filter-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .component-filter .filter-container {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.component-filter .filter-toggler {
  display: none;
  font-size: 18px;
  font-family: "Avenir Heavy", sans-serif;
  gap: 10px;
  justify-content: flex-start;
}
.component-filter .filter-toggler button {
  font: inherit;
}
.component-filter .filter-toggler button.show {
  color: var(--primary-color);
}
.component-filter .filter-toggler button.hide {
  color: #AAB1CC;
}
.component-filter .filter-toggler button mat-icon {
  color: inherit;
}
@media screen and (max-width: 767px) {
  .component-filter .filter-toggler {
    display: flex;
  }
}
.component-filter .additional-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  height: 40px;
}
@media screen and (max-width: 767px) {
  .component-filter .additional-actions {
    width: 100%;
  }
}
.component-filter .filter-form {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .component-filter .filter-form {
    display: none;
  }
  .component-filter .filter-form.opened {
    display: flex;
  }
}
@media screen and (max-width: 550px) {
  .component-filter .filter-form {
    flex-direction: column;
    width: 100%;
  }
}
.component-filter .filter-form .query-field {
  width: 280px;
}
@media screen and (max-width: 550px) {
  .component-filter .filter-form .query-field {
    width: 100%;
  }
}
.component-filter .btn-toggle-container {
  display: flex;
}
.component-filter .unit-map-filter-flag {
  padding: 5px 20px;
  display: flex;
  align-items: center;
  gap: 15px;
  background-color: #FFFFFF;
  border: 1px solid #D0DEFC;
  height: 40px;
  -webkit-user-select: none;
  user-select: none;
  color: #6B6F81;
  font-size: 12px;
}
.component-filter .unit-map-filter-flag.on {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #FFFFFF;
}
.component-filter .unit-map-filter-flag.on i:before {
  color: inherit;
}
.component-filter .unit-map-filter-flag:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.component-filter .unit-map-filter-flag:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.component-filter .unit-map-filter-flag i {
  font-size: 30px;
}
.component-filter .unit-map-filter-flag i:before {
  color: #AAB1CC;
}
.component-filter .actions {
  display: flex;
  gap: 20px;
}
.component-filter .actions button {
  height: 40px;
}
.empty-content {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 24px;
  font-family: "Avenir Roman", sans-serif;
}
:root {
  --mdc-plain-tooltip-container-color: #F8F9FD;
}
:root {
  --mdc-plain-tooltip-supporting-text-color: #1F1F1F;
}
.mat-mdc-tooltip-surface.mat-mdc-tooltip-surface {
  font-size: 13px;
  padding: 5px 10px;
  font-family: "Roboto Medium", sans-serif;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1607843137);
}
.default-tooltip .mat-mdc-tooltip-surface {
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1607843137);
  max-width: 400px;
  padding: 15px 15px 15px 50px;
  font-size: 16px;
  line-height: 20px;
  font-family: "Roboto Medium", sans-serif;
  border-radius: 10px;
}
.default-tooltip .mat-mdc-tooltip-surface:before {
  position: absolute;
  left: 15px;
  top: 12px;
  width: 24px;
  height: 24px;
  background: url(/assets/icons/global/attention.svg) no-repeat center center;
}
.pro-container {
  height: 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.pro-container .pro {
  flex: 1;
  padding: 6px 15px;
  border-radius: 10px;
  border: 1px solid #D0DEFC;
  font-size: 18px;
  font-family: "Avenir Book", sans-serif;
  display: flex;
  gap: 15px;
  color: var(--primary-dark-color);
}
.pro-container .pro .number {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.no-data-text {
  color: #6B6F81;
  font-size: 18px;
}

/* src/assets/icons/icons.css */
@font-face {
  font-family: "icomoon";
  src: url("./media/icomoon.eot?5tyqw2");
  src:
    url("./media/icomoon.eot?5tyqw2#iefix") format("embedded-opentype"),
    url("./media/icomoon.ttf?5tyqw2") format("truetype"),
    url("./media/icomoon.woff?5tyqw2") format("woff"),
    url("./media/icomoon.svg?5tyqw2#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-zoom_in:before {
  content: "\e900";
  color: #fff;
}
.icon-zoom_out:before {
  content: "\e901";
  color: #fff;
}
.icon-undo:before {
  content: "\e902";
  color: #fff;
}
.icon-redo:before {
  content: "\e903";
  color: #fff;
}
.icon-actions-delete:before {
  content: "\e904";
  color: var(--primary-dark-color);
}
.icon-actions-edit:before {
  content: "\e905";
  color: #fff;
}
.icon-actions-open:before {
  content: "\e906";
  color: var(--primary-dark-color);
}
.icon-actions-tracking:before {
  content: "\e907";
  color: var(--primary-dark-color);
}
.icon-add .path1:before {
  content: "\e908";
  color: rgb(170, 177, 204);
}
.icon-add .path2:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-add-new:before {
  content: "\e90a";
  color: #fff;
}
.icon-box-truck:before {
  content: "\e90b";
  color: #aab1cc;
}
.icon-calendar:before {
  content: "\e90c";
  color: #aab1cc;
}
.icon-car:before {
  content: "\e90d";
  color: #4caf50;
}
.icon-cargo-van:before {
  content: "\e90e";
  color: #fff;
}
.icon-checkbox .path1:before {
  content: "\e90f";
  color: var(--primary-color);
}
.icon-checkbox .path2:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-copy:before {
  content: "\e911";
  color: var(--primary-dark-color);
}
.icon-copy-wf .path1:before {
  content: "\e912";
  color: rgb(148, 194, 246);
}
.icon-copy-wf .path2:before {
  content: "\e913";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-delete:before {
  content: "\e914";
  color: #6b6f81;
}
.icon-delete-doc:before {
  content: "\e915";
  color: #6b6f81;
}
.icon-dialog-close:before {
  content: "\e916";
  color: #6b6f81;
}
.icon-drag:before {
  content: "\e917";
  color: #aab1cc;
}
.icon-drop-off .path1:before {
  content: "\e918";
  color: rgb(77, 175, 80);
}
.icon-drop-off .path2:before {
  content: "\e919";
  margin-left: -1em;
  color: rgb(76, 175, 80);
}
.icon-edit .path1:before {
  content: "\e91a";
  color: rgb(170, 177, 204);
}
.icon-edit .path2:before {
  content: "\e91b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-edit-profile:before {
  content: "\e91c";
  color: var(--primary-dark-color);
}
.icon-field-cancel:before {
  content: "\e91d";
  color: #6b6f81;
}
.icon-file-img .path1:before {
  content: "\e91e";
  color: rgb(36, 99, 172);
}
.icon-file-img .path2:before {
  content: "\e91f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-file-pdf .path1:before {
  content: "\e920";
  color: rgb(36, 99, 172);
}
.icon-file-pdf .path2:before {
  content: "\e921";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-info-car:before {
  content: "\e922";
  color: var(--primary-dark-color);
}
.icon-info-company:before {
  content: "\e923";
  color: #5685bc;
}
.icon-info-helm:before {
  content: "\e924";
  color: var(--primary-dark-color);
}
.icon-info-map:before {
  content: "\e925";
  color: #5685bc;
}
.icon-info-s:before {
  content: "\e926";
  color: var(--primary-dark-color);
}
.icon-load-map:before {
  content: "\e927";
  color: var(--primary-light-color);
}
.icon-logo-blue .path1:before {
  content: "\e928";
  color: rgb(195, 57, 75);
}
.icon-logo-blue .path2:before {
  content: "\e929";
  margin-left: -1em;
  color: rgb(195, 57, 75);
}
.icon-logo-blue .path3:before {
  content: "\e92a";
  margin-left: -1em;
  color: rgb(195, 57, 75);
}
.icon-logo-blue .path4:before {
  content: "\e92b";
  margin-left: -1em;
  color: rgb(195, 57, 75);
}
.icon-logo-blue .path5:before {
  content: "\e92c";
  margin-left: -1em;
  color: #5685BC;
}
.icon-logo-blue .path6:before {
  content: "\e92d";
  margin-left: -1em;
  color: #5685BC;
}
.icon-logo-blue .path7:before {
  content: "\e92e";
  margin-left: -1em;
  color: #5685BC;
}
.icon-logout:before {
  content: "\e92f";
  color: #fff;
}
.icon-logo-white .path1:before {
  content: "\e930";
  color: rgb(195, 57, 75);
}
.icon-logo-white .path2:before {
  content: "\e931";
  margin-left: -1em;
  color: rgb(195, 57, 75);
}
.icon-logo-white .path3:before {
  content: "\e932";
  margin-left: -1em;
  color: rgb(195, 57, 75);
}
.icon-logo-white .path4:before {
  content: "\e933";
  margin-left: -1em;
  color: rgb(195, 57, 75);
}
.icon-logo-white .path5:before {
  content: "\e934";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-logo-white .path6:before {
  content: "\e935";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-logo-white .path7:before {
  content: "\e936";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-maps-and-flags:before {
  content: "\e937";
  color: #4caf50;
}
.icon-message:before {
  content: "\e938";
  color: var(--primary-dark-color);
}
.icon-message-delivered:before {
  content: "\e939";
  color: #aab1cc;
}
.icon-message-viewed:before {
  content: "\e93a";
  color: #4caf50;
}
.icon-more:before {
  content: "\e93b";
  color: #6b6f81;
}
.icon-no-icon:before {
  content: "\e93c";
  color: #e58e44;
}
.icon-pick-up .path1:before {
  content: "\e93d";
  color: rgb(36, 99, 172);
}
.icon-pick-up .path2:before {
  content: "\e93e";
  margin-left: -1em;
  color: rgb(35, 99, 173);
}
.icon-pick-up .path3:before {
  content: "\e93f";
  margin-left: -1em;
  color: rgb(36, 99, 172);
}
.icon-profile:before {
  content: "\e940";
  color: var(--primary-light-color);
}
.icon-save:before {
  content: "\e941";
  color: #5685bc;
}
.icon-search:before {
  content: "\e942";
  color: #aab1cc;
}
.icon-send-message:before {
  content: "\e943";
  color: #aab1cc;
}
.icon-send-wf .path1:before {
  content: "\e944";
  color: rgb(148, 194, 246);
}
.icon-send-wf .path2:before {
  content: "\e945";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-shipments-archived:before {
  content: "\e946";
  color: var(--primary-light-color);
}
.icon-shipments-closed:before {
  content: "\e947";
  color: var(--primary-light-color);
}
.icon-shipments-new:before {
  content: "\e948";
  color: var(--primary-light-color);
}
.icon-shipments-on-route:before {
  content: "\e949";
  color: var(--primary-light-color);
}
.icon-tracking:before {
  content: "\e94a";
  color: var(--primary-dark-color);
}
.icon-unit-map:before {
  content: "\e94b";
  color: var(--primary-light-color);
}
.icon-upload .path1:before {
  content: "\e94c";
  color: rgb(243, 245, 254);
}
.icon-upload .path2:before {
  content: "\e94d";
  margin-left: -1em;
  color: rgb(170, 177, 204);
}
.icon-user:before {
  content: "\e94e";
  color: var(--primary-dark-color);
}
.icon-users:before {
  content: "\e94f";
  color: var(--primary-light-color);
}

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