.context-menu{
    z-index: 9;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    height: var(--footer-height);
}

.ui.main.grid, .ui.main.grid .column, .no-docs-placeholder, .ui.header {
    position: inherit;
}

.context-menu .container{
    display: flex;
    height: 100%;
    align-items: center;
}

.context-menu .actions{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.context-menu{
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
    color: var(--footer-text-color);
    background-color: var(--footer-color);
}

.context-menu.hidden{
    display: none;
}

.context-menu .hidden{
    visibility: hidden;
}