.smallscreen-only {
    display: none;
}

.osk-btn:not(.col-md-1):not(.col-md-2) {
    width: 25% !important;
    float: left;
}

@media only screen and (max-width: 768px) {
    .smallscreen-only {
        display: initial;
    }

    .hidden-sm {
        display: none;
    }

    #home-workshift-info .btn {
        display: block;
        margin-top: 10px;
    }

    #home-workshift-info .btn:first-of-type {
        margin-top: -5px;
    }

    .navbar-custom-menu {
        display: none;
    }

    .form-horizontal input,
    .select2-container {
        margin-top: 10px;
    }

    .dt-buttons .btn {
        display: block;
        margin-top: 10px;
        border-radius: 3px !important;
    }

    .dataTables_scrollBody {
        height: 75vh !important;
    }

    #desktop-link {
        display: block;
        margin-top: 50px;
    }

    .login-box {
        margin-top: 50%;
        transform: translateY(-25%);
    }
}