/*----------------------Utils----------------------*/
.u-italic {
    font-style: italic
}

.u-text-right {
    text-align: right
}

.u-text-center {
    text-align: center
}

.u-truncate, .u-oneLinePreview {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.u-standard-line-height {
    line-height: 1.5em
}

.u-double-line-height {
    line-height: 2em
}
.u-triple-line-height {
    line-height: 3em
}
.u-justifiedGrid {
    text-align: justify
}

    .u-justifiedGrid:after {
        content: '';
        display: inline-block;
        width: 100%;
        line-height: 0;
        height: 0
    }

    .u-justifiedGrid > * {
        display: inline-block
    }

.u-clearfix:after {
    content: "";
    display: table;
    clear: both
}

.u-clearFloat {
    clear: both
}

.u-inline-block {
    display: inline-block
}

.u-block {
    display: block
}

.u-full-width {
    width: 100%;
    min-width: 100%
}

.u-noScroll {
    overflow: hidden
}

.u-scroll-y {
    overflow-x: hidden;
    overflow-y: auto
}

.u-margin-right-12 {
    margin-right: 12px
}

.u-margin-left-12 {
    margin-left: 12px
}

.u-margin-right-24 {
    margin-right: 24px
}

.u-margin-left-24 {
    margin-left: 24px
}

.u-margin-left-36 {
    margin-left: 36px
}

.u-margin-right-36 {
    margin-right: 36px
}

.u-margin-top-24 {
    margin-top: 24px
}

.u-margin-bottom-24 {
    margin-top: 24px
}

.u-nomargin {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.u-float-right {
    float: right
}

.u-verticalCenter {
    position: absolute;
    top: 50%
}

.u-horizontalCenter {
    position: absolute;
    left: 50%
}

.u-center {
    position: absolute;
    top: 50%;
    left: 50%
}

.u-opticalCenter {
    position: absolute;
    top: 30%;
    left: 50%
}

.u-center2-container, .u-center2-container--optical {
    text-align: center;
    whitespace: nowrap
}

    .u-center2-container > *, .u-center2-container--optical > * {
        whitespace: normal
    }

    .u-center2-container:before, .u-center2-container--optical:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -.25em
    }

    .u-center2-container--optical:before {
        height: 80%
    }

.u-center2 {
    display: inline-block;
    vertical-align: middle;
    text-align: initial
}

.u-contentWrapper {
    width: 100%;
    padding-left: 4%;
    padding-right: 4%;
    max-width: 1440px;
    margin: 0 auto
}

.u-oneLinePreview br {
    content: " "
}

    .u-oneLinePreview br:after {
        content: " "
    }

.u-oneLinePreview div {
    display: inline
}

.u-oneLinePreview img {
    display: inline-block;
    max-height: 32px;
    max-width: 90px;
    width: auto;
    vertical-align: top;
    margin: 0 4px
}

.u-hide {
    display: none
}

.u-opacity0 {
    opacity: 0
}

.u-displayNone {
    display: none !important
}

.u-visibilityHidden {
    visibility: hidden !important
}

.u-showOnHighDensityOnly {
    display: none
}

.u-blue {
    background-color: var(--firstFocus)
}

.u-blueWithHover {
    background-color: var(--firstFocus)
}

    .u-blueWithHover:hover {
        background-color: var(--campuslight)
    }

.u-tabFocusOutline:focus {
    outline: 1px solid var(--campusmain)
}


@media (min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:144dpi),(min-resolution:1.5dppx) {
    .u-showOnHighDensityOnly {
       display: block;
    }
    .QurioBar-item--avatar img.u-showOnHighDensityOnly {
        margin-bottom: 36px;
        height: 48px;
        margin-left: -36px;
    }
        .u-hideOnHighDensityOnly {
            display: none
        }
    img.u-showOnHighDensityOnly {
        margin-bottom: 36px;
    }
}

/*----------------------End Utils----------------------*/