.toolbar {
    margin-bottom: 20px;   
}

.toolbar-left {
    float: left;  
     margin-bottom: 20px;   
}

.toolbar-right {
    float: right;
     margin-bottom: 20px;   
}

@media (max-width: 1200px) {
    .toolbar-left {
    float: none;   
}

.toolbar-right {
    float: none;
}

.filter-dates {
    display: block;


.table-searc {
    display: block;
}
    
.screen, .modal {
    display: none;
    position: fixed;
}

.screen {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.25);
    z-index: 1;
}

.modal {
    width: 33.333%;
    top: 20%;
    left: 33.3333%;
    background: white;
    z-index: 2;
}