.ContentEditable__root {
    height: calc(100vh - 128px) !important;
}

@media screen and (max-width:768px) {
    .ContentEditable__root {
        height: calc(100vh - 208px) !important;
    }

    #root {
        min-height: calc(100vh - 161px);
    }
}

.action-button.lock,
.action-button.share {
    display: none !important;
}

.action-button.upload-btn,
.action-button.download-btn {
    display: inline-flex;
}

.actions {
    display: flex;
}

:root.dark {

    .action-button>img,
    .action-button>i {
        filter: invert(1) brightness(0.8);
    }

    .action-button:hover {
        background-color: var(--gray-gradient);
    }

    .Modal__content>div>button:last-child {
        background-color: var(--bg-gray);
        &:hover {
            background-color: var(--color-light-bg);
        }
    }

    .dateTimePicker {
        background: var(--color-white);
        border-color: var(--color-gray-light);
    }

}