transactions.css

.table-repeating-end .cell {
    padding: 0 2vmin 0 0;
}

.table-repeating-end .stretched-cell {
    width: 100%;
    padding: 0 2% 0 2%;
}

.table-repeating-end .input-cell {
    min-width: 20%;
}

.chips .chip.selected {
    background-color: var(--color-blue);
}

#transaction-chips {
    margin-top: 0;
}

.input-min-width {
    min-width: 100px;
}

.transaction-container {
    width: 90%;
}

.transaction-container .category-circle,
.transaction-container .category-circle-small,
.search-container .category-circle,
.search-container .category-circle-small {
    margin: auto;
}

.transaction-row-top {
    padding: 14px 0.5rem 0 0.5rem;
}

.transaction-row-bottom {
    padding-bottom: 14px;
}

.transaction-row-desktop {
    min-height: 3.4rem;
}

.transaction-row-transparent {
    opacity: 0.5;
}

.transaction-row-transparent-override {
    opacity: 1.0 !important;
}

.transaction-card {
    margin: 0.4rem 0 0.8rem 0;
}

.transaction-text {
    font-size: 1.2rem;
}

.transaction-buttons .btn-flat {
    height: auto;
    line-height: inherit;
}

.transactions-buttons-col {
    position: relative;
    height: 36px;
}

.transaction-date {
    min-width: 5.5rem;
    margin-top: 1.6rem;
    margin-bottom: 0.5rem;
    color: #FFFFFFDD;
    letter-spacing: 0.1rem;
}

.search-result .transaction-date {
    margin: 0;
    color: var(--color-text);
    letter-spacing: normal;
}

.new-transaction-button {
    position: absolute;
    display: inline-block;
    right: 0;
    left: 0;
    top: 0;
    padding: 0 !important;
}

.new-transaction-button-list {
    top: auto !important;
}

.new-transaction-button-list-large {
    left: auto !important;
    right: 8px !important;
}

.new-transaction-button-list li .btn-floating {
    border-radius: 0;
}

.mobile-fab-tip {
    position: absolute;
    padding: 0 0.5rem;
    margin-left: 0.4rem;
    text-align: right;
    background-color: #323232;
    border-radius: 2px;
    color: #FFFFFF;
    width: auto;
}

#transaction-actions-button .mobile-fab-tip {
    margin-right: 4rem;
    right: 0;
}

#button-new-transaction {
    height: 36px;
    width: auto;
    border-radius: 0;
    line-height: 36px;
    padding: 0 16px;
    font-size: 14px;
}

#button-new-transaction i {
    line-height: 36px;
}

.icon-repeating {
    vertical-align: middle;
    font-size: 2rem;
}

#keyword {
    font-weight: bold;
    border-bottom: 2px solid var(--color-text);
    padding: 0.3rem 0.5rem;
}

#modalTransactionNameKeywordWarning {
    width: 40%;
}