/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
.md-ink-ripple {
  pointer-events: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-mask-image: radial-gradient(circle, white 100%, black 100%);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
.md-ink-ripple.hide {
    display: none;
}
.md-ripple {
  position: absolute;
  background-color: currentColor;
  border-radius: 50%;
  opacity: .2;
  transform: scale(0) translateZ(0);
  transition: none;
  will-change: background-color, opacity, transform, width, height, top, left;
}
.md-ripple.md-active {
    animation: ripple 1s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}
.md-ripple.md-active.md-fadeout {
      opacity: 0 !important;
      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition-duration: .6s;
}
@keyframes ripple {
to {
    transform: scale(2.2) translateZ(0);
}
}
/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
/*  Text and Titles
   ========================================================================== */
.md-caption {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 17px; }

.md-body-1, body {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 20px; }

.md-body-2 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .01em;
  line-height: 24px; }

.md-subheading {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 24px; }

.md-title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: .005em;
  line-height: 26px; }

.md-headline {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 32px; }

.md-display-1 {
  font-size: 34px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 40px; }

.md-display-2 {
  font-size: 45px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 48px; }

.md-display-3 {
  font-size: 56px;
  font-weight: 400;
  letter-spacing: -.005em;
  line-height: 58px; }

.md-display-4 {
  font-size: 112px;
  font-weight: 300;
  letter-spacing: -.01em;
  line-height: 112px; }

/*  Links & Buttons
   ========================================================================== */
a:not(.md-button):not(.md-bottom-bar-item) {
  text-decoration: none; }
  a:not(.md-button):not(.md-bottom-bar-item):hover {
    text-decoration: underline; }

button:focus {
  outline: none; }

/*  Structure
   ========================================================================== */
html {
  height: 100%;
  box-sizing: border-box; }
  html *,
  html *:before,
  html *:after {
    box-sizing: inherit; }

body {
  min-height: 100%;
  margin: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: rgba(0, 0, 0, 0.87);
  font-family: "Avenir", Helvetica, Arial, sans-serif; }

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

/*  Fluid Media
   ========================================================================== */
ul:not(.md-list) > li + li {
  margin-top: 8px; }

/*  Fluid Media
   ========================================================================== */
audio,
img,
svg,
object,
embed,
canvas,
video,
iframe {
  max-width: 100%;
  font-style: italic;
  vertical-align: middle; }
  audio:not(.md-image),
  img:not(.md-image),
  svg:not(.md-image),
  object:not(.md-image),
  embed:not(.md-image),
  canvas:not(.md-image),
  video:not(.md-image),
  iframe:not(.md-image) {
    height: auto; }

/*  Suppress the focus outline on links that cannot be accessed via keyboard.
    This prevents an unwanted focus outline from appearing around elements
    that might still respond to pointer events.
   ========================================================================== */
[tabindex="-1"]:focus {
  outline: none !important; }

/*  DocuTAP styles
   ========================================================================== */
.docutap-app {
  text-align: center; }

.docutap-container {
  margin: 0 auto;
  max-width: 700px; }

/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
.md-scrollbar::-webkit-scrollbar,
.md-scrollbar ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.12);
  transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  background-color: rgba(0, 0, 0, 0.05); }
  .md-scrollbar::-webkit-scrollbar:hover,
  .md-scrollbar ::-webkit-scrollbar:hover {
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.054), inset 0 -1px 0 rgba(0, 0, 0, 0.038);
    background-color: rgba(0, 0, 0, 0.087); }

.md-scrollbar::-webkit-scrollbar-button,
.md-scrollbar ::-webkit-scrollbar-button {
  display: none; }

.md-scrollbar::-webkit-scrollbar-corner,
.md-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent; }

.md-scrollbar::-webkit-scrollbar-thumb,
.md-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.26);
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.054), inset 0 -1px 0 rgba(0, 0, 0, 0.087);
  transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1); }

/*  Text and Titles
   ========================================================================== */
.md-caption {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 17px; }

.md-body-1, body {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 20px; }

.md-body-2 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .01em;
  line-height: 24px; }

.md-subheading {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 24px; }

.md-title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: .005em;
  line-height: 26px; }

.md-headline {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 32px; }

.md-display-1 {
  font-size: 34px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 40px; }

.md-display-2 {
  font-size: 45px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 48px; }

.md-display-3 {
  font-size: 56px;
  font-weight: 400;
  letter-spacing: -.005em;
  line-height: 58px; }

.md-display-4 {
  font-size: 112px;
  font-weight: 300;
  letter-spacing: -.01em;
  line-height: 112px; }

/*  Links & Buttons
   ========================================================================== */
a:not(.md-button):not(.md-bottom-bar-item) {
  text-decoration: none; }
  a:not(.md-button):not(.md-bottom-bar-item):hover {
    text-decoration: underline; }

button:focus {
  outline: none; }

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