﻿.overview {
    width: 1020px;
    padding: 10px 10px 0 10px;
}

    .overview > div {
        width: 33.3333333%;
        float: left;
        box-sizing: border-box;
    }

        .overview > div > div {
            height: 60px;
            padding: 3px;
            margin: 5px;
        }

            .overview > div > div > div {
                float: left;
                padding-left: 10px;
                width: 139px;
            }

    .overview .fa {
        font-size: 30px;
        margin-top: 15px;
        float: left;
        margin-left: 5px;
    }

    .overview label {
        float: left;
        clear: both;
        margin: 0;
        overflow: hidden;
    }

    .overview .t {
        font-size: 12px;
        margin-top: 6px;
        color: #989898;
    }

    .overview .am {
        font-size: 20px;
        color: #757575;
    }



    .overview .balance {
        border-top: 1px solid #00add2;
    }

        .overview .balance > span {
            color: #00add2;
        }

    .overview .invoices {
        border-top: 1px solid #d2aa00;
    }

        .overview .invoices span {
            color: #d2aa00;
        }

    .overview .sales {
        border-top: 1px solid #23d200;
    }

        .overview .sales span {
            color: #23d200;
        }

    .overview .opo {
        border-top: 1px solid #00add2;
    }

        .overview .opo span {
            color: #00add2;
        }

        .overview .opo > div {
            width: 200px;
        }

    .overview .ytd {
        border-top: 1px solid #d2aa00;
    }

        .overview .ytd span {
            color: #d2aa00;
        }

    .overview .tot {
        border-top: 1px solid #23d200;
    }

        .overview .tot span {
            color: #23d200;
        }

.overview #age {
    width: 100%;
    width: 654px;
}

    .overview #age > div {
        border-top: 1px solid #ffa200;
        margin: 5px;
        width: 665px;
    }

    .overview #age .fa {
        color: #ffa200;
    }

    .overview #age > div > div {
        width: 610px;
    }

    .overview #age .am {
        width: 100%;
        display: block;
        padding-top: 5px;
    }

    .overview #age .ad {
        width: 19%;
        display: inline-block;
    }

        .overview #age .ad .ad-t,
        .overview #age .ad .ad-s {
            font-size: 14px;
            /*line-height: 21px;*/
            display: block;
            float: left;
            color: #989898;
        }

        .overview #age .ad .ad-a {
            font-size: 14px;
            float: left;
        }

        .overview #age .ad .ad-s {
            margin: 0 3px;
        }

