body {
    margin: 0;
    padding: 0;
}

#scrollableBody {
    overflow: auto;
}

/* CSS specific to iOS devices */ 
@supports (-webkit-touch-callout: none) {
    #scrollableBody {
        height: 100vh;
    }
}

.no-margin {
    margin: 0;
    padding: 0;
}

.pull-left {
    float: left;
}
.clear {
    clear: both;
}

div#content {
    margin: 0 auto;
    display: block;
    overflow: hidden;
}

div#content.ic-player-with-header {
    width: 100% !important;
    height: calc(100vh - var(--header-height)) !important;
    -webkit-overflow-scrolling: touch !important;
    overflow-y: auto !important;
}

div#content.ic-player-with-no-header {
    width: 100% !important;
    height: 100vh !important;
    -webkit-overflow-scrolling: touch !important;
    overflow-y: auto !important;
}

iframe#content-iframe {
    margin: 0 auto;
    border: 0;
    overflow: hidden;
    display: table;
    position: absolute;
    transform-origin: center top;
    -ms-transform-origin: center top;
    -webkit-transform-origin: center top;
    transition: transform 0.01s;
    -webkit-transition: transform 0.01s;
    -webkit-transition: -webkit-transform 0.01s;
}

nav {
    min-height: 70px;
    padding: 10px 18px 0 18px;
    background: #222222;
    border-bottom: 1px solid #111111;
    overflow: auto;
}

nav div.header {
    display: inline-block;
    float: left;
}

nav div.menu {
    display: inline-block;
    float: right;
}

.ic_static_footer {
    top: auto !important;
}