@media screen and (max-width: 750px) {

    .page {
        width: 100%;
        min-width: 300px;
    }

    .content-area {
        min-width: unset;
        width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }

    .text-align-right-mobile-center {
        text-align: center !important;
    }

    .mobile-display-block {
        display: block !important;
    }

    .mobile-display-inline {
        display: inline-block !important;
    }

    .admin {
        display: block;
    }

    #mobile-menu-close, #mobile-menu-list, #mobile-menu-search {
        display: block;
    }

    #search-button-go, #search-button-close{
        display: inline-block;
        margin-top: 5px;
        width: calc(50% - 5px);
    }

    .topnav {
        height: 50px;
        overflow: hidden;
    }

    .search-bar {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 7000;
        padding: 20px;
        background-color: rgba(255,255,255,1);
    }

        .search-bar input {
            display: block;
            margin-left: auto;
            margin-right: auto;
            height: 40px;
            background-color: #ffffff;
            color: #000000;
            border: 1px solid rgb(200,200,200);
        }

    .ui-autocomplete {
        position: absolute;
        cursor: default;
        z-index: 7100 !important;
    }

    .menu {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        overflow-y: auto;
        background-color: #ffffff;
        z-index: 9999;
        padding: 40px;
    }

        .menu .menu-item {
            float: none;
            border-bottom: 1px solid rgb(222,222,222);
            padding: 0;
            margin: 0;
        }

            .menu .menu-item .menu-item-title {
                color: #000000;
                padding: 0;
                margin: 0;
                line-height: normal;
                height: auto;
                padding: 10px;
            }

            .menu .menu-item .menu-item-submenu {
                position: relative;
                top: 0;
                left: 0;
                box-shadow: none;
                border: none;
            }

    .leftnav {
        height: 40px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        padding: 0;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 3px;
        border-bottom: 1px solid rgb(224,224,224);
    }

        .leftnav a {
            display: inline-block;
            margin: 2px;
        }

    .subnav {
        height: 40px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        text-align: center;
    }

        .subnav a {
            margin-right: 10px;
            line-height: 40px;
        }

    .workspace-content {
        min-width: 300px;
        width: 100%;
    }

    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
        width: 100%;
    }


    .action-bar {
        border-bottom: none;
        text-align: left;
        overflow-x: auto;
        white-space: nowrap;
    }

        .action-bar .action-bar-link:first-child {
            padding-left: 0px;
        }

    .key-value {
        border-right: none;
        padding-right: 0px;
        margin-top: 8px;
        margin-bottom: 8px;
        padding-bottom: 8px;
        border-bottom: 1px solid rgb(220,220,220);
    }

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

    .table {
        white-space: nowrap;
    }

        .table td {
            font-size: 0.7em;
        }

    .table-data {
        white-space: nowrap;
    }

    .button {
        min-width: unset;
        padding: 8px;
        font-size: 0.6em;
        margin-right: 2px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .alert {
        overflow: auto;
    }

    .card .card-title, .dialog .card-title {
        overflow: auto;
    }

    .dialog-box, .dialog-box-small, .dialog-box-big {
        top: 5vh;
        left: 5vw;
        width: 90vw;
        max-height: 90vh;
        overflow-y: auto;
    }

}
/* @media */