:root {
    --bg: #191C24;
    --menubg: #21252f;
    --dropbg: #474e62;
    --text: #fff;
    --text-mid: #a6a7ab;
    --text-dark: #191C24;
    --red: #ff0000;/* db141e */
    --green: #66ff33;
    --yellow: #fdb103;
    --blue: #0099ff;
    --hl: #f07e33;
    --hov: #393f4f;
    --hov-dark: #333a4c;
    --ttip: #fff;
    --border: #969eb0;
    --border-dark: #474e62;
    --sel: #393f4f;
    --sel-light: #d6d9df;
    --dbox: #2b303d;

    --tool: #717685;
    --bhov: #848ca1;
}

#activities-details-tab svg, #vehicle-activities svg {
    width: calc(100% - 5rem);
    vertical-align: baseline;
}

/* other */
#tz-login {
    float: right;
    display: flex;
    flex-flow: column;
    margin-top: 7rem;
    padding-right: 5rem;
}
#tz-login svg#logo {
    margin: 0 auto;
    padding: 0 3% 2% 0;
    height: auto;
    width: 100%;
    background: var(--text);
}
#tz {
    display: flex;
    flex-flow: column;
    margin-top: 2rem;
    padding-bottom: 1rem;
    background: var(--dbox);
}
#tz svg {
    padding: 0;
    height: 1rem;
}

#tz dl dt, #tz dl dd {
    height: 2rem;
    padding-top: 1rem;
}

#tz svg#logo {
    margin: 1rem auto;
    padding: 0 3% 2% 0;
    height: auto;
    width: 50%;
    background: var(--text);
}
    
#tz a {
    line-height: 1.8em;
    font-size: 1em;
}
#tz a.button {
    padding: 0.125rem 0;
    width: 100%;
}

#tz .button.wide {
    margin: 0;
}

#tz-links {
    padding-left: calc((100% - 240px)/2);
}

#tz-links a {
    padding:1rem;
}