.status-black{
        background: black;
    }
    .status-gray{
        background: gray;
    }
    .dt-buttons{
        float: right;
    }
    #example{
     display: none;
    }
    td{
        width: 25%;
    }
    .panel-body{
        font-weight: bold;
    }
    .header{
        font-size: 20px;
        text-align:center;
    }
    .green-item{
        display: flow-root;
        color: green;
        min-height: 60px;
    }
    .black-item{
        display: flow-root;
        color: black;
        min-height: 60px;
    }
    .gray-item{
        display: flow-root;
        color: gray;
        min-height: 60px;
    }
    .orange-item{
        display: flow-root;
        color: #f64f00;
        min-height: 60px;
    }
    .red-item{
        display: flow-root;
        color: red;
        min-height: 60px;
    }
    .name-item{
        max-width: 50%;
    }
    .number-item{
        text-align: right;
        max-width: 40%;
    }
    .subitem-gray{
        color: gray;
    }
    .subitem-black{
        color: black;
    }