p.rep_title{
    padding-left: 30px;
    font-size: 150%;
}

tr.sum{
    background-color: #ffae45;
}

tr.subsum{
    background-color: #ffd297;
}

tr.subsubsum{
    background-color: #ffe6c5;
}

.pay{
    background-color: #c5f3ff;
}

.gr{
    background-color: #ffc5e6;
}

.not_done{
    background-color: #fc9696;
}


H2{
    margin-left: 2%;
}

.objs{
    width: 95%;
    display: flex;
    flex-wrap: wrap;
    margin-left: 2%;
}
.objs div{
    width: 100px; 
    cursor: pointer;
    margin: 0.5rem;
    text-align: center;
}

div.fg_free{
    background-color: #f4f4f4;
}
div.fg_ddu{
    background-color: #c5ffa9;
}
div.fg_bron{
    background-color: #fff073;
}
div.fg_paid{
    background-color: #a9d9fe;
}
div.fg_out{
    background-color: #fda8fe;
}
                            

.report_table{

    max-width: 70%;
    min-width: 60%;
}

.report_table, .report_table th, .report_table td{
    border: #666 solid 1px;
    border-collapse: collapse;
}

.report_table td{
    text-align: center;
    font-size: larger;
    height: 40px;
    vertical-align: middle;
}
.report_table tr{
    height: 40px;
}

.report_table tr:hover {background-color: #f5f5f5;}

.report-actions{
    
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    
}

.report-action{
    background-color: #fff073;
    border-radius: 5px;
    border: rgb(20,20,20) 1px solid;
    width: 30%;
    padding: 0.5rem;
}

#actioncontent_div_id{
    display: flex;
    flex-direction: column;
    align-items: center;

}

#outRep_div_id{
    height: 80vh;
}

iframe{
    width: 100%;
    height: 100%;
}

tr.bt_all{
    padding-left: 3px;
    font-size:x-large;
    font-weight:bolder;
    
}

td.bt_group{
    padding-left: 3px;
}

tr.bt_group{
    font-size: larger;
}

td.bt_item{
    padding-left: 20px;
}

tr.bt_item{
    font-size:large;
}

td.bt_month{
    padding-left: 40px;
}
 
tr.bt_month{
    font-size: small;
}

tr.bt_month:hover{
    background-color: #ffffff;

}


.toggle_months_span{
    font-size: 1rem;
}

tr.hidden{
    display: none;

}

span.collapse:after{
    content: "⮞";

}

span.expand:after{
    content: "⮟";

}