.activity_kennzahlen_box {
    width:100%;
}

.activity_kennzahlen {
    width:100%;
    height:264px;
}
.activity_kennzahlen td {
    padding:5px 10px;
}
.activity_kennzahlen td:nth-child(2) {
    width:50px;
    text-align: right;
}
.activity_kennzahlen.ap, .activity_kennzahlen.ap td{
    background-color:#E8FAFF;
}
.activity_kennzahlen.bp, .activity_kennzahlen.bp td{
    background-color:#FFF0E1;
}

.activityreport_kennzahlentop {
    width:100%;
}
.activityreport_kennzahlentop td{
    padding:5px 10px;
    background-color:#fff;
    width:50%;
}
.activityreport_kennzahlentop td:nth-child(2) {
    width:50px;
    text-align: right;
}

.act_graf_deteils {
    width:100%;
}
.act_graf_deteils td, .act_graf_deteils th {
    vertical-align: top;
    border:none;
    display: block;
}
.act_graf_deteils td.break, .act_graf_deteils th.break {
    border-bottom: 1px solid #ccc;
}
.act_graf_deteils th {
    display: none;
}
.act_graf_deteils .top {
    display: inline-block;
    font-weight: bold;
}
.act_graf_deteils p {
    vertical-align: top;
    display: inline-block;
    margin-bottom:2px;
}

.activity_kennzahlen-kpis {
    width:100%;
}
.activity_kennzahlen-kpis .negativ {
    color:#ff0000;
}
.activity_kennzahlen-kpis .positiv {
    color:#00CC33;
}
.activity_kennzahlen-kpis td{
    background-color:#E7F3FE;
    padding:5px 10px;
    border-bottom:1px solid #dfdfdf
}
.activity_kennzahlen-kpis td:nth-child(2){
    text-align: right;
}
.activity_kennzahlen-kpis td table{
    width:100%;
}

.activity_kennzahlen-kpis td table td{
    border:none;
}

.activity_kenn_ges {
    width:100%;
    background-color:#fff;
    vertical-align: top;
    height:150px;
}

.activity_kenn_ges td {
    background-color:#fff;
    padding:5px 10px;
}

.activityreport_char {
    background-color:#fff;
    max-width:1000px;
    padding:10px;
}
.activityreport_char .dayname {
    padding:4px 0px;
    display: inline-block;
    height:30px;
    width:33px;
    padding: 5px 0px;
    margin: 0px;
}
.activityreport_char .weekend {
    color:#aaa;
}
.activityreport_char .holiday {
    color:#4C8CF6;
}
.activityreport_char .feiertag {
    color:#f00;
}

.activityreport_char .daydate {
    padding:4px 0px;
    display: inline-block;
    border-right:1px solid #E1E1E1;
    height:30px;
    width:37px;
    padding: 5px 4px 5px 0px;
    margin: 0px;
    text-align: right;
}
.activityreport_char .daydate.weekend {
    color:#aaa;
}
.activityreport_char .daychar{
    cursor:pointer;
    display: inline-block;
    height:20px;
    background-color:#4C8CF6;
    margin:0px 0px -4px 0px;
}
.activityreport_char .daycount{
    display:inline-block;
    color:#4C8CF6;
    padding: 0px;
    margin: 0px;
}

.comp_tx_small {
    font-size:12px;
}

@media (min-width: 768px) {
    .activity_kennzahlen_box {
        width:50%;
        display: inline-block;
        margin:0px -1px;
    }
    .activity_kennzahlen-kpis td table {
        width:auto;
    }
    .activity_kennzahlen-kpis td table td{
        text-align: left;
        width:100px;
    }
    .activity_kennzahlen-kpis td.kpistext {
        width:50%;
        text-align: center;
    }
    .activity_kennzahlen-kpis td.kpisvalue {
        min-width:80px;
        text-align: right;
    }

    .act_graf_deteils td, .act_graf_deteils th {
        display: table-cell;
        border-bottom: 1px solid #ccc;
    }
    .act_graf_deteils th {
        display: table-cell;
    }
    .act_graf_deteils .top {
        display: none;
    }
}