@import 'colors';

vn-item-diary {
    & > vn-vertical {
        display: block;
    }
    & vn-horizontal {
        justify-content: center;
    }
    & vn-autocomplete > div{
        width: 400px;
    }
    .balanceNegative .balance {
        color: $alert-01;
        font-weight: bold;
    }
    .isIn .in {
        color: $main-02;
        font-weight: bold;
    }
    .isToday .date{
        background-color: rgba(247, 147, 30, 0.5);
        font-weight: bold;
    }
    .truncate {
        max-width: 250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}