/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.vehicle-data-check .text-wrap .user-check {
  margin-top: 1rem;
  display: flex;
  align-items: center;
}
.vehicle-data-check .text-wrap .user-check .details {
  margin-left: 1rem;
}
.vehicle-data-check .text-wrap .user-check .details user-name,
.vehicle-data-check .text-wrap .user-check .details .date {
  display: block;
}

/*# sourceMappingURL=angular.css.map*/