/*------------------------------------*\
    $DUTY SUMMARY
\*------------------------------------*/

.duty-summary-wrapper .duty-header {
    text-align: center;
}

    .duty-summary-wrapper .duty-header .btn-link {
        font-size: 24px;
        margin-bottom: 6px;
    }

.duty-summary-wrapper .summary-item {
    margin-bottom: 24px;
}

    .duty-summary-wrapper .summary-item h4 {
        margin-bottom: 10px;
    }

.duty-summary-wrapper .summary-totals {
    border-top: 1px solid #ccc;
    padding-top: 24px;
    margin-bottom: 40px;
}

    .duty-summary-wrapper .summary-item dl dt,
    .duty-summary-wrapper .summary-totals dl dt {
        float: left;
        font-weight: normal;
        font-size: 21px;
        margin-bottom: 6px;
    }

        .duty-summary-wrapper .summary-totals dl dt a i,
        .duty-summary-wrapper .summary-totals dl dt a .icon {
            font-size: 16px;
            cursor: pointer;
        }

    .duty-summary-wrapper .summary-item dl dd,
    .duty-summary-wrapper .summary-totals dl dd {
        text-align: right;
        font-size: 21px;
        margin-bottom: 6px;
    }

        .duty-summary-wrapper .summary-totals dl dt.total,
        .duty-summary-wrapper .summary-totals dl dd.total {
            font-size: 30px;
            font-family: 'Futura PT';
            font-weight: bold;
            font-style: normal;
            margin-top: 16px;
        }

.duty-summary-wrapper .summary-item .summary-item-head {
    border-bottom: 1px solid #ccc;
    margin-bottom: 16px;
}

    .duty-summary-wrapper .summary-item .summary-item-head h5 {
        float: left;
    }

    .duty-summary-wrapper .summary-item .summary-item-head a i,
    .duty-summary-wrapper .summary-item .summary-item-head a .icon {
        text-align: right;
        float: right;
        color: #000;
        transition: all 0.5s ease-in 0s;
        -webkit-transition: all 0.5s ease-in 0s;
        position: relative;
        top: 6px;
    }

    .duty-summary-wrapper .summary-item .summary-item-head a:hover i,
    .duty-summary-wrapper .summary-item .summary-item-head a:focus i,
    .duty-summary-wrapper .summary-item .summary-item-head a:hover .icon,
    .duty-summary-wrapper .summary-item .summary-item-head a:focus .icon {
        color: #b90101;
        transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
    }