@media (max-width:900px){
    .dashboard-container {
        flex-direction: column;
    }
    .sidebar {
        width: 100%;
        min-height: unset;
        padding: 2px 0;
        display: block;
    }

    .hr-sidebar {
        display: none;
    }

    .menu-sidebar{
        display: block;
        background-color: white;
        border-radius: 5px;
        padding: 3px;
    }

    .sidebar-logo{
        width: 100%;
        padding-bottom: 2px;
    }

    #img-logo-dashboard{
        width: 20%;
    }

    .sidebar-nav{
        display: none;
    }

    .sidebar-nav.open{
        display: block;
    }

    .contacts-table{
        overflow-x: auto;
    }
}

@media (max-width:740px){
    .content-header{
        display: block;
    }

    .content-header-actions{
        display: inline-grid;
    }
}