
.summary-panel.income {
	background-color: #4ec3e0;
}

.summary-panel.balance {
	background-color: #f79239;
}

.summary-panel.expenses {
	background-color: #1287ed;
}

.summary-panel.invoices {
	background-color: #5b8ca9;
}

.summary-panel.balance-avg {
	background-color: lighten(#f79239, 5%);
}

.summary-panel.payments {
	background-color: #929ba3;
}

.min-height-120 {
    min-height:120px;
}

.flex-list-row {
    display: flex;
    width:100%;
    flex-wrap: nowrap;
    align-items:center;

    & > .content {
        flex: 1 1 auto;
    }

    & > .actions {
        flex: 0 0 auto;
        padding: 5px 15px;

        button {
            outline: 0;
            background: none;
            border: 0px;
            color:#ACACAC;
            font-size:24px;
            height:100%;
            width: 46px;
            height: 46px;
            overflow: hidden;

            &:hover {
                color: #BCBCBC;
                font-size:30px;
            }
        }
    }

    &:hover {
        background-color: #FFFFFF;
    
        .additional-info {
            visibility: visible;
        }

    }

    border-bottom: 1px solid #DEDEDE;

    .additional-info {
        padding: 5px 0px;
        visibility: hidden;
    }
}

.list-row-data {
    display: flex;
    justify-content: flex-start;
    padding: 15px 0px 0px 0px;

    font-size: 1em;
    color: #999;

    > .main {
        flex: 1 1 auto;
        padding: 5px;

    }

    .main-value {
        font-size: 1.25em;
        color: #121212;
    }
}

.list-row-data:hover {
}




.box-margin-5 {
    margin:-5px;
}

.status-charts {
    display: flex;
    flex-wrap: wrap;

    > div {
        position: relative;
        flex: 1 1 auto;
        padding: 10px;

        &:hover {
            background-color: #FFFFFF;
        }
    }

}


.list-row-data .main-value.plus-amount {
    color: #009A00;
}

.list-row-data .main-value.minus-amount {
    color: #FF0000;
}

