.list-header--material {
    background-color: #eeeeee;
}

body.body--ios .second-tool-bar {
        top: 32px;
}

.body--ios #search-toolbar .search-input {
    margin-top: 8px;
}

.body--ios #search-toolbar #search-results {
    float: left;
    margin-left: 10px;
    margin-top: 0px;
}

.body--ios #search-toolbar ons-icon {
    margin-top: 1px;
}

.body--ios .toolbar.double-tool-bar+.page__background,
.body--ios .toolbar.double-tool-bar+.page__background+.page__content,
.body--ios .toolbar.double-tool-bar+.page__content,
.body--ios .toolbar.double-tool-bar+.page__background+.page__content
{
    top: 96px !important;
}

.body--ios .toolbar.double-tool-bar {
    height: 76px !important;
}

.body--ios.body--dark-mode .list-header {
    background-image: none;
}

/*

    OPTIMIZATIOONS FOR iPHONEs WITH NOTCHES (X, 12+, ...)

 */

@media (orientation: portrait) {
    /* Outermost page__content with a toolbar */
    html[onsflag-iphonex-portrait] .toolbar.double-tool-bar:not(.toolbar--cover-content)+.page__background,
    html[onsflag-iphonex-portrait] .toolbar.double-tool-bar:not(.toolbar--cover-content)+.page__background+.page__content {
        top: 120px !important;
        padding-top: 0;
    }
    /* Non-outermost */
    html[onsflag-iphonex-portrait] .dialog .toolbar.double-tool-bar:not(.toolbar--cover-content)+.page__background,
    html[onsflag-iphonex-portrait] .dialog .toolbar.double-tool-bar:not(.toolbar--cover-content)+.page__background+.page__content, /* if wrapped with dialogs */

    html[onsflag-iphonex-portrait] .toolbar.double-tool-bar:not(.toolbar--cover-content)+.page__background+.page__content .toolbar:not(.toolbar--cover-content)+.page__background,
    html[onsflag-iphonex-portrait] .toolbar.double-tool-bar:not(.toolbar--cover-content)+.page__background+.page__content .toolbar:not(.toolbar--cover-content)+.page__background+.page__content, /* if wrapped with a page with a toolbar */

    html[onsflag-iphonex-portrait] .tabbar--top__content .toolbar.double-tool-bar:not(.toolbar--cover-content)+.page__background,
    html[onsflag-iphonex-portrait] .tabbar--top__content .toolbar.double-tool-bar:not(.toolbar--cover-content)+.page__background+.page__content { /* if wrapped with a top tabbar */
        /* Restore original styles */
        top: 120px !important;
        padding-top: 0;
    }
}


@media (orientation: landscape) {
    html[onsflag-iphonex-landscape] .page__content .machine-list-item {
            padding-right: 44px;
            padding-left: 60px;
    }
    html[onsflag-iphonex-landscape] .page__content .section-list-item ons-list-header,
    html[onsflag-iphonex-landscape] .page__content .section-list-item ons-list-item,
    html[onsflag-iphonex-landscape] .page__content #alarm-list-container ons-list-item {
            padding-right: 44px;
            padding-left: 59px;
    }
    /* Outermost page__content with a toolbar */
    html[onsflag-iphonex-landscape] .toolbar.double-tool-bar:not(.toolbar--cover-content)+.page__background,
    html[onsflag-iphonex-landscape] .toolbar.double-tool-bar:not(.toolbar--cover-content)+.page__background+.page__content {
        top: 75px !important;
    }
    /* Non-outermost */
    html[onsflag-iphonex-landscape] .dialog .toolbar.double-tool-bar:not(.toolbar--cover-content)+.page__background,
    html[onsflag-iphonex-landscape] .dialog .toolbar.double-tool-bar:not(.toolbar--cover-content)+.page__background+.page__content, /* if wrapped with dialogs */

    html[onsflag-iphonex-landscape] .toolbar.double-tool-bar:not(.toolbar--cover-content)+.page__background+.page__content .toolbar:not(.toolbar--cover-content)+.page__background,
    html[onsflag-iphonex-landscape] .toolbar.double-tool-bar:not(.toolbar--cover-content)+.page__background+.page__content .toolbar:not(.toolbar--cover-content)+.page__background+.page__content, /* if wrapped with a page with a toolbar */

    html[onsflag-iphonex-landscape] .tabbar--top__content .toolbar.double-tool-bar:not(.toolbar--cover-content)+.page__background,
    html[onsflag-iphonex-landscape] .tabbar--top__content .toolbar.double-tool-bar:not(.toolbar--cover-content)+.page__background+.page__content { /* if wrapped with a top tabbar */
        /* Restore original styles */
        top: 75px !important;
    }
}