: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: #96bf22;
    --hov: #393f4f;
    --hov-dark: #333a4c;
    --ttip: #fff;
    --border: #969eb0;
    --border-dark: #474e62;
    --sel: #393f4f;
    --sel-light: #d6d9df;
    --dbox: #2b303d;

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

body.sinos {
    background: rgb(31,84,43);
    background: linear-gradient(90deg, rgb(0, 36, 14) 50%, rgba(31,84,43,1) 100%);
}

.svg-inline--fa {
    position: relative;
    padding: 0 0.813rem;
    width: 1.375rem;
    height: 1.375rem;
    text-align: center;
    color: var(--text);
    vertical-align: bottom;
}

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

/* other */
#si-login {
    float: right;
    flex-flow: column;
    padding-right: 10rem;
}
#si-login svg#logo {
    margin: 0 auto;
    padding: 0 3% 2% 0;
    height: 60px;
    width: 200px;
}
#si {
    display: flex;
    flex-flow: column;
    margin-top: 2rem;
    padding-bottom: 1rem;
    background: var(--dbox);
}
#si svg {
    padding: 0;
    height: 1rem;
}

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

#si svg#logo {
    margin: 1rem auto;
    padding: 0 3% 2% 0;
    height: auto;
    width: 50%;
    background: var(--text);
}

div#si img {
    width: 18rem;
    margin: 0 auto;
}

#si a {
    line-height: 1.8em;
    font-size: 1em;
}

#si a.button {
    padding: 0.125rem 0;
    width: 100%;
}

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

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

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

#login {
    background: var(--text);
    border-radius: 0;
}
#login h2 {
    color: var(--text-dark);
}

#login label {
    color: var(--text-dark);
}

#login .button-primary {
    color: var(--text-mid);
    background: #cbe448;
}

#login .button-primary:hover {
    color: var(--text-mid);
    background: #cbe448;
}

#login .button-primary:hover {
    background: #0a8e37;
}