@-webkit-keyframes moving-gradient {
    0% {
        background-position: -250px 0;
    }

    100% {
        background-position: 250px 0;
    }
}

table {
    width: 100%;
}

.table-header {
    color: #7395d0;
}

table tr {
    border-bottom: thin solid rgba(0, 0, 0, 0.1);
}

table tr td {
    height: 50px;
    /*  This will leave a bit of extra room between the fields, 
        can be used to fill an 'empty' field to push the table away from the beginning edge 
    */
    padding: 8px;
}

table tr td span {
    display: block;
}

.table-loading {
    height: 22px;
    width: 80%;
    border-radius: 2px;
    background: linear-gradient(to right, #eee 20%, #ddd 50%, #eee 80%);
    background-size: 500px 100px;
    animation-name: moving-gradient;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

.table-loading-overview {
    height: 50px;
    width: 50%;
}

.table-loading-overview-profit-value {
    display: inline-table;
}