@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    * {
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .search-grid-textbox,
    .frontEnd input.search-grid-textbox,
    .search-grid-textbox:focus,
    .frontEnd input.search-grid-textbox:focus,
    .frontEnd input.filter-textbox {
        width: 125px;
    }
}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
    * {
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .search-grid-textbox,
    .frontEnd input.search-grid-textbox,
    .search-grid-textbox:focus,
    .frontEnd input.search-grid-textbox:focus,
    .frontEnd input.filter-textbox {
        width: 150px;
    }
}

@media all and (device-width: 812px) and (orientation: landscape) {
    * {
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .search-grid-textbox,
    .frontEnd input.search-grid-textbox,
    .search-grid-textbox:focus,
    .frontEnd input.search-grid-textbox:focus,
    .frontEnd input.filter-textbox {
        width: 45px;
    }
}

@media only screen and (min-width: 414px) and (orientation:portrait) {
}

@media only screen and (max-device-width : 667px) and (orientation : portrait) {

    .bodyEnd {
        min-width: 0;
        border-right: none 0;
        padding: 5px;
    }

    .header > li > a {
        padding: 21px 0 0 0;
        margin: 0 10px;
    }

    .pageName {
        font-size: 1.3em;
        padding-left: 10px;
    }

    .button,
    .button.white,
    .button.blue {
        padding: 4px 8px;
        min-width: 90px
    }

    .login-dialog {
        width: auto;
        margin: 0 5px;
    }

    .login-page {
        width: auto;
        margin: 0 10px;
    }

    .root-footer li:first-child,
    .root-footer li:last-child {
        padding-top: 5px;
        float: none;
        text-align: center;
    }

    .study-form {
        width: 100%;
    }

    .visit-header-container {
        padding: 10px 10px 0 10px;
    }

    .visit-header-name {
        padding: 10px;
        font-size: 1.4em;
        display: inline-block;
    }

    .visit-header-statistics {
        display: none;
    }

    a.button.addNewVisit {
        padding-top: 5px;
    }

    .forms-table {
        width: 100%;
        padding: 0;
        margin: 0;
    }

        .forms-table td:nth-child(1) {
            padding: 0
        }

        .forms-table td:nth-child(3) {
            padding: 5px;
            font-size: 1em;
            width: 100%;
        }

        .forms-table td:nth-child(4),
        .forms-table td:nth-child(5),
        .forms-table td:nth-child(6),
        .forms-table td:nth-child(7),
        .forms-table td:nth-child(8) {
            display: none
        }

    .popup-modal-dialog,
    .popup-modal-dialog-wide {
        width: 100%
    }

    .dynamic-form-container {
        margin: 10px
    }

    .user-menu-link {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .droppableContainer,
    table.grid > tbody > tr > td,
    table.grid > thead > tr > th {
        min-width: 0;
        width: auto;
    }
}