@media screen and (min-width: 800px) {
    /*DESKTOP*/
    .mobile {
        display: none;
    }
}

@media screen and (max-width: 799px) {
    /*MOBILE*/
    .desktop {
        display: none;
    }
}

input.date, select.category, .building{
    border: 1px solid #ced4da;
    border-radius: .25rem;
    /* height: calc(1.5em + .25rem + 3px); */
}

.from_period{
    height: calc(1.5em + .25rem + 6px);
}

.m_button{
    height: 5rem;

}

.m_table{
    width: 100%;
}

.m_cell-1{
    width: 25%;
    padding-left: 10px;
}

.m_cell-2 input{
    width: 96%;

}


.report_table{
    max-width: 1140px;
    overflow-x: auto;
    max-height: 600px;
    overflow-y: auto;
}

.sticky {
    position: sticky;
    z-index: 2;
}