.mdl-layout.is-upgraded .mdl-layout__tab.router-link-active {
    color: rgb(255,255,255); }
.mdl-layout.is-upgraded .mdl-layout__tab.router-link-active::after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    background: rgb(255,64,129);
    -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1); }

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link.router-link-active {
    background-color: rgb(224,224,224);
    color: rgb(0,0,0);
}

.navigation .mdl-navigation__link .material-icons {
    margin-right: 32px;
    vertical-align: middle;
}

.first-load-spinner {
    width: 40px;
    height: 40px;

    position: relative;
    margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}

.tap-horizontal-fill {
    width: 100% !important;
}

.tap-spinner-small.mdl-spinner {
    width: 16px;
    height: 16px;
}

.tap-subtext {
    font-size: small;
    font-style: italic;
    white-space: normal;
}

body {
    font-family: 'Roboto', sans-serif;
}