.amount {
    white-space: nowrap;
}
.contactName {
    flex-grow: 1;
}
.info {
    font-size: 0.8em;
}
.amount .value {
    font-weight: bold;
}
.amount .negative {
    color: #e42e49;
}
.amount .positive {
    color: #00915e;
}

.warn {
    color: #e4c970;
    font-style: italic;
}

.account .logo {
    margin-right: 10px;
    width: 50px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.existingCategories .category {
    cursor: pointer;
    display: inline-block;
    background-color: darkgray;
    color: white;
    padding: 3px 5px;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 4px;
    width: auto;
    transition: all 1s;
}

.existingCategories .notSelected {
    opacity: 0.6;
    filter: saturate(0.2);
}

.existingCategories .notSelected {
    opacity: 0.6;
    filter: saturate(0.2);
}

.existingCategories .selected {
    filter: saturate(1.2);
    transform: scale(1.2);
}

.existingTags .tag {
    cursor: pointer;
    display: inline-block;
    background-color: darkgray;
    color: white;
    padding: 3px 5px;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 4px;
}

.statsCategories .category {
    cursor: pointer;
    display: inline-block;
    background-color: darkgray;
    color: white;
    padding: 3px 5px;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 4px;
}

.statsCategories .category a {
    color: white;
}

.category a, .tag a {
    color: white;
}

.category, .tag {
    display: inline-block;
    cursor: pointer;
    background-color: darkgray;
    color: white;
    padding: 3px 5px;
    margin-right: 2px;
    border-radius: 5px;
    font-size: 0.8em;
}

.transaction, .account {
    padding: 8px 0;
    border-top: 1px solid darkgray;
}

.sum {
    border-top: 1px solid black;
}

.line {
    display: flex;
}

.subject {
    flex-grow: 1;
    font-size: 0.8em;
}

.name {
    flex-grow: 1;
}

.loginForm {
    margin-top: 100px;
}

.actions {
    margin-left: 10px;
}

.additionalActions {
    margin-top: 4px;
}

th, td {
    padding: 1px 4px;
}

.chartGraph {
    width: 100%;
    height: 200px;
}

#floatingFooter {
    position: fixed;
    right: 0;
    bottom: 0;
    padding: 12px;
    background-color: white;
    border: 1px solid gray;
}