@charset "utf-8";



.stats .liste {
    background-color: #fff;
    display: inline-block;
    margin-right: 2px;
    width: calc(30% - 6px);
    height: calc(100% - 8px);
    vertical-align: top;
    overflow-y: scroll;
}



.stats .anzeige {
    background-color: #fff;
    display: inline-block;
    width: calc(70% - 16px);
    height: calc(100% - 24px);
    vertical-align: top;
    overflow: scroll;
    padding: 8px;
}



.stats .zurueckknopf {
    display: none;
    background-color: #488925;
    color: #fff;
    padding: 4px;
    margin-bottom: 2px;
    cursor: pointer;
    overflow-x: hidden;
    white-space: nowrap;
}

.stats .zurueckknopf:hover {
    background-color: #63bc33;
}

.stats .zurueckknopf img {
    width: 24px;
    margin-right: 8px;
}

.stats .zurueckknopf span {
    position: relative;
    top: -6px;
}



.stats .liste .knopf {
    background-color: #d3ffba;
    padding: 4px;
    margin-bottom: 2px;
    cursor: pointer;
    overflow-x: hidden;
    white-space: nowrap;
}

.stats .liste .knopf:hover {
    background-color: #adff7f;
}

.stats .liste .selected {
    background-color: #adff7f;
}

.stats .liste .knopf img {
    width: 36px;
    margin-right: 16px;
}

.stats .liste .knopf span {
    position: relative;
    top: -12px;
}



@media screen and (max-width: 1200px) {
    
    .stats .liste {
        width: calc(100% - 4px);
        display: none;
    }

    .stats .anzeige {
        width: calc(100% - 20px);
        display: none;
    }
    
    .stats .zurueckknopf {
        display: block;
    }
    
}



.stats .hatfokus {
    display: inline-block;
}

.stats .anzeige .stat_container {
    width: 100%;
    height: 100%;
}



@media print {
    
    .stats .liste {
        display: none;
    }
    
    .stats .anzeige {
        width: 100%;
        display: block;
    }
    
    .stats .zurueckknopf {
        display: none;
    }
    
}



.stats .logbuch {
    background-color: #fff;
    margin-bottom: 4px;
    border: 1px solid #727272;
    padding: 4px;
}



.stats .logbuch span {
    min-width: 100px;
    display: inline-block;
    vertical-align: middle;
}



.stats .logbuch.treffer:hover {
    background-color: #d4ffbd;
    cursor: pointer;
}



.stats .statistik_bereich {
    background-color: #ededed;
    border-radius: 8px;
    text-align: center;
    margin: 4px;
}



.stats .statistik_bereich h2 {
    font-size: 18px;
    padding-top: 8px;
    margin-bottom: 0px;
    color: #404040;
}



.stats .statistik_bereich table {
    display: inline-block;
    margin: 8px;
    vertical-align: bottom;
    border-radius: 4px;
}

.stats .statistik_bereich table.akquise {
    background-color: #fffef1;
}

.stats .statistik_bereich table.verkauf {
    background-color: #f2f1ff;
}

.stats .statistik_bereich table td {
    text-align: center;
    padding: 2px;
    vertical-align: bottom;
}

.stats .statistik_bereich table .zahl {
    font-size: 20px;
    font-weight: bold;
}

.stats .statistik_bereich table .prozent {
    font-size: 15px;
    white-space: nowrap;
}

.stats .statistik_bereich table .euro {
    font-size: 15px;
    white-space: nowrap;
}

.stats .statistik_bereich table .text {
    font-size: 10px;
    font-weight: bold;
}