@charset 'UTF-8';

html,
body {
    height: 100%;
}

body {
    background: $bg--gray;
    height: 100%;
    position: relative;
    width: 100%;

    &.error-bar--fixed {
        padding-top: 22px;
    }
}

.sticky {
    background: $white;

    > .container-fluid {
        overflow: auto;
    }

    .inner-wrap {
        > .row {
            &.content {
                margin-bottom: -89px;
                min-height: 100%;
            }
        }
    }
}

.inner-wrap {
    height: 100%;

    &.sticky {
        overflow: auto;
    }

    > .row {
        &.main {
            height: 100%;
            position: relative;
        }
    }
}

.container-fluid {
    @include legacy-pie-clearfix;
    height: 100%;
    position: relative;
    -webkit-overflow-scrolling: touch;
}

.channel-view {
    @include clearfix;
    height: 100%;
    position: relative;
}

img {
    max-width: 100%;

    &.rounded {
        @include border-radius(100%);
    }
}