/*@charset 'UTF-8';

.ms-Grid-row::after,
.ms-Grid-row::before,
.ms-Grid::after,
.ms-Grid::before {
    display: table;
    content: '';
    line-height: 0
}

.cropper-container,
.picker {
    -ms-user-select: none;
    -webkit-user-select: none
}

.ms-Grid,
.ms-Grid-col,
.ms-Grid-row,
.ms-borderBox,
.ms-borderBox::after,
.ms-borderBox::before,
.ms-normalize,
.picker__holder {
    box-sizing: border-box
}

.menu-control,
.menu-dropdown-control,
.mq-math-mode .mq-root-block,
.mq-root-block,
.ms-noWrap,
.ms-textTruncate,
.select-placeholder,
table.dataTable tbody td.dt-body-nowrap,
table.dataTable tbody th.dt-body-nowrap,
table.dataTable td.dt-nowrap,
table.dataTable th.dt-nowrap,
table.dataTable.nowrap td,
table.dataTable.nowrap th {
    white-space: nowrap
}

.picker__table,
table.dataTable,
table.reset {
    border-spacing: 0
}

.button-control,
input[type=search] {
    -webkit-appearance: none
}

@keyframes ms-slideRightIn10 {
    from {
        transform: translate3d(-10px, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes ms-slideRightIn20 {
    from {
        transform: translate3d(-20px, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes ms-slideRightIn40 {
    from {
        transform: translate3d(-40px, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes ms-slideRightIn400 {
    from {
        transform: translate3d(-400px, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes ms-slideRightOut40 {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        transform: translate3d(40px, 0, 0)
    }
}

@keyframes ms-slideRightOut400 {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        transform: translate3d(400px, 0, 0)
    }
}

@keyframes ms-slideLeftIn10 {
    from {
        transform: translate3d(10px, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes ms-slideLeftIn20 {
    from {
        transform: translate3d(20px, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes ms-slideLeftIn40 {
    from {
        transform: translate3d(40px, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes ms-slideLeftIn400 {
    from {
        transform: translate3d(400px, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes ms-slideLeftOut40 {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        transform: translate3d(-40px, 0, 0)
    }
}

@keyframes ms-slideLeftOut400 {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        transform: translate3d(-400px, 0, 0)
    }
}

@keyframes ms-slideUpIn10 {
    from {
        transform: translate3d(0, 10px, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes ms-slideUpIn20 {
    from {
        transform: translate3d(0, 20px, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes ms-slideDownIn10 {
    from {
        transform: translate3d(0, -10px, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes ms-slideDownIn20 {
    from {
        transform: translate3d(0, -20px, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes ms-slideUpOut10 {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        transform: translate3d(0, -10px, 0)
    }
}

@keyframes ms-slideUpOut20 {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        transform: translate3d(0, -20px, 0)
    }
}

@keyframes ms-slideDownOut10 {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        transform: translate3d(0, 10px, 0)
    }
}

@keyframes ms-slideDownOut20 {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        transform: translate3d(0, 20px, 0)
    }
}

@keyframes ms-scaleUp100 {
    from {
        transform: scale3d(.98, .98, 1)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

@keyframes ms-scaleUp103 {
    from {
        transform: scale3d(1, 1, 1)
    }

    to {
        transform: scale3d(1.03, 1.03, 1)
    }
}

@keyframes ms-scaleDown98 {
    from {
        transform: scale3d(1, 1, 1)
    }

    to {
        transform: scale3d(.98, .98, 1)
    }
}

@keyframes ms-scaleDown100 {
    from {
        transform: scale3d(1.03, 1.03, 1)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

@keyframes ms-fadeIn {
    from {
        opacity: 0;
        animation-timing-function: cubic-bezier(.1, .25, .75, .9)
    }

    to {
        opacity: 1
    }
}

@keyframes ms-fadeOut {
    from {
        opacity: 1;
        animation-timing-function: cubic-bezier(.1, .25, .75, .9)
    }

    to {
        opacity: 0
    }
}

@keyframes ms-rotate90 {
    from {
        transform: rotateZ(0)
    }

    to {
        transform: rotateZ(90deg)
    }
}

@keyframes ms-rotateN90 {
    from {
        transform: rotateZ(90deg)
    }

    to {
        transform: rotateZ(0)
    }
}

[dir=ltr] .ms-slideRightIn10 {
    animation-name: ms-fadeIn, ms-slideRightIn10;
    animation-duration: 367ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=ltr] .ms-slideRightIn10 {
        animation: none
    }
}

[dir=rtl] .ms-slideRightIn10 {
    animation-name: ms-fadeIn, ms-slideLeftIn10;
    animation-duration: 367ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=rtl] .ms-slideRightIn10 {
        animation: none
    }
}

[dir=ltr] .ms-slideRightIn20 {
    animation-name: ms-fadeIn, ms-slideRightIn20;
    animation-duration: 367ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=ltr] .ms-slideRightIn20 {
        animation: none
    }
}

[dir=rtl] .ms-slideRightIn20 {
    animation-name: ms-fadeIn, ms-slideLeftIn20;
    animation-duration: 367ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=rtl] .ms-slideRightIn20 {
        animation: none
    }
}

[dir=ltr] .ms-slideRightIn40 {
    animation-name: ms-fadeIn, ms-slideRightIn40;
    animation-duration: 367ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=ltr] .ms-slideRightIn40 {
        animation: none
    }
}

[dir=rtl] .ms-slideRightIn40 {
    animation-name: ms-fadeIn, ms-slideLeftIn40;
    animation-duration: 367ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=rtl] .ms-slideRightIn40 {
        animation: none
    }
}

[dir=ltr] .ms-slideRightIn400 {
    animation-name: ms-fadeIn, ms-slideRightIn400;
    animation-duration: 367ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=ltr] .ms-slideRightIn400 {
        animation: none
    }
}

[dir=rtl] .ms-slideRightIn400 {
    animation-name: ms-fadeIn, ms-slideLeftIn400;
    animation-duration: 367ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=rtl] .ms-slideRightIn400 {
        animation: none
    }
}

[dir=ltr] .ms-slideRightOut40 {
    animation-name: ms-fadeOut, ms-slideRightOut40;
    animation-duration: 167ms;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=ltr] .ms-slideRightOut40 {
        animation: none
    }
}

[dir=rtl] .ms-slideRightOut40 {
    animation-name: ms-fadeOut, ms-slideLeftOut40;
    animation-duration: 167ms;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=rtl] .ms-slideRightOut40 {
        animation: none
    }
}

[dir=ltr] .ms-slideRightOut400 {
    animation-name: ms-fadeOut, ms-slideRightOut400;
    animation-duration: 167ms;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=ltr] .ms-slideRightOut400 {
        animation: none
    }
}

[dir=rtl] .ms-slideRightOut400 {
    animation-name: ms-fadeOut, ms-slideLeftOut400;
    animation-duration: 167ms;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=rtl] .ms-slideRightOut400 {
        animation: none
    }
}

[dir=ltr] .ms-slideLeftIn10 {
    animation-name: ms-fadeIn, ms-slideLeftIn10;
    animation-duration: 367ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=ltr] .ms-slideLeftIn10 {
        animation: none
    }
}

[dir=rtl] .ms-slideLeftIn10 {
    animation-name: ms-fadeIn, ms-slideRightIn10;
    animation-duration: 367ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=rtl] .ms-slideLeftIn10 {
        animation: none
    }
}

[dir=ltr] .ms-slideLeftIn20 {
    animation-name: ms-fadeIn, ms-slideLeftIn20;
    animation-duration: 367ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=ltr] .ms-slideLeftIn20 {
        animation: none
    }
}

[dir=rtl] .ms-slideLeftIn20 {
    animation-name: ms-fadeIn, ms-slideRightIn20;
    animation-duration: 367ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=rtl] .ms-slideLeftIn20 {
        animation: none
    }
}

[dir=ltr] .ms-slideLeftIn40 {
    animation-name: ms-fadeIn, ms-slideLeftIn40;
    animation-duration: 367ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=ltr] .ms-slideLeftIn40 {
        animation: none
    }
}

[dir=rtl] .ms-slideLeftIn40 {
    animation-name: ms-fadeIn, ms-slideRightIn40;
    animation-duration: 367ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=rtl] .ms-slideLeftIn40 {
        animation: none
    }
}

[dir=ltr] .ms-slideLeftIn400 {
    animation-name: ms-fadeIn, ms-slideLeftIn400;
    animation-duration: 367ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=ltr] .ms-slideLeftIn400 {
        animation: none
    }
}

[dir=rtl] .ms-slideLeftIn400 {
    animation-name: ms-fadeIn, ms-slideRightIn400;
    animation-duration: 367ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=rtl] .ms-slideLeftIn400 {
        animation: none
    }
}

[dir=ltr] .ms-slideLeftOut40 {
    animation-name: ms-fadeOut, ms-slideLeftOut40;
    animation-duration: 167ms;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=ltr] .ms-slideLeftOut40 {
        animation: none
    }
}

[dir=rtl] .ms-slideLeftOut40 {
    animation-name: ms-fadeOut, ms-slideRightOut40;
    animation-duration: 167ms;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=rtl] .ms-slideLeftOut40 {
        animation: none
    }
}

[dir=ltr] .ms-slideLeftOut400 {
    animation-name: ms-fadeOut, ms-slideLeftOut400;
    animation-duration: 167ms;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=ltr] .ms-slideLeftOut400 {
        animation: none
    }
}

[dir=rtl] .ms-slideLeftOut400 {
    animation-name: ms-fadeOut, ms-slideRightOut400;
    animation-duration: 167ms;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=rtl] .ms-slideLeftOut400 {
        animation: none
    }
}

.ms-slideUpIn10 {
    animation-name: ms-fadeIn, ms-slideUpIn10;
    animation-duration: 167ms;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    .ms-slideUpIn10 {
        animation: none
    }
}

.ms-slideUpIn20 {
    animation-name: ms-fadeIn, ms-slideUpIn20;
    animation-duration: 367ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    .ms-slideUpIn20 {
        animation: none
    }
}

.ms-slideDownIn10 {
    animation-name: ms-fadeIn, ms-slideDownIn10;
    animation-duration: 167ms;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    .ms-slideDownIn10 {
        animation: none
    }
}

.ms-slideDownIn20 {
    animation-name: ms-fadeIn, ms-slideDownIn20;
    animation-duration: 367ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    .ms-slideDownIn20 {
        animation: none
    }
}

.ms-slideUpOut10 {
    animation-name: ms-fadeOut, ms-slideUpOut10;
    animation-duration: 167ms;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    .ms-slideUpOut10 {
        animation: none
    }
}

.ms-slideUpOut20 {
    animation-name: ms-fadeOut, ms-slideUpOut20;
    animation-duration: 167ms;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    .ms-slideUpOut20 {
        animation: none
    }
}

.ms-slideDownOut10 {
    animation-name: ms-fadeOut, ms-slideDownOut10;
    animation-duration: 167ms;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    .ms-slideDownOut10 {
        animation: none
    }
}

.ms-slideDownOut20 {
    animation-name: ms-fadeOut, ms-slideDownOut20;
    animation-duration: 167ms;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    .ms-slideDownOut20 {
        animation: none
    }
}

.ms-scaleUpIn100 {
    animation-name: ms-fadeIn, ms-scaleUp100;
    animation-duration: 367ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    .ms-scaleUpIn100 {
        animation: none
    }
}

.ms-scaleUpOut103 {
    animation-name: ms-fadeOut, ms-scaleUp103;
    animation-duration: 167ms;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    .ms-scaleUpOut103 {
        animation: none
    }
}

.ms-scaleDownOut98 {
    animation-name: ms-fadeOut, ms-scaleDown98;
    animation-duration: 167ms;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    .ms-scaleDownOut98 {
        animation: none
    }
}

.ms-scaleDownIn100 {
    animation-name: ms-fadeIn, ms-scaleDown100;
    animation-duration: 367ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    .ms-scaleDownIn100 {
        animation: none
    }
}

.ms-fadeIn100 {
    animation-name: ms-fadeIn;
    animation-duration: 167ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    .ms-fadeIn100 {
        animation: none
    }
}

.ms-fadeIn200 {
    animation-name: ms-fadeIn;
    animation-duration: 267ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    .ms-fadeIn200 {
        animation: none
    }
}

.ms-fadeIn400 {
    animation-name: ms-fadeIn;
    animation-duration: 367ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    .ms-fadeIn400 {
        animation: none
    }
}

.ms-fadeIn500 {
    animation-name: ms-fadeIn;
    animation-duration: 467ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    .ms-fadeIn500 {
        animation: none
    }
}

.ms-fadeOut100 {
    animation-name: ms-fadeOut;
    animation-duration: .1s;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    .ms-fadeOut100 {
        animation: none
    }
}

.ms-fadeOut200 {
    animation-name: ms-fadeOut;
    animation-duration: 167ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    .ms-fadeOut200 {
        animation: none
    }
}

.ms-fadeOut400 {
    animation-name: ms-fadeOut;
    animation-duration: 367ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    .ms-fadeOut400 {
        animation: none
    }
}

.ms-fadeOut500 {
    animation-name: ms-fadeOut;
    animation-duration: 467ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

.ms-expandCollapse100 {
    transition: height .1s cubic-bezier(.1, .25, .75, .9)
}

@media (prefers-reduced-motion:reduce) {
    .ms-fadeOut500 {
        animation: none
    }

    .ms-expandCollapse100 {
        transition: none
    }
}

.ms-expandCollapse200 {
    transition: height 167ms cubic-bezier(.1, .25, .75, .9)
}

@media (prefers-reduced-motion:reduce) {
    .ms-expandCollapse200 {
        transition: none
    }
}

.ms-expandCollapse400 {
    transition: height 367ms cubic-bezier(.1, .25, .75, .9)
}

.ms-delay100 {
    animation-delay: 167ms
}

.ms-delay200 {
    animation-delay: 267ms
}

[dir=ltr] .ms-rotate90deg {
    animation-name: ms-rotate90;
    animation-duration: .1s;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    .ms-expandCollapse400 {
        transition: none
    }

    [dir=ltr] .ms-rotate90deg {
        animation: none
    }
}

[dir=rtl] .ms-rotate90deg {
    animation-name: ms-rotateN90;
    animation-duration: .1s;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=rtl] .ms-rotate90deg {
        animation: none
    }
}

[dir=ltr] .ms-rotateN90deg {
    animation-name: ms-rotateN90;
    animation-duration: .1s;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=ltr] .ms-rotateN90deg {
        animation: none
    }
}

[dir=rtl] .ms-rotateN90deg {
    animation-name: ms-rotate90;
    animation-duration: .1s;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    [dir=rtl] .ms-rotateN90deg {
        animation: none
    }
}

.ms-BrandIcon--access.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_16x1.png)
}

.ms-BrandIcon--access.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_48x1.png)
}

.ms-BrandIcon--access.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_96x1.png)
}

.ms-BrandIcon--excel.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_16x1.png)
}

.ms-BrandIcon--excel.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_48x1.png)
}

.ms-BrandIcon--excel.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_96x1.png)
}

.ms-BrandIcon--infopath.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_16x1.png)
}

.ms-BrandIcon--infopath.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_48x1.png)
}

.ms-BrandIcon--infopath.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_96x1.png)
}

.ms-BrandIcon--office.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_16x1.png)
}

.ms-BrandIcon--office.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_48x1.png)
}

.ms-BrandIcon--office.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_96x1.png)
}

.ms-BrandIcon--onedrive.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_16x1.png)
}

.ms-BrandIcon--onedrive.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_48x1.png)
}

.ms-BrandIcon--onedrive.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_96x1.png)
}

.ms-BrandIcon--onenote.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_16x1.png)
}

.ms-BrandIcon--onenote.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_48x1.png)
}

.ms-BrandIcon--onenote.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_96x1.png)
}

.ms-BrandIcon--outlook.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_16x1.png)
}

.ms-BrandIcon--outlook.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_48x1.png)
}

.ms-BrandIcon--outlook.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_96x1.png)
}

.ms-BrandIcon--powerpoint.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_16x1.png)
}

.ms-BrandIcon--powerpoint.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_48x1.png)
}

.ms-BrandIcon--powerpoint.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_96x1.png)
}

.ms-BrandIcon--project.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_16x1.png)
}

.ms-BrandIcon--project.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_48x1.png)
}

.ms-BrandIcon--project.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_96x1.png)
}

.ms-BrandIcon--sharepoint.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_16x1.png)
}

.ms-BrandIcon--sharepoint.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_48x1.png)
}

.ms-BrandIcon--sharepoint.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_96x1.png)
}

.ms-BrandIcon--visio.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_16x1.png)
}

.ms-BrandIcon--visio.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_48x1.png)
}

.ms-BrandIcon--visio.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_96x1.png)
}

.ms-BrandIcon--word.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_16x1.png)
}

.ms-BrandIcon--word.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_48x1.png)
}

.ms-BrandIcon--word.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_96x1.png)
}

.ms-BrandIcon--accdb.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/accdb.png)
}

.ms-BrandIcon--accdb.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/accdb.png)
}

.ms-BrandIcon--accdb.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/accdb.png)
}

.ms-BrandIcon--archive.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/archive.png)
}

.ms-BrandIcon--archive.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/archive.png)
}

.ms-BrandIcon--archive.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/archive.png)
}

.ms-BrandIcon--audio.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/audio.png)
}

.ms-BrandIcon--audio.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/audio.png)
}

.ms-BrandIcon--audio.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/audio.png)
}

.ms-BrandIcon--code.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/code.png)
}

.ms-BrandIcon--code.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/code.png)
}

.ms-BrandIcon--code.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/code.png)
}

.ms-BrandIcon--csv.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/csv.png)
}

.ms-BrandIcon--csv.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/csv.png)
}

.ms-BrandIcon--csv.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/csv.png)
}

.ms-BrandIcon--docset.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/docset.png)
}

.ms-BrandIcon--docset.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/docset.png)
}

.ms-BrandIcon--docset.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/docset.png)
}

.ms-BrandIcon--docx.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/docx.png)
}

.ms-BrandIcon--docx.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/docx.png)
}

.ms-BrandIcon--docx.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/docx.png)
}

.ms-BrandIcon--dotx.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/dotx.png)
}

.ms-BrandIcon--dotx.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/dotx.png)
}

.ms-BrandIcon--dotx.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/dotx.png)
}

.ms-BrandIcon--email.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/email.png)
}

.ms-BrandIcon--email.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/email.png)
}

.ms-BrandIcon--email.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/email.png)
}

.ms-BrandIcon--exe.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/exe.png)
}

.ms-BrandIcon--exe.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/exe.png)
}

.ms-BrandIcon--exe.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/exe.png)
}

.ms-BrandIcon--folder.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/folder.png)
}

.ms-BrandIcon--folder.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/folder.png)
}

.ms-BrandIcon--folder.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/folder.png)
}

.ms-BrandIcon--font.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/font.png)
}

.ms-BrandIcon--font.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/font.png)
}

.ms-BrandIcon--font.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/font.png)
}

.ms-BrandIcon--genericfile.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/genericfile.png)
}

.ms-BrandIcon--genericfile.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/genericfile.png)
}

.ms-BrandIcon--genericfile.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/genericfile.png)
}

.ms-BrandIcon--html.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/html.png)
}

.ms-BrandIcon--html.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/html.png)
}

.ms-BrandIcon--html.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/html.png)
}

.ms-BrandIcon--link.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/link.png)
}

.ms-BrandIcon--link.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/link.png)
}

.ms-BrandIcon--link.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/link.png)
}

.ms-BrandIcon--listitem.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/listitem.png)
}

.ms-BrandIcon--listitem.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/listitem.png)
}

.ms-BrandIcon--listitem.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/listitem.png)
}

.ms-BrandIcon--model.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/model.png)
}

.ms-BrandIcon--model.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/model.png)
}

.ms-BrandIcon--model.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/model.png)
}

.ms-BrandIcon--mpp.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/mpp.png)
}

.ms-BrandIcon--mpp.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/mpp.png)
}

.ms-BrandIcon--mpp.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/mpp.png)
}

.ms-BrandIcon--mpt.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/mpt.png)
}

.ms-BrandIcon--mpt.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/mpt.png)
}

.ms-BrandIcon--mpt.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/mpt.png)
}

.ms-BrandIcon--odp.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/odp.png)
}

.ms-BrandIcon--odp.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/odp.png)
}

.ms-BrandIcon--odp.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/odp.png)
}

.ms-BrandIcon--ods.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/ods.png)
}

.ms-BrandIcon--ods.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/ods.png)
}

.ms-BrandIcon--ods.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/ods.png)
}

.ms-BrandIcon--odt.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/odt.png)
}

.ms-BrandIcon--odt.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/odt.png)
}

.ms-BrandIcon--odt.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/odt.png)
}

.ms-BrandIcon--one.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/one.png)
}

.ms-BrandIcon--one.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/one.png)
}

.ms-BrandIcon--one.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/one.png)
}

.ms-BrandIcon--onetoc.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/onetoc.png)
}

.ms-BrandIcon--onetoc.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/onetoc.png)
}

.ms-BrandIcon--onetoc.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/onetoc.png)
}

.ms-BrandIcon--pdf.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/pdf.png)
}

.ms-BrandIcon--pdf.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/pdf.png)
}

.ms-BrandIcon--pdf.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/pdf.png)
}

.ms-BrandIcon--photo.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/photo.png)
}

.ms-BrandIcon--photo.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/photo.png)
}

.ms-BrandIcon--photo.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/photo.png)
}

.ms-BrandIcon--potx.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/potx.png)
}

.ms-BrandIcon--potx.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/potx.png)
}

.ms-BrandIcon--potx.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/potx.png)
}

.ms-BrandIcon--ppsx.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/ppsx.png)
}

.ms-BrandIcon--ppsx.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/ppsx.png)
}

.ms-BrandIcon--ppsx.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/ppsx.png)
}

.ms-BrandIcon--pptx.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/pptx.png)
}

.ms-BrandIcon--pptx.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/pptx.png)
}

.ms-BrandIcon--pptx.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/pptx.png)
}

.ms-BrandIcon--pub.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/pub.png)
}

.ms-BrandIcon--pub.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/pub.png)
}

.ms-BrandIcon--pub.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/pub.png)
}

.ms-BrandIcon--rtf.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/rtf.png)
}

.ms-BrandIcon--rtf.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/rtf.png)
}

.ms-BrandIcon--rtf.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/rtf.png)
}

.ms-BrandIcon--sharedfolder.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/sharedfolder.png)
}

.ms-BrandIcon--sharedfolder.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/sharedfolder.png)
}

.ms-BrandIcon--sharedfolder.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/sharedfolder.png)
}

.ms-BrandIcon--spo.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/spo.png)
}

.ms-BrandIcon--spo.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/spo.png)
}

.ms-BrandIcon--spo.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/spo.png)
}

.ms-BrandIcon--sysfile.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/sysfile.png)
}

.ms-BrandIcon--sysfile.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/sysfile.png)
}

.ms-BrandIcon--sysfile.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/sysfile.png)
}

.ms-BrandIcon--txt.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/txt.png)
}

.ms-BrandIcon--txt.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/txt.png)
}

.ms-BrandIcon--txt.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/txt.png)
}

.ms-BrandIcon--vector.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/vector.png)
}

.ms-BrandIcon--vector.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/vector.png)
}

.ms-BrandIcon--vector.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/vector.png)
}

.ms-BrandIcon--video.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/video.png)
}

.ms-BrandIcon--video.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/video.png)
}

.ms-BrandIcon--video.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/video.png)
}

.ms-BrandIcon--vsdx.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/vsdx.png)
}

.ms-BrandIcon--vsdx.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/vsdx.png)
}

.ms-BrandIcon--vsdx.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/vsdx.png)
}

.ms-BrandIcon--vssx.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/vssx.png)
}

.ms-BrandIcon--vssx.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/vssx.png)
}

.ms-BrandIcon--vssx.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/vssx.png)
}

.ms-BrandIcon--vstx.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/vstx.png)
}

.ms-BrandIcon--vstx.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/vstx.png)
}

.ms-BrandIcon--vstx.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/vstx.png)
}

.ms-BrandIcon--xlsx.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xlsx.png)
}

.ms-BrandIcon--xlsx.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xlsx.png)
}

.ms-BrandIcon--xlsx.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xlsx.png)
}

.ms-BrandIcon--xltx.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xltx.png)
}

.ms-BrandIcon--xltx.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xltx.png)
}

.ms-BrandIcon--xltx.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xltx.png)
}

.ms-BrandIcon--xml.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xml.png)
}

.ms-BrandIcon--xml.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xml.png)
}

.ms-BrandIcon--xml.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xml.png)
}

.ms-BrandIcon--xsn.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xsn.png)
}

.ms-BrandIcon--xsn.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xsn.png)
}

.ms-BrandIcon--xsn.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xsn.png)
}

.ms-BrandIcon--zip.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/zip.png)
}

.ms-BrandIcon--zip.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/zip.png)
}

.ms-BrandIcon--zip.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/zip.png)
}

.ms-BrandIcon--icon16 {
    background-size: 100% 100%;
    width: 16px;
    height: 16px
}

.ms-BrandIcon--icon48 {
    background-size: 100% 100%;
    width: 48px;
    height: 48px
}

.ms-BrandIcon--icon96 {
    background-size: 100% 100%;
    width: 96px;
    height: 96px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
    .ms-BrandIcon--access.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_16x1_5.png)
    }

    .ms-BrandIcon--access.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_48x1_5.png)
    }

    .ms-BrandIcon--access.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_96x1_5.png)
    }

    .ms-BrandIcon--excel.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_16x1_5.png)
    }

    .ms-BrandIcon--excel.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_48x1_5.png)
    }

    .ms-BrandIcon--excel.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_96x1_5.png)
    }

    .ms-BrandIcon--infopath.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_16x1_5.png)
    }

    .ms-BrandIcon--infopath.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_48x1_5.png)
    }

    .ms-BrandIcon--infopath.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_96x1_5.png)
    }

    .ms-BrandIcon--office.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_16x1_5.png)
    }

    .ms-BrandIcon--office.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_48x1_5.png)
    }

    .ms-BrandIcon--office.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_96x1_5.png)
    }

    .ms-BrandIcon--onedrive.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_16x1_5.png)
    }

    .ms-BrandIcon--onedrive.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_48x1_5.png)
    }

    .ms-BrandIcon--onedrive.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_96x1_5.png)
    }

    .ms-BrandIcon--onenote.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_16x1_5.png)
    }

    .ms-BrandIcon--onenote.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_48x1_5.png)
    }

    .ms-BrandIcon--onenote.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_96x1_5.png)
    }

    .ms-BrandIcon--outlook.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_16x1_5.png)
    }

    .ms-BrandIcon--outlook.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_48x1_5.png)
    }

    .ms-BrandIcon--outlook.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_96x1_5.png)
    }

    .ms-BrandIcon--powerpoint.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_16x1_5.png)
    }

    .ms-BrandIcon--powerpoint.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_48x1_5.png)
    }

    .ms-BrandIcon--powerpoint.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_96x1_5.png)
    }

    .ms-BrandIcon--project.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_16x1_5.png)
    }

    .ms-BrandIcon--project.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_48x1_5.png)
    }

    .ms-BrandIcon--project.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_96x1_5.png)
    }

    .ms-BrandIcon--sharepoint.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_16x1_5.png)
    }

    .ms-BrandIcon--sharepoint.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_48x1_5.png)
    }

    .ms-BrandIcon--sharepoint.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_96x1_5.png)
    }

    .ms-BrandIcon--visio.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_16x1_5.png)
    }

    .ms-BrandIcon--visio.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_48x1_5.png)
    }

    .ms-BrandIcon--visio.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_96x1_5.png)
    }

    .ms-BrandIcon--word.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_16x1_5.png)
    }

    .ms-BrandIcon--word.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_48x1_5.png)
    }

    .ms-BrandIcon--word.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_96x1_5.png)
    }

    .ms-BrandIcon--accdb.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/accdb.png)
    }

    .ms-BrandIcon--accdb.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/accdb.png)
    }

    .ms-BrandIcon--accdb.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/accdb.png)
    }

    .ms-BrandIcon--archive.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/archive.png)
    }

    .ms-BrandIcon--archive.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/archive.png)
    }

    .ms-BrandIcon--archive.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/archive.png)
    }

    .ms-BrandIcon--audio.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/audio.png)
    }

    .ms-BrandIcon--audio.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/audio.png)
    }

    .ms-BrandIcon--audio.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/audio.png)
    }

    .ms-BrandIcon--code.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/code.png)
    }

    .ms-BrandIcon--code.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/code.png)
    }

    .ms-BrandIcon--code.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/code.png)
    }

    .ms-BrandIcon--csv.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/csv.png)
    }

    .ms-BrandIcon--csv.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/csv.png)
    }

    .ms-BrandIcon--csv.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/csv.png)
    }

    .ms-BrandIcon--docset.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/docset.png)
    }

    .ms-BrandIcon--docset.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/docset.png)
    }

    .ms-BrandIcon--docset.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/docset.png)
    }

    .ms-BrandIcon--docx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/docx.png)
    }

    .ms-BrandIcon--docx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/docx.png)
    }

    .ms-BrandIcon--docx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/docx.png)
    }

    .ms-BrandIcon--dotx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/dotx.png)
    }

    .ms-BrandIcon--dotx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/dotx.png)
    }

    .ms-BrandIcon--dotx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/dotx.png)
    }

    .ms-BrandIcon--email.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/email.png)
    }

    .ms-BrandIcon--email.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/email.png)
    }

    .ms-BrandIcon--email.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/email.png)
    }

    .ms-BrandIcon--exe.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/exe.png)
    }

    .ms-BrandIcon--exe.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/exe.png)
    }

    .ms-BrandIcon--exe.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/exe.png)
    }

    .ms-BrandIcon--folder.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/folder.png)
    }

    .ms-BrandIcon--folder.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/folder.png)
    }

    .ms-BrandIcon--folder.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/folder.png)
    }

    .ms-BrandIcon--font.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/font.png)
    }

    .ms-BrandIcon--font.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/font.png)
    }

    .ms-BrandIcon--font.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/font.png)
    }

    .ms-BrandIcon--genericfile.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/genericfile.png)
    }

    .ms-BrandIcon--genericfile.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/genericfile.png)
    }

    .ms-BrandIcon--genericfile.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/genericfile.png)
    }

    .ms-BrandIcon--html.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/html.png)
    }

    .ms-BrandIcon--html.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/html.png)
    }

    .ms-BrandIcon--html.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/html.png)
    }

    .ms-BrandIcon--link.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/link.png)
    }

    .ms-BrandIcon--link.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/link.png)
    }

    .ms-BrandIcon--link.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/link.png)
    }

    .ms-BrandIcon--listitem.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/listitem.png)
    }

    .ms-BrandIcon--listitem.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/listitem.png)
    }

    .ms-BrandIcon--listitem.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/listitem.png)
    }

    .ms-BrandIcon--model.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/model.png)
    }

    .ms-BrandIcon--model.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/model.png)
    }

    .ms-BrandIcon--model.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/model.png)
    }

    .ms-BrandIcon--mpp.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/mpp.png)
    }

    .ms-BrandIcon--mpp.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/mpp.png)
    }

    .ms-BrandIcon--mpp.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/mpp.png)
    }

    .ms-BrandIcon--mpt.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/mpt.png)
    }

    .ms-BrandIcon--mpt.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/mpt.png)
    }

    .ms-BrandIcon--mpt.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/mpt.png)
    }

    .ms-BrandIcon--odp.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/odp.png)
    }

    .ms-BrandIcon--odp.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/odp.png)
    }

    .ms-BrandIcon--odp.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/odp.png)
    }

    .ms-BrandIcon--ods.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/ods.png)
    }

    .ms-BrandIcon--ods.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/ods.png)
    }

    .ms-BrandIcon--ods.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/ods.png)
    }

    .ms-BrandIcon--odt.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/odt.png)
    }

    .ms-BrandIcon--odt.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/odt.png)
    }

    .ms-BrandIcon--odt.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/odt.png)
    }

    .ms-BrandIcon--one.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/one.png)
    }

    .ms-BrandIcon--one.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/one.png)
    }

    .ms-BrandIcon--one.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/one.png)
    }

    .ms-BrandIcon--onetoc.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/onetoc.png)
    }

    .ms-BrandIcon--onetoc.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/onetoc.png)
    }

    .ms-BrandIcon--onetoc.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/onetoc.png)
    }

    .ms-BrandIcon--pdf.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/pdf.png)
    }

    .ms-BrandIcon--pdf.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/pdf.png)
    }

    .ms-BrandIcon--pdf.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/pdf.png)
    }

    .ms-BrandIcon--photo.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/photo.png)
    }

    .ms-BrandIcon--photo.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/photo.png)
    }

    .ms-BrandIcon--photo.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/photo.png)
    }

    .ms-BrandIcon--potx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/potx.png)
    }

    .ms-BrandIcon--potx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/potx.png)
    }

    .ms-BrandIcon--potx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/potx.png)
    }

    .ms-BrandIcon--ppsx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/ppsx.png)
    }

    .ms-BrandIcon--ppsx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/ppsx.png)
    }

    .ms-BrandIcon--ppsx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/ppsx.png)
    }

    .ms-BrandIcon--pptx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/pptx.png)
    }

    .ms-BrandIcon--pptx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/pptx.png)
    }

    .ms-BrandIcon--pptx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/pptx.png)
    }

    .ms-BrandIcon--pub.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/pub.png)
    }

    .ms-BrandIcon--pub.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/pub.png)
    }

    .ms-BrandIcon--pub.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/pub.png)
    }

    .ms-BrandIcon--rtf.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/rtf.png)
    }

    .ms-BrandIcon--rtf.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/rtf.png)
    }

    .ms-BrandIcon--rtf.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/rtf.png)
    }

    .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/sharedfolder.png)
    }

    .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/sharedfolder.png)
    }

    .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/sharedfolder.png)
    }

    .ms-BrandIcon--spo.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/spo.png)
    }

    .ms-BrandIcon--spo.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/spo.png)
    }

    .ms-BrandIcon--spo.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/spo.png)
    }

    .ms-BrandIcon--sysfile.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/sysfile.png)
    }

    .ms-BrandIcon--sysfile.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/sysfile.png)
    }

    .ms-BrandIcon--sysfile.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/sysfile.png)
    }

    .ms-BrandIcon--txt.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/txt.png)
    }

    .ms-BrandIcon--txt.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/txt.png)
    }

    .ms-BrandIcon--txt.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/txt.png)
    }

    .ms-BrandIcon--vector.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/vector.png)
    }

    .ms-BrandIcon--vector.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/vector.png)
    }

    .ms-BrandIcon--vector.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/vector.png)
    }

    .ms-BrandIcon--video.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/video.png)
    }

    .ms-BrandIcon--video.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/video.png)
    }

    .ms-BrandIcon--video.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/video.png)
    }

    .ms-BrandIcon--vsdx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/vsdx.png)
    }

    .ms-BrandIcon--vsdx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/vsdx.png)
    }

    .ms-BrandIcon--vsdx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/vsdx.png)
    }

    .ms-BrandIcon--vssx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/vssx.png)
    }

    .ms-BrandIcon--vssx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/vssx.png)
    }

    .ms-BrandIcon--vssx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/vssx.png)
    }

    .ms-BrandIcon--vstx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/vstx.png)
    }

    .ms-BrandIcon--vstx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/vstx.png)
    }

    .ms-BrandIcon--vstx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/vstx.png)
    }

    .ms-BrandIcon--xlsx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xlsx.png)
    }

    .ms-BrandIcon--xlsx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xlsx.png)
    }

    .ms-BrandIcon--xlsx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xlsx.png)
    }

    .ms-BrandIcon--xltx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xltx.png)
    }

    .ms-BrandIcon--xltx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xltx.png)
    }

    .ms-BrandIcon--xltx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xltx.png)
    }

    .ms-BrandIcon--xml.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xml.png)
    }

    .ms-BrandIcon--xml.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xml.png)
    }

    .ms-BrandIcon--xml.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xml.png)
    }

    .ms-BrandIcon--xsn.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xsn.png)
    }

    .ms-BrandIcon--xsn.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xsn.png)
    }

    .ms-BrandIcon--xsn.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xsn.png)
    }

    .ms-BrandIcon--zip.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/zip.png)
    }

    .ms-BrandIcon--zip.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/zip.png)
    }

    .ms-BrandIcon--zip.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/zip.png)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
    .ms-BrandIcon--access.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_16x2.png)
    }

    .ms-BrandIcon--access.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_48x2.png)
    }

    .ms-BrandIcon--access.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_96x2.png)
    }

    .ms-BrandIcon--excel.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_16x2.png)
    }

    .ms-BrandIcon--excel.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_48x2.png)
    }

    .ms-BrandIcon--excel.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_96x2.png)
    }

    .ms-BrandIcon--infopath.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_16x2.png)
    }

    .ms-BrandIcon--infopath.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_48x2.png)
    }

    .ms-BrandIcon--infopath.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_96x2.png)
    }

    .ms-BrandIcon--office.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_16x2.png)
    }

    .ms-BrandIcon--office.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_48x2.png)
    }

    .ms-BrandIcon--office.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_96x2.png)
    }

    .ms-BrandIcon--onedrive.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_16x2.png)
    }

    .ms-BrandIcon--onedrive.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_48x2.png)
    }

    .ms-BrandIcon--onedrive.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_96x2.png)
    }

    .ms-BrandIcon--onenote.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_16x2.png)
    }

    .ms-BrandIcon--onenote.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_48x2.png)
    }

    .ms-BrandIcon--onenote.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_96x2.png)
    }

    .ms-BrandIcon--outlook.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_16x2.png)
    }

    .ms-BrandIcon--outlook.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_48x2.png)
    }

    .ms-BrandIcon--outlook.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_96x2.png)
    }

    .ms-BrandIcon--powerpoint.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_16x2.png)
    }

    .ms-BrandIcon--powerpoint.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_48x2.png)
    }

    .ms-BrandIcon--powerpoint.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_96x2.png)
    }

    .ms-BrandIcon--project.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_16x2.png)
    }

    .ms-BrandIcon--project.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_48x2.png)
    }

    .ms-BrandIcon--project.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_96x2.png)
    }

    .ms-BrandIcon--sharepoint.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_16x2.png)
    }

    .ms-BrandIcon--sharepoint.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_48x2.png)
    }

    .ms-BrandIcon--sharepoint.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_96x2.png)
    }

    .ms-BrandIcon--visio.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_16x2.png)
    }

    .ms-BrandIcon--visio.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_48x2.png)
    }

    .ms-BrandIcon--visio.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_96x2.png)
    }

    .ms-BrandIcon--word.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_16x2.png)
    }

    .ms-BrandIcon--word.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_48x2.png)
    }

    .ms-BrandIcon--word.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_96x2.png)
    }

    .ms-BrandIcon--accdb.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/accdb.png)
    }

    .ms-BrandIcon--accdb.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/accdb.png)
    }

    .ms-BrandIcon--accdb.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/accdb.png)
    }

    .ms-BrandIcon--archive.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/archive.png)
    }

    .ms-BrandIcon--archive.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/archive.png)
    }

    .ms-BrandIcon--archive.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/archive.png)
    }

    .ms-BrandIcon--audio.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/audio.png)
    }

    .ms-BrandIcon--audio.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/audio.png)
    }

    .ms-BrandIcon--audio.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/audio.png)
    }

    .ms-BrandIcon--code.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/code.png)
    }

    .ms-BrandIcon--code.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/code.png)
    }

    .ms-BrandIcon--code.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/code.png)
    }

    .ms-BrandIcon--csv.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/csv.png)
    }

    .ms-BrandIcon--csv.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/csv.png)
    }

    .ms-BrandIcon--csv.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/csv.png)
    }

    .ms-BrandIcon--docset.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/docset.png)
    }

    .ms-BrandIcon--docset.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/docset.png)
    }

    .ms-BrandIcon--docset.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/docset.png)
    }

    .ms-BrandIcon--docx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/docx.png)
    }

    .ms-BrandIcon--docx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/docx.png)
    }

    .ms-BrandIcon--docx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/docx.png)
    }

    .ms-BrandIcon--dotx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/dotx.png)
    }

    .ms-BrandIcon--dotx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/dotx.png)
    }

    .ms-BrandIcon--dotx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/dotx.png)
    }

    .ms-BrandIcon--email.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/email.png)
    }

    .ms-BrandIcon--email.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/email.png)
    }

    .ms-BrandIcon--email.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/email.png)
    }

    .ms-BrandIcon--exe.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/exe.png)
    }

    .ms-BrandIcon--exe.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/exe.png)
    }

    .ms-BrandIcon--exe.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/exe.png)
    }

    .ms-BrandIcon--folder.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/folder.png)
    }

    .ms-BrandIcon--folder.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/folder.png)
    }

    .ms-BrandIcon--folder.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/folder.png)
    }

    .ms-BrandIcon--font.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/font.png)
    }

    .ms-BrandIcon--font.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/font.png)
    }

    .ms-BrandIcon--font.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/font.png)
    }

    .ms-BrandIcon--genericfile.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/genericfile.png)
    }

    .ms-BrandIcon--genericfile.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/genericfile.png)
    }

    .ms-BrandIcon--genericfile.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/genericfile.png)
    }

    .ms-BrandIcon--html.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/html.png)
    }

    .ms-BrandIcon--html.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/html.png)
    }

    .ms-BrandIcon--html.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/html.png)
    }

    .ms-BrandIcon--link.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/link.png)
    }

    .ms-BrandIcon--link.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/link.png)
    }

    .ms-BrandIcon--link.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/link.png)
    }

    .ms-BrandIcon--listitem.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/listitem.png)
    }

    .ms-BrandIcon--listitem.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/listitem.png)
    }

    .ms-BrandIcon--listitem.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/listitem.png)
    }

    .ms-BrandIcon--model.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/model.png)
    }

    .ms-BrandIcon--model.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/model.png)
    }

    .ms-BrandIcon--model.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/model.png)
    }

    .ms-BrandIcon--mpp.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/mpp.png)
    }

    .ms-BrandIcon--mpp.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/mpp.png)
    }

    .ms-BrandIcon--mpp.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/mpp.png)
    }

    .ms-BrandIcon--mpt.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/mpt.png)
    }

    .ms-BrandIcon--mpt.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/mpt.png)
    }

    .ms-BrandIcon--mpt.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/mpt.png)
    }

    .ms-BrandIcon--odp.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/odp.png)
    }

    .ms-BrandIcon--odp.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/odp.png)
    }

    .ms-BrandIcon--odp.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/odp.png)
    }

    .ms-BrandIcon--ods.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/ods.png)
    }

    .ms-BrandIcon--ods.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/ods.png)
    }

    .ms-BrandIcon--ods.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/ods.png)
    }

    .ms-BrandIcon--odt.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/odt.png)
    }

    .ms-BrandIcon--odt.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/odt.png)
    }

    .ms-BrandIcon--odt.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/odt.png)
    }

    .ms-BrandIcon--one.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/one.png)
    }

    .ms-BrandIcon--one.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/one.png)
    }

    .ms-BrandIcon--one.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/one.png)
    }

    .ms-BrandIcon--onetoc.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/onetoc.png)
    }

    .ms-BrandIcon--onetoc.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/onetoc.png)
    }

    .ms-BrandIcon--onetoc.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/onetoc.png)
    }

    .ms-BrandIcon--pdf.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/pdf.png)
    }

    .ms-BrandIcon--pdf.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/pdf.png)
    }

    .ms-BrandIcon--pdf.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/pdf.png)
    }

    .ms-BrandIcon--photo.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/photo.png)
    }

    .ms-BrandIcon--photo.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/photo.png)
    }

    .ms-BrandIcon--photo.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/photo.png)
    }

    .ms-BrandIcon--potx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/potx.png)
    }

    .ms-BrandIcon--potx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/potx.png)
    }

    .ms-BrandIcon--potx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/potx.png)
    }

    .ms-BrandIcon--ppsx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/ppsx.png)
    }

    .ms-BrandIcon--ppsx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/ppsx.png)
    }

    .ms-BrandIcon--ppsx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/ppsx.png)
    }

    .ms-BrandIcon--pptx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/pptx.png)
    }

    .ms-BrandIcon--pptx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/pptx.png)
    }

    .ms-BrandIcon--pptx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/pptx.png)
    }

    .ms-BrandIcon--pub.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/pub.png)
    }

    .ms-BrandIcon--pub.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/pub.png)
    }

    .ms-BrandIcon--pub.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/pub.png)
    }

    .ms-BrandIcon--rtf.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/rtf.png)
    }

    .ms-BrandIcon--rtf.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/rtf.png)
    }

    .ms-BrandIcon--rtf.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/rtf.png)
    }

    .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/sharedfolder.png)
    }

    .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/sharedfolder.png)
    }

    .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/sharedfolder.png)
    }

    .ms-BrandIcon--spo.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/spo.png)
    }

    .ms-BrandIcon--spo.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/spo.png)
    }

    .ms-BrandIcon--spo.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/spo.png)
    }

    .ms-BrandIcon--sysfile.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/sysfile.png)
    }

    .ms-BrandIcon--sysfile.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/sysfile.png)
    }

    .ms-BrandIcon--sysfile.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/sysfile.png)
    }

    .ms-BrandIcon--txt.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/txt.png)
    }

    .ms-BrandIcon--txt.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/txt.png)
    }

    .ms-BrandIcon--txt.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/txt.png)
    }

    .ms-BrandIcon--vector.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/vector.png)
    }

    .ms-BrandIcon--vector.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/vector.png)
    }

    .ms-BrandIcon--vector.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/vector.png)
    }

    .ms-BrandIcon--video.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/video.png)
    }

    .ms-BrandIcon--video.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/video.png)
    }

    .ms-BrandIcon--video.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/video.png)
    }

    .ms-BrandIcon--vsdx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/vsdx.png)
    }

    .ms-BrandIcon--vsdx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/vsdx.png)
    }

    .ms-BrandIcon--vsdx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/vsdx.png)
    }

    .ms-BrandIcon--vssx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/vssx.png)
    }

    .ms-BrandIcon--vssx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/vssx.png)
    }

    .ms-BrandIcon--vssx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/vssx.png)
    }

    .ms-BrandIcon--vstx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/vstx.png)
    }

    .ms-BrandIcon--vstx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/vstx.png)
    }

    .ms-BrandIcon--vstx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/vstx.png)
    }

    .ms-BrandIcon--xlsx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xlsx.png)
    }

    .ms-BrandIcon--xlsx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xlsx.png)
    }

    .ms-BrandIcon--xlsx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xlsx.png)
    }

    .ms-BrandIcon--xltx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xltx.png)
    }

    .ms-BrandIcon--xltx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xltx.png)
    }

    .ms-BrandIcon--xltx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xltx.png)
    }

    .ms-BrandIcon--xml.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xml.png)
    }

    .ms-BrandIcon--xml.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xml.png)
    }

    .ms-BrandIcon--xml.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xml.png)
    }

    .ms-BrandIcon--xsn.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xsn.png)
    }

    .ms-BrandIcon--xsn.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xsn.png)
    }

    .ms-BrandIcon--xsn.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xsn.png)
    }

    .ms-BrandIcon--zip.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/zip.png)
    }

    .ms-BrandIcon--zip.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/zip.png)
    }

    .ms-BrandIcon--zip.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/zip.png)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:3), only screen and (min-resolution:288dpi) {
    .ms-BrandIcon--access.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_16x3.png)
    }

    .ms-BrandIcon--access.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_48x3.png)
    }

    .ms-BrandIcon--access.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_96x3.png)
    }

    .ms-BrandIcon--excel.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_16x3.png)
    }

    .ms-BrandIcon--excel.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_48x3.png)
    }

    .ms-BrandIcon--excel.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_96x3.png)
    }

    .ms-BrandIcon--infopath.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_16x3.png)
    }

    .ms-BrandIcon--infopath.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_48x3.png)
    }

    .ms-BrandIcon--infopath.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_96x3.png)
    }

    .ms-BrandIcon--office.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_16x3.png)
    }

    .ms-BrandIcon--office.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_48x3.png)
    }

    .ms-BrandIcon--office.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_96x3.png)
    }

    .ms-BrandIcon--onedrive.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_16x3.png)
    }

    .ms-BrandIcon--onedrive.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_48x3.png)
    }

    .ms-BrandIcon--onedrive.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_96x3.png)
    }

    .ms-BrandIcon--onenote.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_16x3.png)
    }

    .ms-BrandIcon--onenote.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_48x3.png)
    }

    .ms-BrandIcon--onenote.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_96x3.png)
    }

    .ms-BrandIcon--outlook.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_16x3.png)
    }

    .ms-BrandIcon--outlook.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_48x3.png)
    }

    .ms-BrandIcon--outlook.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_96x3.png)
    }

    .ms-BrandIcon--powerpoint.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_16x3.png)
    }

    .ms-BrandIcon--powerpoint.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_48x3.png)
    }

    .ms-BrandIcon--powerpoint.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_96x3.png)
    }

    .ms-BrandIcon--project.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_16x3.png)
    }

    .ms-BrandIcon--project.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_48x3.png)
    }

    .ms-BrandIcon--project.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_96x3.png)
    }

    .ms-BrandIcon--sharepoint.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_16x3.png)
    }

    .ms-BrandIcon--sharepoint.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_48x3.png)
    }

    .ms-BrandIcon--sharepoint.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_96x3.png)
    }

    .ms-BrandIcon--visio.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_16x3.png)
    }

    .ms-BrandIcon--visio.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_48x3.png)
    }

    .ms-BrandIcon--visio.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_96x3.png)
    }

    .ms-BrandIcon--word.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_16x3.png)
    }

    .ms-BrandIcon--word.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_48x3.png)
    }

    .ms-BrandIcon--word.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_96x3.png)
    }

    .ms-BrandIcon--accdb.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/accdb.png)
    }

    .ms-BrandIcon--accdb.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/accdb.png)
    }

    .ms-BrandIcon--accdb.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/accdb.png)
    }

    .ms-BrandIcon--archive.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/archive.png)
    }

    .ms-BrandIcon--archive.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/archive.png)
    }

    .ms-BrandIcon--archive.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/archive.png)
    }

    .ms-BrandIcon--audio.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/audio.png)
    }

    .ms-BrandIcon--audio.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/audio.png)
    }

    .ms-BrandIcon--audio.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/audio.png)
    }

    .ms-BrandIcon--code.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/code.png)
    }

    .ms-BrandIcon--code.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/code.png)
    }

    .ms-BrandIcon--code.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/code.png)
    }

    .ms-BrandIcon--csv.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/csv.png)
    }

    .ms-BrandIcon--csv.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/csv.png)
    }

    .ms-BrandIcon--csv.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/csv.png)
    }

    .ms-BrandIcon--docset.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/docset.png)
    }

    .ms-BrandIcon--docset.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/docset.png)
    }

    .ms-BrandIcon--docset.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/docset.png)
    }

    .ms-BrandIcon--docx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/docx.png)
    }

    .ms-BrandIcon--docx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/docx.png)
    }

    .ms-BrandIcon--docx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/docx.png)
    }

    .ms-BrandIcon--dotx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/dotx.png)
    }

    .ms-BrandIcon--dotx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/dotx.png)
    }

    .ms-BrandIcon--dotx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/dotx.png)
    }

    .ms-BrandIcon--email.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/email.png)
    }

    .ms-BrandIcon--email.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/email.png)
    }

    .ms-BrandIcon--email.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/email.png)
    }

    .ms-BrandIcon--exe.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/exe.png)
    }

    .ms-BrandIcon--exe.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/exe.png)
    }

    .ms-BrandIcon--exe.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/exe.png)
    }

    .ms-BrandIcon--folder.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/folder.png)
    }

    .ms-BrandIcon--folder.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/folder.png)
    }

    .ms-BrandIcon--folder.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/folder.png)
    }

    .ms-BrandIcon--font.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/font.png)
    }

    .ms-BrandIcon--font.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/font.png)
    }

    .ms-BrandIcon--font.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/font.png)
    }

    .ms-BrandIcon--genericfile.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/genericfile.png)
    }

    .ms-BrandIcon--genericfile.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/genericfile.png)
    }

    .ms-BrandIcon--genericfile.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/genericfile.png)
    }

    .ms-BrandIcon--html.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/html.png)
    }

    .ms-BrandIcon--html.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/html.png)
    }

    .ms-BrandIcon--html.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/html.png)
    }

    .ms-BrandIcon--link.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/link.png)
    }

    .ms-BrandIcon--link.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/link.png)
    }

    .ms-BrandIcon--link.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/link.png)
    }

    .ms-BrandIcon--listitem.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/listitem.png)
    }

    .ms-BrandIcon--listitem.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/listitem.png)
    }

    .ms-BrandIcon--listitem.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/listitem.png)
    }

    .ms-BrandIcon--model.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/model.png)
    }

    .ms-BrandIcon--model.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/model.png)
    }

    .ms-BrandIcon--model.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/model.png)
    }

    .ms-BrandIcon--mpp.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/mpp.png)
    }

    .ms-BrandIcon--mpp.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/mpp.png)
    }

    .ms-BrandIcon--mpp.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/mpp.png)
    }

    .ms-BrandIcon--mpt.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/mpt.png)
    }

    .ms-BrandIcon--mpt.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/mpt.png)
    }

    .ms-BrandIcon--mpt.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/mpt.png)
    }

    .ms-BrandIcon--odp.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/odp.png)
    }

    .ms-BrandIcon--odp.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/odp.png)
    }

    .ms-BrandIcon--odp.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/odp.png)
    }

    .ms-BrandIcon--ods.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/ods.png)
    }

    .ms-BrandIcon--ods.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/ods.png)
    }

    .ms-BrandIcon--ods.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/ods.png)
    }

    .ms-BrandIcon--odt.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/odt.png)
    }

    .ms-BrandIcon--odt.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/odt.png)
    }

    .ms-BrandIcon--odt.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/odt.png)
    }

    .ms-BrandIcon--one.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/one.png)
    }

    .ms-BrandIcon--one.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/one.png)
    }

    .ms-BrandIcon--one.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/one.png)
    }

    .ms-BrandIcon--onetoc.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/onetoc.png)
    }

    .ms-BrandIcon--onetoc.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/onetoc.png)
    }

    .ms-BrandIcon--onetoc.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/onetoc.png)
    }

    .ms-BrandIcon--pdf.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/pdf.png)
    }

    .ms-BrandIcon--pdf.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/pdf.png)
    }

    .ms-BrandIcon--pdf.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/pdf.png)
    }

    .ms-BrandIcon--photo.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/photo.png)
    }

    .ms-BrandIcon--photo.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/photo.png)
    }

    .ms-BrandIcon--photo.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/photo.png)
    }

    .ms-BrandIcon--potx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/potx.png)
    }

    .ms-BrandIcon--potx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/potx.png)
    }

    .ms-BrandIcon--potx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/potx.png)
    }

    .ms-BrandIcon--ppsx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/ppsx.png)
    }

    .ms-BrandIcon--ppsx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/ppsx.png)
    }

    .ms-BrandIcon--ppsx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/ppsx.png)
    }

    .ms-BrandIcon--pptx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/pptx.png)
    }

    .ms-BrandIcon--pptx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/pptx.png)
    }

    .ms-BrandIcon--pptx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/pptx.png)
    }

    .ms-BrandIcon--pub.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/pub.png)
    }

    .ms-BrandIcon--pub.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/pub.png)
    }

    .ms-BrandIcon--pub.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/pub.png)
    }

    .ms-BrandIcon--rtf.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/rtf.png)
    }

    .ms-BrandIcon--rtf.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/rtf.png)
    }

    .ms-BrandIcon--rtf.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/rtf.png)
    }

    .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/sharedfolder.png)
    }

    .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/sharedfolder.png)
    }

    .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/sharedfolder.png)
    }

    .ms-BrandIcon--spo.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/spo.png)
    }

    .ms-BrandIcon--spo.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/spo.png)
    }

    .ms-BrandIcon--spo.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/spo.png)
    }

    .ms-BrandIcon--sysfile.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/sysfile.png)
    }

    .ms-BrandIcon--sysfile.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/sysfile.png)
    }

    .ms-BrandIcon--sysfile.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/sysfile.png)
    }

    .ms-BrandIcon--txt.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/txt.png)
    }

    .ms-BrandIcon--txt.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/txt.png)
    }

    .ms-BrandIcon--txt.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/txt.png)
    }

    .ms-BrandIcon--vector.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/vector.png)
    }

    .ms-BrandIcon--vector.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/vector.png)
    }

    .ms-BrandIcon--vector.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/vector.png)
    }

    .ms-BrandIcon--video.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/video.png)
    }

    .ms-BrandIcon--video.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/video.png)
    }

    .ms-BrandIcon--video.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/video.png)
    }

    .ms-BrandIcon--vsdx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/vsdx.png)
    }

    .ms-BrandIcon--vsdx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/vsdx.png)
    }

    .ms-BrandIcon--vsdx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/vsdx.png)
    }

    .ms-BrandIcon--vssx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/vssx.png)
    }

    .ms-BrandIcon--vssx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/vssx.png)
    }

    .ms-BrandIcon--vssx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/vssx.png)
    }

    .ms-BrandIcon--vstx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/vstx.png)
    }

    .ms-BrandIcon--vstx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/vstx.png)
    }

    .ms-BrandIcon--vstx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/vstx.png)
    }

    .ms-BrandIcon--xlsx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xlsx.png)
    }

    .ms-BrandIcon--xlsx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xlsx.png)
    }

    .ms-BrandIcon--xlsx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xlsx.png)
    }

    .ms-BrandIcon--xltx.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xltx.png)
    }

    .ms-BrandIcon--xltx.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xltx.png)
    }

    .ms-BrandIcon--xltx.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xltx.png)
    }

    .ms-BrandIcon--xml.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xml.png)
    }

    .ms-BrandIcon--xml.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xml.png)
    }

    .ms-BrandIcon--xml.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xml.png)
    }

    .ms-BrandIcon--xsn.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xsn.png)
    }

    .ms-BrandIcon--xsn.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xsn.png)
    }

    .ms-BrandIcon--xsn.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xsn.png)
    }

    .ms-BrandIcon--zip.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/zip.png)
    }

    .ms-BrandIcon--zip.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/zip.png)
    }

    .ms-BrandIcon--zip.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/zip.png)
    }
}

.ms-BrandIcon--onepkg.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/one.png)
}

.ms-BrandIcon--onepkg.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/one.png)
}

.ms-BrandIcon--onepkg.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/one.png)
}

.ms-BrandIcon--xls.ms-BrandIcon--icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xlsx.png)
}

.ms-BrandIcon--xls.ms-BrandIcon--icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xlsx.png)
}

.ms-BrandIcon--xls.ms-BrandIcon--icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xlsx.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
    .ms-BrandIcon--onepkg.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/one.png)
    }

    .ms-BrandIcon--onepkg.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/one.png)
    }

    .ms-BrandIcon--onepkg.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/one.png)
    }

    .ms-BrandIcon--xls.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xlsx.png)
    }

    .ms-BrandIcon--xls.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xlsx.png)
    }

    .ms-BrandIcon--xls.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xlsx.png)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
    .ms-BrandIcon--onepkg.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/one.png)
    }

    .ms-BrandIcon--onepkg.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/one.png)
    }

    .ms-BrandIcon--onepkg.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/one.png)
    }

    .ms-BrandIcon--xls.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xlsx.png)
    }

    .ms-BrandIcon--xls.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xlsx.png)
    }

    .ms-BrandIcon--xls.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xlsx.png)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:3), only screen and (min-resolution:288dpi) {
    .ms-BrandIcon--onepkg.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/one.png)
    }

    .ms-BrandIcon--onepkg.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/one.png)
    }

    .ms-BrandIcon--onepkg.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/one.png)
    }

    .ms-BrandIcon--xls.ms-BrandIcon--icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xlsx.png)
    }

    .ms-BrandIcon--xls.ms-BrandIcon--icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xlsx.png)
    }

    .ms-BrandIcon--xls.ms-BrandIcon--icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xlsx.png)
    }
}

.ms-bgColor-themeDark,
.ms-bgColor-themeDark--hover:hover {
    background-color: #005a9e
}

.ms-bgColor-themeDarkAlt,
.ms-bgColor-themeDarkAlt--hover:hover {
    background-color: #106ebe
}

.ms-bgColor-themeDarker,
.ms-bgColor-themeDarker--hover:hover {
    background-color: #004578
}

.ms-bgColor-themePrimary,
.ms-bgColor-themePrimary--hover:hover {
    background-color: #0078d4
}

.ms-bgColor-themeSecondary,
.ms-bgColor-themeSecondary--hover:hover {
    background-color: #2b88d8
}

.ms-bgColor-themeTertiary,
.ms-bgColor-themeTertiary--hover:hover {
    background-color: #71afe5
}

.ms-bgColor-themeLight,
.ms-bgColor-themeLight--hover:hover {
    background-color: #c7e0f4
}

.ms-bgColor-themeLighter,
.ms-bgColor-themeLighter--hover:hover {
    background-color: #deecf9
}

.ms-bgColor-themeLighterAlt,
.ms-bgColor-themeLighterAlt--hover:hover {
    background-color: #eff6fc
}

.ms-bgColor-black,
.ms-bgColor-black--hover:hover {
    background-color: #000
}

.ms-bgColor-neutralDark,
.ms-bgColor-neutralDark--hover:hover {
    background-color: #212121
}

.ms-bgColor-neutralPrimary,
.ms-bgColor-neutralPrimary--hover:hover {
    background-color: #333
}

.ms-bgColor-neutralPrimaryAlt,
.ms-bgColor-neutralPrimaryAlt--hover:hover {
    background-color: #3c3c3c
}

.ms-bgColor-neutralSecondary,
.ms-bgColor-neutralSecondary--hover:hover {
    background-color: #666
}

.ms-bgColor-neutralSecondaryAlt,
.ms-bgColor-neutralSecondaryAlt--hover:hover {
    background-color: #767676
}

.ms-bgColor-neutralTertiary,
.ms-bgColor-neutralTertiary--hover:hover {
    background-color: #a6a6a6
}

.ms-bgColor-neutralTertiaryAlt,
.ms-bgColor-neutralTertiaryAlt--hover:hover {
    background-color: #c8c8c8
}

.ms-bgColor-neutralQuaternary,
.ms-bgColor-neutralQuaternary--hover:hover {
    background-color: #d0d0d0
}

.ms-bgColor-neutralQuaternaryAlt,
.ms-bgColor-neutralQuaternaryAlt--hover:hover {
    background-color: #dadada
}

.ms-bgColor-neutralLight,
.ms-bgColor-neutralLight--hover:hover {
    background-color: #eaeaea
}

.ms-bgColor-neutralLighter,
.ms-bgColor-neutralLighter--hover:hover {
    background-color: #f4f4f4
}

.ms-bgColor-neutralLighterAlt,
.ms-bgColor-neutralLighterAlt--hover:hover {
    background-color: #f8f8f8
}

.ms-bgColor-white,
.ms-bgColor-white--hover:hover {
    background-color: #fff
}

.ms-bgColor-yellow,
.ms-bgColor-yellow--hover:hover {
    background-color: #ffb900
}

.ms-bgColor-yellowLight,
.ms-bgColor-yellowLight--hover:hover {
    background-color: #fff100
}

.ms-bgColor-orange,
.ms-bgColor-orange--hover:hover {
    background-color: #d83b01
}

.ms-bgColor-orangeLight,
.ms-bgColor-orangeLight--hover:hover {
    background-color: #ea4300
}

.ms-bgColor-orangeLighter,
.ms-bgColor-orangeLighter--hover:hover {
    background-color: #ff8c00
}

.ms-bgColor-redDark,
.ms-bgColor-redDark--hover:hover {
    background-color: #a80000
}

.ms-bgColor-red,
.ms-bgColor-red--hover:hover {
    background-color: #e81123
}

.ms-bgColor-magentaDark,
.ms-bgColor-magentaDark--hover:hover {
    background-color: #5c005c
}

.ms-bgColor-magenta,
.ms-bgColor-magenta--hover:hover {
    background-color: #b4009e
}

.ms-bgColor-magentaLight,
.ms-bgColor-magentaLight--hover:hover {
    background-color: #e3008c
}

.ms-bgColor-purpleDark,
.ms-bgColor-purpleDark--hover:hover {
    background-color: #32145a
}

.ms-bgColor-purple,
.ms-bgColor-purple--hover:hover {
    background-color: #5c2d91
}

.ms-bgColor-purpleLight,
.ms-bgColor-purpleLight--hover:hover {
    background-color: #b4a0ff
}

.ms-bgColor-blueDark,
.ms-bgColor-blueDark--hover:hover {
    background-color: #002050
}

.ms-bgColor-blueMid,
.ms-bgColor-blueMid--hover:hover {
    background-color: #00188f
}

.ms-bgColor-blue,
.ms-bgColor-blue--hover:hover {
    background-color: #0078d7
}

.ms-bgColor-blueLight,
.ms-bgColor-blueLight--hover:hover {
    background-color: #00bcf2
}

.ms-bgColor-tealDark,
.ms-bgColor-tealDark--hover:hover {
    background-color: #004b50
}

.ms-bgColor-teal,
.ms-bgColor-teal--hover:hover {
    background-color: #008272
}

.ms-bgColor-tealLight,
.ms-bgColor-tealLight--hover:hover {
    background-color: #00b294
}

.ms-bgColor-greenDark,
.ms-bgColor-greenDark--hover:hover {
    background-color: #004b1c
}

.ms-bgColor-green,
.ms-bgColor-green--hover:hover {
    background-color: #107c10
}

.ms-bgColor-greenLight,
.ms-bgColor-greenLight--hover:hover {
    background-color: #bad80a
}

.ms-bgColor-info,
.ms-bgColor-info--hover:hover {
    background-color: #f4f4f4
}

.ms-bgColor-success,
.ms-bgColor-success--hover:hover {
    background-color: #dff6dd
}

.ms-bgColor-severeWarning,
.ms-bgColor-severeWarning--hover:hover {
    background-color: #fed9cc
}

.ms-bgColor-warning,
.ms-bgColor-warning--hover:hover {
    background-color: #fff4ce
}

.ms-bgColor-error,
.ms-bgColor-error--hover:hover {
    background-color: #fde7e9
}

.ms-borderColor-themeDark,
.ms-borderColor-themeDark--hover:hover {
    border-color: #005a9e
}

.ms-borderColor-themeDarkAlt,
.ms-borderColor-themeDarkAlt--hover:hover {
    border-color: #106ebe
}

.ms-borderColor-themeDarker,
.ms-borderColor-themeDarker--hover:hover {
    border-color: #004578
}

.ms-borderColor-themePrimary,
.ms-borderColor-themePrimary--hover:hover {
    border-color: #0078d4
}

.ms-borderColor-themeSecondary,
.ms-borderColor-themeSecondary--hover:hover {
    border-color: #2b88d8
}

.ms-borderColor-themeTertiary,
.ms-borderColor-themeTertiary--hover:hover {
    border-color: #71afe5
}

.ms-borderColor-themeLight,
.ms-borderColor-themeLight--hover:hover {
    border-color: #c7e0f4
}

.ms-borderColor-themeLighter,
.ms-borderColor-themeLighter--hover:hover {
    border-color: #deecf9
}

.ms-borderColor-themeLighterAlt,
.ms-borderColor-themeLighterAlt--hover:hover {
    border-color: #eff6fc
}

.ms-borderColor-black,
.ms-borderColor-black--hover:hover {
    border-color: #000
}

.ms-borderColor-neutralDark,
.ms-borderColor-neutralDark--hover:hover {
    border-color: #212121
}

.ms-borderColor-neutralPrimary,
.ms-borderColor-neutralPrimary--hover:hover {
    border-color: #333
}

.ms-borderColor-neutralPrimaryAlt,
.ms-borderColor-neutralPrimaryAlt--hover:hover {
    border-color: #3c3c3c
}

.ms-borderColor-neutralSecondary,
.ms-borderColor-neutralSecondary--hover:hover {
    border-color: #666
}

.ms-borderColor-neutralSecondaryAlt,
.ms-borderColor-neutralSecondaryAlt--hover:hover {
    border-color: #767676
}

.ms-borderColor-neutralTertiary,
.ms-borderColor-neutralTertiary--hover:hover {
    border-color: #a6a6a6
}

.ms-borderColor-neutralTertiaryAlt,
.ms-borderColor-neutralTertiaryAlt--hover:hover {
    border-color: #c8c8c8
}

.ms-borderColor-neutralQuaternary,
.ms-borderColor-neutralQuaternary--hover:hover {
    border-color: #d0d0d0
}

.ms-borderColor-neutralQuaternaryAlt,
.ms-borderColor-neutralQuaternaryAlt--hover:hover {
    border-color: #dadada
}

.ms-borderColor-neutralLight,
.ms-borderColor-neutralLight--hover:hover {
    border-color: #eaeaea
}

.ms-borderColor-neutralLighter,
.ms-borderColor-neutralLighter--hover:hover {
    border-color: #f4f4f4
}

.ms-borderColor-neutralLighterAlt,
.ms-borderColor-neutralLighterAlt--hover:hover {
    border-color: #f8f8f8
}

.ms-borderColor-white,
.ms-borderColor-white--hover:hover {
    border-color: #fff
}

.ms-borderColor-yellow,
.ms-borderColor-yellow--hover:hover {
    border-color: #ffb900
}

.ms-borderColor-yellowLight,
.ms-borderColor-yellowLight--hover:hover {
    border-color: #fff100
}

.ms-borderColor-orange,
.ms-borderColor-orange--hover:hover {
    border-color: #d83b01
}

.ms-borderColor-orangeLight,
.ms-borderColor-orangeLight--hover:hover {
    border-color: #ea4300
}

.ms-borderColor-orangeLighter,
.ms-borderColor-orangeLighter--hover:hover {
    border-color: #ff8c00
}

.ms-borderColor-redDark,
.ms-borderColor-redDark--hover:hover {
    border-color: #a80000
}

.ms-borderColor-red,
.ms-borderColor-red--hover:hover {
    border-color: #e81123
}

.ms-borderColor-magentaDark,
.ms-borderColor-magentaDark--hover:hover {
    border-color: #5c005c
}

.ms-borderColor-magenta,
.ms-borderColor-magenta--hover:hover {
    border-color: #b4009e
}

.ms-borderColor-magentaLight,
.ms-borderColor-magentaLight--hover:hover {
    border-color: #e3008c
}

.ms-borderColor-purpleDark,
.ms-borderColor-purpleDark--hover:hover {
    border-color: #32145a
}

.ms-borderColor-purple,
.ms-borderColor-purple--hover:hover {
    border-color: #5c2d91
}

.ms-borderColor-purpleLight,
.ms-borderColor-purpleLight--hover:hover {
    border-color: #b4a0ff
}

.ms-borderColor-blueDark,
.ms-borderColor-blueDark--hover:hover {
    border-color: #002050
}

.ms-borderColor-blueMid,
.ms-borderColor-blueMid--hover:hover {
    border-color: #00188f
}

.ms-borderColor-blue,
.ms-borderColor-blue--hover:hover {
    border-color: #0078d7
}

.ms-borderColor-blueLight,
.ms-borderColor-blueLight--hover:hover {
    border-color: #00bcf2
}

.ms-borderColor-tealDark,
.ms-borderColor-tealDark--hover:hover {
    border-color: #004b50
}

.ms-borderColor-teal,
.ms-borderColor-teal--hover:hover {
    border-color: #008272
}

.ms-borderColor-tealLight,
.ms-borderColor-tealLight--hover:hover {
    border-color: #00b294
}

.ms-borderColor-greenDark,
.ms-borderColor-greenDark--hover:hover {
    border-color: #004b1c
}

.ms-borderColor-green,
.ms-borderColor-green--hover:hover {
    border-color: #107c10
}

.ms-borderColor-greenLight,
.ms-borderColor-greenLight--hover:hover {
    border-color: #bad80a
}

@font-face {
    font-family: 'Leelawadee UI Web';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-light.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-light.woff) format('woff');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Leelawadee UI Web';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff) format('woff');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Leelawadee UI Web';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-regular.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Leelawadee UI Web';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semibold.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semibold.woff) format('woff');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Leelawadee UI Web';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Arabic)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-light.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-light.woff) format('woff');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Arabic)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semilight.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semilight.woff) format('woff');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Arabic)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-regular.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Arabic)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semibold.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semibold.woff) format('woff');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Arabic)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-bold.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-bold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Cyrillic)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-light.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-light.woff) format('woff');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Cyrillic)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semilight.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semilight.woff) format('woff');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Cyrillic)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-regular.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Cyrillic)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semibold.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semibold.woff) format('woff');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Cyrillic)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-bold.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-bold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (East European)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-light.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-light.woff) format('woff');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (East European)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semilight.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semilight.woff) format('woff');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (East European)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-regular.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (East European)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semibold.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semibold.woff) format('woff');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (East European)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-bold.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-bold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Greek)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-light.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-light.woff) format('woff');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Greek)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semilight.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semilight.woff) format('woff');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Greek)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-regular.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Greek)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semibold.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semibold.woff) format('woff');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Greek)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-bold.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-bold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Hebrew)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-light.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-light.woff) format('woff');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Hebrew)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semilight.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semilight.woff) format('woff');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Hebrew)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-regular.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Hebrew)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semibold.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semibold.woff) format('woff');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Hebrew)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-bold.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-bold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Vietnamese)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-light.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-light.woff) format('woff');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Vietnamese)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semilight.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semilight.woff) format('woff');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Vietnamese)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-regular.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Vietnamese)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semibold.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semibold.woff) format('woff');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (Vietnamese)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-bold.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-bold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (West European)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-light.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-light.woff) format('woff');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (West European)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semilight.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semilight.woff) format('woff');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (West European)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-regular.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (West European)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semibold.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semibold.woff) format('woff');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Web (West European)';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-bold.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-bold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Selawik Web';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-light.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-light.woff) format('woff');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Selawik Web';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semilight.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semilight.woff) format('woff');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Selawik Web';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-regular.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Selawik Web';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semibold.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semibold.woff) format('woff');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Selawik Web';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-bold.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-bold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Leelawadee UI Web';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff) format('woff');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Leelawadee UI Web';
    src: url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff) format('woff');
    font-weight: 600;
    font-style: normal
}

.ms-font-su {
    font-size: 42px;
    font-weight: 100
}

.ms-font-xxl {
    font-size: 28px;
    font-weight: 100
}

.ms-font-xl-plus {
    font-size: 24px;
    font-weight: 100
}

.ms-font-xl {
    font-size: 21px;
    font-weight: 100
}

.ms-font-l {
    font-size: 17px;
    font-weight: 300
}

.ms-font-m-plus {
    font-size: 15px;
    font-weight: 400
}

.ms-font-m {
    font-size: 14px;
    font-weight: 400
}

.ms-font-s-plus {
    font-size: 13px;
    font-weight: 400
}

.ms-font-s {
    font-size: 12px;
    font-weight: 400
}

.ms-font-xs {
    font-size: 11px;
    font-weight: 400
}

.ms-font-mi {
    font-size: 10px;
    font-weight: 600
}

.ms-fontWeight-light {
    font-weight: 100
}

.ms-fontWeight-semilight {
    font-weight: 300
}

.ms-fontWeight-regular {
    font-weight: 400
}

.ms-fontWeight-semibold {
    font-weight: 600
}

.ms-fontWeight-bold {
    font-weight: 700
}

.ms-fontSize-su {
    font-size: 42px
}

.ms-fontSize-xxl {
    font-size: 28px
}

.ms-fontSize-xlPlus,
.rateit-font {
    font-size: 24px
}

.ms-fontSize-xl {
    font-size: 21px
}

.ms-fontSize-l {
    font-size: 17px
}

.ms-fontSize-mPlus {
    font-size: 15px
}

.ms-fontSize-m {
    font-size: 14px
}

.ms-fontSize-sPlus {
    font-size: 13px
}

.ms-fontSize-s {
    font-size: 12px
}

.ms-fontSize-xs {
    font-size: 11px
}

.ms-fontSize-mi {
    font-size: 10px
}

.ms-fontColor-themeDarker,
.ms-fontColor-themeDarker--hover:hover {
    color: #004578
}

.ms-fontColor-themeDark,
.ms-fontColor-themeDark--hover:hover {
    color: #005a9e
}

.ms-fontColor-themeDarkAlt,
.ms-fontColor-themeDarkAlt--hover:hover {
    color: #106ebe
}

.ms-fontColor-themePrimary,
.ms-fontColor-themePrimary--hover:hover {
    color: #0078d4
}

.ms-fontColor-themeSecondary,
.ms-fontColor-themeSecondary--hover:hover {
    color: #2b88d8
}

.ms-fontColor-themeTertiary,
.ms-fontColor-themeTertiary--hover:hover {
    color: #71afe5
}

.ms-fontColor-themeLight,
.ms-fontColor-themeLight--hover:hover {
    color: #c7e0f4
}

.ms-fontColor-themeLighter,
.ms-fontColor-themeLighter--hover:hover {
    color: #deecf9
}

.ms-fontColor-themeLighterAlt,
.ms-fontColor-themeLighterAlt--hover:hover {
    color: #eff6fc
}

.ms-fontColor-black,
.ms-fontColor-black--hover:hover {
    color: #000
}

.ms-fontColor-neutralDark,
.ms-fontColor-neutralDark--hover:hover {
    color: #212121
}

.ms-fontColor-neutralPrimary,
.ms-fontColor-neutralPrimary--hover:hover {
    color: #333
}

.ms-fontColor-neutralPrimaryAlt,
.ms-fontColor-neutralPrimaryAlt--hover:hover {
    color: #3c3c3c
}

.ms-fontColor-neutralSecondary,
.ms-fontColor-neutralSecondary--hover:hover {
    color: #666
}

.ms-fontColor-neutralSecondaryAlt,
.ms-fontColor-neutralSecondaryAlt--hover:hover {
    color: #767676
}

.ms-fontColor-neutralTertiary,
.ms-fontColor-neutralTertiary--hover:hover {
    color: #a6a6a6
}

.ms-fontColor-neutralTertiaryAlt,
.ms-fontColor-neutralTertiaryAlt--hover:hover {
    color: #c8c8c8
}

.ms-fontColor-neutralQuaternary,
.ms-fontColor-neutralQuaternary--hover:hover {
    color: #d0d0d0
}

.ms-fontColor-neutralQuaternaryAlt,
.ms-fontColor-neutralQuaternaryAlt--hover:hover {
    color: #dadada
}

.ms-fontColor-neutralLight,
.ms-fontColor-neutralLight--hover:hover {
    color: #eaeaea
}

.ms-fontColor-neutralLighter,
.ms-fontColor-neutralLighter--hover:hover {
    color: #f4f4f4
}

.ms-fontColor-neutralLighterAlt,
.ms-fontColor-neutralLighterAlt--hover:hover {
    color: #f8f8f8
}

.ms-fontColor-white,
.ms-fontColor-white--hover:hover {
    color: #fff
}

.ms-fontColor-yellow,
.ms-fontColor-yellow--hover:hover {
    color: #ffb900
}

.ms-fontColor-yellowLight,
.ms-fontColor-yellowLight--hover:hover {
    color: #fff100
}

.ms-fontColor-orange,
.ms-fontColor-orange--hover:hover {
    color: #d83b01
}

.ms-fontColor-orangeLight,
.ms-fontColor-orangeLight--hover:hover {
    color: #ea4300
}

.ms-fontColor-orangeLighter,
.ms-fontColor-orangeLighter--hover:hover {
    color: #ff8c00
}

.ms-fontColor-redDark,
.ms-fontColor-redDark--hover:hover {
    color: #a80000
}

.ms-fontColor-red,
.ms-fontColor-red--hover:hover {
    color: #e81123
}

.ms-fontColor-magentaDark,
.ms-fontColor-magentaDark--hover:hover {
    color: #5c005c
}

.ms-fontColor-magenta,
.ms-fontColor-magenta--hover:hover {
    color: #b4009e
}

.ms-fontColor-magentaLight,
.ms-fontColor-magentaLight--hover:hover {
    color: #e3008c
}

.ms-fontColor-purpleDark,
.ms-fontColor-purpleDark--hover:hover {
    color: #32145a
}

.ms-fontColor-purple,
.ms-fontColor-purple--hover:hover {
    color: #5c2d91
}

.ms-fontColor-purpleLight,
.ms-fontColor-purpleLight--hover:hover {
    color: #b4a0ff
}

.ms-fontColor-blueDark,
.ms-fontColor-blueDark--hover:hover {
    color: #002050
}

.ms-fontColor-blueMid,
.ms-fontColor-blueMid--hover:hover {
    color: #00188f
}

.ms-fontColor-blue,
.ms-fontColor-blue--hover:hover {
    color: #0078d7
}

.ms-fontColor-blueLight,
.ms-fontColor-blueLight--hover:hover {
    color: #00bcf2
}

.ms-fontColor-tealDark,
.ms-fontColor-tealDark--hover:hover {
    color: #004b50
}

.ms-fontColor-teal,
.ms-fontColor-teal--hover:hover {
    color: #008272
}

.ms-fontColor-tealLight,
.ms-fontColor-tealLight--hover:hover {
    color: #00b294
}

.ms-fontColor-greenDark,
.ms-fontColor-greenDark--hover:hover {
    color: #004b1c
}

.ms-fontColor-green,
.ms-fontColor-green--hover:hover {
    color: #107c10
}

.ms-fontColor-greenLight,
.ms-fontColor-greenLight--hover:hover {
    color: #bad80a
}

.ms-fontColor-info,
.ms-fontColor-info--hover:hover {
    color: #767676
}

.ms-fontColor-success,
.ms-fontColor-success--hover:hover {
    color: #107c10
}

.ms-fontColor-alert,
.ms-fontColor-alert--hover:hover {
    color: #d83b01
}

.ms-fontColor-warning,
.ms-fontColor-warning--hover:hover {
    color: #767676
}

.ms-fontColor-severeWarning,
.ms-fontColor-severeWarning--hover:hover {
    color: #d83b01
}

.ms-fontColor-error,
.ms-fontColor-error--hover:hover {
    color: #a80000
}

.ms-Grid {
    padding: 0 8px
}

    .ms-Grid::after {
        clear: both
    }

.ms-Grid-row {
    margin: 0 -8px
}

    .ms-Grid-row::after {
        clear: both
    }

.ms-Grid-col {
    position: relative;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px
}

[dir=ltr] .ms-Grid-col {
    float: left
}

[dir=rtl] .ms-Grid-col {
    float: right
}

.ms-Grid-col .ms-Grid {
    padding: 0
}

@font-face {
    font-family: FabricMDL2Icons;
    src: url(https://static2.sharepointonline.com/files/fabric/assets/icons/fabricmdl2icons-2.68.woff2) format('woff2'), url(https://static2.sharepointonline.com/files/fabric/assets/icons/fabricmdl2icons-2.68.woff) format('woff'), url(https://static2.sharepointonline.com/files/fabric/assets/icons/fabricmdl2icons-2.68.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

.ms-Icon {
    display: inline-block;
    font-family: FabricMDL2Icons;
    font-style: normal;
    font-weight: 400;
    speak: none
}

.ms-Icon--circle {
    margin: 0 .5em 0 0;
    position: relative;
    display: inline-block;
    font-size: 1rem;
    width: 1em;
    height: 1em;
    padding: 0;
    text-align: left
}

[dir=rtl] .ms-Icon--circle {
    margin: 0 0 0 .5em
}

.ms-Icon--circle::after,
.ms-Icon--circle::before {
    line-height: 1;
    font-size: inherit
}

.ms-Icon--circle::before {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    position: absolute
}

.ms-Icon--circle::after {
    content: '\e000';
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform: scale(2);
    transform: scale(2);
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    z-index: 0
}

.ms-Icon--xs {
    font-size: 10px
}

.ms-Icon--s {
    font-size: 12px
}

.ms-Icon--m {
    font-size: 16px
}

.ms-Icon--l {
    font-size: 20px
}

.ms-Icon--12PointStar::before {
    content: 'ï”…'
}

.ms-Icon--6PointStar::before {
    content: ''
}

.ms-Icon--AADLogo::before {
    content: ''
}

.ms-Icon--Accept::before {
    content: ''
}

.ms-Icon--AccessLogo::before {
    content: ''
}

.ms-Icon--AccessLogoFill::before {
    content: ''
}

.ms-Icon--AccountManagement::before {
    content: ''
}

.ms-Icon--Accounts::before {
    content: ''
}

.ms-Icon--ActivateOrders::before {
    content: 'î¿ '
}

.ms-Icon--ActivityFeed::before {
    content: ''
}

.ms-Icon--Add::before {
    content: ''
}

.ms-Icon--AddBookmark::before {
    content: 'ï–·'
}

.ms-Icon--AddEvent::before {
    content: ''
}

.ms-Icon--AddFavorite::before {
    content: ''
}

.ms-Icon--AddFavoriteFill::before {
    content: ''
}

.ms-Icon--AddFriend::before {
    content: ''
}

.ms-Icon--AddGroup::before {
    content: ''
}

.ms-Icon--AddNotes::before {
    content: 'î«£'
}

.ms-Icon--AddOnlineMeeting::before {
    content: ''
}

.ms-Icon--AddPhone::before {
    content: ''
}

.ms-Icon--AddTo::before {
    content: ''
}

.ms-Icon--Admin::before {
    content: ''
}

.ms-Icon--AdminALogo32::before {
    content: 'ï’º'
}

.ms-Icon--AdminALogoFill32::before {
    content: 'ï’»'
}

.ms-Icon--AdminALogoInverse32::before {
    content: ''
}

.ms-Icon--AdminCLogoInverse32::before {
    content: ''
}

.ms-Icon--AdminDLogoInverse32::before {
    content: ''
}

.ms-Icon--AdminELogoInverse32::before {
    content: 'îµ­'
}

.ms-Icon--AdminLLogoInverse32::before {
    content: 'îµ®'
}

.ms-Icon--AdminMLogoInverse32::before {
    content: ''
}

.ms-Icon--AdminOLogoInverse32::before {
    content: 'îµ°'
}

.ms-Icon--AdminPLogoInverse32::before {
    content: 'îµ±'
}

.ms-Icon--AdminSLogoInverse32::before {
    content: 'îµ²'
}

.ms-Icon--AdminYLogoInverse32::before {
    content: 'îµ³'
}

.ms-Icon--Airplane::before {
    content: ''
}

.ms-Icon--AirplaneSolid::before {
    content: ''
}

.ms-Icon--AirTickets::before {
    content: ''
}

.ms-Icon--AlarmClock::before {
    content: ''
}

.ms-Icon--Album::before {
    content: 'îž«'
}

.ms-Icon--AlbumRemove::before {
    content: 'î±¢'
}

.ms-Icon--AlertSolid::before {
    content: ''
}

.ms-Icon--AlignCenter::before {
    content: ''
}

.ms-Icon--AlignHorizontalCenter::before {
    content: 'ï“´'
}

.ms-Icon--AlignHorizontalLeft::before {
    content: ''
}

.ms-Icon--AlignHorizontalRight::before {
    content: ''
}

.ms-Icon--AlignJustify::before {
    content: ''
}

.ms-Icon--AlignLeft::before {
    content: ''
}

.ms-Icon--AlignRight::before {
    content: ''
}

.ms-Icon--AlignVerticalBottom::before {
    content: ''
}

.ms-Icon--AlignVerticalCenter::before {
    content: 'ï“·'
}

.ms-Icon--AlignVerticalTop::before {
    content: ''
}

[dir=ltr] .ms-Icon--AllApps::before {
    content: ''
}

[dir=ltr] .ms-Icon--AllAppsMirrored::before,
[dir=rtl] .ms-Icon--AllApps::before {
    content: 'î©€'
}

[dir=rtl] .ms-Icon--AllAppsMirrored::before {
    content: ''
}

.ms-Icon--AnalyticsLogo::before {
    content: ''
}

.ms-Icon--AnalyticsQuery::before {
    content: ''
}

.ms-Icon--AnalyticsReport::before {
    content: ''
}

.ms-Icon--AnalyticsView::before {
    content: 'ï—±'
}

.ms-Icon--AnchorLock::before {
    content: ''
}

.ms-Icon--Annotation::before {
    content: ''
}

.ms-Icon--AppIconDefault::before {
    content: ''
}

.ms-Icon--Archive::before {
    content: ''
}

.ms-Icon--AreaChart::before {
    content: ''
}

.ms-Icon--ArrangeBringForward::before {
    content: ''
}

.ms-Icon--ArrangeBringToFront::before {
    content: ''
}

.ms-Icon--ArrangeByFrom::before {
    content: ''
}

.ms-Icon--ArrangeSendBackward::before {
    content: ''
}

.ms-Icon--ArrangeSendToBack::before {
    content: ''
}

.ms-Icon--Arrivals::before {
    content: ''
}

[dir=ltr] .ms-Icon--ArrowDownRight8::before {
    content: ''
}

[dir=ltr] .ms-Icon--ArrowDownRightMirrored8::before,
[dir=rtl] .ms-Icon--ArrowDownRight8::before {
    content: 'î»°'
}

[dir=rtl] .ms-Icon--ArrowDownRightMirrored8::before {
    content: ''
}

.ms-Icon--ArrowTallDownLeft::before {
    content: ''
}

.ms-Icon--ArrowTallDownRight::before {
    content: 'ï‹€'
}

.ms-Icon--ArrowTallUpLeft::before {
    content: ''
}

.ms-Icon--ArrowTallUpRight::before {
    content: ''
}

.ms-Icon--ArrowUpRight::before {
    content: ''
}

[dir=ltr] .ms-Icon--ArrowUpRight8::before {
    content: 'î»”'
}

[dir=ltr] .ms-Icon--ArrowUpRightMirrored8::before,
[dir=rtl] .ms-Icon--ArrowUpRight8::before {
    content: ''
}

[dir=rtl] .ms-Icon--ArrowUpRightMirrored8::before {
    content: 'î»”'
}

.ms-Icon--Articles::before {
    content: ''
}

.ms-Icon--Ascending::before {
    content: 'î·€'
}

.ms-Icon--AspectRatio::before {
    content: 'îž™'
}

.ms-Icon--AssessmentGroup::before {
    content: ''
}

.ms-Icon--AssessmentGroupTemplate::before {
    content: ''
}

.ms-Icon--AssetLibrary::before {
    content: ''
}

.ms-Icon--Assign::before {
    content: ''
}

.ms-Icon--Asterisk::before {
    content: ''
}

.ms-Icon--AsteriskSolid::before {
    content: ''
}

.ms-Icon--ATPLogo::before {
    content: 'î¾…'
}

.ms-Icon--Attach::before {
    content: ''
}

.ms-Icon--AustralianRules::before {
    content: 'î¹°'
}

.ms-Icon--AutoEnhanceOff::before {
    content: ''
}

.ms-Icon--AutoEnhanceOn::before {
    content: ''
}

.ms-Icon--AutoFillTemplate::before {
    content: ''
}

.ms-Icon--AutoHeight::before {
    content: 'ï”’'
}

.ms-Icon--AutoRacing::before {
    content: ''
}

.ms-Icon--AwayStatus::before {
    content: ''
}

.ms-Icon--AzureAPIManagement::before {
    content: ''
}

.ms-Icon--AzureKeyVault::before {
    content: ''
}

.ms-Icon--AzureLogo::before {
    content: 'î­ª'
}

.ms-Icon--AzureServiceEndpoint::before {
    content: ''
}

.ms-Icon--Back::before {
    content: ''
}

.ms-Icon--BackgroundColor::before {
    content: ''
}

.ms-Icon--Backlog::before {
    content: ''
}

.ms-Icon--BacklogBoard::before {
    content: 'ï‘„'
}

.ms-Icon--BackToWindow::before {
    content: ''
}

.ms-Icon--Badge::before {
    content: 'î°›'
}

.ms-Icon--Balloons::before {
    content: 'îµ¾'
}

.ms-Icon--BankSolid::before {
    content: ''
}

.ms-Icon--BarChart4::before {
    content: ''
}

.ms-Icon--BarChartHorizontal::before {
    content: ''
}

.ms-Icon--BarChartVertical::before {
    content: ''
}

.ms-Icon--Baseball::before {
    content: 'î¬ '
}

.ms-Icon--BeerMug::before {
    content: 'ï’ž'
}

.ms-Icon--BIDashboard::before {
    content: ''
}

.ms-Icon--BidiLtr::before {
    content: ''
}

.ms-Icon--BidiRtl::before {
    content: ''
}

.ms-Icon--BingLogo::before {
    content: 'î­«'
}

.ms-Icon--BirthdayCake::before {
    content: ''
}

.ms-Icon--BlockContact::before {
    content: ''
}

.ms-Icon--Blocked::before {
    content: ''
}

.ms-Icon--Blocked12::before {
    content: ''
}

.ms-Icon--Blocked2::before {
    content: ''
}

.ms-Icon--BlockedSite::before {
    content: ''
}

.ms-Icon--BlockedSolid::before {
    content: 'ï”±'
}

.ms-Icon--BlowingSnow::before {
    content: ''
}

.ms-Icon--Blur::before {
    content: ''
}

.ms-Icon--Boards::before {
    content: ''
}

.ms-Icon--Bold::before {
    content: ''
}

.ms-Icon--BookingsLogo::before {
    content: 'î·‡'
}

[dir=ltr] .ms-Icon--Bookmarks::before {
    content: ''
}

[dir=ltr] .ms-Icon--BookmarksMirrored::before,
[dir=rtl] .ms-Icon--Bookmarks::before {
    content: ''
}

[dir=rtl] .ms-Icon--BookmarksMirrored::before {
    content: ''
}

.ms-Icon--BorderDash::before {
    content: ''
}

.ms-Icon--BorderDot::before {
    content: ''
}

.ms-Icon--BoxAdditionSolid::before {
    content: 'ï‹”'
}

.ms-Icon--BoxCheckmarkSolid::before {
    content: 'ï‹—'
}

.ms-Icon--BoxMultiplySolid::before {
    content: 'ï‹•'
}

.ms-Icon--BoxPlaySolid::before {
    content: 'ï‹–'
}

.ms-Icon--BoxSubtractSolid::before {
    content: 'ï‹“'
}

.ms-Icon--BranchCommit::before {
    content: ''
}

.ms-Icon--BranchCompare::before {
    content: ''
}

.ms-Icon--BranchFork::before {
    content: 'ï…³'
}

.ms-Icon--BranchFork2::before {
    content: ''
}

.ms-Icon--BranchLocked::before {
    content: ''
}

.ms-Icon--BranchMerge::before {
    content: ''
}

.ms-Icon--BranchPullRequest::before {
    content: ''
}

.ms-Icon--BranchSearch::before {
    content: ''
}

.ms-Icon--BranchShelveset::before {
    content: ''
}

.ms-Icon--Breadcrumb::before {
    content: ''
}

.ms-Icon--Breakfast::before {
    content: ''
}

.ms-Icon--Brightness::before {
    content: ''
}

.ms-Icon--Broom::before {
    content: ''
}

.ms-Icon--BrowserScreenShot::before {
    content: ''
}

.ms-Icon--BrowserTab::before {
    content: 'ï——'
}

.ms-Icon--BrowserTabScreenshot::before {
    content: 'ï—˜'
}

.ms-Icon--Brunch::before {
    content: ''
}

.ms-Icon--BucketColor::before {
    content: ''
}

.ms-Icon--BucketColorFill::before {
    content: ''
}

.ms-Icon--BufferTimeAfter::before {
    content: ''
}

.ms-Icon--BufferTimeBefore::before {
    content: ''
}

.ms-Icon--BufferTimeBoth::before {
    content: ''
}

.ms-Icon--Bug::before {
    content: ''
}

.ms-Icon--BugSolid::before {
    content: ''
}

.ms-Icon--Build::before {
    content: ''
}

.ms-Icon--BuildIssue::before {
    content: ''
}

.ms-Icon--BuildQueue::before {
    content: ''
}

.ms-Icon--BuildQueueNew::before {
    content: ''
}

.ms-Icon--BulkUpload::before {
    content: ''
}

[dir=ltr] .ms-Icon--BulletedList2::before {
    content: ''
}

[dir=ltr] .ms-Icon--BulletedList2Mirrored::before,
[dir=rtl] .ms-Icon--BulletedList2::before {
    content: ''
}

[dir=rtl] .ms-Icon--BulletedList2Mirrored::before {
    content: ''
}

[dir=ltr] .ms-Icon--BulletedList::before {
    content: ''
}

[dir=ltr] .ms-Icon--BulletedListMirrored::before,
[dir=rtl] .ms-Icon--BulletedList::before {
    content: 'î©‚'
}

[dir=rtl] .ms-Icon--BulletedListMirrored::before {
    content: ''
}

.ms-Icon--Bullseye::before {
    content: ''
}

.ms-Icon--Bus::before {
    content: 'î †'
}

.ms-Icon--BusinessCenterLogo::before {
    content: 'ï’²'
}

.ms-Icon--BusinessHoursSign::before {
    content: ''
}

.ms-Icon--BusSolid::before {
    content: 'î­‡'
}

.ms-Icon--Cafe::before {
    content: 'î°²'
}

.ms-Icon--Cake::before {
    content: ''
}

.ms-Icon--Calculator::before {
    content: ''
}

.ms-Icon--CalculatorAddition::before {
    content: ''
}

.ms-Icon--CalculatorEqualTo::before {
    content: ''
}

.ms-Icon--CalculatorMultiply::before {
    content: ''
}

.ms-Icon--CalculatorNotEqualTo::before {
    content: 'ï‹’'
}

.ms-Icon--CalculatorSubtract::before {
    content: ''
}

.ms-Icon--CalendarAgenda::before {
    content: ''
}

.ms-Icon--CalendarDay::before {
    content: ''
}

[dir=ltr] .ms-Icon--Calendar::before {
    content: ''
}

[dir=ltr] .ms-Icon--CalendarMirrored::before,
[dir=rtl] .ms-Icon--Calendar::before {
    content: 'î´¨'
}

[dir=rtl] .ms-Icon--CalendarMirrored::before {
    content: ''
}

.ms-Icon--CalendarReply::before {
    content: ''
}

[dir=ltr] .ms-Icon--CalendarSettings::before {
    content: ''
}

[dir=ltr] .ms-Icon--CalendarSettingsMirrored::before,
[dir=rtl] .ms-Icon--CalendarSettings::before {
    content: 'ï•™'
}

[dir=rtl] .ms-Icon--CalendarSettingsMirrored::before {
    content: ''
}

.ms-Icon--CalendarWeek::before {
    content: ''
}

.ms-Icon--CalendarWorkWeek::before {
    content: ''
}

.ms-Icon--CaloriesAdd::before {
    content: 'ï…²'
}

.ms-Icon--Camera::before {
    content: ''
}

.ms-Icon--Cancel::before {
    content: ''
}

.ms-Icon--CannedChat::before {
    content: ''
}

.ms-Icon--Car::before {
    content: 'î „'
}

.ms-Icon--CaretBottomLeftCenter8::before {
    content: ''
}

.ms-Icon--CaretBottomLeftSolid8::before {
    content: 'ï„¡'
}

.ms-Icon--CaretBottomRightCenter8::before {
    content: ''
}

.ms-Icon--CaretBottomRightSolid8::before {
    content: 'ï„¢'
}

.ms-Icon--CaretDown8::before {
    content: 'î·˜'
}

.ms-Icon--CaretDownSolid8::before {
    content: ''
}

[dir=ltr] .ms-Icon--CaretHollow::before {
    content: 'î —'
}

[dir=ltr] .ms-Icon--CaretHollowMirrored::before,
[dir=rtl] .ms-Icon--CaretHollow::before {
    content: 'î©…'
}

[dir=rtl] .ms-Icon--CaretHollowMirrored::before {
    content: 'î —'
}

.ms-Icon--CaretLeft8::before {
    content: 'î·•'
}

.ms-Icon--CaretLeftSolid8::before {
    content: 'î·™'
}

.ms-Icon--CaretRight::before {
    content: ''
}

.ms-Icon--CaretRight8::before {
    content: 'î·–'
}

.ms-Icon--CaretRightSolid8::before {
    content: 'î·š'
}

.ms-Icon--CaretSolid16::before {
    content: 'î¹¢'
}

.ms-Icon--CaretSolidDown::before {
    content: 'ï‚Ž'
}

.ms-Icon--CaretSolidLeft::before {
    content: ''
}

[dir=ltr] .ms-Icon--CaretSolid::before {
    content: 'î ˜'
}

[dir=ltr] .ms-Icon--CaretSolidMirrored::before,
[dir=rtl] .ms-Icon--CaretSolid::before {
    content: ''
}

[dir=rtl] .ms-Icon--CaretSolidMirrored::before {
    content: 'î ˜'
}

.ms-Icon--CaretSolidRight::before {
    content: ''
}

.ms-Icon--CaretSolidUp::before {
    content: ''
}

.ms-Icon--CaretTopLeftCenter8::before {
    content: ''
}

.ms-Icon--CaretTopLeftSolid8::before {
    content: 'î½”'
}

.ms-Icon--CaretTopRightCenter8::before {
    content: ''
}

.ms-Icon--CaretTopRightSolid8::before {
    content: ''
}

.ms-Icon--CaretUp8::before {
    content: 'î·—'
}

.ms-Icon--CaretUpSolid8::before {
    content: 'î·›'
}

.ms-Icon--Cat::before {
    content: ''
}

.ms-Icon--CellPhone::before {
    content: ''
}

.ms-Icon--Certificate::before {
    content: ''
}

.ms-Icon--CertifiedDatabase::before {
    content: 'ï–»'
}

.ms-Icon--Chart::before {
    content: ''
}

.ms-Icon--ChartSeries::before {
    content: ''
}

.ms-Icon--ChartXAngle::before {
    content: 'ï””'
}

.ms-Icon--ChartYAngle::before {
    content: ''
}

.ms-Icon--Chat::before {
    content: ''
}

.ms-Icon--ChatInviteFriend::before {
    content: 'î³¾'
}

.ms-Icon--ChatSolid::before {
    content: ''
}

.ms-Icon--Checkbox::before {
    content: ''
}

.ms-Icon--CheckboxComposite::before {
    content: ''
}

.ms-Icon--CheckboxCompositeReversed::before {
    content: ''
}

.ms-Icon--CheckboxIndeterminate::before {
    content: ''
}

.ms-Icon--CheckedOutByOther12::before {
    content: ''
}

.ms-Icon--CheckedOutByYou12::before {
    content: ''
}

.ms-Icon--CheckList::before {
    content: ''
}

.ms-Icon--CheckMark::before {
    content: ''
}

.ms-Icon--ChevronDown::before {
    content: ''
}

.ms-Icon--ChevronDownEnd6::before {
    content: ''
}

.ms-Icon--ChevronDownMed::before {
    content: ''
}

.ms-Icon--ChevronDownSmall::before {
    content: ''
}

.ms-Icon--ChevronFold10::before {
    content: ''
}

.ms-Icon--ChevronLeft::before {
    content: ''
}

.ms-Icon--ChevronLeftEnd6::before {
    content: ''
}

.ms-Icon--ChevronLeftMed::before {
    content: ''
}

.ms-Icon--ChevronLeftSmall::before {
    content: ''
}

.ms-Icon--ChevronRight::before {
    content: ''
}

.ms-Icon--ChevronRightEnd6::before {
    content: ''
}

.ms-Icon--ChevronRightMed::before {
    content: ''
}

.ms-Icon--ChevronRightSmall::before {
    content: ''
}

.ms-Icon--ChevronUnfold10::before {
    content: ''
}

.ms-Icon--ChevronUp::before {
    content: ''
}

.ms-Icon--ChevronUpEnd6::before {
    content: ''
}

.ms-Icon--ChevronUpMed::before {
    content: ''
}

.ms-Icon--ChevronUpSmall::before {
    content: ''
}

.ms-Icon--Chopsticks::before {
    content: 'ï’¢'
}

[dir=ltr] .ms-Icon--ChromeBack::before {
    content: 'î °'
}

[dir=ltr] .ms-Icon--ChromeBackMirrored::before,
[dir=rtl] .ms-Icon--ChromeBack::before {
    content: ''
}

[dir=rtl] .ms-Icon--ChromeBackMirrored::before {
    content: 'î °'
}

.ms-Icon--ChromeClose::before {
    content: ''
}

.ms-Icon--ChromeMinimize::before {
    content: ''
}

.ms-Icon--CircleAddition::before {
    content: 'ï‹£'
}

.ms-Icon--CircleAdditionSolid::before {
    content: ''
}

.ms-Icon--CircleFill::before {
    content: ''
}

.ms-Icon--CircleHalfFull::before {
    content: ''
}

.ms-Icon--CirclePause::before {
    content: 'ï‹™'
}

.ms-Icon--CirclePauseSolid::before {
    content: ''
}

.ms-Icon--CirclePlus::before {
    content: 'î«®'
}

.ms-Icon--CircleRing::before {
    content: ''
}

.ms-Icon--CircleShapeSolid::before {
    content: ''
}

.ms-Icon--CircleStop::before {
    content: ''
}

.ms-Icon--CircleStopSolid::before {
    content: 'ï‹›'
}

.ms-Icon--CityNext::before {
    content: 'î°†'
}

.ms-Icon--ClassNotebookLogo16::before {
    content: 'ï’ˆ'
}

.ms-Icon--ClassNotebookLogo32::before {
    content: 'ï’†'
}

.ms-Icon--ClassNotebookLogoFill16::before {
    content: 'ï’‰'
}

.ms-Icon--ClassNotebookLogoFill32::before {
    content: 'ï’‡'
}

.ms-Icon--ClassNotebookLogoInverse::before {
    content: 'î·ˆ'
}

.ms-Icon--ClassNotebookLogoInverse16::before {
    content: 'ï’‹'
}

.ms-Icon--ClassNotebookLogoInverse32::before {
    content: 'ï’Š'
}

.ms-Icon--ClassroomLogo::before {
    content: 'î½µ'
}

.ms-Icon--Clear::before {
    content: ''
}

.ms-Icon--ClearFilter::before {
    content: ''
}

.ms-Icon--ClearFormatting::before {
    content: ''
}

.ms-Icon--ClearNight::before {
    content: ''
}

.ms-Icon--ClipboardSolid::before {
    content: ''
}

.ms-Icon--Clock::before {
    content: ''
}

.ms-Icon--CloneToDesktop::before {
    content: ''
}

.ms-Icon--ClosedCaption::before {
    content: ''
}

[dir=ltr] .ms-Icon--ClosePane::before {
    content: ''
}

[dir=ltr] .ms-Icon--ClosePaneMirrored::before,
[dir=rtl] .ms-Icon--ClosePane::before {
    content: ''
}

[dir=rtl] .ms-Icon--ClosePaneMirrored::before {
    content: ''
}

.ms-Icon--Cloud::before {
    content: ''
}

.ms-Icon--CloudAdd::before {
    content: ''
}

.ms-Icon--CloudDownload::before {
    content: ''
}

.ms-Icon--CloudUpload::before {
    content: ''
}

.ms-Icon--CloudWeather::before {
    content: ''
}

.ms-Icon--Cloudy::before {
    content: ''
}

.ms-Icon--Cocktails::before {
    content: ''
}

.ms-Icon--Code::before {
    content: ''
}

.ms-Icon--CodeEdit::before {
    content: 'ï•„'
}

.ms-Icon--Coffee::before {
    content: ''
}

.ms-Icon--CoffeeScript::before {
    content: ''
}

.ms-Icon--CollapseContent::before {
    content: 'ï…¥'
}

.ms-Icon--CollapseContentSingle::before {
    content: 'ï…¦'
}

.ms-Icon--CollapseMenu::before {
    content: ''
}

.ms-Icon--CollegeFootball::before {
    content: ''
}

.ms-Icon--CollegeHoops::before {
    content: ''
}

.ms-Icon--Color::before {
    content: ''
}

.ms-Icon--ColorSolid::before {
    content: ''
}

.ms-Icon--ColumnLeftTwoThirds::before {
    content: ''
}

.ms-Icon--ColumnLeftTwoThirdsEdit::before {
    content: ''
}

.ms-Icon--ColumnOptions::before {
    content: ''
}

.ms-Icon--ColumnRightTwoThirds::before {
    content: ''
}

.ms-Icon--ColumnRightTwoThirdsEdit::before {
    content: ''
}

.ms-Icon--Combine::before {
    content: ''
}

.ms-Icon--Combobox::before {
    content: 'ï”–'
}

.ms-Icon--CommandPrompt::before {
    content: ''
}

.ms-Icon--Comment::before {
    content: ''
}

.ms-Icon--CommentAdd::before {
    content: ''
}

.ms-Icon--CommentNext::before {
    content: ''
}

.ms-Icon--CommentPrevious::before {
    content: ''
}

.ms-Icon--CommentUrgent::before {
    content: ''
}

.ms-Icon--Commitments::before {
    content: ''
}

.ms-Icon--Communications::before {
    content: ''
}

[dir=ltr] .ms-Icon--CompanyDirectory::before {
    content: ''
}

[dir=ltr] .ms-Icon--CompanyDirectoryMirrored::before,
[dir=rtl] .ms-Icon--CompanyDirectory::before {
    content: ''
}

[dir=rtl] .ms-Icon--CompanyDirectoryMirrored::before {
    content: ''
}

.ms-Icon--CompassNW::before {
    content: ''
}

.ms-Icon--Completed::before {
    content: ''
}

.ms-Icon--CompletedSolid::before {
    content: ''
}

.ms-Icon--ConfigurationSolid::before {
    content: ''
}

.ms-Icon--ConnectContacts::before {
    content: 'î¿”'
}

.ms-Icon--ConstructionCone::before {
    content: ''
}

.ms-Icon--ConstructionConeSolid::before {
    content: ''
}

.ms-Icon--Contact::before {
    content: ''
}

.ms-Icon--ContactCard::before {
    content: ''
}

[dir=ltr] .ms-Icon--ContactCardSettings::before {
    content: 'ï•–'
}

[dir=ltr] .ms-Icon--ContactCardSettingsMirrored::before,
[dir=rtl] .ms-Icon--ContactCardSettings::before {
    content: 'ï•—'
}

[dir=rtl] .ms-Icon--ContactCardSettingsMirrored::before {
    content: 'ï•–'
}

.ms-Icon--ContactInfo::before {
    content: ''
}

.ms-Icon--ContactLink::before {
    content: ''
}

.ms-Icon--ContextMenu::before {
    content: ''
}

.ms-Icon--Contrast::before {
    content: 'îž¡'
}

.ms-Icon--Copy::before {
    content: ''
}

.ms-Icon--Cotton::before {
    content: ''
}

.ms-Icon--CPlusPlus::before {
    content: 'ï‹´'
}

.ms-Icon--CPlusPlusLanguage::before {
    content: ''
}

.ms-Icon--CreateMailRule::before {
    content: ''
}

.ms-Icon--Cricket::before {
    content: ''
}

.ms-Icon--CRMReport::before {
    content: ''
}

.ms-Icon--Crop::before {
    content: ''
}

.ms-Icon--Crown::before {
    content: ''
}

.ms-Icon--CrownSolid::before {
    content: ''
}

.ms-Icon--CSharp::before {
    content: 'ï‹°'
}

.ms-Icon--CSharpLanguage::before {
    content: ''
}

.ms-Icon--CSS::before {
    content: ''
}

[dir=ltr] .ms-Icon--CustomList::before {
    content: ''
}

[dir=ltr] .ms-Icon--CustomListMirrored::before,
[dir=rtl] .ms-Icon--CustomList::before {
    content: ''
}

[dir=rtl] .ms-Icon--CustomListMirrored::before {
    content: ''
}

.ms-Icon--Cut::before {
    content: ''
}

.ms-Icon--Cycling::before {
    content: ''
}

.ms-Icon--DashboardAdd::before {
    content: 'ï”­'
}

.ms-Icon--Database::before {
    content: ''
}

.ms-Icon--DataConnectionLibrary::before {
    content: ''
}

.ms-Icon--DateTime2::before {
    content: ''
}

[dir=ltr] .ms-Icon--DateTime::before {
    content: 'î²’'
}

[dir=ltr] .ms-Icon--DateTimeMirrored::before,
[dir=rtl] .ms-Icon--DateTime::before {
    content: ''
}

[dir=rtl] .ms-Icon--DateTimeMirrored::before {
    content: 'î²’'
}

.ms-Icon--DeactivateOrders::before {
    content: 'î¿¡'
}

.ms-Icon--DecisionSolid::before {
    content: ''
}

.ms-Icon--DeclineCall::before {
    content: ''
}

.ms-Icon--DecreaseIndentLegacy::before {
    content: ''
}

.ms-Icon--DefaultRatio::before {
    content: ''
}

.ms-Icon--DefectSolid::before {
    content: ''
}

.ms-Icon--Delete::before {
    content: ''
}

.ms-Icon--DeleteColumns::before {
    content: ''
}

[dir=ltr] .ms-Icon--DeleteRows::before {
    content: ''
}

[dir=ltr] .ms-Icon--DeleteRowsMirrored::before,
[dir=rtl] .ms-Icon--DeleteRows::before {
    content: ''
}

[dir=rtl] .ms-Icon--DeleteRowsMirrored::before {
    content: ''
}

.ms-Icon--DeleteTable::before {
    content: ''
}

.ms-Icon--DeliveryTruck::before {
    content: ''
}

.ms-Icon--DelveAnalytics::before {
    content: 'î»®'
}

.ms-Icon--DelveAnalyticsLogo::before {
    content: 'î·Š'
}

.ms-Icon--DelveLogo::before {
    content: ''
}

.ms-Icon--DelveLogoFill::before {
    content: ''
}

.ms-Icon--DelveLogoInverse::before {
    content: ''
}

.ms-Icon--Deploy::before {
    content: ''
}

.ms-Icon--Descending::before {
    content: ''
}

.ms-Icon--Design::before {
    content: ''
}

.ms-Icon--DesktopScreenshot::before {
    content: 'ï—™'
}

.ms-Icon--DeveloperTools::before {
    content: ''
}

.ms-Icon--Devices3::before {
    content: ''
}

.ms-Icon--Devices4::before {
    content: 'î­¦'
}

.ms-Icon--Diagnostic::before {
    content: ''
}

.ms-Icon--Dialpad::before {
    content: ''
}

.ms-Icon--DiamondSolid::before {
    content: ''
}

.ms-Icon--Dictionary::before {
    content: 'î ­'
}

.ms-Icon--DictionaryRemove::before {
    content: 'ïšš'
}

.ms-Icon--DietPlanNotebook::before {
    content: ''
}

.ms-Icon--DiffInline::before {
    content: ''
}

.ms-Icon--DiffSideBySide::before {
    content: ''
}

.ms-Icon--DisableUpdates::before {
    content: ''
}

.ms-Icon--Dislike::before {
    content: 'î£ '
}

.ms-Icon--DislikeSolid::before {
    content: ''
}

[dir=ltr] .ms-Icon--DockLeft::before {
    content: ''
}

[dir=ltr] .ms-Icon--DockLeftMirrored::before,
[dir=rtl] .ms-Icon--DockLeft::before {
    content: ''
}

[dir=rtl] .ms-Icon--DockLeftMirrored::before {
    content: ''
}

.ms-Icon--DockRight::before {
    content: ''
}

.ms-Icon--DocLibrary::before {
    content: ''
}

.ms-Icon--DocsLogoInverse::before {
    content: 'î·‹'
}

.ms-Icon--Document::before {
    content: ''
}

.ms-Icon--DocumentApproval::before {
    content: ''
}

.ms-Icon--Documentation::before {
    content: 'î°—'
}

.ms-Icon--DocumentManagement::before {
    content: ''
}

.ms-Icon--DocumentReply::before {
    content: 'î½—'
}

.ms-Icon--DocumentSearch::before {
    content: ''
}

.ms-Icon--DocumentSet::before {
    content: 'î»–'
}

.ms-Icon--DOM::before {
    content: ''
}

.ms-Icon--DonutChart::before {
    content: ''
}

.ms-Icon--Door::before {
    content: 'î­µ'
}

.ms-Icon--DoubleBookmark::before {
    content: ''
}

.ms-Icon--DoubleChevronDown::before {
    content: ''
}

.ms-Icon--DoubleChevronDown12::before {
    content: ''
}

.ms-Icon--DoubleChevronDown8::before {
    content: ''
}

.ms-Icon--DoubleChevronLeft::before {
    content: ''
}

.ms-Icon--DoubleChevronLeft12::before {
    content: ''
}

.ms-Icon--DoubleChevronLeft8::before {
    content: ''
}

[dir=ltr] .ms-Icon--DoubleChevronLeftMed::before {
    content: ''
}

[dir=ltr] .ms-Icon--DoubleChevronLeftMedMirrored::before,
[dir=rtl] .ms-Icon--DoubleChevronLeftMed::before {
    content: ''
}

[dir=rtl] .ms-Icon--DoubleChevronLeftMedMirrored::before {
    content: ''
}

.ms-Icon--DoubleChevronRight::before {
    content: ''
}

.ms-Icon--DoubleChevronRight12::before {
    content: ''
}

.ms-Icon--DoubleChevronRight8::before {
    content: ''
}

.ms-Icon--DoubleChevronUp::before {
    content: ''
}

.ms-Icon--DoubleChevronUp12::before {
    content: ''
}

.ms-Icon--DoubleChevronUp8::before {
    content: ''
}

.ms-Icon--DoubleColumn::before {
    content: ''
}

.ms-Icon--DoubleColumnEdit::before {
    content: ''
}

.ms-Icon--Down::before {
    content: ''
}

.ms-Icon--Download::before {
    content: ''
}

.ms-Icon--DownloadDocument::before {
    content: ''
}

.ms-Icon--DragObject::before {
    content: 'ï•“'
}

.ms-Icon--DrillDown::before {
    content: ''
}

.ms-Icon--DrillDownSolid::before {
    content: ''
}

.ms-Icon--DrillExpand::before {
    content: 'ï”´'
}

.ms-Icon--DrillShow::before {
    content: ''
}

.ms-Icon--DrillThrough::before {
    content: 'ï–¹'
}

.ms-Icon--DRM::before {
    content: ''
}

.ms-Icon--Drop::before {
    content: 'î­‚'
}

.ms-Icon--Dropdown::before {
    content: 'î·…'
}

.ms-Icon--DropShapeSolid::before {
    content: ''
}

.ms-Icon--Duststorm::before {
    content: ''
}

.ms-Icon--Dynamics365Logo::before {
    content: ''
}

.ms-Icon--DynamicSMBLogo::before {
    content: ''
}

.ms-Icon--EatDrink::before {
    content: 'î ‡'
}

.ms-Icon--EdgeLogo::before {
    content: 'î± '
}

.ms-Icon--EditContact::before {
    content: 'î¿“'
}

.ms-Icon--EditMail::before {
    content: ''
}

[dir=ltr] .ms-Icon--Edit::before {
    content: ''
}

[dir=ltr] .ms-Icon--EditMirrored::before,
[dir=rtl] .ms-Icon--Edit::before {
    content: 'î­¾'
}

[dir=rtl] .ms-Icon--EditMirrored::before {
    content: ''
}

.ms-Icon--EditNote::before {
    content: ''
}

.ms-Icon--EditPhoto::before {
    content: 'î½·'
}

[dir=ltr] .ms-Icon--EditSolid12::before {
    content: 'ï’µ'
}

[dir=ltr] .ms-Icon--EditSolidMirrored12::before,
[dir=rtl] .ms-Icon--EditSolid12::before {
    content: 'ï’¶'
}

[dir=rtl] .ms-Icon--EditSolidMirrored12::before {
    content: 'ï’µ'
}

.ms-Icon--EditStyle::before {
    content: 'î½ '
}

.ms-Icon--Education::before {
    content: 'îž¾'
}

.ms-Icon--Ellipse::before {
    content: 'ï“»'
}

.ms-Icon--Embed::before {
    content: ''
}

.ms-Icon--EMI::before {
    content: ''
}

.ms-Icon--Emoji::before {
    content: ''
}

.ms-Icon--Emoji2::before {
    content: ''
}

.ms-Icon--EmojiDisappointed::before {
    content: ''
}

.ms-Icon--EmojiNeutral::before {
    content: ''
}

.ms-Icon--EmojiTabSymbols::before {
    content: ''
}

.ms-Icon--EmptyRecycleBin::before {
    content: ''
}

.ms-Icon--Encryption::before {
    content: ''
}

.ms-Icon--EngineeringGroup::before {
    content: ''
}

.ms-Icon--EntryDecline::before {
    content: 'ï••'
}

.ms-Icon--EntryView::before {
    content: 'ï•”'
}

.ms-Icon--Equalizer::before {
    content: ''
}

.ms-Icon--EraseTool::before {
    content: ''
}

.ms-Icon--Error::before {
    content: ''
}

.ms-Icon--ErrorBadge::before {
    content: ''
}

.ms-Icon--Event::before {
    content: 'î²£'
}

.ms-Icon--EventAccepted::before {
    content: ''
}

.ms-Icon--EventDate::before {
    content: ''
}

.ms-Icon--EventDeclined::before {
    content: ''
}

.ms-Icon--EventInfo::before {
    content: ''
}

[dir=ltr] .ms-Icon--EventTentative::before {
    content: ''
}

[dir=ltr] .ms-Icon--EventTentativeMirrored::before,
[dir=rtl] .ms-Icon--EventTentative::before {
    content: ''
}

[dir=rtl] .ms-Icon--EventTentativeMirrored::before {
    content: ''
}

.ms-Icon--ExcelDocument::before {
    content: 'î½³'
}

.ms-Icon--ExcelLogo::before {
    content: ''
}

.ms-Icon--ExcelLogo16::before {
    content: ''
}

.ms-Icon--ExcelLogoFill::before {
    content: ''
}

.ms-Icon--ExcelLogoFill16::before {
    content: ''
}

.ms-Icon--ExcelLogoInverse::before {
    content: 'î°¨'
}

.ms-Icon--ExcelLogoInverse16::before {
    content: ''
}

.ms-Icon--ExchangeLogo::before {
    content: ''
}

.ms-Icon--ExchangeLogoFill::before {
    content: ''
}

.ms-Icon--ExchangeLogoInverse::before {
    content: ''
}

.ms-Icon--ExerciseTracker::before {
    content: ''
}

.ms-Icon--ExpandMenu::before {
    content: ''
}

.ms-Icon--ExploreContent::before {
    content: ''
}

.ms-Icon--ExploreContentSingle::before {
    content: 'ï…¤'
}

.ms-Icon--ExploreData::before {
    content: 'ï–¶'
}

[dir=ltr] .ms-Icon--Export::before {
    content: 'î·¡'
}

[dir=ltr] .ms-Icon--ExportMirrored::before,
[dir=rtl] .ms-Icon--Export::before {
    content: 'î·¢'
}

[dir=rtl] .ms-Icon--ExportMirrored::before {
    content: 'î·¡'
}

.ms-Icon--ExternalBuild::before {
    content: 'ï‘…'
}

.ms-Icon--ExternalGit::before {
    content: ''
}

.ms-Icon--ExternalTFVC::before {
    content: ''
}

.ms-Icon--ExternalXAML::before {
    content: ''
}

.ms-Icon--F12DevTools::before {
    content: ''
}

.ms-Icon--FabricAssetLibrary::before {
    content: ''
}

.ms-Icon--FabricDataConnectionLibrary::before {
    content: ''
}

.ms-Icon--FabricDocLibrary::before {
    content: 'ï‚ž'
}

.ms-Icon--FabricFolder::before {
    content: 'ï‚©'
}

.ms-Icon--FabricFolderFill::before {
    content: ''
}

.ms-Icon--FabricFolderSearch::before {
    content: ''
}

[dir=ltr] .ms-Icon--FabricFormLibrary::before {
    content: 'ï‚Ÿ'
}

[dir=ltr] .ms-Icon--FabricFormLibraryMirrored::before,
[dir=rtl] .ms-Icon--FabricFormLibrary::before {
    content: 'ï‚ '
}

[dir=rtl] .ms-Icon--FabricFormLibraryMirrored::before {
    content: 'ï‚Ÿ'
}

.ms-Icon--FabricMovetoFolder::before {
    content: 'ï‚¥'
}

.ms-Icon--FabricNewFolder::before {
    content: 'ï‚«'
}

.ms-Icon--FabricOpenFolderHorizontal::before {
    content: ''
}

.ms-Icon--FabricPictureLibrary::before {
    content: ''
}

.ms-Icon--FabricPublicFolder::before {
    content: 'ï‚£'
}

[dir=ltr] .ms-Icon--FabricReportLibrary::before {
    content: 'ï‚¡'
}

[dir=ltr] .ms-Icon--FabricReportLibraryMirrored::before,
[dir=rtl] .ms-Icon--FabricReportLibrary::before {
    content: 'ï‚¢'
}

[dir=rtl] .ms-Icon--FabricReportLibraryMirrored::before {
    content: 'ï‚¡'
}

.ms-Icon--FabricSyncFolder::before {
    content: ''
}

.ms-Icon--FabricUnsyncFolder::before {
    content: ''
}

.ms-Icon--Family::before {
    content: ''
}

.ms-Icon--FangBody::before {
    content: ''
}

.ms-Icon--FastForward::before {
    content: ''
}

.ms-Icon--FastMode::before {
    content: ''
}

.ms-Icon--Favicon::before {
    content: ''
}

.ms-Icon--FavoriteList::before {
    content: ''
}

.ms-Icon--FavoriteStar::before {
    content: ''
}

.ms-Icon--FavoriteStarFill::before {
    content: ''
}

.ms-Icon--Fax::before {
    content: ''
}

.ms-Icon--Feedback::before {
    content: 'î´•'
}

[dir=ltr] .ms-Icon--FeedbackRequestSolid::before {
    content: ''
}

[dir=ltr] .ms-Icon--FeedbackRequestMirroredSolid::before,
[dir=rtl] .ms-Icon--FeedbackRequestSolid::before {
    content: ''
}

[dir=rtl] .ms-Icon--FeedbackRequestMirroredSolid::before {
    content: ''
}

.ms-Icon--FeedbackResponseSolid::before {
    content: ''
}

.ms-Icon--Ferry::before {
    content: ''
}

.ms-Icon--FerrySolid::before {
    content: 'î­ˆ'
}

.ms-Icon--FieldChanged::before {
    content: ''
}

.ms-Icon--FieldEmpty::before {
    content: ''
}

.ms-Icon--FieldFilled::before {
    content: 'ï‹‚'
}

.ms-Icon--FieldNotChanged::before {
    content: 'ï‹„'
}

.ms-Icon--FieldReadOnly::before {
    content: 'ï‘‚'
}

.ms-Icon--FieldRequired::before {
    content: ''
}

.ms-Icon--FileASPX::before {
    content: 'ï‹©'
}

.ms-Icon--FileBug::before {
    content: ''
}

.ms-Icon--FileCode::before {
    content: ''
}

.ms-Icon--FileComment::before {
    content: ''
}

.ms-Icon--FileCSS::before {
    content: ''
}

.ms-Icon--FileHTML::before {
    content: 'ï‹­'
}

.ms-Icon--FileImage::before {
    content: ''
}

.ms-Icon--FileJAVA::before {
    content: ''
}

.ms-Icon--FileLess::before {
    content: ''
}

.ms-Icon--FilePDB::before {
    content: 'ï‹¥'
}

.ms-Icon--FileSass::before {
    content: 'ï‹«'
}

.ms-Icon--FileSQL::before {
    content: ''
}

.ms-Icon--FileSymlink::before {
    content: ''
}

.ms-Icon--FileTemplate::before {
    content: ''
}

.ms-Icon--FileTypeSolution::before {
    content: ''
}

.ms-Icon--FileYML::before {
    content: 'ï—š'
}

.ms-Icon--Filter::before {
    content: ''
}

.ms-Icon--Filters::before {
    content: 'îž•'
}

.ms-Icon--FilterSolid::before {
    content: ''
}

.ms-Icon--FiltersSolid::before {
    content: ''
}

.ms-Icon--Financial::before {
    content: 'îž»'
}

[dir=ltr] .ms-Icon--FinancialSolid::before {
    content: ''
}

[dir=ltr] .ms-Icon--FinancialMirroredSolid::before,
[dir=rtl] .ms-Icon--FinancialSolid::before {
    content: ''
}

[dir=rtl] .ms-Icon--FinancialMirroredSolid::before {
    content: ''
}

.ms-Icon--Fingerprint::before {
    content: ''
}

.ms-Icon--FiveTileGrid::before {
    content: ''
}

.ms-Icon--Flag::before {
    content: ''
}

.ms-Icon--FlameSolid::before {
    content: ''
}

.ms-Icon--FlickDown::before {
    content: ''
}

.ms-Icon--FlickLeft::before {
    content: ''
}

.ms-Icon--FlickRight::before {
    content: ''
}

.ms-Icon--FlickUp::before {
    content: ''
}

.ms-Icon--Flow::before {
    content: ''
}

.ms-Icon--FocalPoint::before {
    content: ''
}

.ms-Icon--Fog::before {
    content: ''
}

.ms-Icon--Folder::before {
    content: ''
}

.ms-Icon--FolderFill::before {
    content: ''
}

.ms-Icon--FolderHorizontal::before {
    content: 'ï„«'
}

[dir=ltr] .ms-Icon--FolderList::before {
    content: 'ï‹Ž'
}

[dir=ltr] .ms-Icon--FolderListMirrored::before,
[dir=rtl] .ms-Icon--FolderList::before {
    content: ''
}

[dir=rtl] .ms-Icon--FolderListMirrored::before {
    content: 'ï‹Ž'
}

.ms-Icon--FolderOpen::before {
    content: 'î ¸'
}

.ms-Icon--FolderQuery::before {
    content: ''
}

.ms-Icon--FolderSearch::before {
    content: 'î½¥'
}

.ms-Icon--FollowUser::before {
    content: ''
}

.ms-Icon--Font::before {
    content: ''
}

.ms-Icon--FontColor::before {
    content: ''
}

.ms-Icon--FontColorA::before {
    content: ''
}

.ms-Icon--FontColorSwatch::before {
    content: 'ï“­'
}

.ms-Icon--FontDecrease::before {
    content: ''
}

.ms-Icon--FontIncrease::before {
    content: ''
}

.ms-Icon--FontSize::before {
    content: ''
}

[dir=ltr] .ms-Icon--FormLibrary::before {
    content: ''
}

[dir=ltr] .ms-Icon--FormLibraryMirrored::before,
[dir=rtl] .ms-Icon--FormLibrary::before {
    content: ''
}

[dir=rtl] .ms-Icon--FormLibraryMirrored::before {
    content: ''
}

.ms-Icon--Forward::before {
    content: ''
}

.ms-Icon--ForwardEvent::before {
    content: ''
}

.ms-Icon--Freezing::before {
    content: ''
}

.ms-Icon--Frigid::before {
    content: ''
}

.ms-Icon--FSharp::before {
    content: ''
}

.ms-Icon--FSharpLanguage::before {
    content: ''
}

.ms-Icon--FullCircleMask::before {
    content: ''
}

.ms-Icon--FullHistory::before {
    content: ''
}

.ms-Icon--FullScreen::before {
    content: ''
}

.ms-Icon--FullWidth::before {
    content: ''
}

.ms-Icon--FullWidthEdit::before {
    content: 'ï‹¿'
}

.ms-Icon--FunctionalManagerDashboard::before {
    content: 'ï•‚'
}

.ms-Icon--GallatinLogo::before {
    content: 'ï’–'
}

.ms-Icon--Generate::before {
    content: ''
}

.ms-Icon--GenericScan::before {
    content: ''
}

.ms-Icon--Giftbox::before {
    content: 'î°Ÿ'
}

.ms-Icon--GiftboxOpen::before {
    content: ''
}

.ms-Icon--GiftBoxSolid::before {
    content: ''
}

.ms-Icon--GiftCard::before {
    content: ''
}

.ms-Icon--GitFork::before {
    content: ''
}

.ms-Icon--GitGraph::before {
    content: 'ï‹Š'
}

.ms-Icon--Glasses::before {
    content: ''
}

.ms-Icon--Glimmer::before {
    content: 'î³´'
}

.ms-Icon--GlobalNavButton::before {
    content: ''
}

.ms-Icon--Globe::before {
    content: ''
}

.ms-Icon--Globe2::before {
    content: 'ï’š'
}

.ms-Icon--GlobeFavorite::before {
    content: ''
}

.ms-Icon--Golf::before {
    content: ''
}

.ms-Icon--GotoToday::before {
    content: ''
}

.ms-Icon--GridViewLarge::before {
    content: ''
}

.ms-Icon--GridViewMedium::before {
    content: ''
}

.ms-Icon--GripperBarHorizontal::before {
    content: ''
}

.ms-Icon--GripperBarVertical::before {
    content: 'îž„'
}

.ms-Icon--GripperTool::before {
    content: ''
}

.ms-Icon--Group::before {
    content: ''
}

.ms-Icon--GroupedAscending::before {
    content: ''
}

.ms-Icon--GroupedDescending::before {
    content: ''
}

.ms-Icon--GroupedList::before {
    content: 'î½´'
}

.ms-Icon--GroupObject::before {
    content: ''
}

.ms-Icon--GUID::before {
    content: ''
}

.ms-Icon--Guitar::before {
    content: 'ï’›'
}

.ms-Icon--HailDay::before {
    content: ''
}

.ms-Icon--HailNight::before {
    content: ''
}

.ms-Icon--HalfAlpha::before {
    content: ''
}

.ms-Icon--HalfCircle::before {
    content: ''
}

.ms-Icon--HandsFree::before {
    content: ''
}

.ms-Icon--Handwriting::before {
    content: ''
}

.ms-Icon--HardDrive::before {
    content: ''
}

.ms-Icon--HardDriveGroup::before {
    content: ''
}

.ms-Icon--HardDriveLock::before {
    content: 'ï•š'
}

.ms-Icon--HardDriveUnlock::before {
    content: 'ï•›'
}

.ms-Icon--Header1::before {
    content: ''
}

.ms-Icon--Header2::before {
    content: ''
}

.ms-Icon--Header3::before {
    content: 'î¼·'
}

.ms-Icon--Header4::before {
    content: ''
}

.ms-Icon--Headset::before {
    content: ''
}

.ms-Icon--HeadsetSolid::before {
    content: ''
}

.ms-Icon--Health::before {
    content: ''
}

.ms-Icon--HealthSolid::before {
    content: ''
}

.ms-Icon--Heart::before {
    content: 'î­‘'
}

.ms-Icon--HeartBroken::before {
    content: ''
}

.ms-Icon--HeartFill::before {
    content: 'î­’'
}

[dir=ltr] .ms-Icon--Help::before {
    content: ''
}

[dir=ltr] .ms-Icon--HelpMirrored::before,
[dir=rtl] .ms-Icon--Help::before {
    content: 'î©‘'
}

[dir=rtl] .ms-Icon--HelpMirrored::before {
    content: ''
}

.ms-Icon--Hexagon::before {
    content: ''
}

.ms-Icon--Hide::before {
    content: 'î´š'
}

.ms-Icon--Hide2::before {
    content: ''
}

.ms-Icon--Highlight::before {
    content: ''
}

.ms-Icon--HighlightMappedShapes::before {
    content: ''
}

.ms-Icon--HintText::before {
    content: ''
}

.ms-Icon--History::before {
    content: 'î œ'
}

.ms-Icon--Home::before {
    content: 'î '
}

.ms-Icon--HomeSolid::before {
    content: ''
}

.ms-Icon--HorizontalDistributeCenter::before {
    content: ''
}

.ms-Icon--Hospital::before {
    content: ''
}

.ms-Icon--Hotel::before {
    content: 'î ¤'
}

.ms-Icon--HourGlass::before {
    content: ''
}

.ms-Icon--IconSetsFlag::before {
    content: ''
}

.ms-Icon--IDBadge::before {
    content: ''
}

.ms-Icon--ImageCrosshair::before {
    content: ''
}

.ms-Icon--ImageDiff::before {
    content: ''
}

.ms-Icon--ImagePixel::before {
    content: ''
}

.ms-Icon--ImageSearch::before {
    content: ''
}

.ms-Icon--Important::before {
    content: ''
}

[dir=ltr] .ms-Icon--Import::before {
    content: ''
}

[dir=ltr] .ms-Icon--ImportMirrored::before,
[dir=rtl] .ms-Icon--Import::before {
    content: 'î©’'
}

[dir=rtl] .ms-Icon--ImportMirrored::before {
    content: ''
}

.ms-Icon--Inbox::before {
    content: ''
}

.ms-Icon--InboxCheck::before {
    content: ''
}

.ms-Icon--IncidentTriangle::before {
    content: 'î ”'
}

.ms-Icon--IncreaseIndentLegacy::before {
    content: ''
}

.ms-Icon--Info::before {
    content: ''
}

.ms-Icon--Info2::before {
    content: ''
}

.ms-Icon--InfoSolid::before {
    content: 'ï…§'
}

.ms-Icon--InsertColumnsLeft::before {
    content: ''
}

.ms-Icon--InsertColumnsRight::before {
    content: ''
}

.ms-Icon--InsertRowsAbove::before {
    content: ''
}

.ms-Icon--InsertRowsBelow::before {
    content: ''
}

.ms-Icon--InsertSignatureLine::before {
    content: 'ï™·'
}

.ms-Icon--InsertTextBox::before {
    content: 'î±½'
}

.ms-Icon--InstallToDrive::before {
    content: ''
}

.ms-Icon--InternetSharing::before {
    content: ''
}

[dir=ltr] .ms-Icon--IRMForward::before {
    content: ''
}

[dir=ltr] .ms-Icon--IRMForwardMirrored::before,
[dir=rtl] .ms-Icon--IRMForward::before {
    content: 'ï '
}

[dir=rtl] .ms-Icon--IRMForwardMirrored::before {
    content: ''
}

[dir=ltr] .ms-Icon--IRMReply::before {
    content: ''
}

[dir=ltr] .ms-Icon--IRMReplyMirrored::before,
[dir=rtl] .ms-Icon--IRMReply::before {
    content: ''
}

[dir=rtl] .ms-Icon--IRMReplyMirrored::before {
    content: ''
}

.ms-Icon--IssueSolid::before {
    content: ''
}

[dir=ltr] .ms-Icon--IssueTracking::before {
    content: ''
}

[dir=ltr] .ms-Icon--IssueTrackingMirrored::before,
[dir=rtl] .ms-Icon--IssueTracking::before {
    content: ''
}

[dir=rtl] .ms-Icon--IssueTrackingMirrored::before {
    content: ''
}

.ms-Icon--Italic::before {
    content: ''
}

.ms-Icon--JavaScriptLanguage::before {
    content: 'ï‹®'
}

.ms-Icon--JoinOnlineMeeting::before {
    content: ''
}

.ms-Icon--JS::before {
    content: ''
}

.ms-Icon--KaizalaLogo::before {
    content: 'ï’’'
}

.ms-Icon--Label::before {
    content: ''
}

.ms-Icon--LadybugSolid::before {
    content: 'ï‘Š'
}

.ms-Icon--Lamp::before {
    content: ''
}

.ms-Icon--LandscapeOrientation::before {
    content: ''
}

.ms-Icon--LaptopSecure::before {
    content: 'ï•’'
}

.ms-Icon--LaptopSelected::before {
    content: ''
}

.ms-Icon--LargeGrid::before {
    content: ''
}

.ms-Icon--Leave::before {
    content: ''
}

.ms-Icon--Library::before {
    content: ''
}

.ms-Icon--Lifesaver::before {
    content: 'î½¢'
}

.ms-Icon--LifesaverLock::before {
    content: 'î½£'
}

.ms-Icon--Light::before {
    content: 'îž“'
}

.ms-Icon--Lightbulb::before {
    content: ''
}

.ms-Icon--LightningBolt::before {
    content: ''
}

.ms-Icon--LightWeight::before {
    content: 'ï“®'
}

.ms-Icon--Like::before {
    content: ''
}

.ms-Icon--LikeSolid::before {
    content: ''
}

.ms-Icon--Line::before {
    content: ''
}

.ms-Icon--LineChart::before {
    content: ''
}

.ms-Icon--LineSpacing::before {
    content: 'ï”—'
}

.ms-Icon--LineStyle::before {
    content: ''
}

.ms-Icon--LineThickness::before {
    content: ''
}

.ms-Icon--Link::before {
    content: ''
}

.ms-Icon--LinkedInLogo::before {
    content: ''
}

[dir=ltr] .ms-Icon--List::before {
    content: ''
}

[dir=ltr] .ms-Icon--ListMirrored::before,
[dir=rtl] .ms-Icon--List::before {
    content: 'î©•'
}

[dir=rtl] .ms-Icon--ListMirrored::before {
    content: ''
}

.ms-Icon--LocaleLanguage::before {
    content: ''
}

.ms-Icon--Location::before {
    content: 'î '
}

.ms-Icon--LocationCircle::before {
    content: 'î Ž'
}

.ms-Icon--LocationDot::before {
    content: 'î §'
}

.ms-Icon--LocationFill::before {
    content: 'î¤ '
}

.ms-Icon--LocationOutline::before {
    content: ''
}

.ms-Icon--Lock::before {
    content: ''
}

.ms-Icon--LockSolid::before {
    content: ''
}

.ms-Icon--LogRemove::before {
    content: ''
}

.ms-Icon--LookupEntities::before {
    content: 'ï–µ'
}

.ms-Icon--LowerBrightness::before {
    content: ''
}

.ms-Icon--LyncLogo::before {
    content: 'îµ¹'
}

.ms-Icon--Mail::before {
    content: ''
}

.ms-Icon--MailAlert::before {
    content: ''
}

.ms-Icon--MailCheck::before {
    content: ''
}

.ms-Icon--MailFill::before {
    content: ''
}

[dir=ltr] .ms-Icon--MailForward::before {
    content: ''
}

[dir=ltr] .ms-Icon--MailForwardMirrored::before,
[dir=rtl] .ms-Icon--MailForward::before {
    content: 'î©–'
}

[dir=rtl] .ms-Icon--MailForwardMirrored::before {
    content: ''
}

.ms-Icon--MailLowImportance::before {
    content: ''
}

.ms-Icon--MailPause::before {
    content: ''
}

.ms-Icon--MailReminder::before {
    content: ''
}

.ms-Icon--MailRepeat::before {
    content: ''
}

[dir=ltr] .ms-Icon--MailReplyAll::before {
    content: ''
}

[dir=ltr] .ms-Icon--MailReplyAllMirrored::before,
[dir=rtl] .ms-Icon--MailReplyAll::before {
    content: ''
}

[dir=rtl] .ms-Icon--MailReplyAllMirrored::before {
    content: ''
}

[dir=ltr] .ms-Icon--MailReply::before {
    content: ''
}

[dir=ltr] .ms-Icon--MailReplyMirrored::before,
[dir=rtl] .ms-Icon--MailReply::before {
    content: 'î©—'
}

[dir=rtl] .ms-Icon--MailReplyMirrored::before {
    content: ''
}

.ms-Icon--MailSolid::before {
    content: ''
}

[dir=ltr] .ms-Icon--MailTentative::before {
    content: ''
}

[dir=ltr] .ms-Icon--MailTentativeMirrored::before,
[dir=rtl] .ms-Icon--MailTentative::before {
    content: ''
}

[dir=rtl] .ms-Icon--MailTentativeMirrored::before {
    content: ''
}

.ms-Icon--MailUndelivered::before {
    content: ''
}

.ms-Icon--ManagerSelfService::before {
    content: ''
}

.ms-Icon--MapDirections::before {
    content: 'î –'
}

.ms-Icon--MapPin::before {
    content: ''
}

.ms-Icon--MapPinSolid::before {
    content: 'ï”®'
}

.ms-Icon--MarkDownLanguage::before {
    content: 'ï‹»'
}

.ms-Icon--Market::before {
    content: ''
}

.ms-Icon--MarketDown::before {
    content: ''
}

.ms-Icon--MasterDatabase::before {
    content: 'ï–º'
}

.ms-Icon--MaximumValue::before {
    content: 'ï–¼'
}

.ms-Icon--Medal::before {
    content: ''
}

.ms-Icon--MediaAdd::before {
    content: ''
}

.ms-Icon--Medical::before {
    content: 'î«”'
}

.ms-Icon--Megaphone::before {
    content: ''
}

.ms-Icon--MegaphoneSolid::before {
    content: ''
}

.ms-Icon--Memo::before {
    content: ''
}

.ms-Icon--Merge::before {
    content: ''
}

.ms-Icon--MergeDuplicate::before {
    content: ''
}

.ms-Icon--Message::before {
    content: ''
}

.ms-Icon--MessageFill::before {
    content: 'î±°'
}

.ms-Icon--MicOff::before {
    content: 'î±”'
}

.ms-Icon--Microphone::before {
    content: 'îœ '
}

.ms-Icon--MicrosoftFlowLogo::before {
    content: 'ï’±'
}

.ms-Icon--MicrosoftStaffhubLogo::before {
    content: 'ï„°'
}

.ms-Icon--MiniContract::before {
    content: ''
}

.ms-Icon--MiniExpand::before {
    content: ''
}

.ms-Icon--MiniLink::before {
    content: ''
}

.ms-Icon--MinimumValue::before {
    content: 'ï–½'
}

.ms-Icon--MobileReport::before {
    content: ''
}

.ms-Icon--MobileSelected::before {
    content: 'î±µ'
}

.ms-Icon--Money::before {
    content: ''
}

.ms-Icon--More::before {
    content: ''
}

.ms-Icon--MoreSports::before {
    content: ''
}

.ms-Icon--MoreVertical::before {
    content: ''
}

.ms-Icon--Move::before {
    content: ''
}

.ms-Icon--Movers::before {
    content: ''
}

.ms-Icon--MoveToFolder::before {
    content: ''
}

.ms-Icon--MSNLogo::before {
    content: 'î­¬'
}

.ms-Icon--MSNVideos::before {
    content: ''
}

.ms-Icon--MSNVideosSolid::before {
    content: 'ï‹š'
}

.ms-Icon--MTMLogo::before {
    content: 'ï‘‹'
}

[dir=ltr] .ms-Icon--MultiSelect::before {
    content: ''
}

[dir=ltr] .ms-Icon--MultiSelectMirrored::before,
[dir=rtl] .ms-Icon--MultiSelect::before {
    content: ''
}

[dir=rtl] .ms-Icon--MultiSelectMirrored::before {
    content: ''
}

.ms-Icon--MusicInCollection::before {
    content: ''
}

.ms-Icon--MusicInCollectionFill::before {
    content: ''
}

.ms-Icon--MusicNote::before {
    content: ''
}

.ms-Icon--MyMoviesTV::before {
    content: ''
}

.ms-Icon--Nav2DMapView::before {
    content: 'î €'
}

[dir=ltr] .ms-Icon--NavigateBack::before {
    content: ''
}

[dir=ltr] .ms-Icon--NavigateBackMirrored::before,
[dir=rtl] .ms-Icon--NavigateBack::before {
    content: 'ï‹ž'
}

[dir=rtl] .ms-Icon--NavigateBackMirrored::before {
    content: ''
}

.ms-Icon--NavigateExternalInline::before {
    content: ''
}

[dir=ltr] .ms-Icon--NavigateForward::before {
    content: 'ï‹Ÿ'
}

[dir=ltr] .ms-Icon--NavigateForwardMirrored::before,
[dir=rtl] .ms-Icon--NavigateForward::before {
    content: 'ï‹ '
}

[dir=rtl] .ms-Icon--NavigateForwardMirrored::before {
    content: 'ï‹Ÿ'
}

.ms-Icon--NavigationFlipper::before {
    content: ''
}

.ms-Icon--NetworkTower::before {
    content: 'î°…'
}

.ms-Icon--NewAnalyticsQuery::before {
    content: 'ï‡ '
}

.ms-Icon--NewFolder::before {
    content: ''
}

.ms-Icon--News::before {
    content: ''
}

.ms-Icon--NewsSearch::before {
    content: 'ï“©'
}

.ms-Icon--NewTeamProject::before {
    content: ''
}

.ms-Icon--Next::before {
    content: ''
}

.ms-Icon--NonprofitLogo32::before {
    content: 'ï’•'
}

.ms-Icon--NormalWeight::before {
    content: ''
}

.ms-Icon--NoteForward::before {
    content: ''
}

.ms-Icon--NotePinned::before {
    content: ''
}

.ms-Icon--NoteReply::before {
    content: ''
}

.ms-Icon--NotExecuted::before {
    content: 'ï‘€'
}

.ms-Icon--NotImpactedSolid::before {
    content: ''
}

.ms-Icon--NugetLogo::before {
    content: ''
}

.ms-Icon--NumberedList::before {
    content: ''
}

.ms-Icon--NumberField::before {
    content: 'î·„'
}

.ms-Icon--NumberSequence::before {
    content: ''
}

.ms-Icon--Octagon::before {
    content: ''
}

.ms-Icon--OEM::before {
    content: ''
}

.ms-Icon--OfficeAddinsLogo::before {
    content: ''
}

.ms-Icon--OfficeAssistantLogo::before {
    content: 'î·Ž'
}

.ms-Icon--OfficeFormsLogo::before {
    content: ''
}

.ms-Icon--OfficeFormsLogo16::before {
    content: ''
}

.ms-Icon--OfficeFormsLogo24::before {
    content: ''
}

.ms-Icon--OfficeFormsLogoFill::before {
    content: ''
}

.ms-Icon--OfficeFormsLogoFill16::before {
    content: ''
}

.ms-Icon--OfficeFormsLogoFill24::before {
    content: ''
}

.ms-Icon--OfficeFormsLogoInverse::before {
    content: ''
}

.ms-Icon--OfficeFormsLogoInverse16::before {
    content: ''
}

.ms-Icon--OfficeFormsLogoInverse24::before {
    content: ''
}

.ms-Icon--OfficeLogo::before {
    content: 'î­®'
}

.ms-Icon--OfficeStoreLogo::before {
    content: ''
}

.ms-Icon--OfficeVideoLogo::before {
    content: ''
}

.ms-Icon--OfficeVideoLogoFill::before {
    content: ''
}

.ms-Icon--OfficeVideoLogoInverse::before {
    content: ''
}

.ms-Icon--OfflineOneDriveParachute::before {
    content: ''
}

.ms-Icon--OfflineOneDriveParachuteDisabled::before {
    content: ''
}

.ms-Icon--OfflineStorageSolid::before {
    content: ''
}

.ms-Icon--OneDrive::before {
    content: ''
}

.ms-Icon--OneDriveAdd::before {
    content: 'î¼²'
}

.ms-Icon--OneDriveFolder16::before {
    content: 'ï”»'
}

.ms-Icon--OneNoteEduLogoInverse::before {
    content: ''
}

.ms-Icon--OneNoteLogo::before {
    content: ''
}

.ms-Icon--OneNoteLogo16::before {
    content: ''
}

.ms-Icon--OneNoteLogoFill::before {
    content: ''
}

.ms-Icon--OneNoteLogoFill16::before {
    content: ''
}

.ms-Icon--OneNoteLogoInverse::before {
    content: ''
}

.ms-Icon--OneNoteLogoInverse16::before {
    content: ''
}

.ms-Icon--OpenFile::before {
    content: ''
}

.ms-Icon--OpenFolderHorizontal::before {
    content: 'î´¥'
}

.ms-Icon--OpenInNewWindow::before {
    content: ''
}

[dir=ltr] .ms-Icon--OpenPane::before {
    content: 'î¢ '
}

[dir=ltr] .ms-Icon--OpenPaneMirrored::before,
[dir=rtl] .ms-Icon--OpenPane::before {
    content: 'î©›'
}

[dir=rtl] .ms-Icon--OpenPaneMirrored::before {
    content: 'î¢ '
}

.ms-Icon--OpenSource::before {
    content: ''
}

.ms-Icon--Org::before {
    content: ''
}

.ms-Icon--Orientation::before {
    content: ''
}

.ms-Icon--OutlookLogo::before {
    content: ''
}

.ms-Icon--OutlookLogo16::before {
    content: ''
}

.ms-Icon--OutlookLogoFill::before {
    content: ''
}

.ms-Icon--OutlookLogoFill16::before {
    content: ''
}

.ms-Icon--OutlookLogoInverse::before {
    content: 'î­­'
}

.ms-Icon--OutlookLogoInverse16::before {
    content: ''
}

.ms-Icon--OutOfOffice::before {
    content: 'î´´'
}

.ms-Icon--Package::before {
    content: ''
}

.ms-Icon--Packages::before {
    content: ''
}

.ms-Icon--Padding::before {
    content: ''
}

.ms-Icon--PaddingBottom::before {
    content: ''
}

.ms-Icon--PaddingLeft::before {
    content: 'ï”›'
}

.ms-Icon--PaddingRight::before {
    content: ''
}

.ms-Icon--PaddingTop::before {
    content: 'ï”™'
}

.ms-Icon--Page::before {
    content: ''
}

.ms-Icon--PageAdd::before {
    content: ''
}

.ms-Icon--PageCheckedin::before {
    content: 'ï„„'
}

.ms-Icon--PageCheckedOut::before {
    content: ''
}

.ms-Icon--PageEdit::before {
    content: ''
}

.ms-Icon--PageLeft::before {
    content: 'î '
}

[dir=ltr] .ms-Icon--PageListSolid::before {
    content: ''
}

[dir=ltr] .ms-Icon--PageListMirroredSolid::before,
[dir=rtl] .ms-Icon--PageListSolid::before {
    content: ''
}

[dir=rtl] .ms-Icon--PageListMirroredSolid::before {
    content: ''
}

.ms-Icon--PageLock::before {
    content: ''
}

.ms-Icon--PageRemove::before {
    content: ''
}

.ms-Icon--PageRight::before {
    content: ''
}

.ms-Icon--PageSolid::before {
    content: ''
}

.ms-Icon--PanoIndicator::before {
    content: 'îž°'
}

.ms-Icon--Parachute::before {
    content: ''
}

.ms-Icon--ParachuteSolid::before {
    content: ''
}

.ms-Icon--Parameter::before {
    content: ''
}

[dir=ltr] .ms-Icon--ParkingLocation::before {
    content: 'î ‘'
}

[dir=ltr] .ms-Icon--ParkingLocationMirrored::before,
[dir=rtl] .ms-Icon--ParkingLocation::before {
    content: 'î©ž'
}

[dir=rtl] .ms-Icon--ParkingLocationMirrored::before {
    content: 'î ‘'
}

[dir=ltr] .ms-Icon--ParkingSolid::before {
    content: ''
}

[dir=ltr] .ms-Icon--ParkingMirroredSolid::before,
[dir=rtl] .ms-Icon--ParkingSolid::before {
    content: ''
}

[dir=rtl] .ms-Icon--ParkingMirroredSolid::before {
    content: ''
}

.ms-Icon--PartlyCloudyDay::before {
    content: ''
}

.ms-Icon--PartlyCloudyNight::before {
    content: ''
}

.ms-Icon--PartyLeader::before {
    content: ''
}

.ms-Icon--Paste::before {
    content: ''
}

.ms-Icon--PasteAsCode::before {
    content: 'ï—–'
}

.ms-Icon--PasteAsText::before {
    content: 'ï—•'
}

.ms-Icon--Pause::before {
    content: ''
}

.ms-Icon--PaymentCard::before {
    content: ''
}

.ms-Icon--PC1::before {
    content: ''
}

.ms-Icon--PDF::before {
    content: ''
}

.ms-Icon--PencilReply::before {
    content: 'î½»'
}

.ms-Icon--Pentagon::before {
    content: 'ï“¿'
}

.ms-Icon--People::before {
    content: ''
}

.ms-Icon--PeopleAdd::before {
    content: ''
}

.ms-Icon--PeopleAlert::before {
    content: ''
}

.ms-Icon--PeopleBlock::before {
    content: ''
}

.ms-Icon--PeoplePause::before {
    content: ''
}

.ms-Icon--PeopleRepeat::before {
    content: ''
}

.ms-Icon--Permissions::before {
    content: ''
}

.ms-Icon--PermissionsSolid::before {
    content: ''
}

.ms-Icon--Personalize::before {
    content: ''
}

.ms-Icon--Phishing::before {
    content: ''
}

.ms-Icon--Phone::before {
    content: ''
}

.ms-Icon--Photo2::before {
    content: ''
}

.ms-Icon--Photo2Add::before {
    content: ''
}

.ms-Icon--Photo2Remove::before {
    content: ''
}

.ms-Icon--PhotoCollection::before {
    content: ''
}

.ms-Icon--Picture::before {
    content: ''
}

.ms-Icon--PictureCenter::before {
    content: ''
}

.ms-Icon--PictureFill::before {
    content: ''
}

.ms-Icon--PictureLibrary::before {
    content: ''
}

.ms-Icon--PicturePosition::before {
    content: ''
}

.ms-Icon--PictureStretch::before {
    content: ''
}

.ms-Icon--PictureTile::before {
    content: ''
}

.ms-Icon--PieDouble::before {
    content: ''
}

.ms-Icon--PieSingle::before {
    content: ''
}

.ms-Icon--PieSingleSolid::before {
    content: 'ï”°'
}

.ms-Icon--Pill::before {
    content: 'î«‹'
}

.ms-Icon--Pin::before {
    content: ''
}

.ms-Icon--Pinned::before {
    content: 'î¡€'
}

.ms-Icon--PinnedFill::before {
    content: 'î¡‚'
}

.ms-Icon--PivotChart::before {
    content: ''
}

.ms-Icon--PlannerLogo::before {
    content: 'î·‘'
}

.ms-Icon--PlanView::before {
    content: 'ï '
}

.ms-Icon--Play::before {
    content: ''
}

.ms-Icon--PlayerSettings::before {
    content: ''
}

.ms-Icon--PlayResume::before {
    content: ''
}

.ms-Icon--Plug::before {
    content: ''
}

.ms-Icon--PlugConnected::before {
    content: ''
}

.ms-Icon--PlugDisconnected::before {
    content: ''
}

.ms-Icon--PlugSolid::before {
    content: ''
}

.ms-Icon--POI::before {
    content: ''
}

.ms-Icon--POISolid::before {
    content: 'ï‹‘'
}

.ms-Icon--PostUpdate::before {
    content: ''
}

.ms-Icon--PowerApps::before {
    content: 'î·’'
}

.ms-Icon--PowerApps2Logo::before {
    content: 'ï‚’'
}

.ms-Icon--PowerAppsLogo::before {
    content: 'ï‚‘'
}

.ms-Icon--PowerBILogo::before {
    content: ''
}

.ms-Icon--PowerButton::before {
    content: ''
}

.ms-Icon--PowerPointDocument::before {
    content: 'î½²'
}

.ms-Icon--PowerPointLogo::before {
    content: ''
}

.ms-Icon--PowerPointLogo16::before {
    content: ''
}

.ms-Icon--PowerPointLogoFill::before {
    content: ''
}

.ms-Icon--PowerPointLogoFill16::before {
    content: ''
}

.ms-Icon--PowerPointLogoInverse::before {
    content: 'î°ª'
}

.ms-Icon--PowerPointLogoInverse16::before {
    content: ''
}

.ms-Icon--Precipitation::before {
    content: ''
}

.ms-Icon--PresenceChickletVideo::before {
    content: ''
}

.ms-Icon--Preview::before {
    content: ''
}

.ms-Icon--PreviewLink::before {
    content: ''
}

.ms-Icon--Previous::before {
    content: ''
}

.ms-Icon--PrimaryCalendar::before {
    content: 'ï’®'
}

.ms-Icon--Print::before {
    content: ''
}

.ms-Icon--PrintfaxPrinterFile::before {
    content: ''
}

.ms-Icon--Processing::before {
    content: ''
}

.ms-Icon--ProcessMetaTask::before {
    content: ''
}

.ms-Icon--Product::before {
    content: ''
}

.ms-Icon--ProfileSearch::before {
    content: 'î¼µ'
}

.ms-Icon--ProFootball::before {
    content: ''
}

.ms-Icon--ProgressLoopInner::before {
    content: ''
}

.ms-Icon--ProgressLoopOuter::before {
    content: ''
}

.ms-Icon--ProgressRingDots::before {
    content: 'ï…ª'
}

.ms-Icon--ProHockey::before {
    content: ''
}

.ms-Icon--ProjectCollection::before {
    content: ''
}

.ms-Icon--ProjectLogo16::before {
    content: 'ï’€'
}

.ms-Icon--ProjectLogo32::before {
    content: ''
}

.ms-Icon--ProjectLogoFill16::before {
    content: ''
}

.ms-Icon--ProjectLogoFill32::before {
    content: 'ï‘¿'
}

.ms-Icon--ProjectLogoInverse::before {
    content: 'î·”'
}

.ms-Icon--ProtectedDocument::before {
    content: ''
}

.ms-Icon--ProtectionCenterLogo32::before {
    content: 'ï’”'
}

.ms-Icon--ProtectRestrict::before {
    content: ''
}

.ms-Icon--PublicCalendar::before {
    content: 'î½­'
}

[dir=ltr] .ms-Icon--PublicContactCard::before {
    content: 'î½®'
}

[dir=ltr] .ms-Icon--PublicContactCardMirrored::before,
[dir=rtl] .ms-Icon--PublicContactCard::before {
    content: ''
}

[dir=rtl] .ms-Icon--PublicContactCardMirrored::before {
    content: 'î½®'
}

.ms-Icon--PublicEmail::before {
    content: ''
}

.ms-Icon--PublicFolder::before {
    content: 'î½°'
}

.ms-Icon--PublishCourse::before {
    content: 'ïš™'
}

.ms-Icon--PublisherLogo::before {
    content: ''
}

.ms-Icon--PublisherLogo16::before {
    content: 'ïŽ '
}

.ms-Icon--PublisherLogoFill::before {
    content: ''
}

.ms-Icon--PublisherLogoFill16::before {
    content: ''
}

.ms-Icon--PublisherLogoInverse16::before {
    content: ''
}

.ms-Icon--Puzzle::before {
    content: ''
}

.ms-Icon--PY::before {
    content: ''
}

.ms-Icon--PythonLanguage::before {
    content: ''
}

.ms-Icon--QuarterCircle::before {
    content: ''
}

.ms-Icon--QueryList::before {
    content: ''
}

[dir=ltr] .ms-Icon--Questionnaire::before {
    content: ''
}

[dir=ltr] .ms-Icon--QuestionnaireMirrored::before,
[dir=rtl] .ms-Icon--Questionnaire::before {
    content: ''
}

[dir=rtl] .ms-Icon--QuestionnaireMirrored::before {
    content: ''
}

.ms-Icon--QuickNote::before {
    content: ''
}

.ms-Icon--QuickNoteSolid::before {
    content: ''
}

.ms-Icon--R::before {
    content: 'ï“«'
}

.ms-Icon--RadioBtnOff::before {
    content: ''
}

.ms-Icon--RadioBtnOn::before {
    content: ''
}

.ms-Icon--RadioBullet::before {
    content: ''
}

.ms-Icon--Rain::before {
    content: ''
}

.ms-Icon--RainShowersDay::before {
    content: ''
}

.ms-Icon--RainShowersNight::before {
    content: ''
}

.ms-Icon--RainSnow::before {
    content: ''
}

.ms-Icon--RawSource::before {
    content: ''
}

.ms-Icon--Read::before {
    content: ''
}

.ms-Icon--ReadingMode::before {
    content: ''
}

.ms-Icon--ReadingModeSolid::before {
    content: ''
}

.ms-Icon--ReadOutLoud::before {
    content: 'ï„’'
}

.ms-Icon--ReceiptCheck::before {
    content: 'î½›'
}

.ms-Icon--ReceiptForward::before {
    content: 'î½™'
}

.ms-Icon--ReceiptReply::before {
    content: ''
}

[dir=ltr] .ms-Icon--ReceiptTentative::before {
    content: ''
}

[dir=ltr] .ms-Icon--ReceiptTentativeMirrored::before,
[dir=rtl] .ms-Icon--ReceiptTentative::before {
    content: ''
}

[dir=rtl] .ms-Icon--ReceiptTentativeMirrored::before {
    content: ''
}

.ms-Icon--ReceiptUndelivered::before {
    content: ''
}

.ms-Icon--Recent::before {
    content: 'î £'
}

.ms-Icon--Record2::before {
    content: ''
}

.ms-Icon--RectangleShapeSolid::before {
    content: ''
}

.ms-Icon--RectangularClipping::before {
    content: ''
}

.ms-Icon--RecurringEvent::before {
    content: ''
}

.ms-Icon--RecurringTask::before {
    content: ''
}

.ms-Icon--RecycleBin::before {
    content: ''
}

.ms-Icon--Redeploy::before {
    content: ''
}

.ms-Icon--RedEye::before {
    content: 'îž³'
}

.ms-Icon--Redo::before {
    content: ''
}

.ms-Icon--Refresh::before {
    content: ''
}

.ms-Icon--ReminderGroup::before {
    content: ''
}

.ms-Icon--ReminderPerson::before {
    content: ''
}

.ms-Icon--Remote::before {
    content: ''
}

.ms-Icon--Remove::before {
    content: ''
}

.ms-Icon--RemoveEvent::before {
    content: ''
}

.ms-Icon--RemoveFilter::before {
    content: ''
}

.ms-Icon--RemoveLink::before {
    content: ''
}

.ms-Icon--RemoveOccurrence::before {
    content: ''
}

.ms-Icon--Rename::before {
    content: ''
}

.ms-Icon--RenewalCurrent::before {
    content: 'ï•…'
}

.ms-Icon--RenewalFuture::before {
    content: ''
}

.ms-Icon--ReopenPages::before {
    content: ''
}

.ms-Icon--Repair::before {
    content: ''
}

.ms-Icon--ReplyAllAlt::before {
    content: ''
}

[dir=ltr] .ms-Icon--ReplyAll::before {
    content: ''
}

[dir=ltr] .ms-Icon--ReplyAllMirrored::before,
[dir=rtl] .ms-Icon--ReplyAll::before {
    content: ''
}

[dir=rtl] .ms-Icon--ReplyAllMirrored::before {
    content: ''
}

.ms-Icon--ReplyAlt::before {
    content: ''
}

[dir=ltr] .ms-Icon--Reply::before {
    content: ''
}

[dir=ltr] .ms-Icon--ReplyMirrored::before,
[dir=rtl] .ms-Icon--Reply::before {
    content: ''
}

[dir=rtl] .ms-Icon--ReplyMirrored::before {
    content: ''
}

.ms-Icon--Repo::before {
    content: 'ï‹‹'
}

.ms-Icon--ReportAdd::before {
    content: ''
}

.ms-Icon--ReportHacked::before {
    content: ''
}

[dir=ltr] .ms-Icon--ReportLibrary::before {
    content: ''
}

[dir=ltr] .ms-Icon--ReportLibraryMirrored::before,
[dir=rtl] .ms-Icon--ReportLibrary::before {
    content: ''
}

[dir=rtl] .ms-Icon--ReportLibraryMirrored::before {
    content: ''
}

.ms-Icon--RepoSolid::before {
    content: ''
}

.ms-Icon--ReturnToSession::before {
    content: 'î´¤'
}

[dir=ltr] .ms-Icon--ReviewRequestSolid::before {
    content: ''
}

[dir=ltr] .ms-Icon--ReviewRequestMirroredSolid::before,
[dir=rtl] .ms-Icon--ReviewRequestSolid::before {
    content: ''
}

[dir=rtl] .ms-Icon--ReviewRequestMirroredSolid::before {
    content: ''
}

.ms-Icon--ReviewResponseSolid::before {
    content: ''
}

.ms-Icon--ReviewSolid::before {
    content: ''
}

.ms-Icon--RevToggleKey::before {
    content: 'î¡…'
}

.ms-Icon--Rewind::before {
    content: ''
}

.ms-Icon--Ribbon::before {
    content: ''
}

.ms-Icon--RibbonSolid::before {
    content: ''
}

.ms-Icon--RightDoubleQuote::before {
    content: ''
}

.ms-Icon--RightTriangle::before {
    content: ''
}

.ms-Icon--Ringer::before {
    content: ''
}

.ms-Icon--RingerOff::before {
    content: 'ï‹…'
}

.ms-Icon--RingerRemove::before {
    content: ''
}

.ms-Icon--Robot::before {
    content: ''
}

.ms-Icon--Rocket::before {
    content: ''
}

.ms-Icon--Room::before {
    content: ''
}

.ms-Icon--Rotate::before {
    content: 'îž­'
}

.ms-Icon--RowsChild::before {
    content: ''
}

.ms-Icon--RowsGroup::before {
    content: ''
}

.ms-Icon--Rugby::before {
    content: ''
}

.ms-Icon--Running::before {
    content: 'î«š'
}

.ms-Icon--Sad::before {
    content: ''
}

.ms-Icon--SadSolid::before {
    content: ''
}

.ms-Icon--Save::before {
    content: ''
}

.ms-Icon--SaveAll::before {
    content: ''
}

.ms-Icon--SaveAndClose::before {
    content: ''
}

.ms-Icon--SaveAs::before {
    content: 'îž’'
}

.ms-Icon--Savings::before {
    content: ''
}

.ms-Icon--ScaleUp::before {
    content: 'î´‰'
}

.ms-Icon--ScheduleEventAction::before {
    content: ''
}

.ms-Icon--ScopeTemplate::before {
    content: ''
}

.ms-Icon--Script::before {
    content: ''
}

.ms-Icon--ScrollUpDown::before {
    content: ''
}

.ms-Icon--Search::before {
    content: ''
}

.ms-Icon--SearchAndApps::before {
    content: ''
}

.ms-Icon--SearchBookmark::before {
    content: 'ï–¸'
}

.ms-Icon--SearchCalendar::before {
    content: 'ï’¯'
}

[dir=ltr] .ms-Icon--SearchIssue::before {
    content: 'ï‚š'
}

[dir=ltr] .ms-Icon--SearchIssueMirrored::before,
[dir=rtl] .ms-Icon--SearchIssue::before {
    content: 'ï‚›'
}

[dir=rtl] .ms-Icon--SearchIssueMirrored::before {
    content: 'ï‚š'
}

.ms-Icon--Section::before {
    content: ''
}

.ms-Icon--Sections::before {
    content: ''
}

.ms-Icon--SecurityGroup::before {
    content: ''
}

.ms-Icon--SelectAll::before {
    content: ''
}

.ms-Icon--Sell::before {
    content: ''
}

.ms-Icon--SemiboldWeight::before {
    content: 'ï“°'
}

[dir=ltr] .ms-Icon--Send::before {
    content: ''
}

[dir=ltr] .ms-Icon--SendMirrored::before,
[dir=rtl] .ms-Icon--Send::before {
    content: 'î©£'
}

[dir=rtl] .ms-Icon--SendMirrored::before {
    content: ''
}

.ms-Icon--Separator::before {
    content: ''
}

.ms-Icon--Server::before {
    content: ''
}

.ms-Icon--ServerEnviroment::before {
    content: ''
}

.ms-Icon--ServerProcesses::before {
    content: ''
}

.ms-Icon--SetAction::before {
    content: ''
}

.ms-Icon--Settings::before {
    content: ''
}

.ms-Icon--Share::before {
    content: ''
}

.ms-Icon--ShareiOS::before {
    content: 'î½¹'
}

.ms-Icon--SharepointLogo::before {
    content: ''
}

.ms-Icon--SharepointLogoFill::before {
    content: ''
}

.ms-Icon--SharepointLogoInverse::before {
    content: 'î´˜'
}

.ms-Icon--Shield::before {
    content: ''
}

.ms-Icon--ShieldSolid::before {
    content: ''
}

.ms-Icon--Shop::before {
    content: ''
}

.ms-Icon--ShoppingCart::before {
    content: 'îž¿'
}

.ms-Icon--ShoppingCartSolid::before {
    content: ''
}

.ms-Icon--ShopServer::before {
    content: ''
}

[dir=ltr] .ms-Icon--ShowResults::before {
    content: ''
}

[dir=ltr] .ms-Icon--ShowResultsMirrored::before,
[dir=rtl] .ms-Icon--ShowResults::before {
    content: 'î©¥'
}

[dir=rtl] .ms-Icon--ShowResultsMirrored::before {
    content: ''
}

[dir=ltr] .ms-Icon--SidePanel::before {
    content: 'î½’'
}

[dir=ltr] .ms-Icon--SidePanelMirrored::before,
[dir=rtl] .ms-Icon--SidePanel::before {
    content: ''
}

[dir=rtl] .ms-Icon--SidePanelMirrored::before {
    content: 'î½’'
}

.ms-Icon--SignOut::before {
    content: ''
}

.ms-Icon--SingleBookmark::before {
    content: 'î·¿'
}

.ms-Icon--SingleBookmarkSolid::before {
    content: ''
}

.ms-Icon--SingleColumn::before {
    content: ''
}

.ms-Icon--SingleColumnEdit::before {
    content: ''
}

.ms-Icon--SIPMove::before {
    content: ''
}

.ms-Icon--SiteScan::before {
    content: ''
}

.ms-Icon--SizeLegacy::before {
    content: ''
}

.ms-Icon--SkiResorts::before {
    content: 'î­…'
}

.ms-Icon--SkypeCheck::before {
    content: 'î¾€'
}

.ms-Icon--SkypeCircleCheck::before {
    content: 'î½½'
}

.ms-Icon--SkypeCircleClock::before {
    content: 'î½¾'
}

.ms-Icon--SkypeCircleMinus::before {
    content: ''
}

.ms-Icon--SkypeClock::before {
    content: ''
}

.ms-Icon--SkypeForBusinessLogo::before {
    content: ''
}

.ms-Icon--SkypeForBusinessLogo16::before {
    content: ''
}

.ms-Icon--SkypeForBusinessLogoFill::before {
    content: ''
}

.ms-Icon--SkypeForBusinessLogoFill16::before {
    content: ''
}

.ms-Icon--SkypeLogo::before {
    content: 'î­¯'
}

.ms-Icon--SkypeLogo16::before {
    content: ''
}

.ms-Icon--SkypeMessage::before {
    content: ''
}

.ms-Icon--SkypeMinus::before {
    content: ''
}

.ms-Icon--Slider::before {
    content: ''
}

.ms-Icon--SliderHandleSize::before {
    content: ''
}

.ms-Icon--SliderThumb::before {
    content: 'î°“'
}

.ms-Icon--Snooze::before {
    content: 'ï’½'
}

.ms-Icon--Snow::before {
    content: ''
}

.ms-Icon--Snowflake::before {
    content: 'î­†'
}

.ms-Icon--SnowShowerDay::before {
    content: ''
}

.ms-Icon--SnowShowerNight::before {
    content: ''
}

.ms-Icon--Soccer::before {
    content: ''
}

.ms-Icon--SocialListeningLogo::before {
    content: 'îµ¼'
}

.ms-Icon--Sort::before {
    content: ''
}

.ms-Icon--SortDown::before {
    content: ''
}

.ms-Icon--SortLines::before {
    content: ''
}

.ms-Icon--SortUp::before {
    content: ''
}

.ms-Icon--Source::before {
    content: ''
}

.ms-Icon--Spacer::before {
    content: ''
}

.ms-Icon--Speakers::before {
    content: ''
}

.ms-Icon--SpeedHigh::before {
    content: ''
}

.ms-Icon--Split::before {
    content: ''
}

.ms-Icon--SplitObject::before {
    content: ''
}

.ms-Icon--Sprint::before {
    content: ''
}

.ms-Icon--Squalls::before {
    content: ''
}

.ms-Icon--SquareShapeSolid::before {
    content: ''
}

.ms-Icon--Stack::before {
    content: ''
}

.ms-Icon--StackedBarChart::before {
    content: ''
}

.ms-Icon--StackedLineChart::before {
    content: ''
}

.ms-Icon--StackIndicator::before {
    content: ''
}

.ms-Icon--StaffNotebookLogo16::before {
    content: 'ï’Ž'
}

.ms-Icon--StaffNotebookLogo32::before {
    content: ''
}

.ms-Icon--StaffNotebookLogoFill16::before {
    content: ''
}

.ms-Icon--StaffNotebookLogoFill32::before {
    content: ''
}

.ms-Icon--StaffNotebookLogoInverted16::before {
    content: 'ï’‘'
}

.ms-Icon--StaffNotebookLogoInverted32::before {
    content: ''
}

.ms-Icon--Starburst::before {
    content: ''
}

.ms-Icon--StarburstSolid::before {
    content: ''
}

.ms-Icon--StatusCircleBlock2::before {
    content: ''
}

.ms-Icon--StatusCircleCheckmark::before {
    content: ''
}

.ms-Icon--StatusCircleErrorX::before {
    content: ''
}

.ms-Icon--StatusCircleExclamation::before {
    content: ''
}

.ms-Icon--StatusCircleInfo::before {
    content: 'ï„¿'
}

.ms-Icon--StatusCircleInner::before {
    content: 'ï„·'
}

.ms-Icon--StatusCircleOuter::before {
    content: ''
}

.ms-Icon--StatusCircleQuestionMark::before {
    content: 'ï…‚'
}

.ms-Icon--StatusCircleRing::before {
    content: ''
}

.ms-Icon--StatusErrorFull::before {
    content: ''
}

.ms-Icon--StatusTriangle::before {
    content: ''
}

.ms-Icon--StatusTriangleExclamation::before {
    content: 'ï„»'
}

.ms-Icon--StatusTriangleInner::before {
    content: ''
}

.ms-Icon--StatusTriangleOuter::before {
    content: ''
}

.ms-Icon--Step::before {
    content: ''
}

.ms-Icon--StepInsert::before {
    content: ''
}

.ms-Icon--StepShared::before {
    content: ''
}

.ms-Icon--StepSharedAdd::before {
    content: ''
}

.ms-Icon--StepSharedInsert::before {
    content: ''
}

.ms-Icon--StockDown::before {
    content: ''
}

.ms-Icon--StockUp::before {
    content: ''
}

.ms-Icon--Stop::before {
    content: ''
}

.ms-Icon--StopSolid::before {
    content: ''
}

.ms-Icon--Stopwatch::before {
    content: ''
}

.ms-Icon--StoreLogo16::before {
    content: ''
}

.ms-Icon--StoreLogoMed20::before {
    content: ''
}

.ms-Icon--Storyboard::before {
    content: ''
}

.ms-Icon--Streaming::before {
    content: ''
}

.ms-Icon--StreamingOff::before {
    content: ''
}

.ms-Icon--StreamLogo::before {
    content: ''
}

.ms-Icon--Strikethrough::before {
    content: 'î· '
}

.ms-Icon--Subscribe::before {
    content: ''
}

.ms-Icon--Subscript::before {
    content: 'î·Ÿ'
}

.ms-Icon--SubstitutionsIn::before {
    content: ''
}

.ms-Icon--Suitcase::before {
    content: 'î·“'
}

.ms-Icon--SunAdd::before {
    content: ''
}

.ms-Icon--Sunny::before {
    content: ''
}

.ms-Icon--SunQuestionMark::before {
    content: ''
}

.ms-Icon--Superscript::before {
    content: 'î·ž'
}

.ms-Icon--SurveyQuestions::before {
    content: ''
}

.ms-Icon--SwayLogo16::before {
    content: 'ï’„'
}

.ms-Icon--SwayLogo32::before {
    content: 'ï’‚'
}

.ms-Icon--SwayLogoFill16::before {
    content: 'ï’…'
}

.ms-Icon--SwayLogoFill32::before {
    content: 'ï’ƒ'
}

.ms-Icon--SwayLogoInverse::before {
    content: 'î´©'
}

.ms-Icon--Switch::before {
    content: ''
}

.ms-Icon--SwitcherStartEnd::before {
    content: 'î '
}

.ms-Icon--Sync::before {
    content: ''
}

.ms-Icon--SyncFolder::before {
    content: ''
}

.ms-Icon--SyncOccurence::before {
    content: 'ï’£'
}

.ms-Icon--SyncToPC::before {
    content: 'î¹®'
}

.ms-Icon--System::before {
    content: ''
}

.ms-Icon--Tab::before {
    content: ''
}

.ms-Icon--Table::before {
    content: ''
}

.ms-Icon--Tablet::before {
    content: ''
}

.ms-Icon--TabletMode::before {
    content: ''
}

.ms-Icon--TabletSelected::before {
    content: 'î±´'
}

.ms-Icon--Tag::before {
    content: ''
}

.ms-Icon--Taskboard::before {
    content: ''
}

[dir=ltr] .ms-Icon--TaskGroup::before {
    content: ''
}

[dir=ltr] .ms-Icon--TaskGroupMirrored::before,
[dir=rtl] .ms-Icon--TaskGroup::before {
    content: ''
}

[dir=rtl] .ms-Icon--TaskGroupMirrored::before {
    content: ''
}

.ms-Icon--TaskLogo::before {
    content: 'ï’“'
}

[dir=ltr] .ms-Icon--TaskManager::before {
    content: ''
}

[dir=ltr] .ms-Icon--TaskManagerMirrored::before,
[dir=rtl] .ms-Icon--TaskManager::before {
    content: ''
}

[dir=rtl] .ms-Icon--TaskManagerMirrored::before {
    content: ''
}

.ms-Icon--TaskSolid::before {
    content: ''
}

.ms-Icon--Taxi::before {
    content: 'ï’¡'
}

.ms-Icon--TeamFavorite::before {
    content: ''
}

.ms-Icon--TeamsLogo::before {
    content: ''
}

.ms-Icon--TeamsLogoFill::before {
    content: ''
}

.ms-Icon--TeamsLogoInverse::before {
    content: ''
}

.ms-Icon--Teamwork::before {
    content: ''
}

.ms-Icon--Teeth::before {
    content: 'ï’ '
}

.ms-Icon--TemporaryUser::before {
    content: ''
}

.ms-Icon--Tennis::before {
    content: ''
}

.ms-Icon--TestAutoSolid::before {
    content: ''
}

.ms-Icon--TestBeaker::before {
    content: ''
}

.ms-Icon--TestBeakerSolid::before {
    content: ''
}

.ms-Icon--TestCase::before {
    content: ''
}

.ms-Icon--TestExploreSolid::before {
    content: ''
}

.ms-Icon--TestImpactSolid::before {
    content: ''
}

.ms-Icon--TestParameter::before {
    content: ''
}

.ms-Icon--TestPlan::before {
    content: ''
}

.ms-Icon--TestStep::before {
    content: ''
}

.ms-Icon--TestSuite::before {
    content: ''
}

.ms-Icon--TestUserSolid::before {
    content: ''
}

.ms-Icon--TextBox::before {
    content: 'î·‚'
}

.ms-Icon--TextCallout::before {
    content: ''
}

.ms-Icon--TextDocument::before {
    content: ''
}

.ms-Icon--TextDocumentShared::before {
    content: ''
}

.ms-Icon--TextField::before {
    content: 'î·ƒ'
}

.ms-Icon--TextOverflow::before {
    content: ''
}

.ms-Icon--TFVCLogo::before {
    content: ''
}

.ms-Icon--ThisPC::before {
    content: ''
}

.ms-Icon--ThreeQuarterCircle::before {
    content: ''
}

[dir=ltr] .ms-Icon--ThumbnailView::before {
    content: ''
}

[dir=ltr] .ms-Icon--ThumbnailViewMirrored::before,
[dir=rtl] .ms-Icon--ThumbnailView::before {
    content: ''
}

[dir=rtl] .ms-Icon--ThumbnailViewMirrored::before {
    content: ''
}

.ms-Icon--Thunderstorms::before {
    content: ''
}

.ms-Icon--Ticket::before {
    content: 'î­”'
}

.ms-Icon--Tiles::before {
    content: 'î²¥'
}

.ms-Icon--Tiles2::before {
    content: 'î½¼'
}

.ms-Icon--TimeEntry::before {
    content: ''
}

.ms-Icon--Timeline::before {
    content: ''
}

.ms-Icon--TimelineDelivery::before {
    content: ''
}

.ms-Icon--TimelineMatrixView::before {
    content: ''
}

.ms-Icon--TimelineProgress::before {
    content: ''
}

.ms-Icon--Timer::before {
    content: ''
}

.ms-Icon--TimeSheet::before {
    content: ''
}

.ms-Icon--ToDoLogoBottom::before {
    content: 'ï’³'
}

.ms-Icon--ToDoLogoInverse::before {
    content: 'ï’¼'
}

.ms-Icon--ToDoLogoTop::before {
    content: 'ï’´'
}

.ms-Icon--ToggleBorder::before {
    content: 'î°’'
}

.ms-Icon--ToggleFilled::before {
    content: 'î°‘'
}

.ms-Icon--ToggleOff::before {
    content: ''
}

.ms-Icon--ToggleThumb::before {
    content: 'î°”'
}

.ms-Icon--Toll::before {
    content: 'ï… '
}

.ms-Icon--Touch::before {
    content: 'î •'
}

.ms-Icon--TouchPointer::before {
    content: ''
}

[dir=ltr] .ms-Icon--Trackers::before {
    content: 'î«Ÿ'
}

[dir=ltr] .ms-Icon--TrackersMirrored::before,
[dir=rtl] .ms-Icon--Trackers::before {
    content: ''
}

[dir=rtl] .ms-Icon--TrackersMirrored::before {
    content: 'î«Ÿ'
}

.ms-Icon--Train::before {
    content: ''
}

.ms-Icon--TrainSolid::before {
    content: ''
}

.ms-Icon--TransferCall::before {
    content: ''
}

.ms-Icon--Transition::before {
    content: ''
}

.ms-Icon--TransitionEffect::before {
    content: 'ï–´'
}

.ms-Icon--TransitionPop::before {
    content: 'ï–²'
}

.ms-Icon--TransitionPush::before {
    content: 'ï–³'
}

.ms-Icon--Trending12::before {
    content: ''
}

.ms-Icon--TriangleDown12::before {
    content: ''
}

.ms-Icon--TriangleLeft12::before {
    content: 'î»’'
}

.ms-Icon--TriangleRight12::before {
    content: ''
}

.ms-Icon--TriangleShapeSolid::before {
    content: ''
}

.ms-Icon--TriangleSolid::before {
    content: ''
}

.ms-Icon--TriangleSolidDown12::before {
    content: ''
}

.ms-Icon--TriangleSolidLeft12::before {
    content: ''
}

.ms-Icon--TriangleSolidRight12::before {
    content: ''
}

.ms-Icon--TriangleSolidUp12::before {
    content: ''
}

.ms-Icon--TriangleUp12::before {
    content: ''
}

.ms-Icon--TriggerApproval::before {
    content: ''
}

.ms-Icon--TriggerAuto::before {
    content: ''
}

.ms-Icon--TriggerUser::before {
    content: ''
}

.ms-Icon--TripleColumn::before {
    content: ''
}

.ms-Icon--TripleColumnEdit::before {
    content: ''
}

.ms-Icon--Trophy::before {
    content: 'î´¿'
}

.ms-Icon--Trophy2::before {
    content: ''
}

.ms-Icon--Trophy2Solid::before {
    content: ''
}

.ms-Icon--TurnRight::before {
    content: ''
}

.ms-Icon--TVMonitor::before {
    content: ''
}

.ms-Icon--TVMonitorSelected::before {
    content: 'î±·'
}

.ms-Icon--TypeScriptLanguage::before {
    content: 'ï‹·'
}

.ms-Icon--Umbrella::before {
    content: 'î°„'
}

.ms-Icon--Underline::before {
    content: ''
}

.ms-Icon--Undo::before {
    content: ''
}

[dir=ltr] .ms-Icon--Uneditable::before {
    content: ''
}

[dir=ltr] .ms-Icon--UneditableMirrored::before,
[dir=rtl] .ms-Icon--Uneditable::before {
    content: 'ï’¹'
}

[dir=rtl] .ms-Icon--UneditableMirrored::before {
    content: ''
}

[dir=ltr] .ms-Icon--UneditableSolid12::before {
    content: 'ï’·'
}

[dir=ltr] .ms-Icon--UneditableSolidMirrored12::before,
[dir=rtl] .ms-Icon--UneditableSolid12::before {
    content: 'ï’¸'
}

[dir=rtl] .ms-Icon--UneditableSolidMirrored12::before {
    content: 'ï’·'
}

.ms-Icon--Unfavorite::before {
    content: ''
}

.ms-Icon--UngroupObject::before {
    content: ''
}

.ms-Icon--UnknownCall::before {
    content: ''
}

[dir=ltr] .ms-Icon--Unknown::before {
    content: ''
}

[dir=ltr] .ms-Icon--UnknownMirrored::before,
[dir=rtl] .ms-Icon--Unknown::before {
    content: ''
}

[dir=rtl] .ms-Icon--UnknownMirrored::before {
    content: ''
}

[dir=ltr] .ms-Icon--UnknownSolid::before {
    content: 'ï‹¡'
}

[dir=ltr] .ms-Icon--UnknownMirroredSolid::before,
[dir=rtl] .ms-Icon--UnknownSolid::before {
    content: 'ï‹¢'
}

[dir=rtl] .ms-Icon--UnknownMirroredSolid::before {
    content: 'ï‹¡'
}

.ms-Icon--Unlock::before {
    content: 'îž…'
}

.ms-Icon--UnlockSolid::before {
    content: ''
}

.ms-Icon--Unpin::before {
    content: ''
}

.ms-Icon--Unsubscribe::before {
    content: 'î¶ '
}

.ms-Icon--UnsyncFolder::before {
    content: ''
}

.ms-Icon--UnsyncOccurence::before {
    content: 'ï’¤'
}

.ms-Icon--Up::before {
    content: ''
}

.ms-Icon--Upload::before {
    content: ''
}

.ms-Icon--UserEvent::before {
    content: ''
}

.ms-Icon--UserFollowed::before {
    content: ''
}

.ms-Icon--UserPause::before {
    content: ''
}

.ms-Icon--UserRemove::before {
    content: 'ïš›'
}

.ms-Icon--UserSync::before {
    content: ''
}

.ms-Icon--Vacation::before {
    content: 'ï’Ÿ'
}

.ms-Icon--Variable::before {
    content: ''
}

.ms-Icon--VariableGroup::before {
    content: ''
}

.ms-Icon--VB::before {
    content: ''
}

.ms-Icon--VennDiagram::before {
    content: ''
}

.ms-Icon--VersionControlPush::before {
    content: ''
}

.ms-Icon--VerticalDistributeCenter::before {
    content: ''
}

.ms-Icon--Video::before {
    content: ''
}

.ms-Icon--VideoOff::before {
    content: 'ï’°'
}

.ms-Icon--VideoSearch::before {
    content: ''
}

.ms-Icon--VideoSolid::before {
    content: ''
}

.ms-Icon--View::before {
    content: ''
}

.ms-Icon--ViewAll::before {
    content: ''
}

.ms-Icon--ViewAll2::before {
    content: 'î½–'
}

.ms-Icon--ViewDashboard::before {
    content: ''
}

.ms-Icon--ViewList::before {
    content: ''
}

.ms-Icon--GridViewSmall::before {
    content: ''
}

.ms-Icon--ViewListGroup::before {
    content: ''
}

.ms-Icon--ViewListTree::before {
    content: ''
}

.ms-Icon--VisioDiagram::before {
    content: 'ïŠ '
}

.ms-Icon--VisioDocument::before {
    content: ''
}

.ms-Icon--VisioLogo::before {
    content: ''
}

.ms-Icon--VisioLogo16::before {
    content: ''
}

.ms-Icon--VisioLogoFill::before {
    content: ''
}

.ms-Icon--VisioLogoFill16::before {
    content: ''
}

.ms-Icon--VisioLogoInverse::before {
    content: 'îµ½'
}

.ms-Icon--VisioLogoInverse16::before {
    content: ''
}

.ms-Icon--VisualBasicLanguage::before {
    content: ''
}

.ms-Icon--VisualsFolder::before {
    content: 'ï” '
}

.ms-Icon--VisualsStore::before {
    content: ''
}

.ms-Icon--VisualStudioIDELogo32::before {
    content: ''
}

.ms-Icon--VisualStudioLogo::before {
    content: 'î°¢'
}

.ms-Icon--VoicemailForward::before {
    content: ''
}

.ms-Icon--VoicemailIRM::before {
    content: ''
}

.ms-Icon--VoicemailReply::before {
    content: ''
}

.ms-Icon--Volume0::before {
    content: ''
}

.ms-Icon--Volume1::before {
    content: ''
}

.ms-Icon--Volume2::before {
    content: ''
}

.ms-Icon--Volume3::before {
    content: ''
}

.ms-Icon--VolumeDisabled::before {
    content: ''
}

.ms-Icon--VSTSAltLogo1::before {
    content: ''
}

.ms-Icon--VSTSAltLogo2::before {
    content: ''
}

.ms-Icon--VSTSLogo::before {
    content: ''
}

.ms-Icon--Waffle::before {
    content: ''
}

.ms-Icon--WaffleOffice365::before {
    content: 'ï“ '
}

[dir=ltr] .ms-Icon--WaitlistConfirm::before {
    content: ''
}

[dir=ltr] .ms-Icon--WaitlistConfirmMirrored::before,
[dir=rtl] .ms-Icon--WaitlistConfirm::before {
    content: 'ï•‘'
}

[dir=rtl] .ms-Icon--WaitlistConfirmMirrored::before {
    content: ''
}

.ms-Icon--Warning::before {
    content: ''
}

.ms-Icon--Warning12::before {
    content: ''
}

.ms-Icon--WebPublish::before {
    content: ''
}

.ms-Icon--Website::before {
    content: ''
}

.ms-Icon--Weights::before {
    content: 'î«›'
}

.ms-Icon--WhiteBoardApp16::before {
    content: ''
}

.ms-Icon--WhiteBoardApp32::before {
    content: 'ï™´'
}

.ms-Icon--WifiEthernet::before {
    content: 'î¹·'
}

.ms-Icon--WindDirection::before {
    content: ''
}

.ms-Icon--WindowEdit::before {
    content: ''
}

.ms-Icon--WindowsLogo::before {
    content: 'îž‚'
}

.ms-Icon--Wines::before {
    content: ''
}

.ms-Icon--WipePhone::before {
    content: ''
}

.ms-Icon--WordDocument::before {
    content: 'î½±'
}

.ms-Icon--WordLogo::before {
    content: ''
}

.ms-Icon--WordLogo16::before {
    content: ''
}

.ms-Icon--WordLogoFill::before {
    content: ''
}

.ms-Icon--WordLogoFill16::before {
    content: ''
}

.ms-Icon--WordLogoInverse::before {
    content: 'î°©'
}

.ms-Icon--WordLogoInverse16::before {
    content: ''
}

.ms-Icon--Work::before {
    content: 'î ¡'
}

.ms-Icon--WorkFlow::before {
    content: ''
}

.ms-Icon--WorkforceManagement::before {
    content: ''
}

.ms-Icon--WorkItem::before {
    content: ''
}

.ms-Icon--WorkItemBar::before {
    content: ''
}

.ms-Icon--WorkItemBarSolid::before {
    content: ''
}

.ms-Icon--WorkItemBug::before {
    content: ''
}

.ms-Icon--World::before {
    content: ''
}

.ms-Icon--WorldClock::before {
    content: ''
}

.ms-Icon--YammerLogo::before {
    content: 'î´™'
}

.ms-Icon--ZipFolder::before {
    content: ''
}

.ms-Icon--Zoom::before {
    content: ''
}

.ms-Icon--ZoomIn::before {
    content: ''
}

.ms-Icon--ZoomOut::before {
    content: ''
}

.ms-Icon--HumanResources::before {
    content: ''
}

.ms-Icon--StoreLogo::before {
    content: ''
}

.ms-Icon--StoreLogoMed::before {
    content: ''
}

@media (max-width:479px) {
    .ms-hiddenLgDown,
    .ms-hiddenMdDown,
    .ms-hiddenSm,
    .ms-hiddenXlDown,
    .ms-hiddenXxlDown {
        display: none !important
    }
}

@media (min-width:480px) and (max-width:639px) {
    .ms-hiddenLgDown,
    .ms-hiddenMd,
    .ms-hiddenMdDown,
    .ms-hiddenMdUp,
    .ms-hiddenXlDown,
    .ms-hiddenXxlDown {
        display: none !important
    }
}

@media (min-width:640px) and (max-width:1023px) {
    .ms-hiddenLg,
    .ms-hiddenLgDown,
    .ms-hiddenLgUp,
    .ms-hiddenMdUp,
    .ms-hiddenXlDown,
    .ms-hiddenXxlDown {
        display: none !important
    }
}

@media (min-width:1024px) and (max-width:1365px) {
    .ms-hiddenLgUp,
    .ms-hiddenMdUp,
    .ms-hiddenXl,
    .ms-hiddenXlDown,
    .ms-hiddenXlUp,
    .ms-hiddenXxlDown {
        display: none !important
    }
}

@media (min-width:1366px) and (max-width:1919px) {
    .ms-hiddenLgUp,
    .ms-hiddenMdUp,
    .ms-hiddenXlUp,
    .ms-hiddenXxl,
    .ms-hiddenXxlDown,
    .ms-hiddenXxlUp {
        display: none !important
    }
}

.ms-sm12 {
    width: 100%
}

.ms-sm11 {
    width: 91.66666666666666%
}

.ms-sm10 {
    width: 83.33333333333334%
}

.ms-sm9 {
    width: 75%
}

.ms-sm8 {
    width: 66.66666666666666%
}

.ms-sm7 {
    width: 58.333333333333336%
}

.ms-sm6 {
    width: 50%
}

.ms-sm5 {
    width: 41.66666666666667%
}

.ms-sm4 {
    width: 33.33333333333333%
}

.ms-sm3 {
    width: 25%
}

.ms-sm2 {
    width: 16.666666666666664%
}

.ms-sm1 {
    width: 8.333333333333332%
}

[dir=ltr] .ms-smPull12 {
    right: 100%
}

[dir=rtl] .ms-smPull12 {
    left: 100%
}

[dir=ltr] .ms-smPull11 {
    right: 91.66667%
}

[dir=rtl] .ms-smPull11 {
    left: 91.66667%
}

[dir=ltr] .ms-smPull10 {
    right: 83.33333%
}

[dir=rtl] .ms-smPull10 {
    left: 83.33333%
}

[dir=ltr] .ms-smPull9 {
    right: 75%
}

[dir=rtl] .ms-smPull9 {
    left: 75%
}

[dir=ltr] .ms-smPull8 {
    right: 66.66667%
}

[dir=rtl] .ms-smPull8 {
    left: 66.66667%
}

[dir=ltr] .ms-smPull7 {
    right: 58.33333%
}

[dir=rtl] .ms-smPull7 {
    left: 58.33333%
}

[dir=ltr] .ms-smPull6 {
    right: 50%
}

[dir=rtl] .ms-smPull6 {
    left: 50%
}

[dir=ltr] .ms-smPull5 {
    right: 41.66667%
}

[dir=rtl] .ms-smPull5 {
    left: 41.66667%
}

[dir=ltr] .ms-smPull4 {
    right: 33.33333%
}

[dir=rtl] .ms-smPull4 {
    left: 33.33333%
}

[dir=ltr] .ms-smPull3 {
    right: 25%
}

[dir=rtl] .ms-smPull3 {
    left: 25%
}

[dir=ltr] .ms-smPull2 {
    right: 16.66667%
}

[dir=rtl] .ms-smPull2 {
    left: 16.66667%
}

[dir=ltr] .ms-smPull1 {
    right: 8.33333%
}

[dir=rtl] .ms-smPull1 {
    left: 8.33333%
}

[dir=ltr] .ms-smPull0 {
    right: auto
}

[dir=rtl] .ms-smPull0 {
    left: auto
}

[dir=ltr] .ms-smPush12 {
    left: 100%
}

[dir=rtl] .ms-smPush12 {
    right: 100%
}

[dir=ltr] .ms-smPush11 {
    left: 91.66667%
}

[dir=rtl] .ms-smPush11 {
    right: 91.66667%
}

[dir=ltr] .ms-smPush10 {
    left: 83.33333%
}

[dir=rtl] .ms-smPush10 {
    right: 83.33333%
}

[dir=ltr] .ms-smPush9 {
    left: 75%
}

[dir=rtl] .ms-smPush9 {
    right: 75%
}

[dir=ltr] .ms-smPush8 {
    left: 66.66667%
}

[dir=rtl] .ms-smPush8 {
    right: 66.66667%
}

[dir=ltr] .ms-smPush7 {
    left: 58.33333%
}

[dir=rtl] .ms-smPush7 {
    right: 58.33333%
}

[dir=ltr] .ms-smPush6 {
    left: 50%
}

[dir=rtl] .ms-smPush6 {
    right: 50%
}

[dir=ltr] .ms-smPush5 {
    left: 41.66667%
}

[dir=rtl] .ms-smPush5 {
    right: 41.66667%
}

[dir=ltr] .ms-smPush4 {
    left: 33.33333%
}

[dir=rtl] .ms-smPush4 {
    right: 33.33333%
}

[dir=ltr] .ms-smPush3 {
    left: 25%
}

[dir=rtl] .ms-smPush3 {
    right: 25%
}

[dir=ltr] .ms-smPush2 {
    left: 16.66667%
}

[dir=rtl] .ms-smPush2 {
    right: 16.66667%
}

[dir=ltr] .ms-smPush1 {
    left: 8.33333%
}

[dir=rtl] .ms-smPush1 {
    right: 8.33333%
}

[dir=ltr] .ms-smPush0 {
    left: auto
}

[dir=rtl] .ms-smPush0 {
    right: auto
}

[dir=ltr] .ms-smOffset11 {
    margin-left: 91.66667%
}

[dir=rtl] .ms-smOffset11 {
    margin-right: 91.66667%
}

[dir=ltr] .ms-smOffset10 {
    margin-left: 83.33333%
}

[dir=rtl] .ms-smOffset10 {
    margin-right: 83.33333%
}

[dir=ltr] .ms-smOffset9 {
    margin-left: 75%
}

[dir=rtl] .ms-smOffset9 {
    margin-right: 75%
}

[dir=ltr] .ms-smOffset8 {
    margin-left: 66.66667%
}

[dir=rtl] .ms-smOffset8 {
    margin-right: 66.66667%
}

[dir=ltr] .ms-smOffset7 {
    margin-left: 58.33333%
}

[dir=rtl] .ms-smOffset7 {
    margin-right: 58.33333%
}

[dir=ltr] .ms-smOffset6 {
    margin-left: 50%
}

[dir=rtl] .ms-smOffset6 {
    margin-right: 50%
}

[dir=ltr] .ms-smOffset5 {
    margin-left: 41.66667%
}

[dir=rtl] .ms-smOffset5 {
    margin-right: 41.66667%
}

[dir=ltr] .ms-smOffset4 {
    margin-left: 33.33333%
}

[dir=rtl] .ms-smOffset4 {
    margin-right: 33.33333%
}

[dir=ltr] .ms-smOffset3 {
    margin-left: 25%
}

[dir=rtl] .ms-smOffset3 {
    margin-right: 25%
}

[dir=ltr] .ms-smOffset2 {
    margin-left: 16.66667%
}

[dir=rtl] .ms-smOffset2 {
    margin-right: 16.66667%
}

[dir=ltr] .ms-smOffset1 {
    margin-left: 8.33333%
}

[dir=rtl] .ms-smOffset1 {
    margin-right: 8.33333%
}

[dir=ltr] .ms-smOffset0 {
    margin-left: 0
}

[dir=rtl] .ms-smOffset0 {
    margin-right: 0
}

@media (min-width:480px) {
    .ms-md12 {
        width: 100%
    }

    .ms-md11 {
        width: 91.66666666666666%
    }

    .ms-md10 {
        width: 83.33333333333334%
    }

    .ms-md9 {
        width: 75%
    }

    .ms-md8 {
        width: 66.66666666666666%
    }

    .ms-md7 {
        width: 58.333333333333336%
    }

    .ms-md6 {
        width: 50%
    }

    .ms-md5 {
        width: 41.66666666666667%
    }

    .ms-md4 {
        width: 33.33333333333333%
    }

    .ms-md3 {
        width: 25%
    }

    .ms-md2 {
        width: 16.666666666666664%
    }

    .ms-md1 {
        width: 8.333333333333332%
    }

    [dir=ltr] .ms-mdPull12 {
        right: 100%
    }

    [dir=rtl] .ms-mdPull12 {
        left: 100%
    }

    [dir=ltr] .ms-mdPull11 {
        right: 91.66667%
    }

    [dir=rtl] .ms-mdPull11 {
        left: 91.66667%
    }

    [dir=ltr] .ms-mdPull10 {
        right: 83.33333%
    }

    [dir=rtl] .ms-mdPull10 {
        left: 83.33333%
    }

    [dir=ltr] .ms-mdPull9 {
        right: 75%
    }

    [dir=rtl] .ms-mdPull9 {
        left: 75%
    }

    [dir=ltr] .ms-mdPull8 {
        right: 66.66667%
    }

    [dir=rtl] .ms-mdPull8 {
        left: 66.66667%
    }

    [dir=ltr] .ms-mdPull7 {
        right: 58.33333%
    }

    [dir=rtl] .ms-mdPull7 {
        left: 58.33333%
    }

    [dir=ltr] .ms-mdPull6 {
        right: 50%
    }

    [dir=rtl] .ms-mdPull6 {
        left: 50%
    }

    [dir=ltr] .ms-mdPull5 {
        right: 41.66667%
    }

    [dir=rtl] .ms-mdPull5 {
        left: 41.66667%
    }

    [dir=ltr] .ms-mdPull4 {
        right: 33.33333%
    }

    [dir=rtl] .ms-mdPull4 {
        left: 33.33333%
    }

    [dir=ltr] .ms-mdPull3 {
        right: 25%
    }

    [dir=rtl] .ms-mdPull3 {
        left: 25%
    }

    [dir=ltr] .ms-mdPull2 {
        right: 16.66667%
    }

    [dir=rtl] .ms-mdPull2 {
        left: 16.66667%
    }

    [dir=ltr] .ms-mdPull1 {
        right: 8.33333%
    }

    [dir=rtl] .ms-mdPull1 {
        left: 8.33333%
    }

    [dir=ltr] .ms-mdPull0 {
        right: auto
    }

    [dir=rtl] .ms-mdPull0 {
        left: auto
    }

    [dir=ltr] .ms-mdPush12 {
        left: 100%
    }

    [dir=rtl] .ms-mdPush12 {
        right: 100%
    }

    [dir=ltr] .ms-mdPush11 {
        left: 91.66667%
    }

    [dir=rtl] .ms-mdPush11 {
        right: 91.66667%
    }

    [dir=ltr] .ms-mdPush10 {
        left: 83.33333%
    }

    [dir=rtl] .ms-mdPush10 {
        right: 83.33333%
    }

    [dir=ltr] .ms-mdPush9 {
        left: 75%
    }

    [dir=rtl] .ms-mdPush9 {
        right: 75%
    }

    [dir=ltr] .ms-mdPush8 {
        left: 66.66667%
    }

    [dir=rtl] .ms-mdPush8 {
        right: 66.66667%
    }

    [dir=ltr] .ms-mdPush7 {
        left: 58.33333%
    }

    [dir=rtl] .ms-mdPush7 {
        right: 58.33333%
    }

    [dir=ltr] .ms-mdPush6 {
        left: 50%
    }

    [dir=rtl] .ms-mdPush6 {
        right: 50%
    }

    [dir=ltr] .ms-mdPush5 {
        left: 41.66667%
    }

    [dir=rtl] .ms-mdPush5 {
        right: 41.66667%
    }

    [dir=ltr] .ms-mdPush4 {
        left: 33.33333%
    }

    [dir=rtl] .ms-mdPush4 {
        right: 33.33333%
    }

    [dir=ltr] .ms-mdPush3 {
        left: 25%
    }

    [dir=rtl] .ms-mdPush3 {
        right: 25%
    }

    [dir=ltr] .ms-mdPush2 {
        left: 16.66667%
    }

    [dir=rtl] .ms-mdPush2 {
        right: 16.66667%
    }

    [dir=ltr] .ms-mdPush1 {
        left: 8.33333%
    }

    [dir=rtl] .ms-mdPush1 {
        right: 8.33333%
    }

    [dir=ltr] .ms-mdPush0 {
        left: auto
    }

    [dir=rtl] .ms-mdPush0 {
        right: auto
    }

    [dir=ltr] .ms-mdOffset11 {
        margin-left: 91.66667%
    }

    [dir=rtl] .ms-mdOffset11 {
        margin-right: 91.66667%
    }

    [dir=ltr] .ms-mdOffset10 {
        margin-left: 83.33333%
    }

    [dir=rtl] .ms-mdOffset10 {
        margin-right: 83.33333%
    }

    [dir=ltr] .ms-mdOffset9 {
        margin-left: 75%
    }

    [dir=rtl] .ms-mdOffset9 {
        margin-right: 75%
    }

    [dir=ltr] .ms-mdOffset8 {
        margin-left: 66.66667%
    }

    [dir=rtl] .ms-mdOffset8 {
        margin-right: 66.66667%
    }

    [dir=ltr] .ms-mdOffset7 {
        margin-left: 58.33333%
    }

    [dir=rtl] .ms-mdOffset7 {
        margin-right: 58.33333%
    }

    [dir=ltr] .ms-mdOffset6 {
        margin-left: 50%
    }

    [dir=rtl] .ms-mdOffset6 {
        margin-right: 50%
    }

    [dir=ltr] .ms-mdOffset5 {
        margin-left: 41.66667%
    }

    [dir=rtl] .ms-mdOffset5 {
        margin-right: 41.66667%
    }

    [dir=ltr] .ms-mdOffset4 {
        margin-left: 33.33333%
    }

    [dir=rtl] .ms-mdOffset4 {
        margin-right: 33.33333%
    }

    [dir=ltr] .ms-mdOffset3 {
        margin-left: 25%
    }

    [dir=rtl] .ms-mdOffset3 {
        margin-right: 25%
    }

    [dir=ltr] .ms-mdOffset2 {
        margin-left: 16.66667%
    }

    [dir=rtl] .ms-mdOffset2 {
        margin-right: 16.66667%
    }

    [dir=ltr] .ms-mdOffset1 {
        margin-left: 8.33333%
    }

    [dir=rtl] .ms-mdOffset1 {
        margin-right: 8.33333%
    }

    [dir=ltr] .ms-mdOffset0 {
        margin-left: 0
    }

    [dir=rtl] .ms-mdOffset0 {
        margin-right: 0
    }
}

@media (min-width:640px) {
    .ms-lg12 {
        width: 100%
    }

    .ms-lg11 {
        width: 91.66666666666666%
    }

    .ms-lg10 {
        width: 83.33333333333334%
    }

    .ms-lg9 {
        width: 75%
    }

    .ms-lg8 {
        width: 66.66666666666666%
    }

    .ms-lg7 {
        width: 58.333333333333336%
    }

    .ms-lg6 {
        width: 50%
    }

    .ms-lg5 {
        width: 41.66666666666667%
    }

    .ms-lg4 {
        width: 33.33333333333333%
    }

    .ms-lg3 {
        width: 25%
    }

    .ms-lg2 {
        width: 16.666666666666664%
    }

    .ms-lg1 {
        width: 8.333333333333332%
    }

    [dir=ltr] .ms-lgPull12 {
        right: 100%
    }

    [dir=rtl] .ms-lgPull12 {
        left: 100%
    }

    [dir=ltr] .ms-lgPull11 {
        right: 91.66667%
    }

    [dir=rtl] .ms-lgPull11 {
        left: 91.66667%
    }

    [dir=ltr] .ms-lgPull10 {
        right: 83.33333%
    }

    [dir=rtl] .ms-lgPull10 {
        left: 83.33333%
    }

    [dir=ltr] .ms-lgPull9 {
        right: 75%
    }

    [dir=rtl] .ms-lgPull9 {
        left: 75%
    }

    [dir=ltr] .ms-lgPull8 {
        right: 66.66667%
    }

    [dir=rtl] .ms-lgPull8 {
        left: 66.66667%
    }

    [dir=ltr] .ms-lgPull7 {
        right: 58.33333%
    }

    [dir=rtl] .ms-lgPull7 {
        left: 58.33333%
    }

    [dir=ltr] .ms-lgPull6 {
        right: 50%
    }

    [dir=rtl] .ms-lgPull6 {
        left: 50%
    }

    [dir=ltr] .ms-lgPull5 {
        right: 41.66667%
    }

    [dir=rtl] .ms-lgPull5 {
        left: 41.66667%
    }

    [dir=ltr] .ms-lgPull4 {
        right: 33.33333%
    }

    [dir=rtl] .ms-lgPull4 {
        left: 33.33333%
    }

    [dir=ltr] .ms-lgPull3 {
        right: 25%
    }

    [dir=rtl] .ms-lgPull3 {
        left: 25%
    }

    [dir=ltr] .ms-lgPull2 {
        right: 16.66667%
    }

    [dir=rtl] .ms-lgPull2 {
        left: 16.66667%
    }

    [dir=ltr] .ms-lgPull1 {
        right: 8.33333%
    }

    [dir=rtl] .ms-lgPull1 {
        left: 8.33333%
    }

    [dir=ltr] .ms-lgPull0 {
        right: auto
    }

    [dir=rtl] .ms-lgPull0 {
        left: auto
    }

    [dir=ltr] .ms-lgPush12 {
        left: 100%
    }

    [dir=rtl] .ms-lgPush12 {
        right: 100%
    }

    [dir=ltr] .ms-lgPush11 {
        left: 91.66667%
    }

    [dir=rtl] .ms-lgPush11 {
        right: 91.66667%
    }

    [dir=ltr] .ms-lgPush10 {
        left: 83.33333%
    }

    [dir=rtl] .ms-lgPush10 {
        right: 83.33333%
    }

    [dir=ltr] .ms-lgPush9 {
        left: 75%
    }

    [dir=rtl] .ms-lgPush9 {
        right: 75%
    }

    [dir=ltr] .ms-lgPush8 {
        left: 66.66667%
    }

    [dir=rtl] .ms-lgPush8 {
        right: 66.66667%
    }

    [dir=ltr] .ms-lgPush7 {
        left: 58.33333%
    }

    [dir=rtl] .ms-lgPush7 {
        right: 58.33333%
    }

    [dir=ltr] .ms-lgPush6 {
        left: 50%
    }

    [dir=rtl] .ms-lgPush6 {
        right: 50%
    }

    [dir=ltr] .ms-lgPush5 {
        left: 41.66667%
    }

    [dir=rtl] .ms-lgPush5 {
        right: 41.66667%
    }

    [dir=ltr] .ms-lgPush4 {
        left: 33.33333%
    }

    [dir=rtl] .ms-lgPush4 {
        right: 33.33333%
    }

    [dir=ltr] .ms-lgPush3 {
        left: 25%
    }

    [dir=rtl] .ms-lgPush3 {
        right: 25%
    }

    [dir=ltr] .ms-lgPush2 {
        left: 16.66667%
    }

    [dir=rtl] .ms-lgPush2 {
        right: 16.66667%
    }

    [dir=ltr] .ms-lgPush1 {
        left: 8.33333%
    }

    [dir=rtl] .ms-lgPush1 {
        right: 8.33333%
    }

    [dir=ltr] .ms-lgPush0 {
        left: auto
    }

    [dir=rtl] .ms-lgPush0 {
        right: auto
    }

    [dir=ltr] .ms-lgOffset11 {
        margin-left: 91.66667%
    }

    [dir=rtl] .ms-lgOffset11 {
        margin-right: 91.66667%
    }

    [dir=ltr] .ms-lgOffset10 {
        margin-left: 83.33333%
    }

    [dir=rtl] .ms-lgOffset10 {
        margin-right: 83.33333%
    }

    [dir=ltr] .ms-lgOffset9 {
        margin-left: 75%
    }

    [dir=rtl] .ms-lgOffset9 {
        margin-right: 75%
    }

    [dir=ltr] .ms-lgOffset8 {
        margin-left: 66.66667%
    }

    [dir=rtl] .ms-lgOffset8 {
        margin-right: 66.66667%
    }

    [dir=ltr] .ms-lgOffset7 {
        margin-left: 58.33333%
    }

    [dir=rtl] .ms-lgOffset7 {
        margin-right: 58.33333%
    }

    [dir=ltr] .ms-lgOffset6 {
        margin-left: 50%
    }

    [dir=rtl] .ms-lgOffset6 {
        margin-right: 50%
    }

    [dir=ltr] .ms-lgOffset5 {
        margin-left: 41.66667%
    }

    [dir=rtl] .ms-lgOffset5 {
        margin-right: 41.66667%
    }

    [dir=ltr] .ms-lgOffset4 {
        margin-left: 33.33333%
    }

    [dir=rtl] .ms-lgOffset4 {
        margin-right: 33.33333%
    }

    [dir=ltr] .ms-lgOffset3 {
        margin-left: 25%
    }

    [dir=rtl] .ms-lgOffset3 {
        margin-right: 25%
    }

    [dir=ltr] .ms-lgOffset2 {
        margin-left: 16.66667%
    }

    [dir=rtl] .ms-lgOffset2 {
        margin-right: 16.66667%
    }

    [dir=ltr] .ms-lgOffset1 {
        margin-left: 8.33333%
    }

    [dir=rtl] .ms-lgOffset1 {
        margin-right: 8.33333%
    }

    [dir=ltr] .ms-lgOffset0 {
        margin-left: 0
    }

    [dir=rtl] .ms-lgOffset0 {
        margin-right: 0
    }
}

@media (min-width:1024px) {
    .ms-xl12 {
        width: 100%
    }

    .ms-xl11 {
        width: 91.66666666666666%
    }

    .ms-xl10 {
        width: 83.33333333333334%
    }

    .ms-xl9 {
        width: 75%
    }

    .ms-xl8 {
        width: 66.66666666666666%
    }

    .ms-xl7 {
        width: 58.333333333333336%
    }

    .ms-xl6 {
        width: 50%
    }

    .ms-xl5 {
        width: 41.66666666666667%
    }

    .ms-xl4 {
        width: 33.33333333333333%
    }

    .ms-xl3 {
        width: 25%
    }

    .ms-xl2 {
        width: 16.666666666666664%
    }

    .ms-xl1 {
        width: 8.333333333333332%
    }

    [dir=ltr] .ms-xlPull12 {
        right: 100%
    }

    [dir=rtl] .ms-xlPull12 {
        left: 100%
    }

    [dir=ltr] .ms-xlPull11 {
        right: 91.66667%
    }

    [dir=rtl] .ms-xlPull11 {
        left: 91.66667%
    }

    [dir=ltr] .ms-xlPull10 {
        right: 83.33333%
    }

    [dir=rtl] .ms-xlPull10 {
        left: 83.33333%
    }

    [dir=ltr] .ms-xlPull9 {
        right: 75%
    }

    [dir=rtl] .ms-xlPull9 {
        left: 75%
    }

    [dir=ltr] .ms-xlPull8 {
        right: 66.66667%
    }

    [dir=rtl] .ms-xlPull8 {
        left: 66.66667%
    }

    [dir=ltr] .ms-xlPull7 {
        right: 58.33333%
    }

    [dir=rtl] .ms-xlPull7 {
        left: 58.33333%
    }

    [dir=ltr] .ms-xlPull6 {
        right: 50%
    }

    [dir=rtl] .ms-xlPull6 {
        left: 50%
    }

    [dir=ltr] .ms-xlPull5 {
        right: 41.66667%
    }

    [dir=rtl] .ms-xlPull5 {
        left: 41.66667%
    }

    [dir=ltr] .ms-xlPull4 {
        right: 33.33333%
    }

    [dir=rtl] .ms-xlPull4 {
        left: 33.33333%
    }

    [dir=ltr] .ms-xlPull3 {
        right: 25%
    }

    [dir=rtl] .ms-xlPull3 {
        left: 25%
    }

    [dir=ltr] .ms-xlPull2 {
        right: 16.66667%
    }

    [dir=rtl] .ms-xlPull2 {
        left: 16.66667%
    }

    [dir=ltr] .ms-xlPull1 {
        right: 8.33333%
    }

    [dir=rtl] .ms-xlPull1 {
        left: 8.33333%
    }

    [dir=ltr] .ms-xlPull0 {
        right: auto
    }

    [dir=rtl] .ms-xlPull0 {
        left: auto
    }

    [dir=ltr] .ms-xlPush12 {
        left: 100%
    }

    [dir=rtl] .ms-xlPush12 {
        right: 100%
    }

    [dir=ltr] .ms-xlPush11 {
        left: 91.66667%
    }

    [dir=rtl] .ms-xlPush11 {
        right: 91.66667%
    }

    [dir=ltr] .ms-xlPush10 {
        left: 83.33333%
    }

    [dir=rtl] .ms-xlPush10 {
        right: 83.33333%
    }

    [dir=ltr] .ms-xlPush9 {
        left: 75%
    }

    [dir=rtl] .ms-xlPush9 {
        right: 75%
    }

    [dir=ltr] .ms-xlPush8 {
        left: 66.66667%
    }

    [dir=rtl] .ms-xlPush8 {
        right: 66.66667%
    }

    [dir=ltr] .ms-xlPush7 {
        left: 58.33333%
    }

    [dir=rtl] .ms-xlPush7 {
        right: 58.33333%
    }

    [dir=ltr] .ms-xlPush6 {
        left: 50%
    }

    [dir=rtl] .ms-xlPush6 {
        right: 50%
    }

    [dir=ltr] .ms-xlPush5 {
        left: 41.66667%
    }

    [dir=rtl] .ms-xlPush5 {
        right: 41.66667%
    }

    [dir=ltr] .ms-xlPush4 {
        left: 33.33333%
    }

    [dir=rtl] .ms-xlPush4 {
        right: 33.33333%
    }

    [dir=ltr] .ms-xlPush3 {
        left: 25%
    }

    [dir=rtl] .ms-xlPush3 {
        right: 25%
    }

    [dir=ltr] .ms-xlPush2 {
        left: 16.66667%
    }

    [dir=rtl] .ms-xlPush2 {
        right: 16.66667%
    }

    [dir=ltr] .ms-xlPush1 {
        left: 8.33333%
    }

    [dir=rtl] .ms-xlPush1 {
        right: 8.33333%
    }

    [dir=ltr] .ms-xlPush0 {
        left: auto
    }

    [dir=rtl] .ms-xlPush0 {
        right: auto
    }

    [dir=ltr] .ms-xlOffset11 {
        margin-left: 91.66667%
    }

    [dir=rtl] .ms-xlOffset11 {
        margin-right: 91.66667%
    }

    [dir=ltr] .ms-xlOffset10 {
        margin-left: 83.33333%
    }

    [dir=rtl] .ms-xlOffset10 {
        margin-right: 83.33333%
    }

    [dir=ltr] .ms-xlOffset9 {
        margin-left: 75%
    }

    [dir=rtl] .ms-xlOffset9 {
        margin-right: 75%
    }

    [dir=ltr] .ms-xlOffset8 {
        margin-left: 66.66667%
    }

    [dir=rtl] .ms-xlOffset8 {
        margin-right: 66.66667%
    }

    [dir=ltr] .ms-xlOffset7 {
        margin-left: 58.33333%
    }

    [dir=rtl] .ms-xlOffset7 {
        margin-right: 58.33333%
    }

    [dir=ltr] .ms-xlOffset6 {
        margin-left: 50%
    }

    [dir=rtl] .ms-xlOffset6 {
        margin-right: 50%
    }

    [dir=ltr] .ms-xlOffset5 {
        margin-left: 41.66667%
    }

    [dir=rtl] .ms-xlOffset5 {
        margin-right: 41.66667%
    }

    [dir=ltr] .ms-xlOffset4 {
        margin-left: 33.33333%
    }

    [dir=rtl] .ms-xlOffset4 {
        margin-right: 33.33333%
    }

    [dir=ltr] .ms-xlOffset3 {
        margin-left: 25%
    }

    [dir=rtl] .ms-xlOffset3 {
        margin-right: 25%
    }

    [dir=ltr] .ms-xlOffset2 {
        margin-left: 16.66667%
    }

    [dir=rtl] .ms-xlOffset2 {
        margin-right: 16.66667%
    }

    [dir=ltr] .ms-xlOffset1 {
        margin-left: 8.33333%
    }

    [dir=rtl] .ms-xlOffset1 {
        margin-right: 8.33333%
    }

    [dir=ltr] .ms-xlOffset0 {
        margin-left: 0
    }

    [dir=rtl] .ms-xlOffset0 {
        margin-right: 0
    }
}

@media (min-width:1366px) {
    .ms-xxl12 {
        width: 100%
    }

    .ms-xxl11 {
        width: 91.66666666666666%
    }

    .ms-xxl10 {
        width: 83.33333333333334%
    }

    .ms-xxl9 {
        width: 75%
    }

    .ms-xxl8 {
        width: 66.66666666666666%
    }

    .ms-xxl7 {
        width: 58.333333333333336%
    }

    .ms-xxl6 {
        width: 50%
    }

    .ms-xxl5 {
        width: 41.66666666666667%
    }

    .ms-xxl4 {
        width: 33.33333333333333%
    }

    .ms-xxl3 {
        width: 25%
    }

    .ms-xxl2 {
        width: 16.666666666666664%
    }

    .ms-xxl1 {
        width: 8.333333333333332%
    }

    [dir=ltr] .ms-xxlPull12 {
        right: 100%
    }

    [dir=rtl] .ms-xxlPull12 {
        left: 100%
    }

    [dir=ltr] .ms-xxlPull11 {
        right: 91.66667%
    }

    [dir=rtl] .ms-xxlPull11 {
        left: 91.66667%
    }

    [dir=ltr] .ms-xxlPull10 {
        right: 83.33333%
    }

    [dir=rtl] .ms-xxlPull10 {
        left: 83.33333%
    }

    [dir=ltr] .ms-xxlPull9 {
        right: 75%
    }

    [dir=rtl] .ms-xxlPull9 {
        left: 75%
    }

    [dir=ltr] .ms-xxlPull8 {
        right: 66.66667%
    }

    [dir=rtl] .ms-xxlPull8 {
        left: 66.66667%
    }

    [dir=ltr] .ms-xxlPull7 {
        right: 58.33333%
    }

    [dir=rtl] .ms-xxlPull7 {
        left: 58.33333%
    }

    [dir=ltr] .ms-xxlPull6 {
        right: 50%
    }

    [dir=rtl] .ms-xxlPull6 {
        left: 50%
    }

    [dir=ltr] .ms-xxlPull5 {
        right: 41.66667%
    }

    [dir=rtl] .ms-xxlPull5 {
        left: 41.66667%
    }

    [dir=ltr] .ms-xxlPull4 {
        right: 33.33333%
    }

    [dir=rtl] .ms-xxlPull4 {
        left: 33.33333%
    }

    [dir=ltr] .ms-xxlPull3 {
        right: 25%
    }

    [dir=rtl] .ms-xxlPull3 {
        left: 25%
    }

    [dir=ltr] .ms-xxlPull2 {
        right: 16.66667%
    }

    [dir=rtl] .ms-xxlPull2 {
        left: 16.66667%
    }

    [dir=ltr] .ms-xxlPull1 {
        right: 8.33333%
    }

    [dir=rtl] .ms-xxlPull1 {
        left: 8.33333%
    }

    [dir=ltr] .ms-xxlPull0 {
        right: auto
    }

    [dir=rtl] .ms-xxlPull0 {
        left: auto
    }

    [dir=ltr] .ms-xxlPush12 {
        left: 100%
    }

    [dir=rtl] .ms-xxlPush12 {
        right: 100%
    }

    [dir=ltr] .ms-xxlPush11 {
        left: 91.66667%
    }

    [dir=rtl] .ms-xxlPush11 {
        right: 91.66667%
    }

    [dir=ltr] .ms-xxlPush10 {
        left: 83.33333%
    }

    [dir=rtl] .ms-xxlPush10 {
        right: 83.33333%
    }

    [dir=ltr] .ms-xxlPush9 {
        left: 75%
    }

    [dir=rtl] .ms-xxlPush9 {
        right: 75%
    }

    [dir=ltr] .ms-xxlPush8 {
        left: 66.66667%
    }

    [dir=rtl] .ms-xxlPush8 {
        right: 66.66667%
    }

    [dir=ltr] .ms-xxlPush7 {
        left: 58.33333%
    }

    [dir=rtl] .ms-xxlPush7 {
        right: 58.33333%
    }

    [dir=ltr] .ms-xxlPush6 {
        left: 50%
    }

    [dir=rtl] .ms-xxlPush6 {
        right: 50%
    }

    [dir=ltr] .ms-xxlPush5 {
        left: 41.66667%
    }

    [dir=rtl] .ms-xxlPush5 {
        right: 41.66667%
    }

    [dir=ltr] .ms-xxlPush4 {
        left: 33.33333%
    }

    [dir=rtl] .ms-xxlPush4 {
        right: 33.33333%
    }

    [dir=ltr] .ms-xxlPush3 {
        left: 25%
    }

    [dir=rtl] .ms-xxlPush3 {
        right: 25%
    }

    [dir=ltr] .ms-xxlPush2 {
        left: 16.66667%
    }

    [dir=rtl] .ms-xxlPush2 {
        right: 16.66667%
    }

    [dir=ltr] .ms-xxlPush1 {
        left: 8.33333%
    }

    [dir=rtl] .ms-xxlPush1 {
        right: 8.33333%
    }

    [dir=ltr] .ms-xxlPush0 {
        left: auto
    }

    [dir=rtl] .ms-xxlPush0 {
        right: auto
    }

    [dir=ltr] .ms-xxlOffset11 {
        margin-left: 91.66667%
    }

    [dir=rtl] .ms-xxlOffset11 {
        margin-right: 91.66667%
    }

    [dir=ltr] .ms-xxlOffset10 {
        margin-left: 83.33333%
    }

    [dir=rtl] .ms-xxlOffset10 {
        margin-right: 83.33333%
    }

    [dir=ltr] .ms-xxlOffset9 {
        margin-left: 75%
    }

    [dir=rtl] .ms-xxlOffset9 {
        margin-right: 75%
    }

    [dir=ltr] .ms-xxlOffset8 {
        margin-left: 66.66667%
    }

    [dir=rtl] .ms-xxlOffset8 {
        margin-right: 66.66667%
    }

    [dir=ltr] .ms-xxlOffset7 {
        margin-left: 58.33333%
    }

    [dir=rtl] .ms-xxlOffset7 {
        margin-right: 58.33333%
    }

    [dir=ltr] .ms-xxlOffset6 {
        margin-left: 50%
    }

    [dir=rtl] .ms-xxlOffset6 {
        margin-right: 50%
    }

    [dir=ltr] .ms-xxlOffset5 {
        margin-left: 41.66667%
    }

    [dir=rtl] .ms-xxlOffset5 {
        margin-right: 41.66667%
    }

    [dir=ltr] .ms-xxlOffset4 {
        margin-left: 33.33333%
    }

    [dir=rtl] .ms-xxlOffset4 {
        margin-right: 33.33333%
    }

    [dir=ltr] .ms-xxlOffset3 {
        margin-left: 25%
    }

    [dir=rtl] .ms-xxlOffset3 {
        margin-right: 25%
    }

    [dir=ltr] .ms-xxlOffset2 {
        margin-left: 16.66667%
    }

    [dir=rtl] .ms-xxlOffset2 {
        margin-right: 16.66667%
    }

    [dir=ltr] .ms-xxlOffset1 {
        margin-left: 8.33333%
    }

    [dir=rtl] .ms-xxlOffset1 {
        margin-right: 8.33333%
    }

    [dir=ltr] .ms-xxlOffset0 {
        margin-left: 0
    }

    [dir=rtl] .ms-xxlOffset0 {
        margin-right: 0
    }
}

@media (min-width:1920px) {
    .ms-hiddenLgUp,
    .ms-hiddenMdUp,
    .ms-hiddenXlUp,
    .ms-hiddenXxlUp,
    .ms-hiddenXxxl {
        display: none !important
    }

    .ms-xxxl12 {
        width: 100%
    }

    .ms-xxxl11 {
        width: 91.66666666666666%
    }

    .ms-xxxl10 {
        width: 83.33333333333334%
    }

    .ms-xxxl9 {
        width: 75%
    }

    .ms-xxxl8 {
        width: 66.66666666666666%
    }

    .ms-xxxl7 {
        width: 58.333333333333336%
    }

    .ms-xxxl6 {
        width: 50%
    }

    .ms-xxxl5 {
        width: 41.66666666666667%
    }

    .ms-xxxl4 {
        width: 33.33333333333333%
    }

    .ms-xxxl3 {
        width: 25%
    }

    .ms-xxxl2 {
        width: 16.666666666666664%
    }

    .ms-xxxl1 {
        width: 8.333333333333332%
    }

    [dir=ltr] .ms-xxxlPull12 {
        right: 100%
    }

    [dir=rtl] .ms-xxxlPull12 {
        left: 100%
    }

    [dir=ltr] .ms-xxxlPull11 {
        right: 91.66667%
    }

    [dir=rtl] .ms-xxxlPull11 {
        left: 91.66667%
    }

    [dir=ltr] .ms-xxxlPull10 {
        right: 83.33333%
    }

    [dir=rtl] .ms-xxxlPull10 {
        left: 83.33333%
    }

    [dir=ltr] .ms-xxxlPull9 {
        right: 75%
    }

    [dir=rtl] .ms-xxxlPull9 {
        left: 75%
    }

    [dir=ltr] .ms-xxxlPull8 {
        right: 66.66667%
    }

    [dir=rtl] .ms-xxxlPull8 {
        left: 66.66667%
    }

    [dir=ltr] .ms-xxxlPull7 {
        right: 58.33333%
    }

    [dir=rtl] .ms-xxxlPull7 {
        left: 58.33333%
    }

    [dir=ltr] .ms-xxxlPull6 {
        right: 50%
    }

    [dir=rtl] .ms-xxxlPull6 {
        left: 50%
    }

    [dir=ltr] .ms-xxxlPull5 {
        right: 41.66667%
    }

    [dir=rtl] .ms-xxxlPull5 {
        left: 41.66667%
    }

    [dir=ltr] .ms-xxxlPull4 {
        right: 33.33333%
    }

    [dir=rtl] .ms-xxxlPull4 {
        left: 33.33333%
    }

    [dir=ltr] .ms-xxxlPull3 {
        right: 25%
    }

    [dir=rtl] .ms-xxxlPull3 {
        left: 25%
    }

    [dir=ltr] .ms-xxxlPull2 {
        right: 16.66667%
    }

    [dir=rtl] .ms-xxxlPull2 {
        left: 16.66667%
    }

    [dir=ltr] .ms-xxxlPull1 {
        right: 8.33333%
    }

    [dir=rtl] .ms-xxxlPull1 {
        left: 8.33333%
    }

    [dir=ltr] .ms-xxxlPull0 {
        right: auto
    }

    [dir=rtl] .ms-xxxlPull0 {
        left: auto
    }

    [dir=ltr] .ms-xxxlPush12 {
        left: 100%
    }

    [dir=rtl] .ms-xxxlPush12 {
        right: 100%
    }

    [dir=ltr] .ms-xxxlPush11 {
        left: 91.66667%
    }

    [dir=rtl] .ms-xxxlPush11 {
        right: 91.66667%
    }

    [dir=ltr] .ms-xxxlPush10 {
        left: 83.33333%
    }

    [dir=rtl] .ms-xxxlPush10 {
        right: 83.33333%
    }

    [dir=ltr] .ms-xxxlPush9 {
        left: 75%
    }

    [dir=rtl] .ms-xxxlPush9 {
        right: 75%
    }

    [dir=ltr] .ms-xxxlPush8 {
        left: 66.66667%
    }

    [dir=rtl] .ms-xxxlPush8 {
        right: 66.66667%
    }

    [dir=ltr] .ms-xxxlPush7 {
        left: 58.33333%
    }

    [dir=rtl] .ms-xxxlPush7 {
        right: 58.33333%
    }

    [dir=ltr] .ms-xxxlPush6 {
        left: 50%
    }

    [dir=rtl] .ms-xxxlPush6 {
        right: 50%
    }

    [dir=ltr] .ms-xxxlPush5 {
        left: 41.66667%
    }

    [dir=rtl] .ms-xxxlPush5 {
        right: 41.66667%
    }

    [dir=ltr] .ms-xxxlPush4 {
        left: 33.33333%
    }

    [dir=rtl] .ms-xxxlPush4 {
        right: 33.33333%
    }

    [dir=ltr] .ms-xxxlPush3 {
        left: 25%
    }

    [dir=rtl] .ms-xxxlPush3 {
        right: 25%
    }

    [dir=ltr] .ms-xxxlPush2 {
        left: 16.66667%
    }

    [dir=rtl] .ms-xxxlPush2 {
        right: 16.66667%
    }

    [dir=ltr] .ms-xxxlPush1 {
        left: 8.33333%
    }

    [dir=rtl] .ms-xxxlPush1 {
        right: 8.33333%
    }

    [dir=ltr] .ms-xxxlPush0 {
        left: auto
    }

    [dir=rtl] .ms-xxxlPush0 {
        right: auto
    }

    [dir=ltr] .ms-xxxlOffset11 {
        margin-left: 91.66667%
    }

    [dir=rtl] .ms-xxxlOffset11 {
        margin-right: 91.66667%
    }

    [dir=ltr] .ms-xxxlOffset10 {
        margin-left: 83.33333%
    }

    [dir=rtl] .ms-xxxlOffset10 {
        margin-right: 83.33333%
    }

    [dir=ltr] .ms-xxxlOffset9 {
        margin-left: 75%
    }

    [dir=rtl] .ms-xxxlOffset9 {
        margin-right: 75%
    }

    [dir=ltr] .ms-xxxlOffset8 {
        margin-left: 66.66667%
    }

    [dir=rtl] .ms-xxxlOffset8 {
        margin-right: 66.66667%
    }

    [dir=ltr] .ms-xxxlOffset7 {
        margin-left: 58.33333%
    }

    [dir=rtl] .ms-xxxlOffset7 {
        margin-right: 58.33333%
    }

    [dir=ltr] .ms-xxxlOffset6 {
        margin-left: 50%
    }

    [dir=rtl] .ms-xxxlOffset6 {
        margin-right: 50%
    }

    [dir=ltr] .ms-xxxlOffset5 {
        margin-left: 41.66667%
    }

    [dir=rtl] .ms-xxxlOffset5 {
        margin-right: 41.66667%
    }

    [dir=ltr] .ms-xxxlOffset4 {
        margin-left: 33.33333%
    }

    [dir=rtl] .ms-xxxlOffset4 {
        margin-right: 33.33333%
    }

    [dir=ltr] .ms-xxxlOffset3 {
        margin-left: 25%
    }

    [dir=rtl] .ms-xxxlOffset3 {
        margin-right: 25%
    }

    [dir=ltr] .ms-xxxlOffset2 {
        margin-left: 16.66667%
    }

    [dir=rtl] .ms-xxxlOffset2 {
        margin-right: 16.66667%
    }

    [dir=ltr] .ms-xxxlOffset1 {
        margin-left: 8.33333%
    }

    [dir=rtl] .ms-xxxlOffset1 {
        margin-right: 8.33333%
    }

    [dir=ltr] .ms-xxxlOffset0 {
        margin-left: 0
    }

    [dir=rtl] .ms-xxxlOffset0 {
        margin-right: 0
    }
}

.ms-borderBase {
    border: 1px solid
}

.ms-clearfix::after,
.ms-clearfix::before {
    display: table;
    content: '';
    line-height: 0
}

.ms-clearfix::after {
    clear: both
}

.ms-normalize {
    box-shadow: none;
    margin: 0;
    padding: 0
}

[dir=ltr] .ms-textAlignLeft {
    text-align: left
}

[dir=ltr] .ms-textAlignRight,
[dir=rtl] .ms-textAlignLeft {
    text-align: right
}

[dir=rtl] .ms-textAlignRight {
    text-align: left
}

.ms-textAlignCenter {
    text-align: center
}

.ms-screenReaderOnly {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.picker,
.picker__holder {
    width: 100%;
    position: absolute
}

.ms-textTruncate {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal
}

.ms-Fabric {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #333;
    font-family: 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
    font-size: 14px
}

    .ms-Fabric button,
    .ms-Fabric input,
    .ms-Fabric textarea {
        font-family: inherit
    }

    .ms-Fabric [lang^=ar],
    .ms-Fabric[lang^=ar],
    [lang^=ar] .ms-Fabric {
        font-family: 'Segoe UI Web (Arabic)', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif
    }

    .ms-Fabric [lang^=bg],
    .ms-Fabric[lang^=bg],
    [lang^=bg] .ms-Fabric {
        font-family: 'Segoe UI Web (Cyrillic)', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif
    }

    .ms-Fabric [lang^=cs],
    .ms-Fabric[lang^=cs],
    [lang^=cs] .ms-Fabric {
        font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif
    }

    .ms-Fabric [lang^=el],
    .ms-Fabric[lang^=el],
    [lang^=el] .ms-Fabric {
        font-family: 'Segoe UI Web (Greek)', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif
    }

    .ms-Fabric [lang^=et],
    .ms-Fabric[lang^=et],
    [lang^=et] .ms-Fabric {
        font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif
    }

    .ms-Fabric [lang^=he],
    .ms-Fabric[lang^=he],
    [lang^=he] .ms-Fabric {
        font-family: 'Segoe UI Web (Hebrew)', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif
    }

    .ms-Fabric [lang^=hi],
    .ms-Fabric[lang^=hi],
    [lang^=hi] .ms-Fabric {
        font-family: 'Nirmala UI', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif
    }

    .ms-Fabric [lang^=hr],
    .ms-Fabric [lang^=hu],
    .ms-Fabric[lang^=hr],
    .ms-Fabric[lang^=hu],
    [lang^=hr] .ms-Fabric,
    [lang^=hu] .ms-Fabric {
        font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif
    }

    .ms-Fabric [lang^=ja],
    .ms-Fabric[lang^=ja],
    [lang^=ja] .ms-Fabric {
        font-family: 'Yu Gothic UI', 'Meiryo UI', Meiryo, 'MS Pgothic', Osaka, 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif
    }

    .ms-Fabric [lang^=kk],
    .ms-Fabric[lang^=kk],
    [lang^=kk] .ms-Fabric {
        font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif
    }

    .ms-Fabric [lang^=ko],
    .ms-Fabric[lang^=ko],
    [lang^=ko] .ms-Fabric {
        font-family: 'Malgun Gothic', Gulim, 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif
    }

    .ms-Fabric [lang^=lo],
    .ms-Fabric[lang^=lo],
    [lang^=lo] .ms-Fabric {
        font-family: 'Leelawadee UI Web', 'Lao UI', DokChampa, 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif
    }

    .ms-Fabric [lang^=lt],
    .ms-Fabric [lang^=lv],
    .ms-Fabric [lang^=pl],
    .ms-Fabric[lang^=lt],
    .ms-Fabric[lang^=lv],
    .ms-Fabric[lang^=pl],
    [lang^=lt] .ms-Fabric,
    [lang^=lv] .ms-Fabric,
    [lang^=pl] .ms-Fabric {
        font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif
    }

    .ms-Fabric [lang^=ru],
    .ms-Fabric[lang^=ru],
    [lang^=ru] .ms-Fabric {
        font-family: 'Segoe UI Web (Cyrillic)', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif
    }

    .ms-Fabric [lang^=sk],
    .ms-Fabric [lang^=sr-latn],
    .ms-Fabric[lang^=sk],
    .ms-Fabric[lang^=sr-latn],
    [lang^=sk] .ms-Fabric,
    [lang^=sr-latn] .ms-Fabric {
        font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif
    }

    .ms-Fabric [lang^=th],
    .ms-Fabric[lang^=th],
    [lang^=th] .ms-Fabric {
        font-family: 'Leelawadee UI Web', 'Kmer UI', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif
    }

    .ms-Fabric [lang^=tr],
    .ms-Fabric[lang^=tr],
    [lang^=tr] .ms-Fabric {
        font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif
    }

    .ms-Fabric [lang^=uk],
    .ms-Fabric[lang^=uk],
    [lang^=uk] .ms-Fabric {
        font-family: 'Segoe UI Web (Cyrillic)', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif
    }

    .ms-Fabric [lang^=vi],
    .ms-Fabric[lang^=vi],
    [lang^=vi] .ms-Fabric {
        font-family: 'Segoe UI Web (Vietnamese)', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif
    }

    .ms-Fabric [lang^=zh-hans],
    .ms-Fabric[lang^=zh-hans],
    [lang^=zh-hans] .ms-Fabric {
        font-family: 'Microsoft Yahei UI', Verdana, Simsun, 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif
    }

    .ms-Fabric [lang^=zh-hant],
    .ms-Fabric[lang^=zh-hant],
    [lang^=zh-hant] .ms-Fabric {
        font-family: 'Microsoft Jhenghei UI', Pmingliu, 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif
    }

.ms-Fabric--selawik {
    font-family: 'Selawik Web', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif
}

.picker {
    font-size: 16px;
    text-align: left;
    line-height: 1.2;
    color: #000;
    z-index: 10000;
    -moz-user-select: none;
    user-select: none
}

.picker__footer,
.picker__header,
.picker__table {
    text-align: center
}

.picker__input {
    cursor: default
}

    .picker__input.picker__input--active {
        border-color: #0089ec
    }

.picker__holder {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    border: 1px solid #aaa;
    border-top-width: 0;
    border-bottom-width: 0;
    border-radius: 0 0 5px 5px;
    min-width: 176px;
    max-width: 466px;
    max-height: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
    transform: translateY(-1em) perspective(600px) rotateX(10deg);
    transition: -webkit-transform .15s ease-out, opacity .15s ease-out, max-height 0s .15s, border-width 0s .15s;
    transition: transform .15s ease-out, opacity .15s ease-out, max-height 0s .15s, border-width 0s .15s
}

.picker__frame {
    padding: 1px
}

.picker__wrap {
    margin: -1px
}

.picker--opened .picker__holder {
    max-height: 25em;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    border-top-width: 1px;
    border-bottom-width: 1px;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0);
    transition: -webkit-transform .15s ease-out, opacity .15s ease-out, max-height 0s, border-width 0s;
    transition: transform .15s ease-out, opacity .15s ease-out, max-height 0s, border-width 0s;
    box-shadow: 0 6px 18px 1px rgba(0, 0, 0, .12)
}

.picker__box {
    padding: 0 1em
}

.picker__header {
    position: relative;
    margin-top: .75em
}

.picker__month,
.picker__year {
    font-weight: 500;
    display: inline-block;
    margin-left: .25em;
    margin-right: .25em
}

.picker__year {
    color: #999;
    font-size: .8em;
    font-style: italic
}

.picker__select--month,
.picker__select--year {
    border: 1px solid #b7b7b7;
    height: 2em;
    padding: .5em;
    margin-left: .25em;
    margin-right: .25em
}

.picker__select--month {
    width: 35%
}

.picker__select--year {
    width: 22.5%
}

    .picker__select--month:focus,
    .picker__select--year:focus {
        border-color: #0089ec
    }

.picker__nav--next,
.picker__nav--prev {
    position: absolute;
    padding: .5em 1.25em;
    width: 1em;
    height: 1em;
    box-sizing: content-box;
    top: -.25em
}

.picker__nav--prev {
    left: -1em;
    padding-right: 1.25em
}

.picker__nav--next {
    right: -1em;
    padding-left: 1.25em
}

@media (min-width:24.5em) {
    .picker__select--month,
    .picker__select--year {
        margin-top: -.5em
    }

    .picker__nav--next,
    .picker__nav--prev {
        top: -.33em
    }

    .picker__nav--prev {
        padding-right: 1.5em
    }

    .picker__nav--next {
        padding-left: 1.5em
    }
}

.picker__nav--next:before,
.picker__nav--prev:before {
    content: " ";
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-right: .75em solid #000;
    width: 0;
    height: 0;
    display: block;
    margin: 0 auto
}

.picker__nav--next:before {
    border-right: 0;
    border-left: .75em solid #000
}

.picker__nav--next:hover,
.picker__nav--prev:hover {
    cursor: pointer;
    color: #000;
    background: #b1dcfb
}

.picker__nav--disabled,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover,
.picker__nav--disabled:hover {
    cursor: default;
    background: 0 0;
    border-right-color: #f5f5f5;
    border-left-color: #f5f5f5
}

.picker__table {
    border-collapse: collapse;
    table-layout: fixed;
    font-size: inherit;
    width: 100%;
    margin-top: .75em;
    margin-bottom: .5em
}

@media (min-height:33.875em) {
    .picker__table {
        margin-bottom: .75em
    }
}

.picker__table td {
    margin: 0;
    padding: 0
}

.picker__weekday {
    width: 14.285714286%;
    font-size: .75em;
    padding-bottom: .25em;
    color: #999;
    font-weight: 500
}

@media (min-height:33.875em) {
    .picker__weekday {
        padding-bottom: .5em
    }
}

.picker__day {
    padding: .3125em 0;
    font-weight: 200;
    border: 1px solid transparent
}

.picker__day--today {
    position: relative
}

    .picker__day--today:before {
        content: " ";
        position: absolute;
        top: 2px;
        right: 2px;
        width: 0;
        height: 0;
        border-top: .5em solid #0059bc;
        border-left: .5em solid transparent
    }

.picker__day--disabled:before {
    border-top-color: #aaa
}

.picker__day--outfocus {
    color: #ddd
}

    .picker--focused .picker__day--highlighted,
    .picker__day--highlighted:hover,
    .picker__day--infocus:hover,
    .picker__day--outfocus:hover {
        cursor: pointer;
        color: #000;
        background: #b1dcfb
    }

.picker__day--highlighted {
    border-color: #0089ec
}

.picker--focused .picker__day--selected,
.picker__day--selected,
.picker__day--selected:hover {
    background: #0089ec;
    color: #fff
}

.picker--focused .picker__day--disabled,
.picker__day--disabled,
.picker__day--disabled:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #ddd;
    cursor: default
}

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
    background: #bbb
}

.picker__button--clear,
.picker__button--close,
.picker__button--today {
    border: 1px solid #fff;
    background: #fff;
    font-size: .8em;
    padding: .66em 0;
    font-weight: 700;
    width: 33%;
    display: inline-block;
    vertical-align: bottom
}

    .picker__button--clear:hover,
    .picker__button--close:hover,
    .picker__button--today:hover {
        cursor: pointer;
        color: #000;
        background: #b1dcfb;
        border-bottom-color: #b1dcfb
    }

    .picker__button--clear:focus,
    .picker__button--close:focus,
    .picker__button--today:focus {
        background: #b1dcfb;
        border-color: #0089ec;
        outline: 0
    }

    .picker__button--clear:before,
    .picker__button--close:before,
    .picker__button--today:before {
        position: relative;
        display: inline-block;
        height: 0
    }

    .picker__button--clear:before,
    .picker__button--today:before {
        content: " ";
        margin-right: .45em
    }

    .picker__button--today:before {
        top: -.05em;
        width: 0;
        border-top: .66em solid #0059bc;
        border-left: .66em solid transparent
    }

    .picker__button--clear:before {
        top: -.25em;
        width: .66em;
        border-top: 3px solid #e20
    }

    .picker__button--close:before {
        content: "\D7";
        top: -.1em;
        vertical-align: top;
        font-size: 1.1em;
        margin-right: .35em;
        color: #777
    }

    .picker__button--today[disabled],
    .picker__button--today[disabled]:hover {
        background: #f5f5f5;
        border-color: #f5f5f5;
        color: #ddd;
        cursor: default
    }

        .picker__button--today[disabled]:before {
            border-top-color: #aaa
        }

.picker__list {
    list-style: none;
    padding: .75em 0 4.2em;
    margin: 0
}

.picker__list-item {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: -1px;
    position: relative;
    background: #fff;
    padding: .75em 1.25em
}

    .picker__list-item--highlighted,
    .picker__list-item:hover {
        border-color: #0089ec;
        z-index: 10
    }

        .picker--focused .picker__list-item--highlighted,
        .picker__list-item--highlighted:hover,
        .picker__list-item:hover {
            cursor: pointer;
            color: #000;
            background: #b1dcfb
        }

@media (min-height:46.75em) {
    .picker__list-item {
        padding: .5em 1em
    }
}

.picker--focused .picker__list-item--selected,
.picker__list-item--selected,
.picker__list-item--selected:hover {
    background: #0089ec;
    color: #fff;
    z-index: 10
}

.picker--focused .picker__list-item--disabled,
.picker__list-item--disabled,
.picker__list-item--disabled:hover {
    background: #f5f5f5;
    color: #ddd;
    cursor: default;
    border-color: #ddd;
    z-index: auto
}

.picker--time .picker__button--clear {
    display: block;
    width: 80%;
    margin: 1em auto 0;
    padding: 1em 1.25em;
    background: 0 0;
    border: 0;
    font-weight: 500;
    font-size: .67em;
    text-align: center;
    text-transform: uppercase;
    color: #666
}

    .picker--time .picker__button--clear:focus,
    .picker--time .picker__button--clear:hover {
        background: #e20;
        border-color: #e20;
        cursor: pointer;
        color: #fff;
        outline: 0
    }

    .picker--time .picker__button--clear:before {
        top: -.25em;
        color: #666;
        font-size: 1.25em;
        font-weight: 700
    }

    .picker--time .picker__button--clear:focus:before,
    .picker--time .picker__button--clear:hover:before {
        color: #fff;
        border-color: #fff
    }

.picker--time {
    min-width: 256px;
    max-width: 320px
}

    .picker--time .picker__holder {
        background: #f2f2f2
    }

@media (min-height:40.125em) {
    .picker--time .picker__holder {
        font-size: .875em
    }
}

.picker--time .picker__box {
    padding: 0;
    position: relative
}

.cropper-container {
    font-size: 0;
    line-height: 0;
    position: relative;
    -moz-user-select: none;
    user-select: none;
    direction: ltr !important
}

.button-control,
.rateit {
    -ms-user-select: none;
    -khtml-user-select: none
}

.cropper-container img {
    display: block;
    width: 100%;
    min-width: 0 !important;
    max-width: none !important;
    height: 100%;
    min-height: 0 !important;
    max-height: none !important;
    image-orientation: 0deg !important
}

.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.cropper-wrap-box {
    overflow: hidden
}

.cropper-drag-box {
    opacity: 0;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.cropper-dashed,
.cropper-modal {
    opacity: .5;
    filter: alpha(opacity=50)
}

.cropper-modal {
    background-color: #000
}

.cropper-view-box {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    outline-color: rgba(51, 153, 255, .75)
}

.cropper-dashed {
    position: absolute;
    display: block;
    border: 0 dashed #eee
}

    .cropper-dashed.dashed-h {
        top: 33.33333%;
        left: 0;
        width: 100%;
        height: 33.33333%;
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    .cropper-dashed.dashed-v {
        top: 0;
        left: 33.33333%;
        width: 33.33333%;
        height: 100%;
        border-right-width: 1px;
        border-left-width: 1px
    }

.cropper-center {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    opacity: .75;
    filter: alpha(opacity=75)
}

    .cropper-center:after,
    .cropper-center:before {
        position: absolute;
        display: block;
        content: ' ';
        background-color: #eee
    }

    .cropper-center:before {
        top: 0;
        left: -3px;
        width: 7px;
        height: 1px
    }

    .cropper-center:after {
        top: -3px;
        left: 0;
        width: 1px;
        height: 7px
    }

.cropper-face,
.cropper-line,
.cropper-point {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: .1;
    filter: alpha(opacity=10)
}

.cropper-face {
    top: 0;
    left: 0;
    background-color: #fff
}

.cropper-line,
.cropper-point {
    background-color: #39f
}

    .cropper-line.line-e {
        top: 0;
        right: -3px;
        width: 5px;
        cursor: e-resize
    }

    .cropper-line.line-n {
        top: -3px;
        left: 0;
        height: 5px;
        cursor: n-resize
    }

    .cropper-line.line-w {
        top: 0;
        left: -3px;
        width: 5px;
        cursor: w-resize
    }

    .cropper-line.line-s {
        bottom: -3px;
        left: 0;
        height: 5px;
        cursor: s-resize
    }

.cropper-point {
    width: 5px;
    height: 5px;
    opacity: .75;
    filter: alpha(opacity=75)
}

    .cropper-point.point-e {
        top: 50%;
        right: -3px;
        margin-top: -3px;
        cursor: e-resize
    }

    .cropper-point.point-n {
        top: -3px;
        left: 50%;
        margin-left: -3px;
        cursor: n-resize
    }

    .cropper-point.point-w {
        top: 50%;
        left: -3px;
        margin-top: -3px;
        cursor: w-resize
    }

    .cropper-point.point-s {
        bottom: -3px;
        left: 50%;
        margin-left: -3px;
        cursor: s-resize
    }

    .cropper-point.point-ne {
        top: -3px;
        right: -3px;
        cursor: ne-resize
    }

    .cropper-point.point-nw {
        top: -3px;
        left: -3px;
        cursor: nw-resize
    }

    .cropper-point.point-sw {
        bottom: -3px;
        left: -3px;
        cursor: sw-resize
    }

    .cropper-point.point-se {
        right: -3px;
        bottom: -3px;
        width: 20px;
        height: 20px;
        cursor: se-resize;
        opacity: 1;
        filter: alpha(opacity=100)
    }

        .cropper-point.point-se:before {
            position: absolute;
            right: -50%;
            bottom: -50%;
            display: block;
            width: 200%;
            height: 200%;
            content: ' ';
            opacity: 0;
            background-color: #39f;
            filter: alpha(opacity=0)
        }

@media (min-width:768px) {
    .cropper-point.point-se {
        width: 15px;
        height: 15px
    }
}

@media (min-width:992px) {
    .cropper-point.point-se {
        width: 10px;
        height: 10px
    }
}

@media (min-width:1200px) {
    .cropper-point.point-se {
        width: 5px;
        height: 5px;
        opacity: .75;
        filter: alpha(opacity=75)
    }
}

.cropper-invisible,
.headerBarBG {
    filter: alpha(opacity=0)
}

.cropper-bg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
}

.cropper-hide {
    position: absolute;
    display: block;
    width: 0;
    height: 0
}

.cropper-hidden {
    display: none !important
}

.cropper-move {
    cursor: move
}

.cropper-crop {
    cursor: crosshair
}

table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate
}

    table.dataTable tfoot th,
    table.dataTable thead th {
        font-weight: 700
    }

    table.dataTable thead td,
    table.dataTable thead th {
        padding: 10px 18px;
        border-bottom: 1px solid #111
    }

        table.dataTable thead td:active,
        table.dataTable thead th:active {
            outline: 0
        }

    table.dataTable tfoot td,
    table.dataTable tfoot th {
        padding: 10px 18px 6px;
        border-top: 1px solid #111
    }

    table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc {
        cursor: pointer
    }

    table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_asc_disabled,
    table.dataTable thead .sorting_desc,
    table.dataTable thead .sorting_desc_disabled {
        background-repeat: no-repeat;
        background-position: center right
    }

    table.dataTable thead .sorting {
        background-image: url(DataTables-1.10.11/images/sort_both.png)
    }

    table.dataTable thead .sorting_asc {
        background-image: url(DataTables-1.10.11/images/sort_asc.png)
    }

    table.dataTable thead .sorting_desc {
        background-image: url(DataTables-1.10.11/images/sort_desc.png)
    }

    table.dataTable thead .sorting_asc_disabled {
        background-image: url(DataTables-1.10.11/images/sort_asc_disabled.png)
    }

    table.dataTable thead .sorting_desc_disabled {
        background-image: url(DataTables-1.10.11/images/sort_desc_disabled.png)
    }

    table.dataTable tbody tr {
        background-color: #fff
    }

        table.dataTable tbody tr.selected {
            background-color: #B0BED9
        }

    table.dataTable tbody td,
    table.dataTable tbody th {
        padding: 8px 10px
    }

    table.dataTable.display tbody td,
    table.dataTable.display tbody th,
    table.dataTable.row-border tbody td,
    table.dataTable.row-border tbody th {
        border-top: 1px solid #ddd
    }

    table.dataTable.display tbody tr:first-child td,
    table.dataTable.display tbody tr:first-child th,
    table.dataTable.row-border tbody tr:first-child td,
    table.dataTable.row-border tbody tr:first-child th {
        border-top: none
    }

    table.dataTable.cell-border tbody td,
    table.dataTable.cell-border tbody th {
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd
    }

    table.dataTable.cell-border tbody tr td:first-child,
    table.dataTable.cell-border tbody tr th:first-child {
        border-left: 1px solid #ddd
    }

    table.dataTable.cell-border tbody tr:first-child td,
    table.dataTable.cell-border tbody tr:first-child th {
        border-top: none
    }

    table.dataTable.display tbody tr.odd,
    table.dataTable.stripe tbody tr.odd {
        background-color: #f9f9f9
    }

        table.dataTable.display tbody tr.odd.selected,
        table.dataTable.stripe tbody tr.odd.selected {
            background-color: #acbad4
        }

    table.dataTable.display tbody tr:hover,
    table.dataTable.hover tbody tr:hover {
        background-color: #f6f6f6
    }

        table.dataTable.display tbody tr:hover.selected,
        table.dataTable.hover tbody tr:hover.selected {
            background-color: #aab7d1
        }

    table.dataTable.display tbody tr > .sorting_1,
    table.dataTable.display tbody tr > .sorting_2,
    table.dataTable.display tbody tr > .sorting_3,
    table.dataTable.order-column tbody tr > .sorting_1,
    table.dataTable.order-column tbody tr > .sorting_2,
    table.dataTable.order-column tbody tr > .sorting_3 {
        background-color: #fafafa
    }

    table.dataTable.display tbody tr.selected > .sorting_1,
    table.dataTable.display tbody tr.selected > .sorting_2,
    table.dataTable.display tbody tr.selected > .sorting_3,
    table.dataTable.order-column tbody tr.selected > .sorting_1,
    table.dataTable.order-column tbody tr.selected > .sorting_2,
    table.dataTable.order-column tbody tr.selected > .sorting_3 {
        background-color: #acbad5
    }

    table.dataTable.display tbody tr.odd > .sorting_1,
    table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
        background-color: #f1f1f1
    }

    table.dataTable.display tbody tr.odd > .sorting_2,
    table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
        background-color: #f3f3f3
    }

    table.dataTable.display tbody tr.odd > .sorting_3,
    table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
        background-color: #f5f5f5
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_1,
    table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
        background-color: #a6b4cd
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_2,
    table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
        background-color: #a8b5cf
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_3,
    table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
        background-color: #a9b7d1
    }

    table.dataTable.display tbody tr.even > .sorting_1,
    table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
        background-color: #fafafa
    }

    table.dataTable.display tbody tr.even > .sorting_2,
    table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
        background-color: #fcfcfc
    }

    table.dataTable.display tbody tr.even > .sorting_3,
    table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
        background-color: #fefefe
    }

    table.dataTable.display tbody tr.even.selected > .sorting_1,
    table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
        background-color: #acbad5
    }

    table.dataTable.display tbody tr.even.selected > .sorting_2,
    table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
        background-color: #aebcd6
    }

    table.dataTable.display tbody tr.even.selected > .sorting_3,
    table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
        background-color: #afbdd8
    }

    table.dataTable.display tbody tr:hover > .sorting_1,
    table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
        background-color: #eaeaea
    }

    table.dataTable.display tbody tr:hover > .sorting_2,
    table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
        background-color: #ececec
    }

    table.dataTable.display tbody tr:hover > .sorting_3,
    table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
        background-color: #efefef
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_1,
    table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
        background-color: #a2aec7
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_2,
    table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
        background-color: #a3b0c9
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_3,
    table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
        background-color: #a5b2cb
    }

    table.dataTable.no-footer {
        border-bottom: 1px solid #111
    }

    table.dataTable.compact thead td,
    table.dataTable.compact thead th {
        padding: 4px 17px 4px 4px
    }

    table.dataTable.compact tbody td,
    table.dataTable.compact tbody th,
    table.dataTable.compact tfoot td,
    table.dataTable.compact tfoot th {
        padding: 4px
    }

    table.dataTable td.dt-left,
    table.dataTable th.dt-left {
        text-align: left
    }

    table.dataTable td.dataTables_empty,
    table.dataTable td.dt-center,
    table.dataTable th.dt-center {
        text-align: center
    }

    table.dataTable td.dt-right,
    table.dataTable th.dt-right {
        text-align: right
    }

    table.dataTable td.dt-justify,
    table.dataTable th.dt-justify {
        text-align: justify
    }

    table.dataTable tfoot td.dt-head-left,
    table.dataTable tfoot th.dt-head-left,
    table.dataTable thead td.dt-head-left,
    table.dataTable thead th.dt-head-left {
        text-align: left
    }

    table.dataTable tfoot td.dt-head-center,
    table.dataTable tfoot th.dt-head-center,
    table.dataTable thead td.dt-head-center,
    table.dataTable thead th.dt-head-center {
        text-align: center
    }

    table.dataTable tfoot td.dt-head-right,
    table.dataTable tfoot th.dt-head-right,
    table.dataTable thead td.dt-head-right,
    table.dataTable thead th.dt-head-right {
        text-align: right
    }

    table.dataTable tfoot td.dt-head-justify,
    table.dataTable tfoot th.dt-head-justify,
    table.dataTable thead td.dt-head-justify,
    table.dataTable thead th.dt-head-justify {
        text-align: justify
    }

    table.dataTable tfoot td.dt-head-nowrap,
    table.dataTable tfoot th.dt-head-nowrap,
    table.dataTable thead td.dt-head-nowrap,
    table.dataTable thead th.dt-head-nowrap {
        white-space: nowrap
    }

    table.dataTable tbody td.dt-body-left,
    table.dataTable tbody th.dt-body-left {
        text-align: left
    }

    table.dataTable tbody td.dt-body-center,
    table.dataTable tbody th.dt-body-center {
        text-align: center
    }

    table.dataTable tbody td.dt-body-right,
    table.dataTable tbody th.dt-body-right {
        text-align: right
    }

    table.dataTable tbody td.dt-body-justify,
    table.dataTable tbody th.dt-body-justify {
        text-align: justify
    }

    table.dataTable,
    table.dataTable td,
    table.dataTable th {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

.dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1
}

    .dataTables_wrapper .dataTables_length {
        float: left
    }

    .dataTables_wrapper .dataTables_filter {
        float: right;
        text-align: right
    }

        .dataTables_wrapper .dataTables_filter input {
            margin-left: .5em
        }

    .dataTables_wrapper .dataTables_info {
        clear: both;
        float: left;
        padding-top: .755em
    }

    .dataTables_wrapper .dataTables_paginate {
        float: right;
        text-align: right;
        padding-top: .25em
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button {
            box-sizing: border-box;
            display: inline-block;
            min-width: 1.5em;
            padding: .5em 1em;
            margin-left: 2px;
            text-align: center;
            text-decoration: none !important;
            cursor: pointer;
            color: #333 !important;
            border: 1px solid transparent;
            border-radius: 2px
        }

            .dataTables_wrapper .dataTables_paginate .paginate_button.current,
            .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
                color: #333 !important;
                border: 1px solid #979797;
                background-color: #fff;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #dcdcdc));
                background: -webkit-linear-gradient(top, #fff 0, #dcdcdc 100%);
                background: -moz-linear-gradient(top, #fff 0, #dcdcdc 100%);
                background: -ms-linear-gradient(top, #fff 0, #dcdcdc 100%);
                background: -o-linear-gradient(top, #fff 0, #dcdcdc 100%);
                background: linear-gradient(to bottom, #fff 0, #dcdcdc 100%)
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
                cursor: default;
                color: #666 !important;
                border: 1px solid transparent;
                background: 0 0;
                box-shadow: none
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
                color: #fff !important;
                border: 1px solid #111;
                background-color: #585858;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #585858), color-stop(100%, #111));
                background: -webkit-linear-gradient(top, #585858 0, #111 100%);
                background: -moz-linear-gradient(top, #585858 0, #111 100%);
                background: -ms-linear-gradient(top, #585858 0, #111 100%);
                background: -o-linear-gradient(top, #585858 0, #111 100%);
                background: linear-gradient(to bottom, #585858 0, #111 100%)
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:active {
                outline: 0;
                background-color: #2b2b2b;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2b2b2b), color-stop(100%, #0c0c0c));
                background: -webkit-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
                background: -moz-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
                background: -ms-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
                background: -o-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
                background: linear-gradient(to bottom, #2b2b2b 0, #0c0c0c 100%);
                box-shadow: inset 0 0 3px #111
            }

        .dataTables_wrapper .dataTables_paginate .ellipsis {
            padding: 0 1em
        }

    .dataTables_wrapper .dataTables_processing {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 40px;
        margin-left: -50%;
        margin-top: -25px;
        padding-top: 20px;
        text-align: center;
        font-size: 1.2em;
        background-color: #fff;
        background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, .9)), color-stop(75%, rgba(255, 255, 255, .9)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%)
    }

    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_paginate,
    .dataTables_wrapper .dataTables_processing {
        color: #333
    }

    .dataTables_wrapper .dataTables_scroll {
        clear: both
    }

        .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
            -webkit-overflow-scrolling: touch
        }

            .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td,
            .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th {
                vertical-align: middle
            }

                .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing,
                .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing {
                    height: 0;
                    overflow: hidden;
                    margin: 0 !important;
                    padding: 0 !important
                }

    .dataTables_wrapper.no-footer .dataTables_scrollBody {
        border-bottom: 1px solid #111
    }

    .dataTables_wrapper.no-footer div.dataTables_scrollBody table,
    .dataTables_wrapper.no-footer div.dataTables_scrollHead table {
        border-bottom: none
    }

    .dataTables_wrapper:after {
        visibility: hidden;
        display: block;
        content: "";
        clear: both;
        height: 0
    }

@media screen and (max-width:767px) {
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: .5em
    }
}

@media screen and (max-width:640px) {
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_length {
        float: none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: .5em
    }
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child {
    cursor: default !important
}

    table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
    table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before,
    table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before {
        display: none !important
    }

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
    position: relative;
    padding-left: 30px;
    cursor: pointer
}

    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
    table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
        top: 8px;
        left: 4px;
        height: 16px;
        width: 16px;
        display: block;
        position: absolute;
        color: #fff;
        border: 2px solid #fff;
        border-radius: 16px;
        box-shadow: 0 0 3px #444;
        box-sizing: content-box;
        text-align: left;
        font-family: 'Courier New', Courier, monospace;
        text-indent: 4px;
        line-height: 16px;
        content: '+';
        background-color: #31b131
    }

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: '-';
    background-color: #d33333
}

table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {
    display: none
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
    padding-left: 27px
}

    table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
    table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
        top: 5px;
        left: 4px;
        height: 14px;
        width: 14px;
        border-radius: 14px;
        line-height: 14px;
        text-indent: 3px
    }

table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
    position: relative;
    cursor: pointer
}

    table.dataTable.dtr-column > tbody > tr > td.control:before,
    table.dataTable.dtr-column > tbody > tr > th.control:before {
        top: 50%;
        left: 50%;
        height: 16px;
        width: 16px;
        margin-top: -10px;
        margin-left: -10px;
        display: block;
        position: absolute;
        color: #fff;
        border: 2px solid #fff;
        border-radius: 16px;
        box-shadow: 0 0 3px #444;
        box-sizing: content-box;
        text-align: left;
        font-family: 'Courier New', Courier, monospace;
        text-indent: 4px;
        line-height: 16px;
        content: '+';
        background-color: #31b131
    }

table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
    content: '-';
    background-color: #d33333
}

table.dataTable > tbody > tr.child {
    padding: .5em 1em
}

    table.dataTable > tbody > tr.child:hover {
        background: 0 0 !important
    }

    table.dataTable > tbody > tr.child ul {
        display: inline-block;
        list-style-type: none;
        margin: 0;
        padding: 0
    }

        table.dataTable > tbody > tr.child ul li {
            border-bottom: 1px solid #efefef;
            padding: .5em 0
        }

            table.dataTable > tbody > tr.child ul li:first-child {
                padding-top: 0
            }

            table.dataTable > tbody > tr.child ul li:last-child {
                border-bottom: none
            }

    table.dataTable > tbody > tr.child span.dtr-title {
        display: inline-block;
        min-width: 75px;
        font-weight: 700
    }

div.dtr-modal {
    position: fixed;
    box-sizing: border-box;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    padding: 10em 1em
}

    div.dtr-modal div.dtr-modal-display {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 50%;
        height: 50%;
        margin: auto;
        z-index: 102;
        overflow: auto;
        background-color: #f5f5f7;
        border: 1px solid #000;
        border-radius: .5em;
        box-shadow: 0 12px 30px rgba(0, 0, 0, .6)
    }

    div.dtr-modal div.dtr-modal-content {
        position: relative;
        padding: 1em
    }

    div.dtr-modal div.dtr-modal-close {
        position: absolute;
        top: 6px;
        right: 6px;
        width: 22px;
        height: 22px;
        border: 1px solid #eaeaea;
        background-color: #f9f9f9;
        text-align: center;
        border-radius: 3px;
        cursor: pointer;
        z-index: 12
    }

        div.dtr-modal div.dtr-modal-close:hover {
            background-color: #eaeaea
        }

    div.dtr-modal div.dtr-modal-background {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 101;
        background: rgba(0, 0, 0, .6)
    }

@media screen and (max-width:767px) {
    div.dtr-modal div.dtr-modal-display {
        width: 95%
    }
}

.rateit {
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

    .rateit .rateit-range {
        position: relative;
        display: -moz-inline-box;
        display: inline-block;
        background: url(star.gif);
        height: 16px;
        outline: 0
    }

        .rateit .rateit-range * {
            display: block
        }

    * html .rateit,
    * html .rateit .rateit-range {
        display: inline
    }

        .rateit .rateit-hover,
        .rateit .rateit-selected {
            position: absolute;
            left: 0;
            top: 0;
            width: 0
        }

        .rateit .rateit-hover-rtl,
        .rateit .rateit-selected-rtl {
            left: auto;
            right: 0
        }

        .rateit .rateit-hover {
            background: url(star.gif) left -32px;
            color: #efc529
        }

        .rateit .rateit-hover-rtl {
            background-position: right -32px
        }

        .rateit .rateit-selected {
            background: url(star.gif) left -16px;
            color: #bf4242
        }

        .rateit .rateit-selected-rtl {
            background-position: right -16px
        }

        .rateit .rateit-preset,
        .rateit .rateit-preset-rtl {
            background: url(star.gif) left -48px
        }

        .rateit .rateit-preset {
            color: #ef6b22
        }

        .rateit button.rateit-reset {
            background: url(delete.gif);
            width: 16px;
            height: 16px;
            display: -moz-inline-box;
            display: inline-block;
            float: left;
            outline: 0;
            border: none;
            padding: 0
        }

        .rateit .rateit-reset span {
            display: none
        }

        .rateit button.rateit-reset:focus,
        .rateit button.rateit-reset:hover {
            background-position: 0 -16px
        }

.rateit-font {
    line-height: 1em
}

    .rateit-font .rateit-range {
        background: 0 0;
        height: auto
    }

    .rateit-font .rateit-empty {
        color: #ccc
    }

    .rateit-font .rateit-range > div {
        background: 0 0;
        overflow: hidden;
        cursor: default
    }

.rateit.rateit-font .rateit-reset {
    font-size: inherit;
    width: .6em;
    height: .6em;
    margin-top: .2em;
    background: gray;
    border-radius: 50%;
    position: relative
}

    .rateit.rateit-font .rateit-reset span {
        display: block;
        font-weight: 700;
        color: #fff;
        height: calc(50% - .045em);
        top: 0;
        position: absolute;
        border-bottom: .09em solid #fff;
        width: 72%;
        margin-left: 14%
    }

    .rateit.rateit-font .rateit-reset:hover,
    .rateit.rateit-font button.rateit-reset:focus {
        background: #e6574b;
        background: radial-gradient(ellipse at center, #e6574b 55%, #f6836b 77%, #f9d3cc 100%);
        background-position: 0 0
    }

@font-face {
    font-family: Symbola;
    src: url(font/Symbola.eot);
    src: local("Symbola Regular"), local("Symbola"), url(font/Symbola.woff2) format("woff2"), url(font/Symbola.woff) format("woff"), url(font/Symbola.ttf) format("truetype"), url(font/Symbola.otf) format("opentype"), url(font/Symbola.svg#Symbola) format("svg")
}

.mq-editable-field {
    display: -moz-inline-box;
    display: inline-block
}

    .mq-editable-field .mq-cursor {
        border-left: 1px solid #000;
        margin-left: -1px;
        position: relative;
        z-index: 1;
        padding: 0;
        display: -moz-inline-box;
        display: inline-block
    }

        .mq-editable-field .mq-cursor.mq-blink {
            visibility: hidden
        }

.mq-editable-field,
.mq-math-mode .mq-editable-field {
    border: 1px solid gray
}

    .mq-editable-field.mq-focused,
    .mq-math-mode .mq-editable-field.mq-focused {
        -webkit-box-shadow: #8bd 0 0 1px 2px, inset #6ae 0 0 2px 0;
        -moz-box-shadow: #8bd 0 0 1px 2px, inset #6ae 0 0 2px 0;
        box-shadow: #8bd 0 0 1px 2px, inset #6ae 0 0 2px 0;
        border-color: #709AC0;
        border-radius: 1px
    }

.mq-math-mode .mq-editable-field {
    margin: 1px
}

.mq-editable-field .mq-latex-command-input {
    color: inherit;
    font-family: "Courier New", monospace;
    border: 1px solid gray;
    padding-right: 1px;
    margin-right: 1px;
    margin-left: 2px
}

    .mq-editable-field .mq-latex-command-input.mq-empty {
        background: 0 0
    }

    .mq-editable-field .mq-latex-command-input.mq-hasCursor {
        border-color: ActiveBorder
    }

.mq-editable-field .mq-cursor:only-child:after,
.mq-editable-field .mq-textarea + .mq-cursor:last-child:after,
.mq-editable-field.mq-empty:after,
.mq-editable-field.mq-text-mode:after,
.mq-math-mode .mq-empty:after {
    visibility: hidden;
    content: 'c'
}

.mq-editable-field .mq-text-mode .mq-cursor:only-child:after {
    content: ''
}

.mq-editable-field.mq-text-mode {
    overflow-x: auto;
    overflow-y: hidden
}

.mq-math-mode .mq-root-block,
.mq-root-block {
    display: -moz-inline-box;
    display: inline-block;
    width: 100%;
    padding: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    vertical-align: middle
}

.mq-math-mode {
    font-variant: normal;
    font-weight: 400;
    font-style: normal;
    font-size: 115%;
    line-height: 1;
    display: -moz-inline-box;
    display: inline-block
}

    .mq-math-mode .mq-non-leaf,
    .mq-math-mode .mq-scaled {
        display: -moz-inline-box;
        display: inline-block
    }

    .mq-math-mode .mq-nonSymbola,
    .mq-math-mode .mq-text-mode,
    .mq-math-mode var {
        font-family: "Times New Roman", Symbola, serif;
        line-height: .9
    }

    .mq-math-mode * {
        font-size: inherit;
        line-height: inherit;
        margin: 0;
        padding: 0;
        border-color: #000;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        box-sizing: border-box
    }

    .mq-math-mode .mq-empty {
        background: #ccc
    }

        .mq-math-mode .mq-empty.mq-root-block,
        .mq-math-mode.mq-empty {
            background: 0 0
        }

    .mq-math-mode .mq-text-mode {
        font-size: 87%
    }

    .mq-math-mode .mq-font {
        font: 1em "Times New Roman", Symbola, serif
    }

        .mq-math-mode .mq-font * {
            font-family: inherit;
            font-style: inherit
        }

    .mq-math-mode b,
    .mq-math-mode b.mq-font {
        font-weight: bolder
    }

    .mq-math-mode i,
    .mq-math-mode i.mq-font,
    .mq-math-mode var {
        font-style: italic
    }

        .mq-math-mode var.mq-f {
            margin-right: .2em;
            margin-left: .1em
        }

    .mq-math-mode .mq-roman var.mq-f {
        margin: 0
    }

    .mq-math-mode big {
        font-size: 125%
    }

    .mq-math-mode .mq-roman {
        font-style: normal
    }

    .mq-math-mode .mq-sans-serif {
        font-family: sans-serif, Symbola, serif
    }

    .mq-math-mode .mq-monospace {
        font-family: monospace, Symbola, serif
    }

    .mq-math-mode .mq-overline {
        border-top: 1px solid #000;
        margin-top: 1px
    }

    .mq-math-mode .mq-underline {
        border-bottom: 1px solid #000;
        margin-bottom: 1px
    }

    .mq-math-mode .mq-binary-operator {
        padding: 0 .2em;
        display: -moz-inline-box;
        display: inline-block
    }

    .mq-math-mode .mq-supsub {
        font-size: 90%;
        vertical-align: -.5em
    }

        .mq-math-mode .mq-supsub.mq-limit {
            font-size: 80%;
            vertical-align: -.4em
        }

        .mq-math-mode .mq-supsub.mq-sup-only {
            vertical-align: .5em
        }

            .mq-math-mode .mq-supsub.mq-sup-only .mq-sup {
                display: inline-block;
                vertical-align: text-bottom
            }

        .mq-math-mode .mq-array > span,
        .mq-math-mode .mq-supsub .mq-sup {
            display: block
        }

        .mq-math-mode .mq-supsub .mq-sub {
            display: block;
            float: left
        }

        .mq-math-mode .mq-supsub.mq-limit .mq-sub {
            margin-left: -.25em
        }

        .mq-math-mode .mq-supsub .mq-binary-operator {
            padding: 0 .1em
        }

        .mq-math-mode .mq-supsub .mq-fraction {
            font-size: 70%
        }

    .mq-math-mode sup.mq-nthroot {
        font-size: 80%;
        vertical-align: .8em;
        margin-right: -.6em;
        margin-left: .2em;
        min-width: .5em
    }

    .mq-math-mode .mq-paren {
        padding: 0 .1em;
        vertical-align: top;
        -webkit-transform-origin: center .06em;
        -moz-transform-origin: center .06em;
        -ms-transform-origin: center .06em;
        -o-transform-origin: center .06em;
        transform-origin: center .06em
    }

        .mq-math-mode .mq-paren.mq-ghost {
            color: silver
        }

        .mq-math-mode .mq-paren + span {
            margin-top: .1em;
            margin-bottom: .1em
        }

    .mq-math-mode .mq-array {
        vertical-align: middle;
        text-align: center
    }

    .mq-math-mode .mq-operator-name {
        font-family: Symbola, "Times New Roman", serif;
        line-height: .9;
        font-style: normal
    }

    .mq-math-mode var.mq-operator-name.mq-first {
        padding-left: .2em
    }

    .mq-math-mode var.mq-operator-name.mq-last {
        padding-right: .2em
    }

    .mq-math-mode .mq-fraction {
        font-size: 90%;
        text-align: center;
        vertical-align: -.4em;
        padding: 0 .2em
    }

    .mq-math-mode .mq-fraction,
    .mq-math-mode .mq-large-operator,
    .mq-math-mode x:-moz-any-link {
        display: -moz-groupbox
    }

    .mq-math-mode .mq-fraction,
    .mq-math-mode .mq-large-operator,
    .mq-math-mode x:-moz-any-link,
    .mq-math-mode x:default {
        display: inline-block
    }

        .mq-math-mode .mq-denominator,
        .mq-math-mode .mq-large-operator .mq-from,
        .mq-math-mode .mq-large-operator .mq-to,
        .mq-math-mode .mq-large-operator big,
        .mq-math-mode .mq-numerator,
        .mq-math-mode .mq-vector-prefix,
        .mq-math-mode .mq-vector-stem {
            display: block
        }

    .mq-math-mode .mq-numerator {
        padding: 0 .1em
    }

    .mq-math-mode .mq-denominator {
        border-top: 1px solid;
        float: right;
        width: 100%;
        padding: .1em
    }

    .mq-math-mode .mq-sqrt-prefix {
        padding-top: 0;
        position: relative;
        top: .1em;
        vertical-align: top;
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top
    }

    .mq-math-mode .mq-sqrt-stem {
        border-top: 1px solid;
        margin-top: 1px;
        padding-left: .15em;
        padding-right: .2em;
        margin-right: .1em;
        padding-top: 1px
    }

    .mq-math-mode .mq-vector-prefix {
        text-align: center;
        line-height: .25em;
        margin-bottom: -.1em;
        font-size: .75em
    }

    .mq-math-mode .mq-large-operator {
        text-align: center
    }

        .mq-math-mode .mq-large-operator .mq-from,
        .mq-math-mode .mq-large-operator .mq-to {
            font-size: 80%
        }

        .mq-math-mode .mq-large-operator .mq-from {
            float: right;
            width: 100%
        }

    .mq-math-mode,
    .mq-math-mode .mq-editable-field {
        cursor: text;
        font-family: Symbola, "Times New Roman", serif
    }

.button-control,
.dialog-body {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.mq-math-mode .mq-overarrow {
    border-top: 1px solid #000;
    margin-top: 1px;
    padding-top: .2em
}

    .mq-math-mode .mq-overarrow:before {
        display: block;
        position: relative;
        top: -.34em;
        font-size: .5em;
        line-height: 0;
        content: '\27A4';
        text-align: right
    }

.dialog-container::after,
.folderBeak::before,
.folderFooter::before {
    content: ''
}

.mq-math-mode .mq-overarrow.mq-arrow-left:before {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"
}

.mq-editable-field .mq-selection,
.mq-editable-field .mq-selection .mq-non-leaf,
.mq-editable-field .mq-selection .mq-scaled,
.mq-math-mode .mq-selection,
.mq-math-mode .mq-selection .mq-non-leaf,
.mq-math-mode .mq-selection .mq-scaled {
    background: Highlight !important;
    color: HighlightText;
    border-color: HighlightText
}

    .mq-editable-field .mq-selection .mq-matrixed,
    .mq-math-mode .mq-selection .mq-matrixed {
        background: #39F !important
    }

    .mq-editable-field .mq-selection .mq-matrixed-container,
    .mq-math-mode .mq-selection .mq-matrixed-container {
        filter: chroma(color='#3399FF') !important
    }

    .mq-editable-field .mq-selection.mq-blur,
    .mq-editable-field .mq-selection.mq-blur .mq-matrixed,
    .mq-editable-field .mq-selection.mq-blur .mq-non-leaf,
    .mq-editable-field .mq-selection.mq-blur .mq-scaled,
    .mq-math-mode .mq-selection.mq-blur,
    .mq-math-mode .mq-selection.mq-blur .mq-matrixed,
    .mq-math-mode .mq-selection.mq-blur .mq-non-leaf,
    .mq-math-mode .mq-selection.mq-blur .mq-scaled {
        background: #D4D4D4 !important;
        color: #000;
        border-color: #000
    }

        .mq-editable-field .mq-selection.mq-blur .mq-matrixed-container,
        .mq-math-mode .mq-selection.mq-blur .mq-matrixed-container {
            filter: chroma(color='#D4D4D4') !important
        }

.mq-editable-field .mq-textarea,
.mq-math-mode .mq-textarea {
    position: relative;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

    .mq-editable-field .mq-selectable,
    .mq-editable-field .mq-textarea *,
    .mq-math-mode .mq-selectable,
    .mq-math-mode .mq-textarea * {
        -webkit-user-select: text;
        -moz-user-select: text;
        user-select: text;
        position: absolute;
        clip: rect(1em 1em 1em 1em);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        resize: none;
        width: 1px;
        height: 1px
    }

.mq-math-mode .mq-matrixed {
    background: #fff;
    display: -moz-inline-box;
    display: inline-block
}

.mq-math-mode .mq-matrixed-container {
    filter: chroma(color='white');
    margin-top: -.1em
}

.forms-icon-size40x40 {
    font-size: 40px;
    font-style: normal;
    line-height: 40px;
    width: 40px;
    height: 40px
}

.forms-icon-size36x36 {
    font-size: 36px;
    font-style: normal;
    line-height: 36px;
    width: 36px;
    height: 36px
}

.forms-icon-size32x32 {
    font-size: 32px;
    font-style: normal;
    line-height: 32px;
    width: 32px;
    height: 32px
}

.forms-icon-size28x28 {
    font-size: 28px;
    font-style: normal;
    line-height: 28px;
    width: 28px;
    height: 28px
}

.forms-icon-size27x27 {
    font-size: 27px;
    font-style: normal;
    line-height: 27px;
    width: 27px;
    height: 27px
}

.forms-icon-size26x26 {
    font-size: 26px;
    font-style: normal;
    line-height: 26px;
    width: 26px;
    height: 26px
}

.forms-icon-size24x24 {
    font-size: 24px;
    font-style: normal;
    line-height: 24px;
    width: 24px;
    height: 24px
}

.forms-icon-size22x22 {
    font-size: 22px;
    font-style: normal;
    line-height: 22px;
    width: 22px;
    height: 22px
}

.forms-icon-size21x21 {
    font-size: 21px;
    font-style: normal;
    line-height: 21px;
    width: 21px;
    height: 21px
}

.forms-icon-size20x20 {
    font-size: 20px;
    font-style: normal;
    line-height: 20px;
    width: 20px;
    height: 20px
}

.forms-icon-size19x19 {
    font-size: 19px;
    font-style: normal;
    line-height: 19px;
    width: 19px;
    height: 19px
}

.forms-icon-size18x18 {
    font-size: 18px;
    font-style: normal;
    line-height: 18px;
    width: 18px;
    height: 18px
}

.forms-icon-size16x16 {
    font-size: 16px;
    font-style: normal;
    line-height: 16px;
    width: 16px;
    height: 16px
}

.forms-icon-size15x15 {
    font-size: 15px;
    font-style: normal;
    line-height: 15px;
    width: 15px;
    height: 15px
}

.forms-icon-size14x14 {
    font-size: 14px;
    font-style: normal;
    line-height: 14px;
    width: 14px;
    height: 14px
}

.forms-icon-size12x12 {
    font-size: 12px;
    font-style: normal;
    line-height: 12px;
    width: 12px;
    height: 12px
}

.forms-icon-size10x10 {
    font-size: 10px;
    font-style: normal;
    line-height: 10px;
    width: 10px;
    height: 10px
}

body[dir=rtl] .ms-Icon--Back,
body[dir=rtl] .ms-Icon--ChevronLeft,
body[dir=rtl] .ms-Icon--ChevronLeftMed,
body[dir=rtl] .ms-Icon--ChevronLeftSmall,
body[dir=rtl] .ms-Icon--ChevronRight,
body[dir=rtl] .ms-Icon--ChevronRightMed,
body[dir=rtl] .ms-Icon--ChevronRightSmall,
body[dir=rtl] .ms-Icon--Forward {
    transform: rotate(180deg)
}

.ms-Icon--TextField {
    transform: translateY(.06em);
    -ms-transform: translateY(.06em);
    -webkit-transform: translateY(.06em);
    -o-transform: translateY(.06em);
    -moz-transform: translateY(.06em)
}

.ms-Icon--NumberField {
    transform: translateY(.04em);
    -ms-transform: translateY(.04em);
    -webkit-transform: translateY(.04em);
    -o-transform: translateY(.04em);
    -moz-transform: translateY(.04em)
}

button {
    line-height: normal !important
}

.button-control {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 0;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, .002);
    outline: 0;
    cursor: pointer;
    -webkit-border-radius: 0;
    border-radius: 0;
    overflow: visible;
    vertical-align: top
}

.menu-item-active,
.select-control {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none
}

.button-common,
.light-background-button {
    outline: transparent solid 1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: rgba(0, 0, 0, .002)
}

.button-content {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    display: flex;
    vertical-align: baseline
}

.glyph-button-control-vertical > .button-content {
    flex-direction: column
}

.button-common {
    border: 1px solid transparent;
    box-sizing: border-box
}

    .button-common::-moz-focus-inner {
        border: 0;
        padding: 0
    }

.light-background-button {
    border: 1px solid transparent;
    box-sizing: border-box
}

    .light-background-button::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    .light-background-button:focus {
        outline: #000 dashed 1px
    }

@media screen and (-ms-high-contrast:active) {
    .button-content {
        margin: 0 4px
    }

    .light-background-button {
        border-style: solid;
        outline-width: 0;
        margin: 0 2px
    }

        .light-background-button:focus,
        .light-background-button:hover {
            border-style: dashed
        }

        .light-background-button:active,
        .light-background-button:disabled {
            border-style: solid
        }
}

.dark-background-button {
    background-color: rgba(0, 0, 0, .002);
    border: 1px solid transparent;
    outline: transparent solid 1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .dark-background-button::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    .dark-background-button:focus {
        outline: #FFF dashed 1px
    }

@media screen and (-ms-high-contrast:active) {
    .dark-background-button {
        border-style: solid;
        outline-width: 0;
        margin: 0 2px
    }

        .dark-background-button:focus,
        .dark-background-button:hover {
            border-style: dashed
        }

        .dark-background-button:active,
        .dark-background-button:disabled {
            border-style: solid
        }
}

.menu-dropdown-control {
    position: absolute;
    bottom: 20%;
    padding: 0;
    z-index: 1000;
    margin: 2px 0;
    text-align: left;
    float: right;
    list-style: none;
    background-color: #FFF;
    -webkit-background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    right: 0
}

    .menu-dropdown-control tr.menu-dropdown-control-disabled {
        cursor: not-allowed;
        color: rgba(0, 0, 0, .5)
    }

        .menu-dropdown-control tr.menu-dropdown-control-disabled:hover {
            background-color: #FFF;
            cursor: not-allowed
        }

    .menu-dropdown-control tr:hover {
        background-color: #EAEAEA;
        cursor: pointer
    }

    .menu-dropdown-control tbody {
        padding: 5px
    }

    .menu-dropdown-control td:last-child {
        padding: 5px 10px
    }

.menu-control-options-box {
    z-index: 299;
    border: 1px solid #EAEAEA;
    border-top: none;
    background-color: #fff;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    float: right;
    position: absolute;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    outline: transparent solid 1px
}

.menu-control-options-content {
    text-align: left;
    list-style: none;
    margin-bottom: 2px
}

.menu-control-dropup {
    position: relative
}

.menu-box,
.menu-option-container {
    box-sizing: border-box;
    position: absolute
}

.menu-control {
    display: block;
    min-width: inherit;
    padding: 0
}

    .menu-control > li {
        height: 38px;
        padding: 5px 10px
    }

        .menu-control > li.separator {
            border-top: 1px solid #EAEAEA
        }

            .menu-control > li.separator:first-child {
                border-top: none
            }

        .menu-control > li > * {
            vertical-align: middle
        }

    .menu-control.checked > li {
        padding-left: 35px
    }

        .menu-control.checked > li.checked {
            padding-left: 10px
        }

            .menu-control.checked > li.checked > .question-menu-check-icon {
                margin-right: 10px
            }

.menu-control-item:focus {
    outline: #000 dashed 1px;
    color: #262626;
    text-decoration: none;
    background-color: #F5F5F5
}

.menu-control-item:hover {
    background-color: #E6E6E6;
    color: #505050
}

@media screen and (-ms-high-contrast:active) {
    .menu-control-item:focus,
    .menu-control-item:hover {
        outline: dashed 1px;
        outline-offset: -2px
    }
}

.menu-control-hr {
    background: #EAEAEA;
    margin: 0
}

.menu-option-container {
    top: 62px;
    left: -2px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2)
}

    .menu-option-container .button-content {
        justify-content: unset
    }

.menu-box {
    width: 20px;
    height: 20px;
    background: #FFF;
    transform: rotate(45deg);
    box-shadow: inherit;
    border: 1px solid #EAEAEA;
    top: -10px;
    left: 17px
}

.menu-item-active {
    cursor: pointer;
    user-select: none
}

    .menu-item-active:focus {
        outline: #000 dashed 1px;
        color: #262626;
        text-decoration: none;
        background-color: #EAEAEA;
        outline-offset: -1px
    }

    .menu-item-active:hover {
        background-color: #E6E6E6;
        color: #505050
    }

.menu-item-disabled {
    color: #A6A6A6;
    box-shadow: none;
    cursor: default
}

.select-control {
    user-select: none;
    cursor: default;
    position: relative;
    word-wrap: break-word
}

.office-form-unselectable,
.suggestion-select-control {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.select-control:focus {
    outline: #000 dashed 1px
}

.select-placeholder {
    padding-left: 5px;
    cursor: pointer;
    padding-right: 35px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

    .select-placeholder > .select-placeholder-arrow {
        width: 25px;
        height: 25px;
        position: absolute;
        right: 6px;
        top: 50%;
        margin-top: -12px
    }

.select-placeholder-icon {
    font-size: 14px;
    margin: 5px 10px;
    display: inline-block;
    vertical-align: middle
}

.select-placeholder-text {
    line-height: 25px
}

    .select-placeholder-text.default {
        color: #666
    }

.select-placeholder-arrow {
    text-align: center;
    line-height: 25px;
    vertical-align: middle
}

.select-option-menu-container {
    background-color: #FFF;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
    position: absolute;
    padding: 0;
    z-index: 10;
    max-height: 320px;
    overflow-y: auto;
    margin-bottom: 0
}

@media screen and (-ms-high-contrast:active) {
    .menu-item-disabled {
        text-decoration: line-through
    }

    .select-option-menu-container {
        overflow-y: visible;
        outline: dashed 1px;
        outline-offset: -2px
    }
}

.select-option-menu {
    width: 100%;
    position: absolute;
    overflow-x: hidden;
    white-space: pre-wrap;
    box-shadow: 0 0 20px #BBB;
    background: #FFF;
    list-style: none;
    min-width: 160px;
    margin-top: 3px;
    max-height: 400px
}

.dialog-container,
.dialog-content {
    box-shadow: 0 2px 15px rgba(0, 0, 0, .12)
}

.select-option,
.select-option-nocheck {
    border: 1px solid transparent;
    outline: transparent solid 1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 3px 20px 3px 0;
    background-color: #FFF;
    color: #333;
    text-decoration: none;
    cursor: pointer
}

    .select-option-nocheck::-moz-focus-inner,
    .select-option::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    .select-option-nocheck:focus,
    .select-option:focus {
        outline: #000 dashed 1px;
        outline-offset: -1px
    }

@media screen and (-ms-high-contrast:active) {
    .select-option,
    .select-option-nocheck {
        border-style: solid;
        outline-width: 0;
        margin: 0 2px
    }

        .select-option-nocheck:focus,
        .select-option-nocheck:hover,
        .select-option:focus,
        .select-option:hover {
            border-style: dashed
        }

        .select-option-nocheck:active,
        .select-option-nocheck:disabled,
        .select-option:active,
        .select-option:disabled {
            border-style: solid
        }
}

.select-option-nocheck.selected,
.select-option.selected {
    background-color: #EAEAEA
}

.select-option-nocheck:hover,
.select-option:hover {
    background-color: #F4F4F4
}

.select-option-nocheck:focus,
.select-option-nocheck:hover,
.select-option:focus,
.select-option:hover {
    color: #333;
    text-decoration: none
}

.select-option-nocheck {
    padding: 3px 20px 3px 15px
}

.select-option-state {
    display: inline;
    width: 24px;
    font-size: 14px;
    padding: 0 5px;
    color: #333;
    visibility: hidden
}

.select-option.selected .select-option-state {
    visibility: visible;
    vertical-align: middle
}

.select-option-state.hasPlaceholderIcon {
    margin-left: 10px;
    margin-right: 5px
}

.select-option-content {
    display: inline-flex;
    align-items: center;
    margin: 5px 0;
    font-size: 15px
}

.dialog-container::after,
.dialog-content {
    display: inline-block;
    vertical-align: middle
}

.select-group-header {
    margin: 0;
    padding: 12px 20px 12px 15px;
    font-size: 15px;
    border-top: 1px solid #C8C8C8
}

@media screen and (-ms-high-contrast:active) {
    .select-group-header {
        border: 1px solid;
        margin: 0 -2px 0 2px
    }
}

.simple-dialog-container {
    background: rgba(0, 0, 0, .8);
    width: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    height: 178px;
    text-align: center;
    cursor: default
}

.dialog-container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .6);
    text-align: center;
    overflow: auto;
    z-index: 2
}

    .dialog-container::after {
        width: 0;
        height: 70%
    }

.dialog-content {
    font-size: 14px;
    color: #333;
    padding: 20px;
    background: #FFF;
    width: 420px;
    outline: transparent solid 1px;
    text-align: left
}

.dialog-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.dialog-title {
    flex: 1 1 auto;
    color: #333;
    font-size: 17px;
    line-height: 30px;
    margin: 0;
    font-weight: 400
}

.dialog-close {
    color: #333
}

    .dialog-close:focus {
        outline: #000 dashed 1px
    }

.dialog-body {
    white-space: pre-wrap
}

.dialog-action-container {
    display: flex;
    align-items: center;
    margin-top: 20px
}

    .dialog-action-container.right {
        justify-content: flex-end
    }

.toggle-button {
    width: 40px;
    height: 20px;
    position: relative;
    cursor: pointer;
    background: #FFF;
    border-radius: 10px;
    border: 2px solid #666;
    padding: 3px;
    display: inline-block;
    margin-bottom: -5px
}

    .toggle-button.disabled {
        cursor: default;
        border-color: #A6A6A6
    }

        .toggle-button.disabled:focus {
            outline: 0
        }

    .rateit .rateit-range:focus,
    .toggle-button:focus {
        outline: #000 dashed 1px
    }

    .toggle-button.disabled::after {
        border-color: #A6A6A6
    }

    .toggle-button::after {
        position: relative;
        display: block;
        content: "";
        width: 0;
        height: 0;
        left: 0;
        border-radius: 100%;
        border: 5px solid #666;
        background: #666;
        transition: all .2s ease
    }

    .toggle-button.active::after {
        background: #FFF;
        left: 67%;
        border-color: #FFF
    }

.loading-spinner-animation {
    display: inline-block;
    width: 1em;
    height: 1em;
    font-size: 10px;
    border-radius: 50%;
    -webkit-animation: load 1.1s infinite ease;
    -moz-animation: load 1.1s infinite ease;
    -o-animation: load 1.1s infinite ease;
    animation: load 1.1s infinite ease
}

.rateit {
    font-family: FabricMDL2Icons
}

    .rateit .rateit-empty {
        color: #959595;
        display: flex
    }

    .rateit .rateit-hover,
    .rateit .rateit-selected {
        display: flex;
        white-space: nowrap
    }

.rateit-font-28 {
    font-size: 28px
}

.office-form-question-rating-body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 4px
}

    .office-form-question-rating-body.justifyContentSpaceBetween {
        width: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .office-form-question-rating-body.justifyContentSpaceBetween .office-form-question-rating-item {
            margin: 0
        }

.office-form-question-rating-item {
    text-align: center;
    margin: 0 10px
}

.small-screen .office-form-question-rating-item {
    margin: 0 5px
}

.mobile-view .office-form-question-rating-item {
    margin: 0 25px
}

.office-form-question-rating-item:first-child {
    margin-left: 0
}

.office-form-question-rating-item > label {
    display: block;
    font-weight: 400;
    margin-bottom: 0
}

.office-form-question-rating-item > input {
    width: 18px;
    height: 18px
}

    .office-form-question-rating-item > input:focus {
        outline: dashed 1px;
        outline-offset: 0
    }

.has-error .rateit {
    border: 1px solid #a94442
}

.insight-chart-control-container {
    position: relative;
    display: flex;
    width: 50%;
    min-height: 100px;
    justify-content: flex-start;
    align-items: center;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: calc(50% - 220px)
}

.insight-chart-control {
    padding: 15px;
    justify-content: center;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    text-align: center
}

.insight-chart-control-canvas {
    padding: 0
}

table.reset tbody,
table.reset td,
table.reset tr {
    margin: 0;
    padding: 0;
    border: 0
}

.nps-control {
    position: relative
}

    .nps-control .nps-pop-up {
        position: absolute;
        display: none;
        color: #333;
        background: #F4F4F4;
        text-align: center;
        z-index: 1
    }

        .nps-control .nps-pop-up .nps-pop-up-text {
            font-size: 29px;
            line-height: 46px
        }

        .nps-control .nps-pop-up.show {
            display: block
        }

    .nps-control .nps-control-table {
        width: 100%
    }

        .nps-control .nps-control-table td {
            vertical-align: middle;
            text-align: center
        }

        .nps-control .nps-control-table .nps-head-row {
            display: none
        }

            .nps-control .nps-control-table .nps-head-row .nps-head-column {
                visibility: hidden;
                color: #333e48;
                text-align: center;
                vertical-align: bottom
            }

        .nps-control .nps-control-table.enabled .radio-button:hover {
            color: #333;
            background: #F4F4F4
        }

        .nps-control .nps-control-table .radio-button-item {
            border: 1px solid #999;
            border-right: 0 none;
            width: 8%;
            color: #666
        }

            .nps-control .nps-control-table .radio-button-item:last-child {
                border-right: 1px solid
            }

body[dir=rtl] .nps-control .nps-control-table .radio-button-item {
    border: 1px solid #999;
    border-left: 0 none
}

    body[dir=rtl] .nps-control .nps-control-table .radio-button-item:first-child {
        border-left: 1px solid
    }

.nps-control .nps-control-table .radio-button-item .radio-button {
    position: relative
}

    .nps-control .nps-control-table .radio-button-item .radio-button input {
        position: absolute;
        top: 0;
        height: 100%;
        width: 1px;
        border: 0;
        padding: 0;
        margin: 0;
        clip: rect(0 0 0 0)
    }

    .nps-control .nps-control-table .radio-button-item .radio-button .answer-label {
        padding: 10px 0;
        display: block;
        cursor: pointer;
        font-size: 14px;
        margin-bottom: 0;
        font-weight: 400
    }

        .nps-control .nps-control-table .radio-button-item .radio-button .answer-label .radio-button-display::after {
            content: attr(data-text)
        }

        .nps-control .nps-control-table .radio-button-item .radio-button .answer-label.active {
            outline-width: 1px;
            outline-style: solid
        }

        .nps-control .nps-control-table .radio-button-item .radio-button .answer-label.focus {
            outline: #333 dashed 1px
        }

.nps-control .nps-control-label-container {
    margin-top: 10px;
    font-size: 14px;
    line-height: 16px
}

    .nps-control .nps-control-label-container > .left-label {
        float: left
    }

    .nps-control .nps-control-label-container > .right-label {
        float: right
    }

.suggestion-select-control {
    position: relative;
    user-select: none;
    cursor: default;
    word-wrap: break-word
}

.suggestion-select-placeholder {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.suggestion-select-placeholder-text {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #C8C8C8;
    outline: 0
}

    .suggestion-select-placeholder-text.default {
        color: #666
    }

    .suggestion-select-placeholder-text:focus {
        border: 1px solid #008272
    }

    .suggestion-select-placeholder-text::-ms-clear {
        display: none
    }

.suggestion-select-suggest-option-container {
    position: absolute;
    background: #FFF;
    max-height: 320px;
    overflow: auto;
    border: 1px solid #EAEAEA;
    border-top: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
    z-index: 11
}

.office-form-theme-shadow,
.thank-you-page-content {
    box-shadow: 0 0 11px rgba(0, 0, 0, .12)
}

.suggestion-select-suggest-content {
    padding: 9px 0 9px 15px;
    color: #008272;
    border-bottom: 1px solid #EAEAEA
}

.suggestion-select-option,
.suggestion-select-option:focus,
.suggestion-select-option:hover {
    color: #333;
    text-decoration: none
}

.suggestion-select-option-menu-options {
    background-color: #FFF;
    padding: 0;
    z-index: 10;
    margin-bottom: 0
}

.suggestion-select-option {
    border: 1px solid transparent;
    outline: transparent solid 1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 20px 6px 15px;
    display: block;
    width: 100%;
    background-color: #FFF;
    cursor: pointer
}

    .suggestion-select-option::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    .suggestion-select-option:focus {
        outline: #000 dashed 1px;
        outline-offset: -1px
    }

@media screen and (-ms-high-contrast:active) {
    .suggestion-select-option {
        border-style: solid;
        outline-width: 0;
        margin: 0 2px
    }

        .suggestion-select-option:focus,
        .suggestion-select-option:hover {
            border-style: dashed
        }

        .suggestion-select-option:active,
        .suggestion-select-option:disabled {
            border-style: solid
        }
}

.suggestion-select-option.selected {
    background-color: #EAEAEA
}

.suggestion-select-option:hover {
    background-color: #F4F4F4
}

.suggestion-select-option.disabled .suggestion-select-option-content,
.suggestion-select-option.disabled .suggestion-select-option-second-content {
    color: #EAEAEA
}

.suggestion-select-option-second-content {
    line-height: 16px;
    font-size: 11px;
    color: #666
}

.suggestion-search-hint {
    height: 0;
    overflow: hidden
}

.progress-bar-control-channel {
    background: #F4F4F4
}

.progress-bar-control-rate {
    background: #008272;
    width: 0;
    height: 100%
}

.design-formula-mixer,
.design-question-textbox-with-switcher {
    width: 100%;
    display: inline-block
}

#content-root,
body,
html {*/
    /*overflow-y: hidden*/
/*}

body {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.disable-over-scroll {
    overscroll-behavior: contain;
    overscroll-behavior-x: none
}

textarea {
    resize: none
}

.formula-renderer-container {
    position: relative;
    overflow: hidden
}

.formula-renderer-container-safari9 {
    line-height: 28px;
    min-height: 28px
}

.formula-loading {
    position: absolute;
    margin: auto 0;
    top: 0;
    bottom: 0;
    height: 12px
}

    .formula-loading > .spinner-tile-animation {
        font-size: 12px;
        transform: scale(.16666667);
        -webkit-transform: scale(.16666667)
    }

.design-formula-mixer {
    vertical-align: middle;
    padding: 10px 14px;
    overflow: hidden;
    cursor: text;
    border: 1px solid transparent
}

    .design-formula-mixer.placeholder {
        color: #666
    }

    .design-formula-mixer.active,
    :hover > .design-formula-mixer {
        border-color: #CCC;
        padding-right: 45px
    }

.formula-designer-container > .design-formula-mixer {
    border-color: inherit
}

.design-keyboard-container .design-formula-mixer,
.design-question-math-container .design-formula-mixer {
    background: #FFF
}

.design-formula-mixer[disabled] {
    border-color: #A6A6A6
}

.office-form-question-content:hover .design-formula-mixer[disabled] {
    border-color: #A6A6A6;
    cursor: default
}

.design-question-short-correct-math-answer-container > .design-formula-mixer {
    background: #FFF
}

.design-question-choice-label .design-formula-mixer {
    margin: 0;
    min-height: 40px;
    line-height: inherit;
    background: #FFF
}

.formula-designer-container {
    display: inline-block
}

.design-question-choice-label > .formula-designer-container {
    width: 420px;
    margin: 0;
    vertical-align: middle;
    border-color: #FFF
}

    .design-question-choice-label > .formula-designer-container:hover {
        border-color: #CCC;
        transition: ease-in-out .15s
    }

.office-form-response-question-math-container > .formula-designer-container {
    border-color: #A6A6A6;
    width: 100%
}

    .office-form-response-question-math-container > .formula-designer-container:hover {
        border-color: #333;
        transition: ease-in-out .15s
    }

.design-question-math-container > .formula-designer-container {
    border-color: #FFF;
    width: 100%
}

    .design-question-math-container > .formula-designer-container:hover,
    .design-question-math-plaintext .design-question-math-plaintext-text:hover {
        border-color: #CCC;
        transition: ease-in-out .15s
    }

.design-question-short-correct-math-answer-container > .formula-designer-container {
    width: 420px;
    margin: 0;
    vertical-align: inherit;
    background: #FFF
}

.design-question-choice-to-math-button {
    display: none;
    height: 30px;
    font-size: 18px;
    margin-top: 5px;
    cursor: pointer;
    width: 39px;
    margin-left: -41px;
    margin-right: 0;
    position: relative;
    line-height: 100%;
    background: #FFF;
    color: #4A4A4A
}

    .design-question-choice-to-math-button:hover {
        color: #333
    }

    .design-question-choice-to-math-button.active {
        color: #008272
    }

        .design-question-choice-to-math-button.active:hover {
            color: #004B50
        }

    .design-question-choice-to-math-button.active-choice,
    .design-question-choice-to-math-button.isMobile,
    :hover > .design-question-choice-to-math-button {
        display: inline-block
    }

.design-question-choice-to-math-button-icon {
    width: 30px;
    font-size: 24px
}

.design-question-math-container > .design-keyboard-container {
    margin: 0;
    vertical-align: inherit;
    width: 100%
}

.design-question-choice-to-math-button-text {
    font-family: Arial-BoldMT;
    font-size: 16px;
    color: #FFF
}

.design-question-math-container,
.design-question-math-plaintext {
    display: inline-block;
    padding: 0 25px 0 46px;
    width: 100%
}

.design-question-math-plaintext-text {
    display: inline-block;
    vertical-align: middle;
    min-height: 40px;
    width: 100%
}

.image-spinner {
    position: absolute;
    left: calc(50% - 6px);
    top: calc(50% - 6px);
    width: 30px;
    height: 30px;
    transform: scale(.8)
}

.submit-spinner {
    display: inline-block;
    margin-left: calc(-50%);
    width: 10px;
    height: 10px;
    margin-top: 15px
}

    .submit-spinner > .spinner-tile-animation {
        transform: scale(.4)
    }

.image-alternative-text {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    width: 100%;
    height: 100%;
    padding: 0;
    color: #f1f1f1;
    background-color: rgba(0, 0, 0, .3);
    opacity: .8;
    overflow: visible;
    word-wrap: break-word;
    line-height: normal
}

.required-star::after {
    color: #AE1515;
    content: " * "
}

.question-edit-button {
    height: 30px;
    width: 50px;
    color: #666;
    font-size: 18px
}

    .question-edit-button:hover {
        color: #333
    }

    .question-edit-button:disabled {
        color: #A6A6A6
    }

.image-button-answerkey {
    color: #008272
}

.image-button-checked-answerkey-mobile,
.image-button-checked-wrong-answer-mobile {
    color: #fff
}

.image-button-checked-wrong-answer {
    color: red
}

.border-no-radius {
    border-radius: 0
}

.flex-pane-setting-shuffle-div .office-form-textfield-input {
    border: 1px solid transparent;
    text-align: center
}

    .flex-pane-setting-shuffle-div .office-form-textfield-input:hover {
        border: 1px solid #C8C8C8
    }

.office-form-textfield-input::-ms-clear {
    display: none
}

input:disabled,
textarea:disabled {
    cursor: default !important
}

.office-form-textfield-counter {
    position: absolute;
    top: 100%;
    right: 2px;
    font-size: 10px;
    color: #aaa;
    line-height: 100%;
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    display: none
}

.office-form-notice-container,
.office-form-subtitle {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

input:focus + .office-form-textfield-counter,
textarea:focus + .office-form-textfield-counter {
    display: block;
    z-index: 1
}

.textfield-counter-warning {
    color: #E9001B
}

.checkbox,
.radio {
    position: relative;
    display: block;
    margin-top: 0;
    margin-bottom: 0
}

.form-renderer-section-breaker {
    height: 20px;
    margin-left: -42px;
    width: calc(114%);
    margin-top: 20px;
    margin-bottom: 30px
}

.mobile-view .form-renderer-section-breaker {
    margin-left: -48px;
    background: #eee
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0;
    bottom: 0;
    margin: auto 0 auto -20px;
    outline-offset: 0
}

    .checkbox input[type=checkbox]:focus,
    .checkbox-inline input[type=checkbox]:focus,
    .radio input[type=radio]:focus,
    .radio-inline input[type=radio]:focus {
        outline: dashed 1px
    }

.office-form-matrix-radio input[type=radio],
.office-form-question-rating-tr input[type=radio] {
    outline-offset: 0;
    width: 18px;
    height: 18px
}

#form-container,
.form-content,
.form-content-container {
    height: 100%;
    width: 100%
}

.office-form-matrix-radio input[type=radio]:focus,
.office-form-question-rating-tr input[type=radio]:focus {
    outline: dashed 1px
}

.btn .caret {
    margin-left: 10px
}

.btn.disabled {
    cursor: auto
}

.btn-primary {
    color: #000;
    background-color: #F4F4F4;
    border-color: #2e6da4;
    border-radius: 0
}

    .btn-primary.active,
    .btn-primary.focus,
    .btn-primary:active,
    .btn-primary:focus,
    .btn-primary:hover,
    .open > .dropdown-toggle.btn-primary {
        color: #000;
        background-color: #EAEAEA;
        border-color: #204d74
    }

#form-container {
    float: left
}

.form-header-text-message {
    margin: 15px 0;
    font-weight: 600
}

.form-content > .form-content-container {
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 100%
}

.office-form-duplicate-form-container + div + .office-form-content.height-with-tip-bar {
    height: calc(100% - 130px)
}

.office-form-progress-container {
    width: 100%;
    left: 0;
    z-index: 2;
    max-width: 850px;
    position: absolute
}

.office-form-progress-bar {
    position: absolute;
    width: 100%;
    height: 8px;
    background-color: #008272;
    z-index: 2;
    max-width: 850px
}

.forms-pro .office-form-progress-bar,
.forms-pro .office-form-progress-container {
    max-width: 1190px
}

.office-form-progress {
    background-color: #004B50;
    height: 8px;
    position: absolute
}

.office-form {
    width: 100%;
    outline: transparent solid 1px
}

.office-form-quiz-result-container:focus,
.office-form-totalscore-bar:focus {
    outline: 0
}

.office-form-data-classification-label {
    padding: 5px 0 0 10px
}

.office-form-data-classification-label-text {
    font-size: 18px;
    color: #fff
}

.office-form-duplicate-classification-label {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    z-index: 1;
    color: #E3E3E3;
    background: #004B50;
    text-align: center
}

.office-form-duplicate-classification-label-with-multilingual {
    right: 240px
}

.office-form-duplicate-classification-label-without-multilingual {
    right: 0
}

.slim-size .office-form-title.heading-1 {
    font-size: 16px;
    line-height: 25px
}

.office-form-title-container a:link,
.office-form-title-container a:visited {
    color: #fff;
    text-decoration: underline
}

.logo-image-container {
    line-height: 0;
    position: relative;
    flex: 0 0 auto
}

    .logo-image-container.old {
        float: left;
        margin-right: 30px
    }

        .logo-image-container.old ~ .office-form-title {
            display: flex;
            align-items: center;
            min-height: 120px;
            padding-bottom: 3px
        }

        .logo-image-container.old > canvas,
        .logo-image-container.old > img {
            width: 120px;
            height: 120px;
            visibility: visible
        }

    .logo-image-container > canvas,
    .logo-image-container > img {
        max-width: 100%;
        visibility: hidden;
        -ms-high-contrast-adjust: none
    }

        .logo-image-container > canvas.visiable,
        .logo-image-container > img.visiable {
            visibility: visible
        }

        .logo-image-container > canvas *,
        .logo-image-container > img * {
            -ms-high-contrast-adjust: auto
        }

    .logo-image-container ~ .office-form-title {
        line-height: 1.2
    }

.small-size .logo-image-container ~ .office-form-title {
    line-height: 1.3
}

.office-form-title-box,
.slim-size .office-form-title-box {
    display: flex;
    flex-wrap: nowrap
}

    .office-form-title-box.left,
    .slim-size .office-form-title-box.left {
        flex-direction: row;
        align-items: center
    }

    .office-form-title-box.right,
    .slim-size .office-form-title-box.right {
        flex-direction: row-reverse;
        align-items: center
    }

    .office-form-title-box.top,
    .slim-size .office-form-title-box.top {
        flex-direction: column
    }

    .slim-size .office-form-title-box.left {
        padding: 5px 0
    }

    .slim-size .office-form-title-box.top {
        padding: 11px 0 8px
    }

.office-form-title-image-box {
    line-height: 0;
    position: relative;
    flex: 0 0 auto
}

    .office-form-title-image-box > img {
        visibility: hidden;
        max-width: 100%
    }

        .office-form-title-image-box > img.visiable {
            visibility: visible
        }

.design-question-drag-ghost,
.design-question-dropdown-label .design-question-drag-handler,
.office-form-sort-list-arrows {
    visibility: hidden
}

.top > .office-form-title-image-box {
    margin-bottom: 25px
}

.small-size .top > .office-form-title-image-box {
    margin-bottom: 15px
}

.slim-size .top > .office-form-title-image-box {
    margin-bottom: 5px
}

.left > .office-form-title-image-box {
    margin-right: 30px
}

.slim-size .left > .office-form-title-image-box {
    margin-bottom: 7px;
    margin-top: 7px;
    margin-right: 20px
}

.office-form-title-image-box ~ .office-form-title {
    line-height: 1.3
}

.office-form-subtitle {
    font-size: 15px
}

    .office-form-subtitle.heading-1 {
        margin-top: 25px
    }

    .office-form-subtitle.heading-2 {
        font-size: 14px;
        margin-top: 10px
    }

    .office-form-subtitle + .design-question-image-title-big-horizontal,
    .office-form-subtitle + .office-form-title-image-box {
        margin-top: 15px
    }

    .office-form-subtitle.heading-2 + .office-form-title-image-box {
        margin-top: 0
    }

.with-image .office-form-subtitle.heading-2 {
    padding: 0 20px 10px
}

.with-image .office-form-title.heading-2 {
    padding: 10px 20px
}

.office-form-bottom-bar {
    background-color: #F4F4F4;
    width: 100%;
    text-align: center
}

.office-form-new-bottom-bar {
    width: 100%;
    text-align: center
}

.office-form-theme-quiz-point {
    color: #008272
}

.office-form-bottom-bar-other {
    padding-top: 50px;
    padding-bottom: 30px;
    font-size: 14px
}

.office-form-body a.linkified:link,
.office-form-body a.linkified:visited {
    color: #0000D9;
    text-decoration: underline
}

.office-form-notice-container {
    font-size: 14px;
    color: #333;
    line-height: 100%;
    margin-left: 20px
}

    .office-form-notice-container > div:not(:last-child) {
        margin-bottom: 20px
    }

.office-form-notice-long-text {
    line-height: 25px;
    vertical-align: bottom
}

    .office-form-notice-long-text:first-line {
        line-height: 100%;
        vertical-align: middle
    }

.office-form-required-notice-star::after {
    color: red;
    font-size: 17px;
    content: " * ";
    font-weight: 700
}

.office-form-formcomment,
.office-form-point-label {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 22px;
    padding-top: 40px;
    display: inline-block
}

.introduction-container::after,
.introduction-container::before,
.suiteheader-groupname-container::before {
    content: ""
}

.office-form-result-container {
    width: 100%;
    min-height: 110px;
    background-color: #F4F4F4
}

.office-form-formcomment-container {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    display: inline-block;
    height: 100%;
    width: 64%;
    color: #008272
}

.office-form-formcomment {
    vertical-align: middle;
    word-break: break-word;
    padding-left: 50px;
    padding-bottom: 40px
}

.office-form-totalscore-bar {
    display: inline-block;
    height: 100%;
    float: right
}

.office-form-point-label {
    color: #666;
    line-height: 22px;
    padding-left: 20px
}

.office-form-score-label {
    font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    display: inline-block;
    font-size: 30px;
    color: #008272;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 50px
}

.office-form-email-receipt-checkbox,
.office-form-submit-error .error-message {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.office-form-unselectable {
    -webkit-touch-callout: none;
    user-select: none
}

.firstrun-callout-button,
.insight-view-feedback-option {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.office-form-button-container {
    display: inline-block
}

.mobile-view .office-form-button-container,
.small-screen .office-form-button-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap
}

.office-form-bottom-button.gray-background {
    background-color: #EAEAEA
}

    .office-form-bottom-button.gray-background:focus,
    .office-form-bottom-button.gray-background:hover {
        background-color: #C8C8C8
    }

.office-form-hide-text {
    color: transparent !important
}

.office-form-error-message-container {
    display: inline-block;
    position: relative;
    width: calc(100% - 200px)
}

.small-screen .office-form-error-message-container {
    width: 100%;
    padding-left: 30px;
    height: 40px
}

.office-form-submit-error {
    margin-left: 20px;
    margin-top: 5px;
    color: #A80000;
    position: absolute
}

    .office-form-submit-error .office-form-alert-icon {
        vertical-align: middle
    }

    .office-form-submit-error .error-message {
        font-size: 13px;
        line-height: 18px;
        padding-left: 5px
    }

.office-form-email-receipt-checkbox {
    margin-left: 20px;
    margin-top: 35px;
    line-height: 22px;
    font-size: 17px;
    color: #333
}

    .office-form-email-receipt-checkbox.isMobile {
        margin-top: 25px;
        margin-left: 15px
    }

.office-form-email-receipt-checkbox-description {
    margin-left: 13px
}

.office-form-rating-description-container {
    display: none;
    background-color: #F4F4F4;
    padding: 10px 20px;
    margin-top: 15px
}

.office-form-response-rating-description {
    display: table-row
}

.office-form-rating-description-label {
    padding: 5px 5px 2px 0;
    display: table-cell
}

.office-form-rating-description-label-star {
    padding: 8px 5px 2px 0;
    display: table-cell;
    vertical-align: middle
}

.office-form-rating-description-label-number {
    padding: 5px 5px 2px 10px;
    display: table-cell
}

.rating-option-description {
    display: table-cell
}

.rating-option-description-designer {
    display: table-cell;
    padding-top: 5px
}

    .rating-option-description-designer .office-form-textfield-input:hover {
        border-color: transparent
    }

.office-form-rating-container-star {
    display: inline-block;
    max-width: 285px
}

.office-form-rating-container-number {
    display: inline-block;
    max-width: 272px
}

.container-margin-left {
    margin-left: 10px
}

.container-margin-right {
    margin-right: 10px;
    text-align: right
}

.container-empty {
    margin: 0
}

.container-star-max-width {
    max-width: 215px
}

.container-number-max-width {
    max-width: 188px
}

.office-form-question-rating-container {
    display: flex;
    align-items: flex-end
}

.office-form-response-rating-description-container {
    display: block
}

.office-form-question-rating-description-number {
    padding-bottom: 8px;
    float: left
}

.office-form-question-rating-description-star {
    padding-bottom: 4px;
    float: left
}

.rating-description-container {
    margin: 10px 0 10px 50px
}

.rating-description-div {
    display: table-row;
    margin-top: 4px
}

    .rating-description-div > .office-form-rating-description-label-number {
        padding: 10px 10px 5px;
        width: 15px;
        vertical-align: middle
    }

    .rating-description-div > .office-form-rating-description-label-star {
        margin: 7px 0
    }

.student-feedback-view-short-text-field-with-correctness {
    position: relative
}

.student-feedback-view-short-text-correctness-icon-container {
    position: absolute;
    top: 12px;
    left: 32px;
    width: 100%
}

    .student-feedback-view-short-text-correctness-icon-container.isMobile {
        top: 10px;
        left: 34px;
        font-size: 16px;
        width: calc(100% - 34px)
    }

.student-feedback-view-short-text-math-correctness-icon-container {
    position: absolute;
    top: 12px;
    left: 32px;
    width: 100%
}

    .student-feedback-view-short-text-math-correctness-icon-container.isMobile {
        top: 10px;
        left: 34px;
        font-size: 16px;
        width: calc(100% - 34px)
    }

.student-feedback-view-short-text-correctness-icon {
    margin-left: 10px
}

.student-feedback-view-short-text-hidden-text-to-position-correctness-icon {
    visibility: hidden;
    display: inline-block;
    max-width: calc(100% - 30px);
    max-height: 0;
    overflow: hidden;
    white-space: pre
}

.various-short-text-correct-answer-list {
    margin-top: 15px;
    font-size: 12px;
    color: #676767
}

.correct-answer-list-formula-element {
    display: inline-block;
    position: relative;
    top: 3.5px
}

.correct-answer-list-formula-container {
    display: inline-block
}

.various-short-text-correct-answer-list-correctness-icon {
    padding-right: 2px
}

.office-form-question {
    padding-bottom: 20px;
}

.office-form-question-content {
    padding-left: 20px;
    padding-right: 20px
}

.office-form-studentview-question {
    padding-bottom: 0
}

.validation-error-message-label,
.validation-info-message-label {
    padding: 10px 0;
    font-size: 14px;
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.office-form-error-question {
    background-color: #FFE9E9;
    position: relative;
    margin-top: 40px
}

.office-form-error-question-mobile {
    background-color: #FFF
}

.validation-error-message-label {
    color: #A80000
}

.validation-info-message-label {
    color: #008272
}

.validation-error {
    background-color: #FDE7E9
}

.validation-error-mobile {
    color: red;
    background-color: #FFF
}

.validation-success-mobile {
    font-size: 14px
}

.validation-error-circle-big {
    position: absolute;
    width: 64px;
    height: 64px;
    background: #FFF;
    border-radius: 32px;
    top: -32px;
    left: 20px
}

.validation-error-circle-small {
    position: absolute;
    width: 54px;
    height: 54px;
    background: #FFE9E9;
    border-radius: 27px;
    top: -27px;
    left: 25px
}

.validation-error-message-wrong-Icon {
    position: absolute;
    top: -19px;
    left: 28px;
    color: #F79BA1;
    font-size: 28px
}

.phishing-notice-message {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    color: #A80000;
    font-size: 14px;
    padding-top: 10px
}

.phishing-notice-message-label {
    float: left
}

.accessibility-reader-no-display {
    display: none
}

.office-form-question-ordinal {
    position: absolute;
    left: 20px;
    width: 30px;
    height: 30px;
    text-align: center
}

    .office-form-question-ordinal span {
        line-height: 30px;
        color: #fff
    }

.office-form-question-title {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    position: relative;
    font-size: 1rem;
    line-height: 1.3;
    color: #333;
    white-space: normal;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

    .office-form-question-title > .ordinal-number {
        position: absolute;
        right: 100%;
        padding-right: 10px
    }

    .office-form-question-title.with-image,
    .office-form-question-title.with-video {
        margin-left: 0;
        padding: 40px 20px 0;
        zoom: 1
    }

        .office-form-question-title.with-image:last-child,
        .office-form-question-title.with-video:last-child {
            padding-bottom: 20px
        }

.office-form-question-formula {
    margin-top: 10px;
    padding-left: 20px
}

.question-title-container > .office-form-question-formula {
    margin-bottom: 20px
}

.office-form-question-subtitle {
    color: #666;
    line-height: 1.4;
    white-space: pre-wrap;
    font-style: italic;
    padding: 0 0 0 20px;
    word-wrap: break-word;
    margin-top: 5px
}

    .office-form-question-subtitle.with-image {
        margin-top: 10px;
        padding: 0 20px 20px
    }

    .office-form-question-subtitle + .office-form-question-horizontal-large-image-container {
        margin-top: 0
    }

.office-form-question-element {
    margin-top: 15px;
    margin-left: 1px;
}

    .office-form-question-element.with-image {
        margin-left: 0
    }

        .office-form-question-element.with-image .office-form-question-choice {
            padding-left: 1px
        }

.office-form-question-label,
.office-form-question-label-on-check {
    background: #EAEAEA;
    min-height: 30px
}

label.office-form-question-label-without-margin {
    margin-top: 0
}

label.office-form-question-label input[type=checkbox],
label.office-form-question-label input[type=radio],
label.office-form-question-label-on-check input[type=checkbox],
label.office-form-question-label-on-check input[type=radio] {
    left: 35px;
    margin-top: 8.5px
}

.office-form-question-textbox {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

    .office-form-question-textbox[disabled] {
        pointer-events: none
    }

.office-form-response-question-math-container,
.office-form-response-question-math-textfield {
    display: inline-block;
    width: 100%
}

.design-keyboard-container {
    display: inline-block
}

.design-question-math-container .design-keyboard-container {
    width: 100%
}

.office-form-response-question-math-container .design-keyboard-container {
    margin: 0;
    vertical-align: inherit;
    width: 100%
}

.textbox-printview {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    margin-top: 20px;
    border: 1px solid #CCC;
    padding: 6px 12px;
    min-height: 32px
}

.office-form-question-rating {
    margin: 20px 20px 0 0;
    -ms-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%
}

.office-form-question-dropdown {
    background-color: rgba(0, 0, 0, .002);
    outline: transparent solid 1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #C8C8C8;
    color: #333;
    max-width: 350px
}

    .office-form-question-dropdown::-moz-focus-inner {
        border: 0;
        padding: 0
    }

@media screen and (-ms-high-contrast:active) {
    .office-form-question-dropdown {
        border-style: solid;
        outline-width: 0;
        margin: 0 2px
    }

        .office-form-question-dropdown:focus,
        .office-form-question-dropdown:hover {
            border-style: dashed
        }

        .office-form-question-dropdown:active,
        .office-form-question-dropdown:disabled {
            border-style: solid
        }
}

body[dir=rtl] .office-form-question-choice-row > .office-form-question-choice-formula,
body[dir=rtl] .office-form-question-choice-row > .office-form-question-choice-text-span {
    margin-right: 8px
}

.office-form-question-dropdown:focus {
    outline: 0
}

.office-form-question-dropdown > .select-placeholder {
    padding: 6px 35px 6px 12px
}

    .office-form-question-dropdown > .select-placeholder > .select-placeholder-arrow {
        color: #666
    }

label.office-form-question-choice-row {
    width: 100%
}

.office-form-question-choice-row > * {
    display: inline-block;
    vertical-align: middle
}

.office-form-question-choice-row > .office-form-question-choice-text-span {
    margin-left: 8px;
    max-width: calc(100% - 28px);
    word-wrap: break-word
}

.office-form-question-choice-row.office-form-question-choice-quiz-row > .office-form-question-choice-text-span {
    max-width: calc(100% - 56px)
}

.office-form-question-choice-row > .office-form-question-choice-formula {
    max-width: calc(100% - 53px);
    margin-left: 8px
}

.office-form-question-dropdown > .btn.btn-primary.dropdown-toggle {
    background-color: #FFF;
    color: #333;
    border: thin solid;
    padding: 6px 12px
}

.office-form-question-choice.btn-group-vertical {
    -ms-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%
}

.office-form-question-defaultcheck {
    margin-left: 15px
}

.office-form-other-answer {
    margin-top: 10px
}

    .office-form-other-answer input[type=checkbox],
    .office-form-other-answer input[type=radio] {
        width: 18px;
        height: 18px;
        outline-offset: 0
    }

        .office-form-other-answer input[type=checkbox]:focus,
        .office-form-other-answer input[type=radio]:focus {
            outline: dashed 1px
        }

    .office-form-other-answer .office-form-other-answer-textbox {
        min-width: 150px;
        width: 50%;
        display: inline;
        margin-left: 8px
    }

.office-form-dropdown-other-answer {
    margin-left: 0
}

    .office-form-dropdown-other-answer .office-form-other-answer-textbox {
        margin-left: 0;
        width: 350px
    }

.office-form-question-choice-mobile {
    border: none;
    background-color: #F4F4F4;
    width: 100%;
    min-height: 40px;
    line-height: 20px;
    margin-top: 10px;
    text-align: left;
    font-size: 13px;
    padding: 10px 20px
}

    .office-form-question-choice-mobile.active {
        background-color: #008272;
        color: #fff
    }

        .office-form-question-choice-mobile.active a:link,
        .office-form-question-choice-mobile.active a:visited {
            color: #fff;
            text-decoration: none
        }

        .office-form-question-choice-mobile.active a:hover {
            text-decoration: underline
        }

    .office-form-question-choice-mobile > label {
        width: 100%
    }

.office-form-other-answer-mobile {
    margin: 10px 0 0 20px
}

    .office-form-other-answer-mobile input[type=checkbox],
    .office-form-other-answer-mobile input[type=radio] {
        width: 18px;
        height: 18px
    }

    .office-form-other-answer-mobile .office-form-other-answer-textbox {
        width: 92%;
        width: calc(100% - 26px);
        display: inline-block;
        margin-left: 10px;
        height: 40px
    }

.question-coAuthor-notification-container-design-mode {
    position: absolute;
    left: -45px
}

.question-coAuthor-notification-container-render-mode {
    margin-left: -45px;
    position: absolute
}

.author-notification-content {
    cursor: default;
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 12px;
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 10px
}

.author-notification-icon {
    font-size: 20px;
    margin-top: -5px
}

.question-title-box {
    position: relative
}

.question-title-container {
    position: relative;
    overflow: hidden;
    zoom: 1
}

    .question-title-container + .office-form-question-element {
        margin-left: 0
    }

.office-form-question-image-container {
    position: relative;
    float: right;
    margin-left: 15px
}

.office-form-question-horizontal-large-image-container {
    position: relative;
    margin-top: 20px
}

    .office-form-question-horizontal-large-image-container > img,
    .office-form-question-image-container > img {
        overflow: hidden;
        display: block;
        position: relative;
        -ms-high-contrast-adjust: none
    }

        .office-form-question-horizontal-large-image-container > img *,
        .office-form-question-image-container > img * {
            -ms-high-contrast-adjust: auto
        }

    .office-form-question-horizontal-large-image-container > canvas,
    .office-form-question-image-container > canvas {
        vertical-align: middle;
        width: 100%;
        height: 100%
    }

.office-form-question-rating-table {
    display: table
}

.office-form-question-rating-tr {
    margin: 5px;
    display: table-row
}

.office-form-question-rating-td,
.office-form-question-rating-title-td {
    padding: 0 10px;
    text-align: center;
    display: table-cell
}

.office-form-question-content .file-upload-question-file-reader {
    display: none
}

.dropdown-toggle {
    background-color: #FFF
}

.office-form-date-time-picker .office-form-question-textbox {
    padding-right: 37px;
    text-overflow: ellipsis
}

.office-form-mobile-sort-list,
.office-form-sort-list {
    border: 1px solid transparent
}

    .office-form-mobile-sort-list .office-form-sortable-chosen .office-form-sort-item {
        -webkit-transform: scale(1.05, 1.05);
        -moz-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
        -o-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
        -webkit-transition: transform .2s;
        -moz-transition: transform .2s;
        -ms-transition: transform .2s;
        -o-transition: transform .2s;
        transition: transform .2s
    }

.office-form-sortable-ghost .office-form-sort-item {
    opacity: .6
}

.office-form-sort-item-container {
    margin-bottom: 10px
}

.office-form-sort-list-arrows {
    margin: 0 10px;
    white-space: nowrap
}

.office-form-selected-item .office-form-sort-list-arrows,
.office-form-sort-item:hover .office-form-sort-list-arrows {
    visibility: visible
}

.office-form-ranking-arrow {
    font-size: 18px;
    vertical-align: top;
    width: 32px;
    height: 32px;
    color: #666
}

.office-form-active-arrow:hover {
    color: #333
}

.office-form-sort-item {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    line-height: 19px;
    min-height: 40px;
    background-color: #F4F4F4;
    color: #333;
    cursor: pointer;
    outline: transparent solid 1px;
    outline-offset: -1px;
    overflow-wrap: break-word
}

    .office-form-move-control-disabled-item:hover,
    .office-form-sort-item:hover {
        background: #EAEAEA
    }

.office-form-move-control-item:focus {
    outline: #333 dashed 1px
}

.office-form-move-control-item-content,
.office-form-sort-item-content {
    padding: 15px 0;
    flex: 1 1 auto;
    word-break: break-word;
    word-wrap: break-word;
    min-width: 0;
    margin-bottom: 0;
    margin-left: 6px
}

.office-form-sort-item-indicator {
    white-space: nowrap;
    color: #A6A6A6
}

    .office-form-sort-item-indicator > * {
        vertical-align: middle
    }

.office-form-selected-item .office-form-sort-item-indicator,
.office-form-selected-item .office-form-sort-item-indicator .office-form-sort-item-ordinal,
.office-form-sortable-chosen .office-form-sort-item-indicator,
.office-form-sortable-chosen .office-form-sort-item-indicator .office-form-sort-item-ordinal {
    color: #FFF
}

.office-form-sort-item-icon {
    width: 28px;
    text-align: center;
    display: inline-block
}

.office-form-sort-item-ordinal,
.office-form-sort-item-section-title {
    display: inline-block;
    text-align: center;
    vertical-align: middle
}

    .office-form-sort-item-ordinal:only-child {
        width: 28px
    }

.office-form-move-control-section-index {
    width: 40px
}

.office-form-move-control-disabled-item {
    cursor: default;
    background: #EAEAEA
}

.office-form-date-time-picker > .datepicker:hover,
.radio-icon {
    cursor: pointer
}

.office-form-move-control-disabled-item.office-form-sort-item {
    color: #666
}

.office-form-selected-item,
.office-form-selected-item .office-form-active-arrow {
    color: #FFF
}

.office-form-move-control-item-content {
    padding: 11px 11px 11px 24px
}

.office-form-background-brand {
    background-color: #008272
}

.office-form-selected-item .office-form-active-arrow:hover {
    color: rgba(255, 255, 255, .8)
}

.office-form-selected-item .office-sort-disabled-arrow {
    color: rgba(255, 255, 255, .3)
}

.office-form-sort-item-section-title {
    margin-left: 24px;
    width: 60px
}

.office-form-notice-container + .form-renderer-section-container {
    margin-top: 25px
}

.form-renderer-section-title {
    margin: 0 20px
}

.mobile-view .form-renderer-section-title,
.small-screen .form-renderer-section-title {
    margin: 9px 15px 0
}

.mobile-view .office-form-section-title {
    padding: 0
}

    .mobile-view .office-form-section-title.with-image {
        padding: 3px
    }

.office-form-section-title {
    padding: 0 3px
}

    .office-form-section-title.with-image {
        padding: 3px
    }

.office-sort-disabled-arrow {
    color: #A6A6A6
}

.office-form-submission-succeeded {
    text-align: center;
    margin: 30px 0 -15px
}

.office-form-info-icon {
    margin-bottom: 30px;
    font-size: 60px;
    line-height: 100%
}

.office-form-info-tasks {
    color: #548635
}

.office-form-info-frowny,
.office-form-info-infoCircle {
    color: #767676
}

.office-form-info-help {
    display: inline-block
}

.office-form-info-register:hover {
    background-color: #004B50
}

.office-form-quiz-back-to-result-link {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    margin: 0 0 0 20px;
    font-size: 14px;
    color: #106EBE
}

.thank-you-page-comfirm-text,
.thank-you-page-message {
    font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    color: #333
}

.mobile-view .thank-you-page-root-container {
    display: flex;
    flex-direction: column;
    min-height: 100%
}

.thank-you-page-container:focus {
    outline: 0
}

.thank-you-page-comfirm-text {
    font-size: 38px;
    line-height: 1.3;
    margin-left: 15px;
    vertical-align: middle
}

.thank-you-page-font-icon {
    font-size: 50px;
    line-height: 50px;
    vertical-align: middle
}

.thank-you-page-message {
    font-size: 21px;
    line-height: 1.4;
    margin-top: 20px;
    white-space: pre-wrap;
    word-wrap: break-word
}

.introduction-for-responser-container,
.thank-you-page-content,
.thank-you-page-reload-link {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.mobile-view .thank-you-page-message {
    margin-top: 18px
}

.thank-you-page-content {
    color: #FFF;
    background: #FFF;
    line-height: 25px;
    text-align: left;
    padding: 65px 50px 50px
}

.introduction-title-container,
.office-form-header-title,
.office-form-loading-error,
.office-form-matrix-table tr,
.office-form-message-container {
    text-align: center
}

.small-screen .thank-you-page-content {
    padding: 65px 35px
}

.mobile-view .thank-you-page-content {
    padding: 55px 20px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: center
}

.thank-you-page-content.quiz,
.thank-you-page-content.quiz.one-response {
    padding-bottom: 50px
}

.thank-you-page-content.one-response {
    padding-bottom: 20px
}

.thank-you-page-promotion {
    padding-top: 25px;
    line-height: 16px;
    font-size: 12px
}

    .thank-you-page-promotion > a {
        color: #084EA1
    }

    .thank-you-page-promotion + .office-form-footer > .office-form-footer-container {
        padding-top: 0
    }

.thank-you-page-reload-link {
    color: #106ebe;
    font-size: 15px;
    line-height: 20px
}

    .thank-you-page-reload-link.quiz {
        margin-top: 15px
    }

.thank-you-page-other {
    padding-top: 45px
}

    .thank-you-page-other > button {
        margin-top: 10px
    }

.introduction-for-responser-container {
    color: #333;
    background: #FFF;
    line-height: 25px;
    text-align: center;
    margin: 20px 0 100px;
    padding: 35px 10px 70px;
    box-shadow: 0 0 11px rgba(0, 0, 0, .12);
    display: flex;
    flex-direction: column
}

.introduction-title-container {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.introduction-container .introduction .introduction-text,
.office-form-feedback-content {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.introduction-title-container .introduction-title {
    font-size: 15px;
    height: 20px
}

.introduction-title-container .office-form-try-link {
    color: #008272;
    font-size: 23px;
    height: 36px;
    padding-top: 5px;
    display: block;
    text-decoration: none
}

    .introduction-title-container .office-form-try-link:hover {
        color: #004B50
    }

.introduction-button {
    padding-top: 30px
}

.introduction-create-form {
    background: #008272;
    color: #fff;
    padding: 8px 20px 7px;
    font-size: 14px;
    height: 40px;
    margin: 0 auto
}

    .introduction-create-form:hover {
        background: #004B50
    }

.introduction-container {
    width: 100%;
    display: flex;
    justify-content: center
}

    .introduction-container .introduction {
        margin: 10px 40px 0
    }

        .introduction-container .introduction .introduction-image {
            width: 143px;
            display: inline-block;
            height: auto
        }

        .introduction-container .introduction .introduction-text {
            display: inherit;
            color: #333;
            font-size: 17px;
            height: 22px;
            line-height: 10px;
            margin-top: 10px
        }

@media screen and (max-width:641px) and (min-width:521px) {
    .introduction-container {
        justify-content: space-between
    }

        .introduction-container .introduction {
            width: 33.3%;
            margin: 10px
        }

            .introduction-container .introduction .introduction-image {
                padding: 10px 0
            }

    .introduction-text {
        margin: 0 auto
    }

    .introduction-container::after,
    .introduction-container::before {
        content: ""
    }
}

@media screen and (max-width:521px) and (min-width:410px) {
    .introduction-container {
        justify-content: space-between
    }

        .introduction-container .introduction {
            width: 33.3%;
            margin: 0
        }

            .introduction-container .introduction .introduction-image {
                width: calc(100% - 20px);
                height: auto;
                padding: 10px 0
            }

    .introduction-text {
        width: calc(100% - 20px);
        height: auto;
        margin: 0 auto
    }

    .introduction-container::after,
    .introduction-container::before {
        content: ""
    }
}

@media screen and (max-width:410px) {
    .introduction-for-responser-container {
        height: 850px
    }

    .introduction-container {
        height: 618px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        margin: 10px 0 30px;
        width: 100%
    }

    .introduction .introduction-image {
        width: 110px;
        display: inline-block;
        height: auto
    }

    .introduction .introduction-text {
        font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
        width: 110px;
        color: #333;
        font-size: 17px;
        height: 22px;
        line-height: 10px;
        margin: 10px auto 0
    }
}

.office-form-info-other {
    margin-top: 60px;
    font-size: 14px;
    line-height: 100%
}

    .office-form-info-other + .office-form-footer > .office-form-footer-container {
        padding-top: 0
    }

.office-form-header-container {
    background-color: transparent;
    width: 100%;
    color: #008272;
    padding: 40px 50px
}

.office-form-header-title {
    margin: 100px auto 0;
    font-size: 24px
}

.office-form-header-subtitle {
    font-size: 14px;
    font-style: italic;
    color: #767676
}

.office-form-info-error-detail-container {
    margin: 10px auto;
    padding: 0 10px
}

    .office-form-info-error-detail-container a {
        text-decoration: none
    }

.office-form-info-error-detail-button {
    position: relative;
    left: -.5em;
    width: unset
}

.forms-pro .office-form-info-error-detail-button {
    left: 0
}

.forms-pro .office-form-theme-border-bottom {
    border-bottom: solid 5px;
    border-bottom-color: #008272
}

.office-form-info-error-detail {
    padding: 10px;
    background: #F3F3F3;
    max-width: 500px;
    margin: 10px auto
}

.office-form-info-reload {
    margin-top: 10px;
    font-size: 14px
}

.office-form-info-premotion {
    margin-top: 30px
}

.office-form-theme-secondary-background {
    background: #004B50
}

.office-form-theme-primary-foreground,
.office-form-theme-primary-foreground a {
    color: #008272
}

.office-form-theme-button {
    background: #008272
}

    .office-form-theme-button:hover {
        background: #004B50
    }

.office-form-theme-border-top {
    border-top: solid 5px;
    border-top-color: #008272
}

.office-form-theme-border-bottom-for-mobile {
    border-bottom: solid 2px;
    border-bottom-color: #008272
}

.office-form-theme-page-background-active.active {
    background: #008272
}

.office-form-theme-quiz-totalPoints-bar {
    padding-left: 5px;
    color: #008272
}

.office-form-theme-shadow.office-form {
    position: relative
}

.office-form-date-time-picker {
    position: relative;
    display: inline-block;
    width: 100%
}

    .office-form-date-time-picker > button {
        color: #666;
        position: absolute;
        right: 0;
        bottom: 0
    }

    .office-form-date-time-picker .picker__input {
        padding-right: 30px
    }

    .office-form-date-time-picker .picker__wrap {
        margin: 0
    }

    .office-form-date-time-picker .picker--time {
        left: 0;
        min-width: 125px
    }

    .office-form-date-time-picker .picker__select--year {
        width: auto;
        padding: 4px
    }

    .office-form-date-time-picker .dateIcon {
        height: 38px;
        line-height: 38px;
        margin-left: 5px;
        margin-right: 10px
    }

.mobile-view .office-form-date-time-picker .dateIcon {
    height: 38px;
    line-height: 38px
}

.office-form-date-time-picker .dateCaretDown {
    width: 28px;
    height: 38px;
    line-height: 38px;
    margin-left: 5px;
    margin-right: 5px
}

.office-form-answerhint {
    padding-top: 15px;
    padding-left: 28px
}

.office-form-answerkey {
    margin-left: 10px
}

.office-form-right-answerkey {
    color: green
}

.office-form-wrong-answerkey {
    color: #A80000
}

.office-form-feedback-box {
    background-color: #f4f4f4;
    margin-top: 35px;
    display: inline-flex;
    width: 100%
}

.office-form-feedback-content {
    word-break: break-word;
    font-size: 18px;
    color: #333;
    padding: 20px 20px 20px 10px
}

.small-screen .office-form-bottom-button,
.small-screen .office-form-notice-container,
.small-screen .office-form-view-result-button {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.office-form-feedback-marginbottom-box {
    background: #fff;
    height: 30px
}

.office-form-feedback-content::before {
    content: '\201c'
}

.office-form-feedback-content::after {
    content: '\201d'
}

.office-form-feedback-box .feedback-icon {
    font-size: 20px;
    padding-top: 25px;
    margin-left: 20px
}

.has-success .btn {
    color: #3c763d
}

.has-warning .btn {
    color: #8a6d3b
}

.has-error .btn {
    color: #a94442
}

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

.none-display,
.small-screen .office-form-rating-container-number,
.small-screen .office-form-rating-container-star,
iframe[id^=adalRenewFrame],
iframe[id^=adalIdTokenFrame] {
    display: none
}

.small-screen .office-form-question-choice + .office-form-question-choice {
    margin-top: 10px
}

.small-screen .office-form {
    box-shadow: none
}

.small-screen.office-form-content {
    padding-top: 0;
    padding-left: 0;
    -webkit-overflow-scrolling: touch
}

.small-screen .office-form-form-title {
    padding: 35px
}

    .small-screen .office-form-form-title.small-size {
        padding: 25px 35px
    }

    .small-screen .office-form-form-title.slim-size {
        padding: 10px 50px 5px
    }

.small-screen .office-form-title.heading-1 {
    line-height: 1.4;
    font-size: 28px
}

.small-screen .office-form-subtitle.heading-1 {
    font-size: 14px
}

.small-screen .small-size .office-form-title.heading-1 {
    font-size: 24px;
    line-height: 1.3
}

.small-screen .slim-size .office-form-title.heading-1 {
    font-size: 16px;
    line-height: 25px
}

.small-screen .top .office-form-title-image-box {
    margin-bottom: 25px
}

.small-screen .horizontal .logo-image-container,
.small-screen .left .office-form-title-image-box {
    margin-right: 25px
}

.small-screen .slim-size .top .office-form-title-image-box {
    margin-bottom: 5px
}

.small-screen .slim-size .horizontal .logo-image-container,
.small-screen .slim-size .left .office-form-title-image-box,
.small-screen .small-size .horizontal .logo-image-container,
.small-screen .small-size .left .office-form-title-image-box {
    margin-right: 20px
}

.small-screen .logo-image-container.old > canvas,
.small-screen .logo-image-container.old > img {
    width: 60px;
    height: 60px
}

.small-screen .logo-image-container.old ~ .office-form-title {
    min-height: 60px
}

.mobile-view .horizontal .logo-image-container.old ~ .office-form-title,
.mobile-view .left .office-form-title-image-box.old ~ .office-form-title,
.mobile-view .slim-size .horizontal .logo-image-container.old ~ .office-form-title,
.mobile-view .slim-size .left .office-form-title-image-box.old ~ .office-form-title {
    min-height: 80px
}

.small-screen .office-form-body {
    padding: 20px
}

.small-screen .office-form-formcomment {
    font-size: 18px;
    padding-left: 20px
}

.small-screen .office-form-point-label {
    font-size: 18px;
    line-height: 18px;
    padding-left: 0
}

.small-screen .office-form-score-label {
    font-size: 20px;
    line-height: 20px;
    padding-left: 1px;
    padding-right: 15px
}

.small-screen .office-form-notice-container {
    font-size: 13px;
    padding: 0 15px;
    margin: 0 0 15px
}

    .small-screen .office-form-notice-container > div:not(:last-child) {
        margin-bottom: 30px
    }

.small-screen .office-form-notice-long-text {
    line-height: 20px;
    vertical-align: bottom
}

    .small-screen .office-form-notice-long-text:first-line {
        line-height: 100%;
        vertical-align: middle
    }

.small-screen .office-form-bottom-button,
.small-screen .office-form-view-result-button {
    width: 100%;
    height: 44px;
    font-size: 17px
}

.small-screen .office-form-submit-error {
    margin: 0;
    padding: 0
}

.small-screen .validation-error-circle-big {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    top: -20px
}

.small-screen .validation-error-circle-small {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    top: -15px
}

.small-screen .validation-error-message-wrong-Icon {
    top: -8px;
    left: 22px;
    font-size: 16px
}

.small-screen .office-form-studentview-question {
    padding-bottom: 0
}

.small-screen .office-form-question-content {
    padding-left: 15px;
    padding-right: 15px
}

.small-screen .office-form-section {
    margin-left: 15px;
    margin-right: 15px
}

.small-screen .office-form-email-receipt-checkbox {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    margin-left: 15px;
    margin-top: 25px;
    line-height: 22px;
    font-size: 17px;
    color: #333
}

.small-screen .office-form-question-title {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 15px
}

.office-form-mobile-matrix-title,
.office-form-upload-allowTypes {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.small-screen .office-form-question-label-on-check {
    color: #fff;
    background-color: #008272
}

.small-screen label.office-form-question-label input[type=checkbox],
.small-screen label.office-form-question-label input[type=radio],
.small-screen label.office-form-question-label-on-check input[type=checkbox],
.small-screen label.office-form-question-label-on-check input[type=radio] {
    left: 25px
}

.small-screen .office-form-image-question-element > .office-form-question-choice {
    -ms-flex: 0 0 45%;
    -webkit-flex: 0 0 45%;
    flex: 0 0 45%
}

.small-screen .office-form-question-image-container,
.small-screen .office-form-question-video-container {
    margin-left: 0;
    float: none
}

.small-screen .office-form-question-rating {
    margin: 10px 10px 0 20px;
    -ms-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%
}

.office-form-mobile-matrix-point .office-form-mobile-matrix-point-text,
.office-form-upload-container .office-form-upload-text {
    margin-left: 10px
}

.small-screen .office-form-question-rating-td,
.small-screen .office-form-question-rating-title-td {
    padding: 2.5px 5px
}

.small-screen .office-form-answerhint {
    padding-top: 10px;
    padding-bottom: 5px
}

.small-screen .office-form-rating-description-container {
    display: block
}

.office-form-matrix-table > table {
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: break-word
}

.office-form-matrix-ptr > td {
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    background: #EAEAEA;
}

.office-form-matrix-str:nth-child(odd) {
    background: #F4F4F4
}

.office-form-matrix-str:nth-child(even) {
    background: #EAEAEA
}

.office-form-matrix-ptd {
    vertical-align: bottom
}

.office-form-matrix-ptd:first-child {
    width: 150px;
}
@media (min-width: 576px) {
    .office-form-matrix-ptd:first-child {
        width: 300px;
    }
}

.office-form-matrix-ptd span {
    line-height: 18px
}

.office-form-matrix-std {
    padding: 10px 16px;
    text-align: left
}

.align-center,
.radio-icon {
    text-align: center
}

.office-form-matrix-ptd span,
.office-form-matrix-std span {
    width: 100%;
    display: inline-block;
    font-size: 14px
}

.office-form-mobile-matrix-container {
    margin-top: 10px
}

.office-form-mobile-matrix-point {
    height: 45px;
    font-size: 15px;
    margin-left: 10px
}

    .office-form-mobile-matrix-point .office-form-question-matrix-row {
        width: 100%
    }

.office-form-mobile-matrix-points {
    border-bottom: 1px solid #EAEAEA;
    overflow: hidden;
    transition: height .2s ease-in-out
}

    .office-form-mobile-matrix-points:last-child {
        border-bottom: none
    }

.office-form-mobile-matrix-choices {
    padding: 10px 0;
    margin-bottom: 0
}

.office-form-mobile-matrix-title {
    font-size: 16px;
    padding: 15px 5px 5px 10px;
    color: #43464d
}

    .office-form-mobile-matrix-title .office-form-mobile-matrix-title-header {
        position: relative;
        padding-right: 26px;
        word-wrap: break-word
    }

        .office-form-mobile-matrix-title .office-form-mobile-matrix-title-header .select-dropdown-arrow {
            position: absolute;
            right: 2px;
            top: 50%;
            margin-top: -10px
        }

    .office-form-mobile-matrix-title .office-form-mobile-matrix-answered-indicator {
        opacity: .75;
        font-size: 90%;
        padding-top: .4em;
        overflow: hidden;
        height: 25px
    }

        .office-form-mobile-matrix-title .office-form-mobile-matrix-answered-indicator span {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            display: block
        }

.office-form-matrix-label {
    margin-bottom: 0;
    cursor: pointer;
    width: 100%
}

    .office-form-matrix-label input {
        margin-top: 5px;
        width: 18px;
        height: 18px
    }

.office-form-question-matrix-choice {
    background: #F4F4F4
}

    .office-form-question-matrix-choice + .office-form-question-matrix-choice {
        margin-top: 8px
    }

.radio-icon {
    width: 1em;
    height: 1em;
    line-height: 1
}

    .radio-icon.disabled {
        color: #d3d3d3;
        cursor: not-allowed
    }

    .radio-icon.focused {
        outline: dashed 1px
    }

.office-form-question-matrix-choice-row {
    width: 100%;
    padding: 10px 20px;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 20px;
    white-space: nowrap
}

    .office-form-question-matrix-choice-row > input {
        position: absolute;
        width: 0;
        height: 0;
        opacity: 0;
        clip: rect(0 0 0 0)
    }

    .office-form-question-matrix-choice-row > * {
        vertical-align: middle
    }

    .office-form-question-matrix-choice-row .office-form-question-matrix-choice-text {
        display: inline-block;
        padding-left: 10px;
        font-weight: 400;
        white-space: normal
    }

.office-form-upload-container {
    background: #F4F4F4;
    height: 40px;
    display: inline-flex;
    align-items: center;
    margin-right: 15px;
    padding: 0 20px 0 15px
}

.forms-pro .office-form-upload-container {
    background: #FAFAFA
}

.office-form-upload-container-width {
    width: 100%
}

.file-upload-question-uploading-bar {
    display: inline-block;
    width: 250px;
    height: 7px;
    background: #F4F4F4
}

    .file-upload-question-uploading-bar .file-upload-question-uploading-progress {
        width: 30%;
        background: #008272
    }

.office-form-upload-allowTypes {
    color: #666;
    align-items: center
}

.mobile-view .office-form-upload-allowTypes {
    margin-left: 0;
    margin-top: 8px;
    height: unset
}

.office-form-uploadFile-container {
    display: inline-block
}

.mobile-view .office-form-uploadFile-container {
    width: 100%
}

    .mobile-view .office-form-uploadFile-container .office-form-uploadFile {
        margin-top: 5px
    }

        .mobile-view .office-form-uploadFile-container .office-form-uploadFile .office-form-uploadFile-text {
            max-width: unset
        }

    .mobile-view .office-form-uploadFile-container .office-form-upload-progress-bar-contanier {
        display: flex;
        align-items: center;
        margin-top: -10px
    }

    .mobile-view .office-form-uploadFile-container .office-form-upload-done-item {
        background: #F4F4F4;
        margin-bottom: 5px;
        justify-content: space-between
    }

    .mobile-view .office-form-uploadFile-container .office-form-upload-restriction {
        font-size: 11px;
        word-break: break-word
    }

    .mobile-view .office-form-uploadFile-container .office-form-upload-progress-bar {
        display: inline-block;
        width: 70%
    }

.office-form-uploadFile-container .office-form-upload-progress-bar {
    width: 180px;
    height: 6px;
    margin-right: 15px
}

.office-form-uploadFile-container .office-form-uploadFile {
    display: flex;
    align-items: center;
    height: 40px
}

    .office-form-uploadFile-container .office-form-uploadFile + .office-form-upload-container {
        margin-top: 10px
    }

    .office-form-uploadFile-container .office-form-uploadFile:focus {
        border: 1px dashed #000;
        outline: 0
    }

    .office-form-uploadFile-container .office-form-uploadFile i.uploading {
        margin-right: 10px;
        -webkit-animation: rotate-progress 1.1s infinite linear;
        -moz-animation: rotate-progress 1.1s infinite linear;
        -o-animation: rotate-progress 1.1s infinite linear;
        animation: rotate-progress 1.1s infinite linear
    }

.simple-data-control-loading-spinner-animation,
.spinner-tile-animation {
    -webkit-animation: load 1.1s infinite ease;
    -moz-animation: load 1.1s infinite ease
}

.office-form-uploadFile-container .office-form-uploadFile .office-form-uploadFile-text {
    display: inline-block;
    max-width: 280px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 10px
}

.office-form-uploadFile-container .office-form-uploadFile .ms-Icon--Document {
    height: 26px
}

.office-form-uploadFile-container .office-form-uploadFile .ms-Icon--Document,
.office-form-uploadFile-container .office-form-uploadFile .ms-Icon--Video {
    color: #666
}

.office-form-uploadFile-container .office-form-uploadFile-name {
    color: #333
}

.office-form-uploadFile-container .office-form-upload-done-item {
    display: flex;
    align-items: center;
    height: 40px
}

    .office-form-uploadFile-container .office-form-upload-done-item .office-form-uploadFile-text {
        display: inline-block;
        margin: 0 10px
    }

    .office-form-uploadFile-container .office-form-upload-done-item + .office-form-upload-container {
        margin-top: 10px
    }

.office-form-uploadFile-container .office-form-upload-done-item-background .office-form-upload-file-info:hover {
    background-color: #EAEAEA
}

.office-form-uploadFile-container .office-form-upload-file-info {
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 10px
}

.office-form-uploadFile-container .office-form-delete-button {
    display: none;
    height: 40px;
    width: 40px;
    color: #666
}

    .office-form-uploadFile-container .office-form-delete-button:focus {
        display: inline-block;
        outline: #000 dashed 1px
    }

    .office-form-uploadFile-container .office-form-delete-button:hover {
        color: #333
    }

.mobile-view .office-form-uploadFile-container .office-form-delete-button {
    display: inline-block;
    float: right
}

.office-form-uploadFile-container .office-form-upload-done-item:hover .office-form-delete-button {
    display: inline-block
}

.office-form-uploadFile-container .office-form-cancel-fileUpload {
    height: 30px;
    outline: 0;
    margin-left: 10px
}

    .office-form-uploadFile-container .office-form-cancel-fileUpload:focus {
        outline: #000 dashed 1px
    }

.office-form-uploadFile-container .office-form-upload-restriction {
    font-size: 12px;
    color: #666;
    margin-top: 15px
}

    .office-form-uploadFile-container .office-form-upload-restriction .office-form-upload-restriction-label {
        margin-right: 5px
    }

    .office-form-uploadFile-container .office-form-upload-restriction .office-form-upload-restriction-text {
        margin-right: 10px
    }

.office-form-uploadFile-container-height {
    height: 138px
}

.office-group-form-uploadFile {
    height: 118px
}

.office-form-upload-file-container {
    margin-top: 13px;
    margin-left: 20px;
    display: inline-flex
}

    .office-form-upload-file-container a {
        margin-left: 10px;
        color: #333
    }

        .office-form-upload-file-container a:hover {
            color: #337AB7
        }

    .office-form-upload-file-container .ms-Icon--Document {
        display: inline-flex
    }

    .office-form-upload-file-container .ms-Icon--Document,
    .office-form-upload-file-container .ms-Icon--Video {
        color: #666
    }

.office-form-upload-file-error-message-container {
    color: red;
    font-size: small;
    margin-top: 10px
}

.mobile-view .office-form-question-nps-container {
    margin-left: 0
}

.small-screen .office-form-info-icon {
    margin-bottom: 20px;
    font-size: 46px
}

.small-screen .office-form-info-other {
    font-size: 13px
}

.small-screen .office-form-bottom-bar-title {
    padding-top: 20px;
    font-size: 16px
}

.small-screen .office-form-bottom-bar-content {
    padding-top: 10px;
    font-size: 13px
}

.small-screen .office-form-bottom-bar-other {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 13px
}

.small-screen .office-form-info-error-detail {
    margin: 8px auto
}

.small-screen .office-form-info-reload {
    margin-top: 8px
}

.small-screen .submit-spinner {
    margin-left: calc(-50% - 5px)
}

.small-screen .office-form-other-answer {
    margin-left: 0
}

.mobile-view .form-control {
    font-size: 16px
}

.mobile-view .office-form-question {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 10px
}

.mobile-view .office-form-question-title {
    font-size: 17px;
    margin-left: 0
}

    .mobile-view .office-form-question-title .ordinal-number {
        position: static
    }

.mobile-view .office-form-question-subtitle {
    padding-left: 0
}

    .mobile-view .office-form-question-subtitle.with-image {
        padding-left: 20px
    }

.mobile-view .office-form-question-element {
    margin: 18px 0 0
}

.mobile-view .horizontal .logo-image-container,
.mobile-view .left .office-form-title-image-box,
.mobile-view .slim-size .horizontal .logo-image-container,
.mobile-view .slim-size .left .office-form-title-image-box,
.mobile-view .small-size .horizontal .logo-image-container,
.mobile-view .small-size .left .office-form-title-image-box {
    margin-right: 20px
}

.mobile-view .office-form-question-choice-mobile {
    font-size: 16px
}

.mobile-view .office-form-other-answer-margin-left-mobile {
    margin-left: -2px
}

.mobile-view .office-form-question-textbox {
    height: 40px
}

.mobile-view .office-form-rating-container-number,
.mobile-view .office-form-rating-container-star {
    display: none
}

.mobile-view .office-form-rating-description-container {
    display: block
}

.mobile-view .office-form-question-rating-table {
    display: table;
    table-layout: fixed
}

.mobile-view .office-form-question-rating-td {
    width: 64px
}

.mobile-view .office-form-form-title {
    padding: 20px 15px
}

    .mobile-view .office-form-form-title.small-size {
        padding: 20px
    }

    .mobile-view .office-form-form-title.slim-size {
        padding: 10px 15px 5px
    }

.mobile-view .slim-size .office-form-title.heading-1:only-child,
.mobile-view .small-size .office-form-title.heading-1:only-child {
    padding-top: 2.5px;
    padding-bottom: 2.5px
}

.mobile-view .office-form-title.heading-1,
.mobile-view .small-size .office-form-title.heading-1 {
    line-height: 1.3;
    font-size: 21px
}

.mobile-view .slim-size .office-form-title.heading-1 {
    line-height: 1.3;
    font-size: 12px
}

.mobile-view .office-form-subtitle.heading-1 {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 15px
}

.mobile-view .office-form-title.heading-2 {
    font-size: 17px
}

.mobile-view .office-form-subtitle.heading-2 {
    font-size: 13px
}

@media screen and (-ms-high-contrast:white-on-black) {
    .office-form-title.heading-2 {
        border: 1px solid #fff
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .office-form-title.heading-2 {
        border: 1px solid #000
    }
}

.mobile-view .top .office-form-title-image-box {
    margin-bottom: 15px
}

    .mobile-view .top .office-form-title-image-box > img {
        height: 45px;
        width: auto
    }

.mobile-view .horizontal .logo-image-container > img,
.mobile-view .left .office-form-title-image-box > img {
    height: 80px;
    width: auto
}

.mobile-view .slim-size .top .office-form-title-image-box {
    margin-bottom: 5px
}

    .mobile-view .slim-size .top .office-form-title-image-box > img {
        height: 35px;
        width: auto
    }

.mobile-view .slim-size .horizontal .logo-image-container > img,
.mobile-view .slim-size .left .office-form-title-image-box > img {
    height: 50px;
    width: auto
}

.mobile-view .small-size .top .office-form-title-image-box > img {
    height: 40px
}

.mobile-view .small-size .horizontal .logo-image-container > img,
.mobile-view .small-size .left .office-form-title-image-box > img {
    height: 70px
}

.mobile-view .office-form-body {
    padding: 20px 0;
    opacity: 1
}

@media screen and (max-width:640px) {
    .small-screen .office-form-body {
        padding: 20px 0
    }

    .small-screen .thank-you-page-content {
        padding-left: 20px;
        padding-right: 20px
    }

    .small-screen .office-form-form-title {
        padding: 20px 15px
    }

        .small-screen .office-form-form-title.small-size {
            padding: 20px
        }

        .small-screen .office-form-form-title.slim-size {
            padding: 10px 15px 5px
        }

    .small-screen .office-form-title.heading-1 {
        line-height: 1.3;
        font-size: 21px
    }

    .small-screen .mobile-view .slim-size .office-form-title.heading-1 {
        line-height: 1.3;
        font-size: 12px
    }

    .small-screen .small-size .office-form-title.heading-1 {
        line-height: 1.3;
        font-size: 21px
    }

        .small-screen .small-size .office-form-title.heading-1:only-child {
            padding-top: 2.5px;
            padding-bottom: 2.5px
        }

    .small-screen .office-form-subtitle.heading-1 {
        font-size: 12px;
        line-height: 1.5;
        margin-top: 15px
    }

    .small-screen .top .office-form-title-image-box {
        margin-bottom: 15px
    }

    .small-screen .slim-size .horizontal .logo-image-container,
    .small-screen .slim-size .left .office-form-title-image-box,
    .small-screen .slim-size .top .office-form-title-image-box {
        margin-bottom: 5px
    }

    .small-screen .top .office-form-title-image-box > img {
        height: 45px;
        width: auto
    }

    .small-screen .slim-size .top .office-form-title-image-box > img {
        height: 40px;
        width: auto
    }

    .small-screen .horizontal .logo-image-container,
    .small-screen .left .office-form-title-image-box {
        margin-right: 20px
    }

        .small-screen .horizontal .logo-image-container > img,
        .small-screen .left .office-form-title-image-box > img {
            height: 80px;
            width: auto
        }

        .small-screen .horizontal .logo-image-container.old ~ .office-form-title,
        .small-screen .left .office-form-title-image-box.old ~ .office-form-title {
            min-height: 60px
        }

    .small-screen .slim-size .horizontal .logo-image-container > img,
    .small-screen .slim-size .left .office-form-title-image-box > img {
        height: 40px;
        width: auto
    }

    .small-screen .small-size .top .office-form-title-image-box > img {
        height: 40px
    }

    .small-screen .small-size .horizontal .logo-image-container > img,
    .small-screen .small-size .left .office-form-title-image-box > img {
        height: 70px
    }

    .small-screen .office-form-padding-align {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width:850px) {
    #form-container {
        padding: 0
    }

    .office-form-page-padding {
        padding-left: 0;
        padding-right: 0
    }

    .design-question-bottombar .design-question-bottombar-element {
        margin-right: 0
    }
}

@media screen and (max-width:1190px) {
    .forms-pro #form-container {
        padding: 0
    }

    .forms-pro .office-form-page-padding {
        padding-left: 0;
        padding-right: 0
    }

    .forms-pro .design-question-bottombar .design-question-bottombar-element {
        margin-right: 0
    }
}

@media screen and (max-width:768px) {
    .office-form-info-text {
        font-size: 14px
    }

    .office-form-info-button {
        width: calc(100% - 20px)
    }

    .office-form-info-other {
        font-size: 12px
    }
}

.embed-view,
.embed-view-spo {
    height: 100%;
    width: 100%
}

.embed-view {
    background: #008272;
    color: #fff
}

.embed-view-container {
    color: #fff;
    text-align: center;
    position: absolute;
    top: calc(50% - 86px);
    left: calc(50% - 73px)
}

.embed-view-icon {
    font-size: 64px;
    display: block
}

.embed-view-content {
    font-size: 20px;
    display: block
}

a.embed-view-content {
    font-size: 15px;
    text-decoration: underline;
    color: #fff;
    cursor: pointer;
    margin-top: 30px
}

.office-form-spo-embed .logo-image-container.old {
    margin-right: 20px
}

    .office-form-spo-embed .logo-image-container.old > canvas,
    .office-form-spo-embed .logo-image-container.old > img {
        height: 64px;
        width: 64px
    }

    .office-form-spo-embed .logo-image-container.old ~ .office-form-title {
        min-height: 64px
    }

.horizontal .office-form-spo-embed .logo-image-container {
    margin-right: 20px
}

    .horizontal .office-form-spo-embed .logo-image-container > canvas,
    .horizontal .office-form-spo-embed .logo-image-container > img {
        height: 64px;
        width: auto
    }

.vertical .office-form-spo-embed .logo-image-container {
    margin-bottom: 20px
}

    .vertical .office-form-spo-embed .logo-image-container > canvas,
    .vertical .office-form-spo-embed .logo-image-container > img {
        height: 45px;
        width: auto
    }

.office-form-spo-embed.office-form-error-page-container .office-form-info-subtitle {
    color: #666
}

.office-form-spo-embed .office-form-page-padding > div {
    max-width: none
}

.office-form-spo-embed .office-form-page-padding {
    padding-left: 0
}

.office-form-spo-embed .office-form-content {
    padding-top: 0
}

.office-form-spo-embed .office-form-info-other {
    margin-top: 40px
}

.office-form-spo-embed .office-form-info-title {
    color: #666;
    margin-top: 10px
}

.office-form-spo-embed .office-form-title.heading-1 {
    font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    color: #333;
    font-size: 24px;
    font-weight: 100;
    line-height: 32px
}

.office-form-spo-embed .office-form-form-title {
    background: #FFF;
    color: #333;
    font-size: 21px;
    padding: 0 0 25px
}

    .office-form-spo-embed .office-form-form-title a {
        color: #333
    }

.office-form-spo-embed .office-form-body {
    padding: 0
}

.office-form-spo-embed .office-form-subtitle.heading-1 {
    margin-top: 15px
}

.office-form-spo-embed .office-form-question-element {
    margin-left: 20px;
    margin-right: 20px
}

    .office-form-spo-embed .office-form-question-element .office-form-textfield {
        max-width: 810px
    }

.office-form-spo-embed .office-form-sort-list .office-form-sort-item {
    max-width: 810px;
    margin-left: 20px;
    margin-right: 20px
}

.office-form-spo-embed .office-form-thankyou-page-container,
.office-form-spo-embed .thank-you-page-root-container {
    height: 100%
}

.office-form-spo-embed .office-form-theme-shadow {
    box-shadow: none;
    background: #F8F8F8;
    height: 100%
}

.office-form-spo-embed .office-form-footer {
    padding-top: 10px;
    padding-bottom: 20px
}

.office-form-spo-embed .office-form-footer-container {
    background-color: #FFF;
    display: block;
    margin-bottom: 0;
    padding: 0;
    color: #666
}

.office-form-spo-embed .office-form-footer-block {
    width: auto;
    display: inline-block;
    margin: 0 7px 0 0;
    text-align: left
}

    .office-form-spo-embed .office-form-footer-block > a {
        color: #666;
        text-decoration: underline
    }

.office-form-spo-embed .office-form-notice-container {
    margin: 0
}

.office-form-spo-embed .office-form-question {
    padding-top: 0;
    padding-bottom: 20px;
    margin-bottom: 0;
    border-bottom: 1px #EAEAEA solid
}

    .office-form-spo-embed .office-form-question + .office-form-question,
    .office-form-spo-embed .office-form-question.office-form-error-question {
        padding-top: 20px
    }

        .office-form-spo-embed .office-form-question.office-form-error-question:first-child {
            margin-top: 0
        }

.office-form-spo-embed .office-form-question-content {
    padding-left: 12px;
    padding-right: 0
}

.office-form-spo-embed .validation-error-circle-big {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    top: -20px
}

.office-form-spo-embed .validation-error-circle-small {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    top: -15px
}

.office-form-spo-embed .validation-error-message-wrong-Icon {
    top: -8px;
    left: 22px;
    font-size: 16px
}

.office-form-spo-embed .office-form-bottom-button-div {
    margin: 20px 0 0
}

.office-form-spo-embed .office-form-bottom-button:disabled,
.office-form-spo-embed .office-form-bottom-button:disabled:hover,
.office-form-spo-embed .office-form-view-result-button:disabled,
.office-form-spo-embed .office-form-view-result-button:disabled:hover {
    background-color: #F4F4F4;
    color: #A6A6A6;
    cursor: pointer
}

.office-form-spo-embed .office-form-notice-password {
    margin: 10px 0 0
}

.office-form-spo-embed .office-form-notice-container > div {
    margin-bottom: 20px
}

.office-form-spo-embed .office-form-result-container {
    background-color: #FFF
}

.office-form-spo-embed .small-screen .office-form-notice-container {
    padding: 30px 0 10px
}

.office-form-spo-embed .small-screen .office-form-form-title,
.office-form-spo-embed .small-screen .office-form-submit-error {
    padding: 0
}

.office-form-spo-embed .small-screen .office-form-notice-container > div {
    margin-bottom: 15px
}

.office-form-spo-embed .small-screen .office-form-bottom-button-div {
    padding: 0;
    width: 180px
}

.office-form-spo-embed .small-screen .office-form-title.heading-1 {
    font-size: 24px;
    width: 100%
}

.office-form-spo-embed .small-screen .office-form-bottom-button,
.office-form-spo-embed .small-screen .office-form-view-result-button {
    width: 180px;
    height: 40px;
    font-size: 15px
}

.office-form-spo-embed .small-screen.mobile-view .office-form-bottom-button,
.office-form-spo-embed .small-screen.mobile-view .office-form-view-result-button {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    width: 100%;
    height: 44px;
    font-size: 13px
}

.office-form-spo-embed .student-feedback-view-short-text-correctness-icon-container {
    left: 0;
    padding-left: 32px
}

.office-form-spo-embed .thank-you-page-content {
    padding-left: 0
}

.forms-pro .office-form-spo-embed .office-form-question {
    padding-top: 20px
}

.forms-pro .office-form-spo-embed .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.multi-lingual-select-control {
    width: 220px;
    height: 30px;
    position: absolute;
    right: 0;
    z-index: 1
}

    .multi-lingual-select-control .select-placeholder {
        color: #FFF
    }

    .multi-lingual-select-control.isMobile {
        position: static;
        width: 100%
    }

.multi-lingual-spinner-container {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

    .multi-lingual-spinner-container .multi-lingual-blank-page {
        background: #E3E3E3;
        opacity: .2;
        height: 100%;
        width: 100%
    }

    .multi-lingual-spinner-container .multi-lingual-spinner {
        position: absolute;
        left: calc(50% - 6px);
        top: calc(50% - 6px);
        width: 30px;
        height: 30px;
        transform: scale(.8)
    }

.multi-lingual-page-loading-background {
    height: 100%;
    width: 100%;
    background: #fff
}

.forms-pro .custom-style-content.office-form-content.office-form-page-padding-preview {
    padding-top: 0
}

.forms-pro .office-form-custom-logo .office-form-title-image-box > img {
    max-width: unset
}

.poll-submit-spinner {
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
    width: 10px;
    height: 10px
}

    .poll-submit-spinner > .spinner-tile-animation {
        transform: scale(.4)
    }

.office-poll-title-container {
    width: 100%;
    height: 50px
}

.office-poll .office-form-body {
    padding: 10px 30px 50px;
    background: #FFF;
    opacity: .97
}

.small-screen .office-poll .office-form-body {
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (max-width:640px) {
    .office-poll .office-form-body {
        padding-left: 10px;
        padding-right: 10px
    }
}

.poll-email-label {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    margin: 0 0 10px 20px;
    color: #333;
    font-size: 12px
}

.small-screen .poll-email-label {
    margin-left: 10px
}

.poll-email-textbox {
    width: 50%;
    min-width: 240px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px
}

.small-screen .poll-email-textbox {
    margin-left: 10px
}

.poll-top-view-back-icon {
    color: #FFF;
    cursor: pointer;
    margin: 0 0 0 40px
}

.poll-top-view-back-text {
    color: #FFF;
    margin: 0 10px
}

.poll-email-validation-error {
    margin-left: 20px
}

.poll-view-result-link {
    margin-left: 35px;
    margin-top: 35px;
    display: inline-block;
    vertical-align: middle
}

.office-poll-submit-button {
    width: 100px;
    height: 32px;
    text-align: center;
    font-size: 15px;
    background: #008272;
    color: #fff
}

    .office-poll-submit-button:focus {
        background: #767676;
        color: #000
    }

    .office-poll-submit-button:hover {
        background-color: #004B50;
        color: #FFF
    }

    .office-poll-submit-button:disabled,
    .office-poll-submit-button:disabled:hover {
        background-color: #EAEAEA;
        color: #FFF
    }

.office-poll .office-form-question {
    padding-top: 20px;
    padding-bottom: 35px
}

.small-screen.office-poll .office-form-question {
    margin-bottom: 0
}

.office-poll .office-form-question-title {
    font-family: wf_segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 25px;
    color: #333;
    white-space: pre-wrap;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.office-poll .office-form-other-answer,
.office-poll .office-form-question-choice-marginleft {
    margin-left: 5px
}

.office-poll .office-form-other-answer,
.office-poll .office-form-question-choice {
    margin-top: 25px;
    font-size: 15px
}

    .office-poll .office-form-other-answer input[type=checkbox],
    .office-poll .office-form-other-answer input[type=radio],
    .office-poll .office-form-question-choice input[type=checkbox],
    .office-poll .office-form-question-choice input[type=radio] {
        width: 20px;
        height: 20px
    }

    .office-poll .office-form-question-choice + .office-form-other-answer,
    .office-poll .office-form-question-choice + .office-form-question-choice {
        margin-top: 20px
    }

.poll-result-back-label {
    margin-left: 10px
}

.poll-top-view-back-button {
    height: 100%
}

    .poll-top-view-back-button:active,
    .poll-top-view-back-button:focus,
    .poll-top-view-back-button:hover {
        background: #004B50;
        color: #FFF
    }

.poll-result-container {
    margin-top: 30px
}

.poll-result-options-container {
    margin: 25px 0 50px
}

.poll-result-option-container {
    margin-top: 25px
}

.poll-result-progressbar-container {
    margin-top: 10px;
    padding-right: 15px;
    display: table;
    width: 100%
}

.poll-result-progressbar-cell {
    display: table-cell
}

.poll-result-progressbar {
    display: inline-block;
    height: 8px;
    width: 100%;
    background-color: #F4F4F4
}

.office-poll-info-container {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 16px;
    color: #333;
    padding-bottom: 50px;
    background: rgba(255, 255, 255, .92)
}

.poll-result-voted {
    padding-left: 10px
}

.office-poll-vote-count-container {
    position: relative;
    float: right
}

    .office-poll-vote-count-container a {
        text-decoration: none
    }

.analyze-view-detail-show-responses-data-text,
.export-button-alert-callout .reexport-link > span:hover,
.insight-view-feedback-button-dislike,
.insight-view-feedback-button-like,
.insight-view-summary-button-text,
.insight-view-time-distribution-button .simple-data-control-description,
.template-icon-button-text:hover {
    text-decoration: underline
}

.poll-result-vote-count {
    padding: 0 8px;
    color: #666
}

.office-poll .office-form-info-other {
    margin-top: 50px
}

.small-screen.office-poll .office-form-notice-container {
    margin: 0
}

.small-screen.office-poll .office-form-bottom-button-div {
    display: inline-block;
    padding: 0;
    width: auto;
    margin: 35px 0 0 10px
}

.addContentContentPiece {
    outline: 0;
    -ms-high-contrast-adjust: none;
    position: relative
}

.basicContentPageWrapper {
    position: relative;
    flex-shrink: 1;
    flex-grow: 1
}

.basicContentPageInnerWrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.folderContentPieceWrapper,
.imageContentPieceWrapper {
    outline: 0;
    position: relative;
    float: left;
    margin: 5px;
    width: 151px;
    height: 151px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    -ms-high-contrast-adjust: none;
    transition: opacity 367ms;
    box-sizing: content-box;
    border: none
}

    .folderContentPieceWrapper.active,
    .imageContentPieceWrapper.active {
        margin: 3px;
        border: 2px solid #008272
    }

.imageCheckBox {
    color: #FFF;
    background-color: #008272
}

    .imageCheckBox .imageCheckIcon {
        position: absolute;
        top: 0;
        right: 0;
        background: #008272;
        opacity: 0
    }

.active .imageCheckBox .imageCheckIcon {
    opacity: 1;
    width: 20px;
    height: 20px;
    padding-top: 2px
}

.imageDescriptionLabel {
    background-color: #000;
    opacity: .6;
    height: 20px;
    width: auto;
    text-align: center;
    line-height: 19px;
    color: #fff;
    font-family: "Segoe UI", Helvetica, Tahoma, Geneva, Verdana, sans-serif;
    font-size: 8pt;
    bottom: 0;
    left: 0;
    position: absolute;
    padding-left: 6px;
    padding-right: 6px
}

.bingSearchContainer,
.bingSearchLabel,
.bingSearchResponsibleLinkContainer,
.fromUrlContainer,
.fromUrlLabel,
.image-picker-add-button,
.image-picker-error-message,
.imagePickerContentPageBreadcrumbWrapper,
.onDriveContainer,
.oneDriveLabel {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.imagePickerContentContainer {
    overflow-y: auto;
    overflow-x: hidden;
    flex-shrink: 1;
    flex-grow: 1;
    padding-left: 25px
}

.folderImage {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #EAEAEA
}

.folderBeak::before,
.folderFooter,
.folderFooter::before {
    background-color: #444;
    position: absolute
}

.folderImage .folderImageIcon {
    position: absolute;
    left: 15px;
    top: 10px;
    color: #737373;
    width: unset
}

.folderFooter {
    bottom: 0;
    width: 100%;
    padding: 8px 12px;
    color: #FFF;
    text-align: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

    .folderFooter::before {
        height: 19px;
        width: 40%;
        top: -19px;
        right: 0
    }

.folderBeak {
    width: 21px;
    height: 21px
}

    .folderBeak::before {
        top: 0;
        right: -20px;
        width: 20px;
        height: 30px;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        transform: rotate(40deg)
    }

.folderBeakHighlight {
    width: 19px;
    height: 19px
}

.folderBeak,
.folderBeakHighlight {
    position: absolute;
    right: 40%;
    top: -19px;
    overflow: hidden
}

.folderTitle {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: inline-block
}

.imagePickerContentPageBreadcrumbWrapper {
    font-size: 15px;
    color: #363636;
    display: inline-block;
    padding-right: 4px;
    text-align: left;
    background-color: transparent;
    margin-left: 0;
    margin-bottom: 0;
    text-overflow: ellipsis;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden
}

    .imagePickerContentPageBreadcrumbWrapper:hover {
        color: #008272
    }

.forms-pro .imagePickerContentPageBreadcrumbWrapper {
    max-width: 50%
}

    .forms-pro .imagePickerContentPageBreadcrumbWrapper span {
        width: inherit;
        text-overflow: ellipsis;
        overflow: hidden
    }

.imagePickerContentPageBreadcrumbContainer {
    margin-left: 30px;
    margin-bottom: 30px;
    padding-top: 15px
}

.bingSearchContainer,
.fromUrlContainer,
.onDriveContainer {
    margin-top: 10px;
    border-bottom: 1px solid #D2D2D2;
    min-height: 75px;
    flex-shrink: 0;
    flex-grow: 0
}

.bingSearchTextField,
.fromUrlTextField {
    display: inline-block;
    width: 305px;
    vertical-align: middle
}

.bingSearchButton {
    height: 40px;
    width: 40px;
    color: #FFF;
    font-size: 18px;
    background-color: #008272;
    vertical-align: middle
}

    .bingSearchButton:hover {
        background-color: #004B50
    }

.bingSearchIcon,
.fromUrlIcon,
.oneDriveIcon {
    display: inline-block;
    font-size: 20px;
    margin-left: 30px;
    margin-right: 5px;
    vertical-align: middle
}

.bingSearchIcon {
    color: #008272;
    margin-right: 5px
}

.oneDriveIcon:before {
    color: #254DA3;
    margin-right: .4em
}

.fromUrlIcon:before {
    color: #008272;
    margin-right: .6em
}

.bingSearchLabel,
.fromUrlLabel,
.oneDriveLabel {
    font-size: 17px;
    display: inline-block;
    margin: 25px 10px 25px 0;
    color: #666;
    vertical-align: middle
}

.image-picker-add-button {
    margin-right: 40px;
    float: right;
    margin-top: 17.5px;
    padding: 0 10px;
    height: 40px;
    min-width: 100px;
    width: auto;
    color: #FFF;
    font-size: 15px;
    background-color: #008272;
    vertical-align: middle
}

    .image-picker-add-button:disabled {
        color: #A6A6A6;
        background-color: #EAEAEA
    }

    .image-picker-add-button:hover {
        background-color: #004B50
    }

    .image-picker-add-button.from-url {
        margin-right: 70px
    }

.forms-pro body[dir=rtl] .image-picker-add-button.from-url {
    margin: 18px 10px 25px 0
}

.bingSearchResponsibleLinkContainer {
    border-bottom: 1px solid #D2D2D2;
    min-height: 50px;
    position: relative;
    flex-shrink: 0;
    flex-grow: 0
}

.bingSearchResponsibleLinkContent {
    margin: 15px 50px 15px 30px;
    font-size: 14px;
    color: #363636;
    vertical-align: middle
}

.bingSearchResponsibleLink {
    margin-left: 10px
}

.bingSearchResponsibleCloseButton {
    font-size: 14px;
    border: none;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -6px
}

.bingSerachLicensesCheckBox {
    margin: 15px 0 10px 30px;
    display: inline-block;
    vertical-align: middle
}

    .bingSerachLicensesCheckBox > .checkbox > label {
        display: inline
    }

    .bingSerachLicensesCheckBox > .checkbox > .BingSearchlicenseLink {
        vertical-align: auto
    }

.image-picker-error-message {
    color: #008272;
    font-size: 15px;
    margin-top: 20px
}

.image-picker-error-hanlder-container {
    text-align: center;
    flex-grow: 1;
    margin-top: 20px
}

.image-picker-error-icon {
    font-size: 36px;
    color: #008272
}

.BingSearchlicenseLabel,
.image-picker-oneDrive-emptyFolder-message {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 14px
}

.image-picker-oneDrive-emptyFolder-message {
    padding-top: 50px;
    text-align: center;
    color: #008272
}

.BingSearchlicenseLabel {
    color: #363636;
    display: inline-block;
    vertical-align: middle
}

.BingSearchlicenseLink {
    vertical-align: middle
}

.first-run {
    color: #000;
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, .4)
}

@media screen and (max-width:750px) {
    .first-run {
        display: none
    }
}

@media screen and (max-height:450px) {
    .first-run {
        display: none
    }
}

.first-run .float-center {
    position: relative;
    top: 50%;
    margin: auto;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #ecf4f7;
    color: #333;
    overflow: hidden;
    width: 750px;
    height: 450px;
    border: none;
    -webkit-box-shadow: #666 0 0 10px;
    -moz-box-shadow: #666 0 0 10px;
    box-shadow: #666 0 0 10px
}

.first-run .close-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #666;
    font-size: 20px
}

.first-run .whats-new-title {
    font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    color: #333;
    margin: 55px auto auto;
    font-size: 48px;
    text-align: center
}

.firstrun-callout-button,
h1.template-new {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.first-run .news-img {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -300px
}

.firstrun-callout-container {
    position: relative
}

.firstrun-callout {
    border: 1px solid #008272;
    background-color: #FFF;
    color: #000;
    left: -150px;
    top: 15px;
    z-index: 2;
    position: absolute;
    padding: 20px;
    width: 250px
}

    .firstrun-callout#teachingCallout-send {
        left: -50px;
        top: 20px;
        padding: 0;
        width: 220px;
        box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .2);
        border: none
    }

@media (max-width:800px) {
    .firstrun-callout#teachingCallout-send {
        left: -150px
    }
}

@media screen and (-ms-high-contrast:active) {
    .firstrun-callout#teachingCallout-send {
        border: 1px solid
    }
}

.firstrun-callout#teachingCallout-theme {
    left: -50px;
    top: 20px;
    padding: 0;
    width: 240px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .2);
    border: none
}

@media (max-width:800px) {
    .firstrun-callout#teachingCallout-theme {
        left: -150px
    }
}

@media screen and (-ms-high-contrast:active) {
    .firstrun-callout#teachingCallout-theme {
        border: 1px solid
    }
}

.firstrun-callout#teachingCallout-theme .teaching-callout-text-wrap {
    background-color: #008272;
    padding: 20px
}

.firstrun-callout#teachingCallout-theme .theme-teaching-calllout-title-wrapper {
    align-items: center;
    display: flex
}

.firstrun-callout#teachingCallout-theme .theme-teaching-callout-text {
    font-size: 21px;
    line-height: 24px;
    display: inline-block
}

.firstrun-callout#teachingCallout-theme .theme-teaching-callout-icon {
    display: inline-block;
    background: #EAEAEA;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    vertical-align: middle;
    margin-right: 10px
}

    .firstrun-callout#teachingCallout-theme .theme-teaching-callout-icon .theme-icon {
        font-size: 15px;
        color: #008272;
        margin: 8px
    }

.firstrun-callout#teachingCallout-theme .theme-teaching-callout-subtitle {
    font-size: 12px;
    margin-top: 10px;
    white-space: normal;
    line-height: normal
}

.firstrun-callout#teachingCallout-theme .teaching-callout-img-wrap {
    padding: 15px 35px 8px
}

.firstrun-callout#teachingCallout-theme .teaching-callout-img {
    height: 94px;
    width: 170px
}

.firstrun-callout#teachingCallout-exportToExcel {
    left: 140px;
    top: -53px;
    padding: 0;
    width: 220px;
    box-shadow: 0 0 20px #BBB;
    border: none
}

@media (max-width:1200px) {
    .firstrun-callout#teachingCallout-exportToExcel {
        left: -50px;
        top: 20px
    }
}

@media (max-width:950px) {
    .firstrun-callout#teachingCallout-exportToExcel {
        left: -120px
    }
}

.firstrun-callout#teachingCallout-newForm {
    left: 34px;
    top: 0;
    padding: 0;
    width: 220px;
    box-shadow: 0 3px 20px rgba(0, 0, 0, .25);
    border: none
}

    .firstrun-callout#teachingCallout-newForm .teaching-callout-img-wrap {
        height: 125px;
        width: 220px;
        padding-left: 10px;
        padding-top: 5px
    }

        .firstrun-callout#teachingCallout-newForm .teaching-callout-img-wrap img {
            height: 120px;
            width: 200px
        }

.firstrun-callout-beak {
    position: absolute;
    height: 0;
    width: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #FFF;
    top: -9px;
    right: 15px
}

    .firstrun-callout-beak.teachingCallout-send-direction,
    .firstrun-callout-beak.teachingCallout-theme-direction {
        border-right: 12px solid transparent;
        border-bottom: 13px solid #008272;
        top: -13px;
        border-left: 12px solid transparent
    }

    .firstrun-callout-beak.teachingCallout-send-direction {
        right: 90px
    }

@media (max-width:800px) {
    .firstrun-callout-beak.teachingCallout-send-direction {
        right: 18px
    }
}

.firstrun-callout-beak.teachingCallout-theme-direction {
    right: 110px
}

@media (max-width:800px) {
    .firstrun-callout-beak.teachingCallout-theme-direction {
        right: 58px
    }
}

@media screen and (-ms-high-contrast:active) {
    .firstrun-callout-beak.teachingCallout-send-direction,
    .firstrun-callout-beak.teachingCallout-theme-direction {
        border-left: 12px solid transparent;
        border-right: 12px solid transparent
    }
}

.firstrun-callout-beak.teachingCallout-exportToExcel-direction {
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 13px solid #008272;
    top: 25px;
    left: -22px
}

@media (max-width:1200px) {
    .firstrun-callout-beak.teachingCallout-exportToExcel-direction {
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 13px solid #008272;
        top: -25px;
        left: 100px
    }
}

@media (max-width:950px) {
    .firstrun-callout-beak.teachingCallout-exportToExcel-direction {
        left: 160px
    }
}

.firstrun-callout-beak.teachingCallout-newForm-direction {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 13px solid #008272;
    top: -13px;
    right: 90px
}

.firstrun-callout-beakborder {
    position: absolute;
    height: 0;
    width: 0;
    z-index: -1;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #008272;
    top: -10px;
    right: 14px
}

.teaching-callout-text-wrap {
    background-color: #008272;
    color: #FFF;
    padding: 12px 15px
}

.teaching-callout-text {
    white-space: normal;
    font-size: 14px;
    line-height: 1.4
}

.firstrun-callout-text {
    white-space: normal;
    font-size: 14px
}

.firstrun-callout-img {
    display: block;
    margin-top: 20px;
    width: 150px
}

.teaching-callout-img {
    display: block;
    width: 170px
}

.teaching-callout-img-wrap {
    align-content: center;
    padding-left: 25px
}

.teachingCallout-exportToExcel-direction ~ .teaching-callout-img-wrap {
    padding-left: 10px
}

.firstrun-callout-button {
    margin-top: 30px;
    float: right;
    padding: 5px 20px;
    color: #FFF;
    background-color: #008272;
    border: 1px solid transparent;
    user-select: none
}

.teaching-callout-button {
    float: right;
    font-size: 14px;
    margin: 6px 12px 12px;
    background-color: #008272;
    height: 26px;
    width: 65px;
    color: #FFF
}

.firstrun-callout-button:hover {
    background-color: #004B50;
    color: #FFF
}

@media screen and (max-width:470px) {
    .firstrun-callout#teachingCallout-newForm {
        left: 24px
    }
}

.portal-template-gallery-container .portal-tiles {
    min-height: 0
}

.template-new-header {
    margin: 0 0 5px 15px
}

h1.template-new {
    font-size: 16px;
    color: #252423;
    display: inline;
    font-weight: 400;
    margin: 0
}

.template-hr {
    background: #EAEAEA;
    height: 1px;
    margin: 5px 15px 20px
}

.template-icon-button-text {
    margin-right: 10px
}

.template-icon-button {
    float: right;
    margin-right: 15px
}

.template-form-card {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background: #F4F4F4
}

    .template-form-card:hover {
        background-color: #EAEAEA
    }

    .template-form-card .background-container {
        margin: 16px 25px 0;
        height: 110px;
        background-size: cover;
        box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1), 0 2px 10px 0 rgba(0, 0, 0, .2)
    }

    .template-form-card .description-container {
        top: 0;
        position: absolute;
        margin: 16px 25px;
        background: rgba(0, 0, 0, .65);
        height: 110px;
        width: 200px
    }

    .template-form-card .description-text {
        font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
        color: #FFF;
        position: absolute;
        width: 200px;
        white-space: normal;
        font-size: 12px;
        padding: 12px 14px 14px 16px;
        line-height: 16px;
        overflow: hidden
    }

    .mq-math-mode .mq-nonSymbola,
    .mq-math-mode .mq-text-mode,
    .template-form-card .title-container,
    .vk-keys-algebrakeys .mq-math-mode var {
        font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
    }

    .template-form-card .title-container {
        color: #333;
        font-size: 15px;
        line-height: 20px;
        height: 40px;
        margin: 15px 15px 0;
        text-align: center;
        white-space: pre-wrap;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center
    }

.fl-tile.fl-template-tile {
    height: 190px;
    box-shadow: none
}

    .fl-tile.fl-template-tile:hover {
        box-shadow: none
    }

.template-new-form-button {
    width: 140px;
    height: 36px;
    color: #FFF;
    display: inline-block;
    margin-left: 15px
}

    .template-new-form-button .button-content {
        justify-content: flex-start
    }

    .template-new-form-button .button-img {
        margin: 0 15px
    }

    .template-new-form-button .button-text {
        margin-right: 15px
    }

.template-new-more-container {
    display: inline-block;
    margin-left: 1px
}

.template-new-more-button {
    color: #FFF;
    width: 40px;
    height: 36px
}

    .template-new-more-button.active {
        background-color: #FFF;
        color: #008272
    }

.template-new-more-menu {
    left: -141px;
    width: 181px
}

.template-new-dropdown-option {
    height: 40px;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 8px 8px 15px;
    vertical-align: central
}

    .template-new-dropdown-option img {
        width: 17px;
        height: 18px
    }

.tempate-new-dropdown-text {
    margin-left: 15px
}

.template-gallery-container {
    background: #F4F4F4;
    width: 100%;
    position: fixed;
    top: 50px;
    bottom: 0;
    overflow: auto
}

    .template-gallery-container .template-gallery {
        padding-top: 40px
    }

.template-top-view-header {
    position: relative;
    width: 100%;
    height: 60px;
    padding: 0 20px 15px 16px;
    margin: 13px 0 10px
}

    .template-top-view-header .template-gallery-back-button {
        position: absolute;
        height: 44px;
        color: #008272
    }

        .template-top-view-header .template-gallery-back-button:hover {
            color: #004B50
        }

        .template-top-view-header .template-gallery-back-button .top-view-back-icon {
            margin-top: 1px
        }

    .template-top-view-header .top-view-title-text {
        font-size: 27px;
        margin-left: 42px;
        margin-top: 2px;
        position: absolute;
        height: 44px
    }

.template-loading {
    position: absolute;
    width: 30px;
    height: 30px;
    color: #008272;
    left: 50%;
    top: 50%
}

.vk-keys-algebrakeys {
    background-color: #F1F3F5;
    border-radius: 2px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);
    height: 203px;
    width: 100%;
    min-width: 420px;
    left: 50%;
    top: 50%
}

.vk-keys-row {
    height: calc(20%);
    width: calc(100%)
}

.vk-keys-row-key {
    height: calc(100%);
    width: calc(10%);
    min-height: 35px;
    min-width: 40px;
    border: .2px solid #F1F3F5;
    float: left;
    cursor: pointer
}

.analyze-view-function-container,
body[dir=rtl] .vk-keys-row-key {
    float: right
}

.vk-keys-row-key .mq-hasCursor {
    cursor: pointer
}

.vk-keys-row-key:focus {
    outline: 0
}

.vk-keys-row-key[mq-category=algebra] {
    background-color: #FFF;
    font-size: 18px
}

    .vk-keys-row-key[mq-category=algebra]:focus,
    .vk-keys-row-key[mq-category=algebra]:hover {
        background-color: #F4F4F4;
        outline: #FFF dashed 1px;
        outline-offset: -3px
    }

.vk-keys-row-key[mq-category=basic],
.vk-keys-row-key[mq-category=calculating],
.vk-keys-row-key[mq-category=function] {
    background-color: #FAFAFA;
    font-size: 20px
}

    .vk-keys-row-key[mq-category=basic]:focus,
    .vk-keys-row-key[mq-category=basic]:hover,
    .vk-keys-row-key[mq-category=calculating]:focus,
    .vk-keys-row-key[mq-category=calculating]:hover,
    .vk-keys-row-key[mq-category=function]:focus,
    .vk-keys-row-key[mq-category=function]:hover {
        background-color: #EAEAEA;
        outline: #FFF dashed 1px;
        outline-offset: -3px
    }

.vk-keys-row-key[mq-category=function] {
    font-size: 18px
}

.vk-keys-row-key[mq-category=empty] {
    color: transparent;
    background-color: #FFF;
    width: calc(40%);
    cursor: default
}

.vk-keys-row-key[mq-value=Enter] {
    color: #FFF;
    font-size: 20px
}

    .vk-keys-row-key[mq-value=Enter]:focus,
    .vk-keys-row-key[mq-value=Enter]:hover {
        outline: #FFF dashed 1px;
        outline-offset: -3px
    }

.vk-keys-algebrakeys .mq-root-block {
    font-size: 16px
}

body[dir=rtl] .vk-editor-container {
    text-align: left
}

.vk-editor-input.mq-editable-field.mq-focused,
.vk-editor-input.mq-math-mode .mq-editable-field.mq-focused {
    background-color: #FFF;
    box-shadow: none;
    border-color: #66AFE9
}

.vk-editor-input.mq-editable-field,
.vk-editor-input.mq-math-mode .mq-editable-field {
    background-color: #FFF;
    border: 1px solid #66AFE9;
    width: 100%;
    padding: 10px
}

.chart-control-legend-table .chart-control-legend-table-row:hover,
.chart-control-legend-table li:hover {
    background-color: #a9a9a9
}

.vk-editor-input sup {
    top: 0
}

@font-face {
    font-family: Symbola;
    src: url(../vendors/mathquill/font/Symbola.eot);
    src: local("Symbola Regular"), local("Symbola"), url(../vendors/mathquill/font/Symbola.woff2) format("woff2"), url(../vendors/mathquill/font/Symbola.woff) format("woff"), url(../vendors/mathquill/font/Symbola.ttf) format("truetype"), url(../vendors/mathquill/font/Symbola.otf) format("opentype"), url(../vendors/mathquill/font/Symbola.svg#Symbola) format("svg")
}

.chart-control-legend-table-row .chart-control-legend-table-correct.ms-Icon--CheckMark {
    color: green
}

.chart-control-legend-canvas-color {
    vertical-align: middle
}

.chart-control-legend-label {
    text-align: left;
    padding: 5px;
    width: 180px;
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.chart-control-legend-value {
    text-align: center;
    width: auto;
    min-width: 30px;
    padding: 2px 5px;
    font-size: 12px
}

.nps-chart-control-legend-table-row {
    line-height: 1.3
}

    .nps-chart-control-legend-table-row .chart-control-legend-label {
        padding: 5px 0
    }

.chart-control-legend-table {
    list-style: none;
    font-size: 12px;
    border-collapse: separate;
    border-spacing: 3px
}

    .chart-control-legend-table li {
        display: block;
        position: relative;
        margin-bottom: 6px;
        border-radius: 5px;
        padding: 2px 10px 2px 35px;
        font-size: 14px;
        cursor: default;
        -webkit-transition: background-color .2s ease-in-out;
        -moz-transition: background-color .2s ease-in-out;
        -o-transition: background-color .2s ease-in-out;
        transition: background-color .2s ease-in-out
    }

        .chart-control-legend-table li span {
            display: block;
            left: 0;
            top: 0;
            width: auto;
            min-width: 25px;
            height: 25px;
            border-radius: 5px;
            text-align: center;
            position: absolute
        }

.chart-control-legend {
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    padding: 10px;
    min-width: 250px;
    flex: 0 0 30%;
    text-align: center
}

.chart-control-container {
    margin-top: 20px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    min-height: 100px;
    justify-content: flex-start;
    align-items: center;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap
}

.chart-control {
    padding: 15px;
    justify-content: center;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -ms-flex: 0 0 55%;
    -webkit-flex: 0 0 55%;
    flex: 0 0 55%
}

.chart-control-canvas {
    padding: 0;
    margin-top: 20px
}

.chart-control-stacked .chart-control-canvas,
.chart-likert-control .chart-control-canvas,
.flex-direction-column .chart-control-canvas {
    margin-top: 0
}

.chart-control-legend-table-row.chart-control-legend-table-row-title {
    font-weight: 700;
    font-size: 13px
}

.chart-control-stacked-detail-container,
.stacked-control-legend-table {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 12px
}

.flex-direction-column {
    flex-direction: column
}

.stacked-control-legend {
    display: -webkit-flex;
    display: flex;
    flex: auto;
    -webkit-flex: auto;
    justify-content: space-around
}

.stacked-control-legend-table {
    list-style: none;
    border-collapse: separate;
    border-spacing: 3px;
    color: #666
}

.stacked-control-legend-table-row {
    height: 1em
}

.stacked-control-legend-label {
    display: inline-block;
    padding: 0 5px
}

    .chart-control-stacked-detail-item canvas + span,
    .stacked-control-legend-label:last-child {
        padding-left: 10px
    }

    .chart-control-stacked-detail-item > span:first-child,
    .stacked-control-legend-label:first-child {
        padding-right: 10px
    }

@media screen and (min-width:768px) {
    .question-view-content-container .chart-control-container.chart-stacked-control-container {
        align-items: flex-start;
        flex-wrap: nowrap
    }
}

.chart-control-legend-table-row,
.chart-control-legend-table-title {
    height: 28px
}

.chart-control-stacked {
    flex-direction: column;
    align-items: center
}

.chart-control-stacked-detail-container {
    height: 31px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    align-content: center
}

.chart-control-stacked-detail-item {
    flex: 1 1 auto
}

    .chart-control-stacked-detail-item + .chart-control-stacked-detail-item {
        margin-left: 10px
    }

.chart-custom-tooltip {
    opacity: 1;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    white-space: nowrap;
    text-align: left;
    z-index: 1000
}

    .chart-custom-tooltip .chart-custom-tooltip-box {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-right: 5px
    }

    .chart-custom-tooltip .chart-custom-tooltip-text {
        word-break: break-word;
        word-wrap: break-word
    }

    .chart-custom-tooltip .chart-custom-tooltip-statement-text {
        word-break: break-word;
        word-wrap: break-word;
        font-size: 13px
    }

.chart-likert-control-container {
    font-size: 12px;
    color: #333;
    flex-flow: column wrap;
    align-items: flex-start
}

.chart-likert-body-control-container {
    display: flex;
    flex-flow: row wrap
}

.chart-likert-control-legend-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 48px
}

    .chart-likert-control-legend-row:hover {
        background-color: #a9a9a9
    }

    .chart-likert-control-legend-row .chart-likert-control-legend-label {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        width: 288px;
        max-height: 32px;
        line-height: 16px;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis
    }

.chart-likert-control {
    display: flex;
    justify-content: center;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
}

.chart-likert-control-detail-container {
    padding-top: 24px;
    padding-bottom: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    line-height: 24px
}

    .chart-likert-control-detail-container .chart-likert-control-detail-item {
        margin-right: 20px;
        line-height: 16px;
        padding: 4px 0;
        word-break: break-word;
        word-wrap: break-word;
        white-space: nowrap
    }

        .chart-likert-control-detail-container .chart-likert-control-detail-item > span {
            padding-left: 4px;
            white-space: normal
        }

.delete-confirm-control-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

    .delete-confirm-control-container:focus {
        outline: 0
    }

    .delete-confirm-control-container.share-result {
        background-color: #F4F4F4;
        height: 100%;
        width: 100%
    }

        .delete-confirm-control-container.share-result .share-result-status {
            margin-left: 30px
        }

    .delete-confirm-control-container .description-container {
        font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
        font-size: 21px;
        color: #FFF;
        margin: 10px 30px;
        font-weight: 400
    }

    .delete-confirm-control-container .buttons-container {
        font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
        font-size: 15px;
        display: flex;
        position: absolute;
        right: 0;
        bottom: 0;
        margin: 10px
    }

        .delete-confirm-control-container .buttons-container .button-control:focus {
            outline: #FFF dashed 1px
        }

.delete-confirm-control-cancel-button,
.delete-confirm-control-reset-button {
    border: none;
    background-color: #fff;
    width: 110px;
    height: 40px;
    margin: 5px 20px;
    outline: transparent solid 1px
}

    .delete-confirm-control-cancel-button:hover,
    .delete-confirm-control-reset-button:hover {
        background-color: #c8c8c8
    }

    .delete-confirm-control-cancel-button:focus,
    .delete-confirm-control-reset-button:focus {
        outline: #fff dashed 1px
    }

.share-result-container-title {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 17px;
    color: #333;
    line-height: 22px;
    margin: 30px 30px 15px
}

.share-result-container-textbox {
    margin-left: 30px;
    min-width: calc(100% - 200px);
    height: 40px;
    vertical-align: middle;
    padding: 4px
}

.share-result-contaienr-copy-button {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 15px;
    color: #FFF;
    font-weight: 600;
    line-height: 20px;
    padding: 9px 15px;
    margin: 0 10px;
    vertical-align: middle
}

.share-result-contaienr-delete-button {
    height: 40px;
    width: 20px
}

.share-result-spinner-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .5)
}

.share-resilt-spinner {
    position: absolute;
    bottom: calc(50% - 6px);
    left: calc(50% - 6px)
}

.share-result-close-button {
    position: absolute;
    top: 15px;
    right: 15px
}

.share-result-delete-content {
    height: 100%;
    width: 100%
}

    .share-result-delete-content .share-result-confirm-delete-text {
        font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
        font-size: 17px;
        line-height: 22px;
        color: #333;
        margin: 30px 80px 0 30px
    }

    .share-result-delete-content .share-result-confirm-delete-buttons {
        position: absolute;
        bottom: 20px;
        right: 80px
    }

    .share-result-delete-content .share-result-confirm-cancel-button,
    .share-result-delete-content .share-result-confirm-delete-button {
        font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
        font-size: 15px;
        line-height: 20px;
        color: #333;
        padding: 8px 10px;
        background: #FFF;
        margin-left: 20px;
        min-width: 100px
    }

        .share-result-delete-content .share-result-confirm-cancel-button:hover,
        .share-result-delete-content .share-result-confirm-delete-button:hover {
            background: #EAEAEA
        }

.share-result-status {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 12px;
    margin: 10px 20px
}

.share-result-error-status {
    margin: 5px 20px
}

.loading-spinner-container .loading-control-description {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    display: inline-block;
    color: #008272;
    font-size: 20px;
    vertical-align: sub;
    line-height: 100%;
    margin-left: 20px;
    min-width: 45px;
    max-width: 45px
}

.analyze-view-container .analyze-view-file-icon,
.analyze-view-container .analyze-view-file-icon + a,
.response-dialog-table .response-dialog-fileIcon {
    vertical-align: middle
}

.analyze-view-link-button {
    border: none;
    background-color: transparent
}

    .analyze-view-link-button:focus {
        outline: #000 dashed 1px
    }

    .analyze-view-link-button > span {
        color: #008272
    }

        .analyze-view-link-button > span:hover {
            color: #004B50
        }

.analyze-view-detail-show-responses-data {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: right
}

.analyze-view-detail-show-responses-data-button {
    font-size: 12px;
    margin-right: 8px
}

.analyze-view-resonse-dropdown-separator {
    border-top: solid 1px #C8C8C8;
    height: 38px
}

    .analyze-view-resonse-dropdown-separator:first-child {
        border-top: none
    }

.response-dialog-container {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.response-dialog-no-responses-message {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 14px;
    position: absolute;
    top: 50%;
    width: 100%;
    margin: auto;
    text-align: center;
    color: #767676
}

.response-dialog-next-button,
.response-dialog-previous-button {
    position: absolute;
    color: gray;
    font-size: 50px;
    top: 50%;
    border: none
}

.response-dialog-next-button {
    right: 0;
    background-color: transparent;
    padding: 30px 0 30px 10px
}

    .response-dialog-next-button:hover {
        background-color: rgba(0, 0, 0, .81)
    }

.response-dialog-previous-button {
    left: 0;
    background-color: transparent;
    padding: 30px 10px 30px 0
}

    .response-dialog-previous-button:hover {
        background-color: rgba(0, 0, 0, .81)
    }

.response-dialog {
    position: relative;
    width: 40%;
    height: 80%;
    background-color: #fff;
    opacity: 1;
    z-index: 1;
    margin: 5% auto
}

@media screen and (min-width:768px) {
    .response-dialog {
        min-width: 800px
    }
}

@media screen and (max-width:768px) {
    .response-dialog {
        width: 85%
    }
}

@media screen and (max-width:540px) {
    .response-dialog {
        width: 95%
    }
}

.response-dialog-close-button {
    border: none;
    background-color: #fff;
    text-align: right;
    font-size: 20px;
    margin-left: calc(100% - 30px);
    margin-top: 8px
}

.response-dialog-title {
    margin-left: 50px;
    font-size: 20px
}

.response-dialog-summary {
    display: flex;
    align-items: center;
    margin: 10px 50px 0;
    line-height: 20px
}

    .response-dialog-summary .response-detail-dialog-container {
        flex: 1
    }

    .response-dialog-summary .response-dialog-folder-button {
        width: 110px;
        height: 40px;
        color: #FFF
    }

.response-dialog-response-count {
    font-size: 20px;
    font-weight: 500;
    margin-right: 15px
}

.response-dialog-content {
    margin: 10px auto;
    width: 100%;
    height: 80%;
    overflow: auto;
    scrollbar-arrow-color: #e6e6e6;
    scrollbar-shadow-color: ButtonFace;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.response-dialog-table-container {
    margin: 0 50px
}

@media screen and (max-width:768px) {
    .response-dialog-table-container {
        margin: 0 25px
    }
}

@media screen and (max-width:540px) {
    .response-dialog-table-container {
        margin: 0 10px
    }
}

.response-dialog-table {
    width: 100% !important;
    font-weight: lighter
}

    .response-dialog-table .ms-Icon--Document {
        display: inline-block;
        font-size: 20px;
        width: 25px;
        height: 28px
    }

        .response-dialog-table .ms-Icon--Document:before {
            margin-left: 0
        }

    .response-dialog-table .ms-Icon--Document,
    .response-dialog-table .ms-Icon--Video {
        color: #666
    }

    .response-dialog-table .response-dialog-fileName {
        margin-left: 10px;
        vertical-align: middle;
        color: #333
    }

        .response-dialog-table .response-dialog-fileName:hover {
            color: #337AB7
        }

    .response-dialog-table th.sorting_asc:after {
        content: '\EE68';
        font-family: FabricMDL2Icons;
        position: absolute
    }

    .response-dialog-table th.sorting_desc:after {
        content: '\EE69';
        font-family: FabricMDL2Icons;
        position: absolute
    }

.response-dialog-table-ranking td,
.response-dialog-table-ranking th {
    white-space: nowrap
}

.response-dialog-check-icon {
    color: green;
    text-align: center
}

.response-dialog-x-icon {
    color: red;
    text-align: center
}

.simple-data-control-container {
    position: relative;
    height: 81px;
    width: 140px;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    justify-content: flex-end;
    align-items: center;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.simple-data-control-content {
    white-space: nowrap;
    color: #008272;
    font-size: 28px
}

.simple-data-control-description {
    white-space: nowrap;
    color: #595959;
    font-size: 15px
}

.simple-data-control-loading-spinner-animation {
    width: 1em;
    height: 1em;
    font-size: 10px;
    border-radius: 50%;
    -o-animation: load 1.1s infinite ease;
    animation: load 1.1s infinite ease;
    margin-bottom: 15px;
    transform: scale(.6)
}

.survey-response-dialog-summary {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    line-height: 20px;
    margin: 0 50px
}

    .survey-response-dialog-summary .survey-response-dialog-container {
        flex: 1
    }

    .survey-response-dialog-summary .survey-response-dialog-folder-button {
        width: 110px;
        height: 40px;
        color: #FFF
    }

        .survey-response-dialog-summary .survey-response-dialog-folder-button:disabled {
            background-color: #F4F4F4
        }

.open-folder-spinner {
    display: inline-block;
    margin-left: calc(-50%);
    width: 10px;
    height: 10px;
    margin-top: 15px
}

    .open-folder-spinner > .spinner-tile-animation {
        transform: scale(.4)
    }

.small-screen .open-folder-spinner {
    margin-left: calc(-50% - 5px)
}

.response-dialog-folder-button-error-message {
    margin-top: 10px;
    margin-right: 50px;
    color: red;
    float: right
}

.survey-response-dialog-paging-summary {
    display: -webkit-flex;
    display: flex;
    line-height: 20px;
    justify-content: flex-end;
    margin-top: 10px;
    margin-right: 67px
}

.survey-response-dialog-response-count {
    font-size: 20px;
    font-weight: 500;
    margin-right: 15px
}

.survey-response-dialog-paging-info-container {
    color: #151515;
    font-size: 12px;
    margin-right: 7px
}

.survey-response-dialog-region-info {
    color: #008272
}

.survey-response-dialog-region-separator {
    margin: 0 2px;
    padding-bottom: 2px
}

.question-detail-page-next-button,
.question-detail-page-previous-button {
    border: 1px solid #000;
    width: 20px;
    height: 20px;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1px
}

    .question-detail-page-next-button:disabled,
    .question-detail-page-previous-button:disabled {
        border-color: #B1B1B1;
        color: #B1B1B1
    }

    .question-detail-page-next-button:focus,
    .question-detail-page-previous-button:focus {
        background-color: #F5F5F5;
        outline: #000 dashed 1px
    }

    .question-detail-page-next-button:hover,
    .question-detail-page-previous-button:hover {
        background-color: #E6E6E6
    }

.question-detail-page-previous-button {
    margin-right: 2px
}

.question-detail-page-next-button {
    margin-right: 0
}

.question-view-detail-label {
    top: 0;
    width: 100%;
    text-align: left;
    margin-left: -2px
}

.question-view-background-image {
    width: 100%
}

.question-view-loading-content-container {
    position: relative;
    padding-left: 2px;
    width: 100%
}

.question-view-loading-spinner-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap
}

    .question-view-loading-spinner-container .loading-spinner-animation {
        position: relative;
        margin-left: -36px;
        margin-top: 15px;
        transform: scale(.6)
    }

@media screen and (max-width:768px) {
    .question-view-loading-spinner-container .loading-spinner-animation {
        margin-left: 0
    }
}

.question-view-loading-spinner-container .loading-control-description {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 14px;
    position: relative;
    margin-left: -36px;
    margin-top: 17px;
    color: #008272
}

.question-view-content-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row wrap;
    width: 100%
}

    .question-view-content-container .chart-control-container {
        margin-top: 0
    }

@media screen and (max-width:768px) {
    .question-view-loading-spinner-container .loading-control-description {
        margin-left: 0
    }

    .question-view-content-container {
        -ms-flex-flow: column nowrap;
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

        .question-view-content-container .chart-control-container {
            -ms-flex-flow: column nowrap;
            -webkit-flex-flow: column nowrap;
            flex-flow: column nowrap;
            justify-content: center;
            align-items: center
        }
}

.question-view-content-container .chart-control-container .chart-control-legend {
    padding: 0;
    margin-left: 1px;
    -ms-flex: 0 0 40%;
    -webkit-flex: 0 0 40%;
    flex: 0 0 40%
}

@media screen and (max-width:768px) {
    .question-view-content-container .chart-control-container .chart-control-legend {
        padding: 10px;
        margin: 0;
        flex-basis: auto
    }
}

.question-view-content-container .chart-control-container .chart-control {
    padding: 0;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
}

.question-view-content-container .simple-data-control-container {
    -ms-flex: 0 0 40%;
    -webkit-flex: 0 0 40%;
    flex: 0 0 40%;
    height: 61px
}

    .question-view-content-container .simple-data-control-container .simple-data-control-content,
    .question-view-content-container .simple-data-control-container .simple-data-control-description {
        margin-right: 99px
    }

@media screen and (max-width:768px) {
    .question-view-content-container .simple-data-control-container {
        flex-basis: auto
    }

        .question-view-content-container .simple-data-control-container .simple-data-control-content,
        .question-view-content-container .simple-data-control-container .simple-data-control-description {
            margin-right: 0
        }

    .survey-analyze-view-detail-text-recent,
    .survey-analyze-view-rating-container {
        margin-top: 10px
    }
}

.question-view-content-container .question-view-number-text {
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
}

    .question-view-content-container .question-view-number-text .simple-data-control-content,
    .question-view-content-container .question-view-number-text .simple-data-control-description {
        margin-right: 0
    }

.survey-analyze-view-detail-text-recent,
.survey-analyze-view-rating-container {
    min-height: 49px;
    width: 100%;
    min-width: 250px;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    justify-content: flex-end;
    align-items: center;
    -ms-flex: 0 0 60%;
    -webkit-flex: 0 0 60%;
    flex: 0 0 60%
}

.survey-reponse-detail-loading-container {
    width: 100%;
    height: 80%;
    display: flex;
    justify-content: center;
    align-items: center
}

    .survey-reponse-detail-loading-container .loading-spinner-animation {
        margin-right: 20px
    }

    .survey-reponse-detail-loading-container .loading-control-description {
        margin-left: 20px;
        color: #008272;
        font-size: 20px
    }

.analyze-view-container {
    position: relative;
    background-color: #fff;
    overflow: visible;
    padding: 50px;
    min-height: 632px
}

    .analyze-view-container .office-form-upload-file-container {
        display: inline-block
    }

.analyze-view-dataclassification-label {
    top: 0;
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    position: absolute;
    right: 18px;
    z-index: 1;
    color: #666;
    background: #F4F4F4;
    text-align: center;
    margin: 12px;
    font-size: 12px
}

.analyze-view-placerholder {
    height: 300px;
    position: relative
}

.analyze-view-detail-cell {
    height: 200px;
    padding: 10px;
    display: table-cell;
    vertical-align: top
}

.analyze-view-detail-content {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.analyze-view-detail {
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap
}

    .analyze-view-detail .analzye-view-detail-question {
        font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
        font-size: 17px;
        display: flex;
        align-items: flex-start;
        margin-top: 20px;
        word-break: break-word;
        word-wrap: break-word;
        overflow-wrap: break-word;
        width: 100%
    }

    .analyze-view-detail .analzye-view-detail-ordinal {
        font-size: 18px;
        padding: 0 10px;
        word-break: normal
    }

        .analyze-view-detail .analzye-view-detail-ordinal + div {
            min-width: 0
        }

    .analyze-view-detail .analzye-view-detail-title {
        padding-bottom: 5px
    }

    .analyze-view-detail .analyze-view-quiz-point {
        padding-left: 5px;
        color: #000;
        display: inline-block
    }

    .analyze-view-detail .analyze-details-quiz-results {
        font-size: 16px;
        color: #666;
        padding-bottom: 5px
    }

    .analyze-view-detail .analyze-view-question-title-formula {
        font-size: 14px;
        padding-bottom: 5px
    }

.analyze-view-individual-label {
    padding: 20px 10px 10px;
    -ms-flex: 1 100%;
    -webkit-flex: 1 100%;
    flex: 1 100%;
    color: #404040;
    font-size: 18px
}

.analyze-view-individual-paging-button {
    border: 1px solid
}

    .analyze-view-individual-paging-button:disabled {
        color: #B1B1B1
    }

.analyze-view-detail-chart {
    padding: 15px;
    justify-content: center;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -ms-flex: 0 0 55%;
    -webkit-flex: 0 0 55%;
    flex: 0 0 55%
}

.analyze-view-detail-chart-canvas {
    padding: 0;
    height: 250px;
    width: 400px;
    margin-top: 20px
}

@media screen and (max-width:768px) {
    .analyze-view-detail-chart-canvas {
        padding: 0;
        height: 200px !important;
        width: 300px !important
    }
}

.analyze-view-detail-chart-legend {
    padding: 10px;
    min-width: 250px;
    -ms-flex: 0 0 30%;
    -webkit-flex: 0 0 30%;
    flex: 0 0 30%
}

.analyze-view-circle-cell,
.analyze-view-summary-circle-cell {
    -ms-flex-flow: row nowrap;
    display: -webkit-flex;
    width: auto;
    height: 70px
}

.analyze-view-grid-cell {
    display: table-cell;
    text-align: center;
    border: 1px solid;
    padding: 5px
}

.analyze-view-detail-noresponses-container {
    text-align: center
}

.analyze-view-warning-icon {
    color: #008272;
    line-height: unset;
    font-size: 40px;
    padding-top: 25px
}

.analyze-view-detail-noresponse-message {
    font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 21px;
    color: #333
}

.analyze-view-detail-noresponse-detail {
    font-size: 12px;
    color: #333
}

.analyze-view-grid-row {
    display: table-row
}

.analyze-view-grid-table {
    display: table;
    margin-top: 10px
}

.analyze-view-detail-pie-chart-legend {
    font-size: 10px
}

.analyze-view-detail-pie-chart-persent {
    font-size: 24px;
    font-weight: 700;
    fill: silver
}

.analyze-view-detail-pie-chart-svg {
    width: 300px;
    height: 150px;
    margin-left: 0
}

.analyze-view-menu-control-container {
    position: absolute;
    right: 0;
    bottom: 0;
    border: none
}

.analyze-view-ellipsis-button {
    width: 40px;
    height: 30px;
    background-color: transparent
}

    .analyze-view-ellipsis-button:hover {
        background-color: #C8C8C8
    }

.analyze-view-navigate-button {
    position: absolute;
    bottom: 0;
    border: none;
    background-color: transparent;
    font-size: 22px;
    color: #404040;
    right: 40px
}

    .analyze-view-navigate-button:hover {
        background-color: #C8C8C8
    }

    .analyze-view-navigate-button button:disabled {
        color: #B1B1B1
    }

.analyze-view-new-navigate-button {
    bottom: 0;
    border: none;
    background-color: transparent;
    font-size: 22px;
    color: #404040;
    right: 40px
}

    .analyze-view-new-navigate-button:hover {
        background-color: #C8C8C8
    }

    .analyze-view-new-navigate-button .analyze-view-leftButton,
    .analyze-view-new-navigate-button .analyze-view-rightButton {
        width: unset;
        height: 31px;
        line-height: 31px;
        font-size: 16px
    }

    .analyze-view-new-navigate-button button:disabled {
        color: #B1B1B1
    }

.analyze-view-previous-button {
    right: 70px
}

.analyze-view-reset-form-message {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    color: #fff;
    margin: 10px 30px;
    font-size: 22px;
    font-weight: 400
}

.analyze-view-summary-circle-cell {
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    align-items: center;
    display: flex;
    justify-content: center
}

.analyze-view-circle-cell {
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    align-items: center;
    display: flex
}

.analyze-view-detail-datacircle {
    height: 70px;
    width: auto;
    -ms-flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -ms-flex: 0 0 30%;
    -webkit-flex: 0 0 30%;
    flex: 0 0 30%;
    padding: 10px
}

.analyze-view-summary-cell {
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    display: flex;
    padding: 10px 30px
}

    .analyze-view-summary-cell .button-control {
        font-size: 14px
    }

.individual-summary-hint-container {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 10px
}

.individual-summary-notification-link {
    text-decoration: underline;
    cursor: pointer;
    margin-left: 5px
}

.survey-individual-view-summary-container {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 150px;
    justify-content: space-around;
    align-items: center;
    -ms-flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    outline: transparent solid 1px
}

@media screen and (max-width:768px) {
    .survey-individual-view-summary-container {
        box-sizing: border-box;
        -ms-flex-flow: column nowrap;
        -webkit-flex-flow: column nowrap;
        -webkit-tap-highlight-color: #000;
        flex-flow: column nowrap;
        height: auto
    }
}

.survey-individual-view-summary-container .simple-data-control-container {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 20px
}

.survey-individual-view-responder-container {
    width: 300px;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center
}

.survey-individual-view-responder-paing-info-container {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.survey-individual-view-responder-info-container {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 15px;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #595959
}

.survey-individual-view-paging-container {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.survey-individual-view-region-info {
    color: #008272;
    font-size: 14px;
    margin-left: 10px
}

.survey-analyze-view-individual-summary-select {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    border: 1px solid #CCC;
    background-color: #fff;
    margin-top: 7px
}

    .survey-analyze-view-individual-summary-select.select-control .select-placeholder-text {
        font-family: wf_segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
        margin-left: 10px;
        font-size: 15px;
        color: #333
    }

.analyze-view-detail-text-lines,
.analyze-view-export-button-label,
.analyze-view-print-button-label {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.survey-analyze-view-individual-summary-select.select-control .select-option-menu-container {
    max-height: 200px;
    margin-top: 1px
}

.analyze-view-detail-datastack {
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    display: flex;
    -ms-flex: 0 0 60%;
    -webkit-flex: 0 0 60%;
    flex: 0 0 60%;
    padding: 10px
}

.analyze-view-collabdb-img {
    width: 24px;
    height: 24px;
    margin: 0 6px 7px
}

.analyze-view-export-buttons-container,
.analyze-view-print-buttons-container {
    display: -webkit-flex;
    display: flex;
    display: inline-block !important;
    background-color: transparent;
    justify-content: flex-start;
    align-items: center;
    opacity: 1;
    font-size: 12px;
    padding: 5px;
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.analyze-view-export-button-container,
.analyze-view-print-button-container {
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 32px;
    padding: 0 5px;
    width: 100%;
    border: none;
    font-size: 25px;
    background-color: transparent;
    line-height: 1.3em;
    color: #006400
}

.firefox .new-analyze-view-look .analyze-view-export-button-container {
    margin-top: -10px
}

.analyze-view-export-button-container:disabled {
    color: grey
}

.analyze-view-export-button-container:hover,
.analyze-view-print-button-container:hover {
    background-color: #a9a9a9
}

.analyze-view-export-button-label,
.analyze-view-print-button-label {
    font-size: 14px;
    line-height: 19px;
    color: #333;
    margin-left: 8px
}

.analyze-view-export-to-excel-button {
    position: relative;
    z-index: 1
}

.export-to-excel-button-alert {
    margin-left: 10px;
    height: 20px;
    width: 20px;
    background: url(../../Images/alert.png) center center no-repeat
}

.export-button-alert-callout {
    position: absolute;
    background: #FFF;
    width: 270px;
    padding: 20px;
    height: 100px;
    font-size: 12px;
    line-height: 16px;
    right: -18px;
    top: 100%;
    border: 1px solid #EAEAEA;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    outline: 0
}

    .export-button-alert-callout::after,
    .export-button-alert-callout::before {
        content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        top: -8px;
        right: 80px;
        transform: rotate(45deg);
        background: #FFF
    }

    .export-button-alert-callout::before {
        z-index: -1;
        border: 1px solid #EAEAEA;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2)
    }

    .export-button-alert-callout .reexport-link {
        margin-top: 12px
    }

.analyze-view-ms-print-icon {
    height: 24px;
    width: 24px;
    margin-right: 10px;
    margin-bottom: 7px
}

.ms-Icon--exportOnedriveIcon {
    background-image: url(../../Images/EditInExcelWebApp.24x24x32.png);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    margin-right: 5px
}

.analyze-view-summary-circle {
    text-align: center;
    background-color: #fff;
    height: 70px;
    min-width: 70px;
    border-radius: 50%;
    position: relative;
    display: inline-block
}

.analyze-view-summary-circle-text {
    font-size: 32px;
    text-align: center;
    vertical-align: central;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 1;
    display: inline-block
}

body[dir=rtl] .analyze-view-summary-circle-text {
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.analyze-view-summary-status {
    color: #008272;
    font-size: 28px
}

.analyze-view-summary-status-label {
    color: #595959;
    font-size: 15px
}

.analyze-view-summary-container {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 150px;
    justify-content: space-around;
    align-items: center;
    -ms-flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    outline: transparent solid 1px
}

@media screen and (max-width:768px) {
    .analyze-view-summary-container {
        box-sizing: border-box;
        -ms-flex-flow: column nowrap;
        -webkit-flex-flow: column nowrap;
        -webkit-tap-highlight-color: #000;
        flex-flow: column nowrap;
        height: auto
    }

    .analyze-view-formname {
        text-align: center
    }
}

.analyze-view-summary-container.focus {
    color: #004B50;
    outline: #000 dashed 1px
}

.analyze-view-detail-container,
.survey-analyze-view-detail-container {
    position: relative;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    min-height: 100px;
    justify-content: flex-start;
    align-items: center;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap
}

.analyze-view-detail-container {
    margin: 0 0 0 30px
}

.survey-analyze-view-detail-container {
    padding-left: 30px
}

.analyze-view-detail-table {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    overflow: visible;
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.analyze-view-rating-container {
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: column;
    -webkit-flex-flow: column;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    -ms-flex: 0 0 60%;
    -webkit-flex: 0 0 60%;
    flex: 0 0 60%;
    padding: 15px
}

.analyze-view-details-rating {
    width: 100%;
    padding: 10px 30px
}

    .analyze-view-details-rating > .office-form-question-rating-container {
        justify-content: center
    }

.analyze-view-individual-rating {
    margin-left: 20px
}

.analyze-view-detail-text-recent {
    align-items: center;
    min-width: 250px;
    width: 100%;
    -ms-flex: 0 0 60%;
    -webkit-flex: 0 0 60%;
    flex: 0 0 60%;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    padding: 15px
}

.analyze-view-detail-text-lines {
    font-size: 14px;
    align-items: center;
    line-height: 2;
    font-style: italic;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: inherit;
    text-align: center
}

    .analyze-view-detail-text-lines .analyze-view-detail-fileName {
        display: inline-block;
        margin-left: 10px;
        vertical-align: middle
    }

    .analyze-view-detail-text-lines .analyze-view-file-icon {
        vertical-align: middle
    }

    .analyze-view-detail-text-lines .ms-Icon--Document {
        display: inline-flex
    }

    .analyze-view-detail-text-lines .ms-Icon--Document,
    .analyze-view-detail-text-lines .ms-Icon--Video {
        color: #666
    }

    .analyze-view-detail-text-lines:hover {
        font-size: 14px;
        color: #000;
        background-color: #F4F4F4;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-word;
        word-break: break-word;
        white-space: normal
    }

.analyze-view-detail-linebreak {
    width: 100%;
    height: 1px;
    background-color: #EAEAEA;
    margin-top: 15px
}

.analyze-view-summary-table {
    position: relative;
    width: 100%;
    border-spacing: 0;
    background-color: #F9F9F9;
    margin-top: 27px
}

.analyze-view-text {
    font-size: 15px;
    height: auto;
    -ms-flex: 1 2 auto;
    -webkit-flex: 1 2 auto;
    flex: 1 2 auto;
    margin-left: 10px;
    color: #333
}

.analyze-view-multi-lingual-container {
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

    .analyze-view-multi-lingual-container .analyze-view-multi-lingual-select {
        width: 140px;
        padding: 5px;
        margin-left: 15px;
        background-color: #F9F9F9
    }

.analyze-view-formname {
    font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 24px;
    color: #222;
    width: 100%;
    padding-bottom: 0;
    white-space: pre-wrap;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.analyze-view-answer {
    font-size: 14px;
    color: #B1B1B1
}

.analyze-view-answer-choice-option,
.analyze-view-answer-choice-option.checkbox,
.analyze-view-answer-choice-option.radio {
    margin: 10px 20px 0
}

.analyze-view-answer-option {
    display: inline-block;
    margin: 10px 20px 0
}

.analyze-view-type-button {
    margin-right: 52px;
    margin-bottom: 20px;
    font-size: 22px;
    color: #BFBFBF
}

    .analyze-view-type-button.active {
        border-bottom-style: solid;
        border-bottom-width: 1px
    }

.analyze-view-responder-cell {
    width: 200px
}

.analyze-view-dropdown-label {
    font-weight: 700;
    color: #595959
}

.analyze-view-dropdown-div {
    margin-top: 5px;
    border: 1px solid #C8C8C8
}

    .analyze-view-dropdown-div > .select-placeholder {
        background-color: #FFF;
        padding: 6px 35px 6px 0
    }

    .analyze-view-dropdown-div button {
        border: none;
        padding: 6px 12px 6px 0;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        background-color: #FFF
    }

    .analyze-view-dropdown-div ul {
        height: auto;
        max-height: 200px;
        overflow-x: hidden
    }

table.dataTable thead th {
    padding: 10px
}

@page {
    size: A4 portrait;
    margin-left: .5cm;
    margin-right: .5cm
}

@media print {
    .analyze-view-detail-show-responses-data-text,
    .analyze-view-ellipsis-button,
    .analyze-view-export-buttons-container,
    .analyze-view-function-container,
    .analyze-view-menu-container,
    .analyze-view-menu-control-container .menu-control-options-box,
    .analyze-view-nav-bar,
    .analyze-view-print-buttons-container,
    .analyze-view-type-button,
    .office-form-question-video-container,
    .simplified-top-nav-bar,
    iframe {
        display: none !important
    }

    .analyze-view-detail-content {
        display: block
    }

    .analyze-view-detail {
        page-break-inside: avoid
    }
}

.forms-pro .simplified-top-nav-bar {
    max-width: 1190px
}

.results-view-container .form-renderer-section-container hr {
    background: #eee;
    height: 20px;
    margin-left: -60px;
    width: calc(100% + 120px)
}

.analyze-view-phishing-message-container {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8)
}

    .analyze-view-phishing-message-container .analyze-view-phishing-message-content {
        height: 210px;
        width: 435px;
        position: relative;
        z-index: 1;
        opacity: 1;
        margin: 15% auto;
        background-color: #FFF;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .25)
    }

        .analyze-view-phishing-message-container .analyze-view-phishing-message-content .analyze-view-phishing-text-container {
            padding: 25px 35px 0 30px
        }

            .analyze-view-phishing-message-container .analyze-view-phishing-message-content .analyze-view-phishing-text-container .analyze-view-phishing-warning-icon {
                color: #A80000;
                font-size: 18px;
                margin-right: 10px;
                vertical-align: middle
            }

            .analyze-view-phishing-message-container .analyze-view-phishing-message-content .analyze-view-phishing-text-container .analyze-view-phishing-warning-message {
                font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
                font-size: 17px;
                color: #333;
                line-height: 26px
            }

        .analyze-view-phishing-message-container .analyze-view-phishing-message-content .analyze-view-phishing-refresh-button {
            font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
            font-size: 17px;
            color: #FFF;
            display: block;
            height: 40px;
            width: 145px;
            position: absolute;
            right: 30px;
            bottom: 25px
        }

@media screen and (max-width:1024px) {
    .analyze-view-detail-cell,
    .analyze-view-summary-circle-cell {
        margin: 20px
    }

    .analyze-view-container {
        padding: 10px
    }

    .analyze-view-detail-chart-canvas {
        max-width: 600px;
        min-width: 200px
    }

    .analyze-view-export-buttons-container {
        float: none;
        -ms-flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        justify-content: space-around;
        position: static
    }

    .analyze-view-export-button-container {
        background-color: transparent;
        justify-content: center
    }

    .analyze-view-detail-container,
    .survey-analyze-view-detail-container {
        -ms-flex-flow: column nowrap;
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
        height: auto
    }

    .analyze-view-detail-chart,
    .analyze-view-detail-chart-legend,
    .analyze-view-detail-datacircle,
    .analyze-view-detail-datastack,
    .analyze-view-detail-text-recent,
    .analyze-view-rating-container {
        height: 300px
    }
}

.download-excel-progress-description {
    vertical-align: middle
}

.download-excel-loading-container {
    width: 25px;
    height: 100%;
    display: inline-block;
    justify-content: flex-start;
    align-items: flex-start;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: -5px
}

    .download-excel-loading-container .loading-spinner-animation {
        margin-right: 5px;
        font-size: 3px
    }

@media screen and (max-width:768px) {
    .analyze-view-detail-title {
        text-align: center
    }
}

.form-intelligence-container,
.form-intelligence-header-count-container {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.form-intelligence-container {
    margin: 20px 0;
    padding: 12px 20px 20px;
    background: #F4F4F4;
    position: relative;
    font-size: 15px;
    color: #333;
    line-height: 17px
}

.form-intelligence-header-container {
    display: flex;
    width: 100%;
    flex-flow: row nowrap;
    height: 30px;
    margin-bottom: 14px
}

.form-intelligence-header-count-container {
    font-size: 18px;
    min-width: 300px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 8px
}

    .form-intelligence-header-count-container .ms-Icon {
        color: #008272;
        margin-right: 13px
    }

.form-intelligence-subheader-container {
    margin-top: -3px;
    font-size: 12px;
    color: #666;
    padding-left: 1px
}

.from-intelligence-question-group {
    overflow-y: auto;
    max-height: 329px;
    padding: 1px
}

.form-intelligence-header-button-container {
    min-width: 60%
}

.form-insight-preview-label-container {
    overflow: hidden;
    margin-left: -2px;
    display: inline-block
}

.form-insight-preview-label {
    background: #008272;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    height: 30px;
    overflow: hidden;
    margin-top: 2px;
    transform: skew(15deg)
}

.form-insight-preview-label-text {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-style: italic;
    margin: 0 30px;
    color: #fff;
    line-height: 30px;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg)
}

.form-intelligence-header-confirm-button {
    background-color: #008272;
    display: inline-block;
    max-width: 270px;
    min-width: 100px;
    overflow: hidden;
    cursor: pointer;
    min-height: 40px;
    white-space: nowrap;
    border: 1px solid;
    outline: solid 1px;
    box-sizing: border-box;
    color: #FFF;
    float: right;
    font-size: 15px
}

    .form-intelligence-header-confirm-button.active,
    .form-intelligence-header-confirm-button.focus,
    .form-intelligence-header-confirm-button:hover {
        background-color: #004B50
    }

.insight-view-time-distribution-button {
    cursor: pointer
}

    .insight-view-time-distribution-button .simple-data-control-description.active,
    .insight-view-time-distribution-button .simple-data-control-description.focus,
    .insight-view-time-distribution-button .simple-data-control-description:hover {
        color: #32655E
    }

.form-intelligence-header-buttons {
    position: absolute;
    right: 15px;
    top: 12px
}

.form-intelligence-header-add-button {
    background: #F4F4F4;
    height: 30px
}

.forms-pro .form-intelligence-header-add-button.office-form-theme-interactive-color {
    color: #666 !important
}

.form-intelligence-header-close-button {
    margin-top: 7px;
    margin-left: 15px;
    color: #666
}

    .form-intelligence-header-close-button.active,
    .form-intelligence-header-close-button.focus,
    .form-intelligence-header-close-button:hover {
        color: #333
    }

.form-intelligence-likert-option-candidate-seperator {
    color: #EAEAEA;
    margin-left: 5px;
    margin-right: 5px
}

.form-intelligence-question-row-container {
    box-sizing: border-box
}

.form-intelligence-question-row {
    background-color: #FFF;
    margin-top: 6px;
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    width: 100%;
    min-height: 40px;
    cursor: pointer;
    align-items: center
}

    .form-intelligence-question-row.active,
    .form-intelligence-question-row.focus,
    .form-intelligence-question-row:hover {
        background-color: #FAFAFA
    }

.form-intelligence-question-row-icon {
    width: 30px;
    height: 20px;
    margin-left: 12px;
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    float: right
}

.form-intelligence-icon-black {
    color: #A6A6A6
}

.form-intelligence-question-row-text {
    margin: 8px 15px;
    vertical-align: middle;
    display: inline-block;
    word-wrap: break-word;
    line-height: 25px;
    max-width: calc(-85px + 100%)
}

.form-intelligence-question-row-math-container {
    box-sizing: border-box;
    vertical-align: middle;
    display: inline-block;
    margin-left: 0
}

.form-intelligence-question-row-math-text {
    word-wrap: break-word;
    margin-top: 12px;
    margin-left: 12px;
    margin-bottom: 0;
    line-height: 25px
}

.form-intelligence-question-row-math-formula {
    margin-bottom: 12px;
    margin-left: 12px
}

.question-suggestion-card-gallery {
    height: 20px;
    width: 100%;
    text-align: center;
    margin-top: 12px;
    margin-bottom: -7px
}

.question-suggestion-card-gallery-dots-container {
    display: inline-flex
}

.question-suggestion-card-gallery-dot {
    height: 10px;
    width: 10px;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #008272;
    float: left;
    margin: 5px;
    cursor: pointer
}

.form-insight-container,
.form-insight-frost {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.question-suggestion-card-gallery-dot.inactive {
    background-color: #FFF
}

.analyze-view-summary-content {
    display: flex
}

.analyze-view-insight-container {
    margin-left: 2px;
    flex-shrink: 3
}

    .analyze-view-insight-container.active,
    .analyze-view-insight-container.focus,
    .analyze-view-insight-container:hover {
        background-color: #EAEAEA
    }

.form-insight-container {
    z-index: 10
}

.form-insight-frost {
    opacity: .65;
    background-color: #000;
    display: block;
    z-index: 5099
}

.form-insight-dialog {
    position: relative;
    min-width: 800px;
    width: 800px;
    min-height: 556px;
    height: 553px;
    background-color: #FFF;
    color: #333;
    left: 0;
    right: 0;
    z-index: 5100;
    margin: 150px auto
}

.form-insight-head-button {
    height: 20px;
    width: 100%
}

.form-insight-dialog-close-button {
    display: block;
    border: none;
    text-align: right;
    font-size: 16px;
    float: right;
    margin: 15px 15px 0 0
}

.insight-view-content {
    padding: 10px 50px;
    display: block;
    width: 800px;
    overflow: auto;
    overflow-x: hidden;
    height: 480px
}

.form-insight-default-view-container {
    height: 100%
}

.form-insight-default-img-container {
    height: 50%;
    background: azure
}

.form-insight-default-img {
    width: 250px;
    height: 200px;
    margin: 20px auto
}

.form-insight-default-image {
    width: 250px;
    height: 200px;
    margin-top: 50px
}

.form-insight-default-message-container {
    height: 50%
}

.form-insight-default-title {
    font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 24px;
    margin: 60px 100px 30px
}

.form-insight-default-description {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 17px;
    margin: 0 100px
}

    .form-insight-default-description > b {
        font-family: wf_segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
    }

.insight-view-description-summary-detail,
.insight-view-descrption-summary-title,
.insight-view-primary-dropdown-container,
.insight-view-second-dropdown-container {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.insight-view-descrption-source-title > .select-placeholder-arrow {
    line-height: 16px
}

.insight-view-descrption-summary-title {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px
}

.insight-view-description-summary-detail {
    font-size: 17px
}

.insight-view-primary-dropdown-container {
    display: table-cell;
    font-size: 14px;
    line-height: 16px;
    width: 220px;
    max-width: 220px;
    color: #008272;
    text-align: left
}

.insight-view-second-dropdown-container {
    display: table-cell;
    font-size: 14px;
    line-height: 16px;
    color: #008272;
    text-align: left;
    width: 470px;
    max-width: 470px;
    padding-left: 25px
}

.insight-view-dropdown-element > .select-control:focus {
    outline: #000 dashed 1px
}

.insight-view-dropdown-element > .select-control > .select-placeholder {
    font-family: wf_segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-weight: 600;
    color: #008272;
    background-color: transparent;
    padding: 0 4px 8px 2px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 18px)
}

    .insight-view-dropdown-element > .select-control > .select-placeholder:hover {
        color: #004B50
    }

    .insight-view-dropdown-element > .select-control > .select-placeholder > .select-placeholder-text.default {
        color: #008272
    }

    .insight-view-dropdown-element > .select-control > .select-placeholder > .select-placeholder-arrow {
        position: absolute;
        right: -5px;
        top: 3px;
        margin: 0
    }

.insight-view-dropdown-element > .select-control > .select-option-menu-container {
    border: 1px solid #FFF;
    background-color: #FFF;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    width: 100%
}

    .insight-view-dropdown-element > .select-control > .select-option-menu-container > .select-option {
        padding: 8px 9px 8px 11px;
        width: 100%
    }

        .insight-view-dropdown-element > .select-control > .select-option-menu-container > .select-option > .select-option-content {
            display: flex;
            align-items: center;
            font-size: 14px;
            line-height: 16px;
            text-align: left;
            font-weight: 400;
            white-space: normal;
            margin: 0
        }

            .insight-view-dropdown-element > .select-control > .select-option-menu-container > .select-option > .select-option-content > .select-option-state {
                margin-right: 8px;
                padding: 0
            }

        .insight-view-dropdown-element > .select-control > .select-option-menu-container > .select-option:hover {
            background-color: #F4F4F4
        }

        .insight-view-dropdown-element > .select-control > .select-option-menu-container > .select-option.selected {
            color: #333;
            background-color: inherit
        }

            .insight-view-dropdown-element > .select-control > .select-option-menu-container > .select-option.selected:hover {
                background-color: #F4F4F4
            }

        .insight-view-dropdown-element > .select-control > .select-option-menu-container > .select-option.disabled {
            color: #A6A6A6
        }

.insight-view-summary-chart-dropdown-container,
.insight-view-summary-chart-label-container,
.insight-view-summary-chart-title-container {
    display: table;
    color: #333;
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.insight-view-dropdown-element > .select-control > .select-option-menu-container > .select-option.disabled:hover {
    background-color: #FFF
}

.insight-view-summary-chart-dropdown-container {
    padding-bottom: 7px
}

.insight-view-summary-chart-title-container {
    padding-bottom: 9px
}

.insight-view-summary-chart-label-container {
    font-size: 12px
}

.insight-view-summary-chart-primary-question-container {
    display: table-cell;
    font-size: 13px;
    line-height: 18px;
    width: 230px;
    max-width: 230px;
    white-space: nowrap;
    padding: 5px 5px 0 10px
}

.insight-view-summary-chart-second-question-container {
    display: table-cell;
    font-size: 13px;
    line-height: 18px;
    white-space: nowrap;
    max-width: 470px;
    width: 470px;
    background-color: #FFF;
    padding: 0 0 0 13px
}

.insight-view-summary-chart-legend-container {
    display: table-cell;
    font-size: 13px;
    line-height: 18px;
    white-space: nowrap;
    max-width: 470px;
    width: 470px;
    padding: 2px 5px 0 18px
}

.insight-view-summary-chart-second-question-title {
    background-color: #F4F4F4;
    padding: 5px 5px 7px 10px;
    font-size: 13px;
    line-height: 18px
}

.insight-view-summary-chart-legend {
    display: flex;
    align-items: center;
    float: left;
    margin: 5px 28px 0 0;
    color: #000
}

.insight-view-summary-chart-legend-dot {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    float: left;
    margin: 0 5px 0 0
}

.insight-view-summary-chart-legend-text {
    max-width: 150px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis
}

.insight-view-support-chart {
    outline: gray solid 1px
}

.correlation-insight-element-toggle-button:focus,
.insight-view-feedback-button-dislike:focus,
.insight-view-feedback-button-like:focus,
.insight-view-summery-button:focus,
.nps-keywords-wordcloud-button:focus,
.response-sentiment-insight-detail-button:focus {
    outline: #000 dashed 1px
}

.association-rule-insight-container {
    float: left
}

.association-rule-insight-view-charts-container {
    width: 700px;
    height: 290px;
    float: left;
    text-align: center;
    margin-top: 40px;
    background-color: #F4F4F4;
    padding: 25px
}

.association-rule-chart-percentage-text {
    font-size: 19px;
    fill: #333
}

.association-rule-chart-legend-bullet {
    fill: #333
}

.association-rule-chart-legend-text {
    font-size: 12px;
    fill: #333
}

.association-rule-chart-pointer {
    fill: #E0E0E0
}

.association-rule-insight-description {
    margin-bottom: 0
}

.association-rule-insight-description-text-container {
    margin-top: 10px;
    width: 690px;
    float: left;
    line-height: 30px
}

.association-rule-insight-view-chart {
    display: table;
    margin: 0 auto
}

.association-rule-insight-view-chart-row {
    display: table-row
}

.association-rule-insight-view-description-row {
    display: table-row;
    font-size: 12px;
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

    .association-rule-insight-view-description-row.animation {
        animation: 1s animation-expend
    }

.association-rule-insight-view-support-chart {
    width: 150px;
    display: table-cell
}

.association-rule-insight-view-target-chart {
    padding-right: 40px;
    width: 340px;
    display: table-cell
}

.association-rule-insight-view-legend-container {
    display: table-cell;
    text-align: left
}

    .association-rule-insight-view-legend-container.support {
        width: 170px;
        padding: 15px 0 0 10px
    }

    .association-rule-insight-view-legend-container.target {
        width: 270px;
        padding: 15px 0 0 170px
    }

.association-rule-insight-view-legend-dot {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin-top: 5px;
    float: left
}

.association-rule-insight-view-legend-description {
    padding-left: 15px
}

    .association-rule-insight-view-legend-description .insight-tooltip {
        background-color: #F4F4F4;
        padding: 0
    }

.insight-description-text-container {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 17px;
    margin-top: 10px;
    margin-bottom: 15px
}

.insight-description-text {
    width: 100%
}

    .insight-description-text > b {
        font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
        color: #008272;
        font-size: 19px;
        font-weight: 400
    }

insight-description-text > strong {
    font-family: wf_segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-weight: 400
}

.correlation-insight-chart-back-button .button-content > span,
.insight-tooltip,
.insight-tooltip:hover .insight-tooltip-text,
.insight-view-outstanding-description,
.nps-keywords-wordcloud-button,
.nps-keywords-wordcloud-empty-message {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.insight-description-text > b > div {
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: bottom
}

.insight-tooltip {
    color: #333;
    cursor: default;
    position: relative;
    background-color: #EFEFEF;
    padding: 1px 5px;
    white-space: nowrap
}

.insight-tooltip-text {
    margin-left: -999em;
    position: absolute;
    white-space: normal
}

.insight-tooltip:hover .insight-tooltip-text {
    font-size: 12px;
    line-height: 14px;
    color: #333;
    box-shadow: 1px 1px 5px 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 1px 1px 5px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 5px 5px rgba(0, 0, 0, .1);
    position: absolute;
    top: 35px;
    left: -125px;
    z-index: 99;
    margin-left: 0;
    width: 300px;
    padding: .8em 1em;
    background: #FFF
}

.form-insight-dialog-next-button:hover,
.form-insight-dialog-previous-button:hover {
    background-color: #333
}

.insight-view-description-source-container {
    font-size: 16px;
    color: #008272;
    margin-bottom: 12px
}

.insight-view-description-source-text {
    margin-right: 10px
}

.insight-view-descrption-source-title {
    cursor: pointer
}

    .insight-view-descrption-source-title:focus {
        color: #004B50;
        outline: #000 dashed 1px
    }

    .insight-view-descrption-source-title.active,
    .insight-view-descrption-source-title.focus,
    .insight-view-descrption-source-title:hover {
        color: #004B50
    }

.insight-view-description-source-question {
    font-size: 15px
}

.insight-view-description-source-questions {
    font-size: 14px;
    margin-bottom: 40px
}

.form-insight-dialog-next-button,
.form-insight-dialog-previous-button {
    color: #FFF;
    font-size: 60px;
    top: 330px;
    padding: 30px 0 30px 10px;
    z-index: 5100;
    position: absolute
}

.form-insight-dialog-previous-button {
    left: calc(50% - 500px)
}

.form-insight-dialog-next-button {
    right: calc(50% - 500px)
}

.insight-view-summary-button-icon {
    font-size: 30px;
    margin-top: 25px;
    margin-bottom: 5px
}

.insight-view-summary-button-text {
    font-size: 15px
}

.insight-view-outstanding-chart-container {
    margin-top: 0;
    width: 100%;
    margin-left: 140px;
    margin-bottom: 30px
}

.insight-view-outstanding-description {
    font-size: 12px;
    margin-bottom: 30px
}

.outstanding-collection-insight-conclustion-text {
    font-size: 12px
}

.insight-view-chart-container {
    margin-top: 30px
}

.insight-view-summary-chartandlabel-container {
    max-height: 310px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #F4F4F4
}

.insight-view-summary-chart {
    padding-bottom: 3px
}

.summary-insight-container {
    display: grid
}

.outstanding-collection-insight-container .insight-view-chart-container {
    margin-top: 0
}

.nps-keywords-wordcloud-charts-container {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-flow: row nowrap;
    margin-bottom: 20px;
    margin-top: 20px
}

.nps-keywords-wordcloud-chart-container {
    width: 700px
}

.nps-keywords-wordcloud-empty-message-container {
    display: inline-block;
    width: 700px;
    height: 296px;
    background-color: #F4F4F4;
    text-align: center
}

.nps-keywords-wordcloud-empty-img {
    width: 60px;
    margin: 90px auto 0
}

.nps-keywords-wordcloud-empty-message {
    font-size: 12px;
    color: #333;
    margin-top: 20px
}

.nps-keywords-wordcloud-chart {
    width: 700px;
    height: 296px
}

    .nps-keywords-wordcloud-chart.empty {
        display: none
    }

.nps-rule-insight-detail-buttons-container {
    display: flex
}

.nps-rule-insight-chart-button-container {
    float: left
}

.nps-rule-insight-chart-button-header {
    height: 3px;
    background-color: rgba(239, 239, 239, .5);
    margin-right: 2px
}

    .nps-rule-insight-chart-button-header.selected {
        background-color: #008272
    }

.nps-keywords-wordcloud-button {
    background-color: rgba(239, 239, 239, .5);
    padding: 10px 20px;
    margin-right: 2px;
    height: 27px;
    font-size: 16px
}

    .nps-keywords-wordcloud-button.selected {
        color: #004B50;
        background-color: #F4F4F4
    }

.nps-rule-insight-detail-grid-container {
    padding: 1px;
    background-color: #F4F4F4
}

.correlation-insight-chart-button-container {
    background-color: #EFEFEF
}

.correlation-insight-chart-back-button {
    width: 80px;
    height: 30px;
    background-color: #666;
    color: #fff
}

    .correlation-insight-chart-back-button:hover {
        background-color: #595959
    }

    .correlation-insight-chart-back-button .button-content > i {
        margin-right: 15px;
        font-size: 15px
    }

    .correlation-insight-chart-back-button .button-content > span {
        font-size: 12px
    }

.correlation-insight-chart-title,
.correlation-insight-chart-title .insight-tooltip {
    font-family: wf_segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.correlation-insight-chart-header-container {
    background-color: #F4F4F4;
    display: flex;
    justify-content: space-between;
    padding: 37px 51px 10px 61px
}

.correlation-insight-chart-title {
    font-size: 13px
}

    .correlation-insight-chart-title .insight-tooltip {
        background-color: #F4F4F4
    }

.correlation-insight-chart-header-coefficient,
.correlation-insight-chart-legend-container,
.correlation-insight-elements-container,
.response-sentiment-insight-element-title {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.correlation-insight-chart-title.first-question {
    margin: 0 auto 29px
}

.correlation-insight-chart-header-coefficient {
    font-size: 12px
}

.correlation-insight-chart-footer-container {
    background-color: #F4F4F4;
    display: flex;
    padding-left: 100px
}

.correlation-insight-chart-legends-container {
    display: flex;
    margin-bottom: 5px
}

.correlation-insight-chart-legend-container {
    display: flex;
    font-size: 13px;
    margin-right: 20px
}

.correlation-insight-chart-legend-dot {
    height: 10px;
    width: 10px;
    border-radius: 10px;
    margin: 5px 5px 0 0
}

    .correlation-insight-chart-legend-dot.correlation {
        background-color: #6ACFC8
    }

    .correlation-insight-chart-legend-dot.no-correlation {
        background-color: #666
    }

.correlation-insight-chart {
    margin: 0 auto
}

    .correlation-insight-chart.detail {
        height: 230px
    }

    .correlation-insight-chart.summary {
        height: 350px
    }

.correlation-insight-elements-container {
    color: #333;
    margin-top: 30px
}

.correlation-insight-element-container {
    background: #F4F4F4;
    width: 700px;
    margin-bottom: 6px
}

.correlation-insight-element-description-container {
    height: 49px;
    padding: 0 20px
}

.correlation-insight-element-description {
    font-size: 14px;
    line-height: 16px;
    float: left;
    padding-top: 15px
}

    .correlation-insight-element-description .insight-tooltip {
        background-color: #F4F4F4;
        padding: 1px 0
    }

.correlation-insight-element-toggle-button {
    float: right;
    margin-top: 20px
}

.correlation-insight-chart-container {
    display: flex;
    height: 49px;
    padding: 0 0 20px;
    width: 660px;
    margin: 0 auto
}

.correlation-insight-chart-label {
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: flex-end
}

.correlation-insight-chart {
    height: 49px;
    width: 472px
}

.partialorder-insight-chart-container {
    margin-top: 30px;
    background-color: #F4F4F4;
    width: 700px;
    height: 296px;
    padding-top: 50px
}

.partialorder-insight-chart {
    width: 600px;
    height: 200px;
    margin: 0 auto
}

.response-sentiment-insight-chart {
    background-color: #F4F4F4;
    width: 700px;
    height: 300px;
    margin: 0 auto 20px
}

.response-sentiment-insight-emojis-container {
    display: flex;
    padding: 100px 150px
}

.response-sentiment-insight-emoji-container {
    width: 150px
}

.response-sentiment-insight-element-emoji {
    width: 50px;
    font-size: 50px;
    margin: 0 auto;
    color: #C8C8C8
}

    .response-sentiment-insight-element-emoji.positive {
        color: #117D10
    }

    .response-sentiment-insight-element-emoji.negative {
        color: #E92224
    }

    .response-sentiment-insight-element-emoji.neutral {
        color: #212121
    }

.response-sentiment-insight-element-title {
    text-align: center;
    color: #666
}

    .response-sentiment-insight-element-title.negative,
    .response-sentiment-insight-element-title.neutral,
    .response-sentiment-insight-element-title.positive {
        font-family: wf_segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
    }

    .response-sentiment-insight-element-title.positive {
        color: #044604
    }

    .response-sentiment-insight-element-title.negative {
        color: #A3140B
    }

    .response-sentiment-insight-element-title.neutral {
        color: #333
    }

.response-sentiment-insight-element-number {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    text-align: center;
    color: #666
}

    .response-sentiment-insight-element-number.negative,
    .response-sentiment-insight-element-number.neutral,
    .response-sentiment-insight-element-number.positive {
        font-family: wf_segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
    }

    .response-sentiment-insight-element-number.positive {
        color: #044604
    }

    .response-sentiment-insight-element-number.negative {
        color: #A3140B
    }

    .response-sentiment-insight-element-number.neutral {
        color: #333
    }

.rating-rule-insight-chart-empty-message,
.rating-rule-insight-chart-title,
.response-sentiment-insight-detail-button,
.response-sentiment-insight-detail-grid-container {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.response-sentiment-insight-detail-container {
    margin-top: 10px;
    height: 320px
}

.response-sentiment-insight-detail-buttons-container {
    display: flex
}

.response-sentiment-insight-detail-button-container {
    float: left
}

.response-sentiment-insight-detail-button-header {
    height: 3px;
    background-color: rgba(248, 248, 248, .5);
    margin-right: 2px
}

    .response-sentiment-insight-detail-button-header.selected {
        background-color: #008272
    }

.response-sentiment-insight-detail-button {
    background-color: rgba(248, 248, 248, .5);
    color: #333;
    padding: 10px 20px;
    margin-right: 2px;
    height: 27px;
    font-size: 16px
}

    .response-sentiment-insight-detail-button.selected {
        color: #004B50;
        background-color: #F8F8F8
    }

.response-sentiment-insight-detail-grid-container {
    height: 300px;
    padding: 10px;
    background-color: #F8F8F8
}

.response-sentiment-insight-detail-grid-wraper {
    height: 280px;
    overflow-y: auto;
    overflow-x: hidden
}

.response-sentiment-insight-dropdown-container {
    margin-bottom: 15px;
    display: flex;
    font-size: 14px;
    line-height: 25px
}

    .response-sentiment-insight-dropdown-container > .insight-view-dropdown-element {
        width: 100%
    }

        .response-sentiment-insight-dropdown-container > .insight-view-dropdown-element > .select-control > .select-placeholder {
            width: calc(100% - 25px)
        }

.response-sentiment-insight-dropdown-title {
    margin-right: 5px
}

.rating-rule-insight-chart-container {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-flow: row nowrap;
    margin-bottom: 10px
}

.rating-rule-insight-chart-title-container {
    display: flex;
    margin-bottom: 13px
}

.rating-rule-insight-chart-legend-dot {
    height: 10px;
    width: 10px;
    border-radius: 10px;
    float: left;
    margin: 4px 5px 0 0
}

    .rating-rule-insight-chart-legend-dot.low-rating {
        background-color: #00439D
    }

    .rating-rule-insight-chart-legend-dot.high-rating {
        background-color: #117D10
    }

.rating-rule-insight-chart-title {
    width: 330px;
    font-size: 13px
}

.rating-rule-insight-chart-empty-message-container {
    width: 340px;
    height: 250px;
    display: inline-block;
    background-color: #F4F4F4;
    text-align: center
}

.rating-rule-insight-chart-empty-img {
    width: 60px;
    margin: 50px auto 0
}

.rating-rule-insight-chart-empty-message {
    font-size: 12px;
    color: #333;
    margin-top: 20px
}

.rating-rule-insight-chart {
    width: 340px;
    height: 250px
}

    .rating-rule-insight-chart.empty {
        display: none
    }

.rating-rule-insight-chart-wrapper {
    display: flex;
    flex: 1 1 auto;
    flex-flow: column nowrap;
    justify-content: flex-end
}

.highcharts-title {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.insight-view-feedback-container {
    width: 100%;
    background-color: #EAEAEA
}

.insight-view-feedback-button-container {
    height: 40px;
    margin-left: 50px;
    display: flex;
    align-items: center
}

.insight-view-feedback-description {
    font-size: 16px;
    color: #333
}

.insight-view-feedback-button-like {
    font-size: 16px;
    color: #333;
    margin-left: 48px
}

    .insight-view-feedback-button-like.selected {
        color: #008272
    }

.insight-view-feedback-button-dislike {
    font-size: 16px;
    color: #333;
    margin-left: 28px
}

    .insight-view-feedback-button-dislike.selected {
        color: #008272
    }

.multi-lingual-additional-language .multi-lingaul-confirm-dialog .multi-lingual-delete-continue-button:focus,
.multi-lingual-additional-language .multi-lingual-additional-language-edition .multi-lingual-additional-language-button:focus {
    outline: dashed 1px
}

.insight-view-feedback-option-container {
    margin-left: 50px;
    margin-bottom: 3px;
    display: inline-block
}

.insight-view-feedback-option {
    margin: 4px;
    padding: 4px 8px;
    border: 1px solid #C8C8C8;
    color: #333;
    white-space: nowrap;
    float: left;
    cursor: pointer;
    user-select: none
}

.insight-feedback-detail-title,
.insight-feedback-rating-title {
    padding-top: 70px;
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.insight-view-feedback-option:hover {
    border: 1px solid #666
}

.insight-view-feedback-option.selected {
    color: #008272;
    background-color: #ECFAF9;
    border: 1px solid #008272
}

.insight-feedback-container {
    width: 800px;
    height: 519px
}

.insight-feedback-rating-container {
    width: 280px;
    margin: 0 auto
}

.insight-feedback-rating-title {
    font-size: 24px;
    color: #008272;
    padding-bottom: 70px
}

.insight-feedback-rating-decription {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 17px;
    color: #333
}

.insight-feedback-rating-annotation {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 12px;
    color: #333
}

    .insight-feedback-rating-annotation.left {
        float: left
    }

    .insight-feedback-rating-annotation.right {
        float: right
    }

.insight-feedback-rating-control {
    width: 280px
}

.insight-feedback-detail-container {
    width: 500px;
    margin: 0 auto
}

.insight-feedback-detail-title {
    font-size: 24px;
    color: #008272;
    padding-bottom: 50px
}

.insight-feedback-detail-text-field-control .office-form-textfield {
    margin-top: 15px
}

.insight-feedback-detail-button-container {
    margin: 90px auto 0;
    width: 120px;
    height: 40px
}

.insight-feedback-detail-button {
    width: 120px;
    height: 40px
}

    .insight-feedback-detail-button .button-content {
        font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
        font-size: 17px
    }

.form-insight-loading-container {
    top: 45%;
    width: 100%;
    position: absolute;
    text-align: center
}

.form-insight-loading-animation {
    text-align: center;
    display: inline-block
}

    .form-insight-loading-animation .spinner-tile-animation {
        font-size: 6px;
        margin-right: 20px
    }

.form-insight-dialog-retry-button,
.form-insight-loading-message,
.form-insight-message {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 17px
}

.form-insight-loading-message {
    color: #008272;
    margin: 30px 20px;
    display: inline-block;
    vertical-align: sub;
    line-height: 100%
}

.form-insight-message-container {
    top: 40%;
    width: 100%;
    position: absolute;
    text-align: center
}

.form-insight-message {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: sub;
    line-height: 100%
}

.form-insight-dialog-retry-button {
    color: #008272
}

.time-distribution-insight-view-description-container {
    color: #333;
    font-size: 16px;
    margin-bottom: 8px;
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.time-distribution-insight-chart-timerange,
.time-distribution-insight-view-legend-message {
    font-size: 12px;
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    color: #333
}

.time-distribution-insight-view-legend-container {
    display: table
}

.time-distribution-insight-view-legend-message {
    display: table-cell;
    vertical-align: middle
}

.time-distribution-insight-chart {
    margin: 44px auto auto;
    width: 700px;
    background-color: #F8F8F8
}

.time-distribution-insight-chart-container {
    margin: auto;
    display: table;
    padding: 20px
}

.time-distribution-insight-chart-row-container {
    display: table-row
}

.time-distribution-insight-chart-cell-container {
    display: table-cell;
    padding-bottom: 10px;
    vertical-align: middle
}

    .time-distribution-insight-chart-cell-container.figures {
        padding-left: 50px
    }

.time-distribution-insight-chart-percentage {
    color: #333;
    font-size: 24px;
    font-family: wf_segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.likert-insight-chart-container,
.likert-insight-chart-legend,
.likert-insight-chart-percent {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.time-distribution-insight-figure-black {
    height: 33px;
    width: 14px;
    background-color: #000;
    border-radius: 5px;
    float: left;
    margin: 2px
}

.time-distribution-insight-figure-empty {
    height: 33px;
    width: 14px;
    background-color: #d3d3d3;
    border-radius: 5px;
    float: left;
    margin: 2px
}

.time-distribution-insight-figure-icon {
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    height: 33px;
    width: 14px;
    margin-right: 8px
}

    .time-distribution-insight-figure-icon.full {
        background-image: url(../../Images/insight/people_full.png)
    }

    .time-distribution-insight-figure-icon.empty {
        background-image: url(../../Images/insight/people_empty.png)
    }

    .time-distribution-insight-figure-icon.half {
        background-image: url(../../Images/insight/people_half.png)
    }

    .time-distribution-insight-figure-icon.one-third {
        background-image: url(../../Images/insight/people_one_third.png)
    }

    .time-distribution-insight-figure-icon.two-third {
        background-image: url(../../Images/insight/people_two_third.png)
    }

    .time-distribution-insight-figure-icon.legend {
        display: table-cell;
        transform: scale(.5);
        background-image: url(../../Images/insight/people_full.png)
    }

.form-insight-dialog-gallery {
    height: 20px;
    width: 100%;
    text-align: center;
    margin-top: 30px
}

.form-insight-dialog-gallery-dots-container {
    display: inline-flex
}

.form-insight-dialog-gallery-dot {
    height: 10px;
    width: 10px;
    border-radius: 10px;
    float: left;
    margin: 5px;
    cursor: pointer
}

    .form-insight-dialog-gallery-dot.active {
        background-color: #fff
    }

    .form-insight-dialog-gallery-dot.inactive {
        background-color: gray
    }

.likert-insight-chart {
    text-align: center
}

.likert-insight-chart-container {
    display: inline-block;
    margin-top: 70px
}

.likert-insight-chart-row {
    display: table-row
}

.likert-insight-chart-cell {
    display: table-cell
}

    .likert-insight-chart-cell.legend {
        width: 216px;
        margin-right: 20px;
        text-align: right;
        float: left
    }

    .likert-insight-chart-cell.bar {
        width: 468px
    }

.likert-insight-chart-bar {
    display: inline-block;
    height: 100%;
    float: left;
    text-align: center;
    padding-top: 5px
}

.likert-insight-chart-support-bars {
    height: 30px
}

    .likert-insight-chart-support-bars.animation {
        animation: 1s animation-expend-likert-support-chart
    }

.likert-insight-chart-target-bars {
    height: 15px
}

.likert-insight-chart-pointer-container {
    height: 87px;
    margin-top: 12px;
    margin-bottom: 1px
}

.likert-insight-chart-pointer {
    width: 0;
    height: 0;
    border-bottom: 87px solid #EFEFEF;
    border-left: solid transparent;
    border-right: solid transparent
}

.likert-insight-chart-legend {
    font-size: 12px;
    color: #333
}

.likert-insight-chart-percent {
    font-size: 24px;
    color: #333
}

.likert-insight-chart-target-container.animation {
    animation: 1s animation-expend
}

.highcharts-series path {
    stroke-linecap: initial
}

@keyframes animation-expend-likert-support-chart {
    0% {
        width: 0;
        opacity: 1
    }

    100% {
        width: 468px;
        opacity: 1
    }
}

@keyframes animation-expend {
    0%, 50% {
        height: 0;
        opacity: 0
    }

    100% {
        height: 100px;
        opacity: 1
    }
}

.multi-lingual-page-title {
    font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 21px;
    color: #333;
    line-height: 22px;
    margin-left: 20px;
    margin-top: 30px;
    margin-bottom: 20px
}

.headbar-container,
.suiteheader-formtitle,
.suiteheader-groupname-container a,
.suiteheader-savingstatus,
.suiteheader-savingstatusdash {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.multi-lingual-defaule-language {
    padding: 0 20px 10px
}

    .multi-lingual-defaule-language .select-control {
        margin-top: 14px
    }

    .multi-lingual-defaule-language .multi-lingual-defaule-language-title {
        line-height: 50px;
        font-size: 17px
    }

.forms-pro .multi-lingual-defaule-language {
    padding: 0 20px 20px
}

.multi-lingual-additional-language {
    padding: 0 20px 10px
}

    .multi-lingual-additional-language .multi-lingual-additional-language-title {
        padding: 16px 0;
        font-size: 17px
    }

    .multi-lingual-additional-language .multi-lingual-additional-language-edition {
        position: relative;
        margin-bottom: 12px
    }

        .multi-lingual-additional-language .multi-lingual-additional-language-edition .multi-lingual-additional-language-button {
            width: 100%;
            height: 40px;
            background: #EAEAEA;
            padding: 10px 12px;
            text-align: left;
            border: 1px solid transparent
        }

            .multi-lingual-additional-language .multi-lingual-additional-language-edition .multi-lingual-additional-language-button .button-content {
                justify-content: flex-start
            }

        .multi-lingual-additional-language .multi-lingual-additional-language-edition.multi-lingual-additional-language-selected .edition-delete-button {
            display: inline-block
        }

        .multi-lingual-additional-language .multi-lingual-additional-language-edition .edition-delete-button {
            width: 32px;
            height: 32px;
            position: absolute;
            top: 4px;
            display: none
        }

        .multi-lingual-additional-language .multi-lingual-additional-language-edition:hover .edition-delete-button {
            display: inline-block
        }

        .multi-lingual-additional-language .multi-lingual-additional-language-edition .multi-lingual-edition-button {
            right: 42px
        }

        .multi-lingual-additional-language .multi-lingual-additional-language-edition .multi-lingual-delete-button {
            right: 2px
        }

    .multi-lingual-additional-language .multi-lingaul-confirm-dialog {
        min-height: 110px;
        background: #EAEAEA;
        padding: 10px;
        text-align: center;
        margin-bottom: 12px
    }

        .multi-lingual-additional-language .multi-lingaul-confirm-dialog .description-container {
            font-size: 14px;
            padding: 0 12px;
            margin-top: 10px
        }

        .multi-lingual-additional-language .multi-lingaul-confirm-dialog .buttons-container {
            width: 100%;
            margin-top: 14px
        }

        .multi-lingual-additional-language .multi-lingaul-confirm-dialog .multi-lingual-delete-continue-button {
            width: 40%;
            height: 35px;
            background-color: #FFF;
            margin: 0 10px;
            border: 1px solid transparent
        }

    .multi-lingual-additional-language .multi-lingual-additional-language-add-button {
        color: #008272;
        font-size: 17px;
        margin-top: 20px;
        padding-left: 12px
    }

        .multi-lingual-additional-language .multi-lingual-additional-language-add-button .multi-lingual-add-text {
            display: inline-block;
            margin-left: 20px
        }

.multi-lingual-title-edition {
    padding: 10px 23px;
    background-color: #F3F3F3
}

.multi_lingual_subtitle_edition {
    margin-top: 12px
}

    .multi_lingual_subtitle_edition .multi-lingual-subtitle-edition-box {
        margin-top: 5px
    }

.multi-lingual-language-name-container {
    padding: 10px 20px 20px
}

    .multi-lingual-language-name-container .multi-lingual-language-name-edition {
        display: inline-block;
        width: 304px;
        margin-left: 10px
    }

        .multi-lingual-language-name-container .multi-lingual-language-name-edition .form-control {
            border: 1px solid transparent;
            background-color: #F3F3F3
        }

            .multi-lingual-language-name-container .multi-lingual-language-name-edition .form-control:focus {
                background-color: #FFF
            }

.forms-pro .multi-lingual-language-name-container {
    padding: 10px 20px 40px
}

.muliti-lingual-page-padding {
    height: 100%;
    padding-left: calc(50% - 425px);
    overflow-y: auto
}

    .muliti-lingual-page-padding > div {
        max-width: 850px
    }

    .muliti-lingual-page-padding .multi-lingual-question-edition .office-form-textfield-input {
        border: 1px solid transparent;
        padding: 8px 12px
    }

        .muliti-lingual-page-padding .multi-lingual-question-edition .office-form-textfield-input:disabled {
            border-color: #CCC;
            background: 0 0
        }

.multi-lingul-edition-body {
    width: 100%;
    margin-bottom: 30px;
    opacity: .97
}

    .multi-lingul-edition-body .multi-lingual-title {
        padding: 0 12px
    }

    .multi-lingul-edition-body .office-form-question {
        padding: 0
    }

    .multi-lingul-edition-body .form-control:hover {
        border-color: #CCC
    }

    .multi-lingul-edition-body .multi-lingual-section {
        margin-top: 8px;
        background: #FFF;
        box-shadow: 0 0 11px rgba(0, 0, 0, .12)
    }

        .multi-lingul-edition-body .multi-lingual-section:first-child {
            padding: 30px
        }

        .multi-lingul-edition-body .multi-lingual-section .multi-lingual-section-header {
            display: flex;
            padding: 0 20px;
            background: #F4F4F4
        }

            .multi-lingul-edition-body .multi-lingual-section .multi-lingual-section-header .multi-lingual-section-title {
                color: #333;
                font-size: 16px
            }

        .multi-lingul-edition-body .multi-lingual-section .multi-lingual-section-content {
            padding: 40px 30px 30px
        }

.multi-lingual-title-editon-container {
    display: flex;
    margin-top: 5px
}

    .multi-lingual-title-editon-container .multi-lingual-title-editon-text {
        flex: 1 1 auto
    }

        .multi-lingual-title-editon-container .multi-lingual-title-editon-text .form-control {
            padding: 9px 12px
        }

.image-row-reverse {
    flex-direction: row-reverse
}

.video-vertical {
    flex-direction: column
}

.multi-lingual-question-edition {
    background: #F3F3F3;
    padding: 10px 0 20px
}

    .multi-lingual-question-edition .multi-lingual-question-ordinal {
        margin-right: 0;
        width: 23px;
        display: inline-block;
        font-weight: 700;
        line-height: 34px;
        float: left
    }

    .multi-lingual-question-edition .multi-lingual-subtitle-edition-box,
    .multi-lingual-question-edition .multi-lingual-title {
        margin-left: 23px
    }

    .multi-lingual-question-edition .multi-lingual-choice-icon {
        width: 18px;
        height: 18px;
        margin-right: 22px
    }

.multi-lingual-date-placeholder input,
.multi-lingual-statement-line {
    height: 40px
}

.multi-lingual-option-textbox {
    display: inline-block;
    width: 50%;
    margin-bottom: 12px
}

.multi-lingual-all-choices {
    margin: 0 0 -10px 46px
}

    .multi-lingual-all-choices .multi-lingual-choice-description {
        padding: 5px 23px 5px 52px
    }

    .multi-lingual-all-choices .multi-answer {
        padding: 5px 23px 10px 13px
    }

.multi-lingual-choice-line td {
    text-align: left;
    padding: 5px 18px
}

.multi-lingual-choice-line .office-form-textfield-input {
    background: 0 0
}

.multi-lingual-choice-edition-line td {
    padding: 0 5px
}

.muliti-lingual-div-table {
    padding: 6px 25px 0 46px;
    text-align: center
}

.multi-lingual-statement-line .multi-lingual-statement-edition {
    width: 155px
}

.multi-lingual-statement-line:nth-child(2n+1) td {
    text-align: left;
    padding: 5px 13px
}

.headbar-waffle,
.headerbar-ppe-warning {
    text-align: center;
    padding: 10px;
    font-size: 20px
}

.multi-lingual-statement-line:nth-child(4n) {
    background: #DDD
}

.multi-lingual-statement-line:nth-child(4n-2) {
    background: #EAEAEA
}

.multi-lingual-date-placeholder {
    position: relative;
    margin: 10px 25px 0 46px
}

    .multi-lingual-date-placeholder .date-snapshot-event-icon {
        position: absolute;
        font-size: 20px;
        right: 0;
        color: #666;
        margin-right: 10px;
        margin-top: 10px
    }

.multi-lingual-label-edition {
    margin-left: 50px
}

.multi-linmgual-rating-description-label-star {
    display: inline-block;
    padding: 8px 5px 2px 0
}

.multi-linmgual-rating-description-label-number {
    padding: 5px 10px;
    width: 36px;
    display: inline-block
}

.multi-lingual-range-description {
    margin-left: 12px
}

.multi-lingual-rating-range {
    display: inline-block;
    margin-top: 10px
}

.multi-lingual-range-edition-box {
    margin-top: 4px
}

.multi-lingual-ranking-edition {
    padding: 6px 0 0 46px;
    margin-bottom: -12px
}

.multi-lingual-item-text {
    padding: 5px 23px 5px 12px
}

.multi-lingual-nps-question-content {
    padding: 10px 25px 0 46px
}

    .multi-lingual-nps-question-content .multi-lingual-left-label {
        display: inline-block;
        float: left
    }

    .multi-lingual-nps-question-content .multi-lingual-right-label {
        display: inline-block;
        float: right
    }

.multi-lingual-label-description {
    display: inline-block;
    padding: 12px 0 4px 12px
}

.multi-lingual-nsp-label::after,
.multi-lingual-nsp-label::before {
    display: table;
    content: "";
    clear: both
}

.multi-lingual-message-container {
    background: #FFF;
    margin-bottom: 30px
}

    .multi-lingual-message-container .design-time-mixer {
        margin: 0
    }

    .multi-lingual-message-container .design-time-editing {
        padding: 10px 20px 20px;
        margin-bottom: 0
    }

    .multi-lingual-message-container .multi-lingual-message-box {
        font-size: 14px
    }

        .multi-lingual-message-container .multi-lingual-message-box .multi-lingual-message-edition {
            background: #F3F3F3;
            padding: 20px 23px
        }

        .multi-lingual-message-container .multi-lingual-message-box .multi-lingual-message-title {
            padding: 10px 23px 15px;
            font-size: 22px;
            display: flex;
            align-items: center
        }

        .multi-lingual-message-container .multi-lingual-message-box .multi-lingual-message-edition-box {
            margin-top: 10px
        }

        .multi-lingual-message-container .multi-lingual-message-box .multi-lingual-message {
            padding: 0 12px
        }

@-webkit-keyframes load-header {
    0%, 100% {
        box-shadow: 0 -2.6em 0 0 #fff, 1.8em -1.8em 0 0 rgba(255, 255, 255, .2), 2.5em 0 0 0 rgba(255, 255, 255, .2), 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .2), -1.8em 1.8em 0 0 rgba(255, 255, 255, .2), -2.6em 0 0 0 rgba(255, 255, 255, .5), -1.8em -1.8em 0 0 rgba(255, 255, 255, .7)
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .7), 1.8em -1.8em 0 0 #fff, 2.5em 0 0 0 rgba(255, 255, 255, .2), 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .2), -1.8em 1.8em 0 0 rgba(255, 255, 255, .2), -2.6em 0 0 0 rgba(255, 255, 255, .2), -1.8em -1.8em 0 0 rgba(255, 255, 255, .5)
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .5), 1.8em -1.8em 0 0 rgba(255, 255, 255, .7), 2.5em 0 0 0 #fff, 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .2), -1.8em 1.8em 0 0 rgba(255, 255, 255, .2), -2.6em 0 0 0 rgba(255, 255, 255, .2), -1.8em -1.8em 0 0 rgba(255, 255, 255, .2)
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .2), 1.8em -1.8em 0 0 rgba(255, 255, 255, .5), 2.5em 0 0 0 rgba(255, 255, 255, .7), 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .2), -1.8em 1.8em 0 0 rgba(255, 255, 255, .2), -2.6em 0 0 0 rgba(255, 255, 255, .2), -1.8em -1.8em 0 0 rgba(255, 255, 255, .2)
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .2), 1.8em -1.8em 0 0 rgba(255, 255, 255, .2), 2.5em 0 0 0 rgba(255, 255, 255, .5), 1.75em 1.75em 0 0 rgba(255, 255, 255, .7), 0 2.5em 0 0 #fff, -1.8em 1.8em 0 0 rgba(255, 255, 255, .2), -2.6em 0 0 0 rgba(255, 255, 255, .2), -1.8em -1.8em 0 0 rgba(255, 255, 255, .2)
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .2), 1.8em -1.8em 0 0 rgba(255, 255, 255, .2), 2.5em 0 0 0 rgba(255, 255, 255, .2), 1.75em 1.75em 0 0 rgba(255, 255, 255, .5), 0 2.5em 0 0 rgba(255, 255, 255, .7), -1.8em 1.8em 0 0 #fff, -2.6em 0 0 0 rgba(255, 255, 255, .2), -1.8em -1.8em 0 0 rgba(255, 255, 255, .2)
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .2), 1.8em -1.8em 0 0 rgba(255, 255, 255, .2), 2.5em 0 0 0 rgba(255, 255, 255, .2), 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .5), -1.8em 1.8em 0 0 rgba(255, 255, 255, .7), -2.6em 0 0 0 #fff, -1.8em -1.8em 0 0 rgba(255, 255, 255, .2)
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .2), 1.8em -1.8em 0 0 rgba(255, 255, 255, .2), 2.5em 0 0 0 rgba(255, 255, 255, .2), 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .2), -1.8em 1.8em 0 0 rgba(255, 255, 255, .5), -2.6em 0 0 0 rgba(255, 255, 255, .7), -1.8em -1.8em 0 0 #fff
    }
}

@-moz-keyframes load-header {
    0%, 100% {
        box-shadow: 0 -2.6em 0 0 #fff, 1.8em -1.8em 0 0 rgba(255, 255, 255, .2), 2.5em 0 0 0 rgba(255, 255, 255, .2), 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .2), -1.8em 1.8em 0 0 rgba(255, 255, 255, .2), -2.6em 0 0 0 rgba(255, 255, 255, .5), -1.8em -1.8em 0 0 rgba(255, 255, 255, .7)
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .7), 1.8em -1.8em 0 0 #fff, 2.5em 0 0 0 rgba(255, 255, 255, .2), 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .2), -1.8em 1.8em 0 0 rgba(255, 255, 255, .2), -2.6em 0 0 0 rgba(255, 255, 255, .2), -1.8em -1.8em 0 0 rgba(255, 255, 255, .5)
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .5), 1.8em -1.8em 0 0 rgba(255, 255, 255, .7), 2.5em 0 0 0 #fff, 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .2), -1.8em 1.8em 0 0 rgba(255, 255, 255, .2), -2.6em 0 0 0 rgba(255, 255, 255, .2), -1.8em -1.8em 0 0 rgba(255, 255, 255, .2)
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .2), 1.8em -1.8em 0 0 rgba(255, 255, 255, .5), 2.5em 0 0 0 rgba(255, 255, 255, .7), 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .2), -1.8em 1.8em 0 0 rgba(255, 255, 255, .2), -2.6em 0 0 0 rgba(255, 255, 255, .2), -1.8em -1.8em 0 0 rgba(255, 255, 255, .2)
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .2), 1.8em -1.8em 0 0 rgba(255, 255, 255, .2), 2.5em 0 0 0 rgba(255, 255, 255, .5), 1.75em 1.75em 0 0 rgba(255, 255, 255, .7), 0 2.5em 0 0 #fff, -1.8em 1.8em 0 0 rgba(255, 255, 255, .2), -2.6em 0 0 0 rgba(255, 255, 255, .2), -1.8em -1.8em 0 0 rgba(255, 255, 255, .2)
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .2), 1.8em -1.8em 0 0 rgba(255, 255, 255, .2), 2.5em 0 0 0 rgba(255, 255, 255, .2), 1.75em 1.75em 0 0 rgba(255, 255, 255, .5), 0 2.5em 0 0 rgba(255, 255, 255, .7), -1.8em 1.8em 0 0 #fff, -2.6em 0 0 0 rgba(255, 255, 255, .2), -1.8em -1.8em 0 0 rgba(255, 255, 255, .2)
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .2), 1.8em -1.8em 0 0 rgba(255, 255, 255, .2), 2.5em 0 0 0 rgba(255, 255, 255, .2), 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .5), -1.8em 1.8em 0 0 rgba(255, 255, 255, .7), -2.6em 0 0 0 #fff, -1.8em -1.8em 0 0 rgba(255, 255, 255, .2)
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .2), 1.8em -1.8em 0 0 rgba(255, 255, 255, .2), 2.5em 0 0 0 rgba(255, 255, 255, .2), 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .2), -1.8em 1.8em 0 0 rgba(255, 255, 255, .5), -2.6em 0 0 0 rgba(255, 255, 255, .7), -1.8em -1.8em 0 0 #fff
    }
}

@-o-keyframes load-header {
    0%, 100% {
        box-shadow: 0 -2.6em 0 0 #fff, 1.8em -1.8em 0 0 rgba(255, 255, 255, .2), 2.5em 0 0 0 rgba(255, 255, 255, .2), 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .2), -1.8em 1.8em 0 0 rgba(255, 255, 255, .2), -2.6em 0 0 0 rgba(255, 255, 255, .5), -1.8em -1.8em 0 0 rgba(255, 255, 255, .7)
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .7), 1.8em -1.8em 0 0 #fff, 2.5em 0 0 0 rgba(255, 255, 255, .2), 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .2), -1.8em 1.8em 0 0 rgba(255, 255, 255, .2), -2.6em 0 0 0 rgba(255, 255, 255, .2), -1.8em -1.8em 0 0 rgba(255, 255, 255, .5)
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .5), 1.8em -1.8em 0 0 rgba(255, 255, 255, .7), 2.5em 0 0 0 #fff, 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .2), -1.8em 1.8em 0 0 rgba(255, 255, 255, .2), -2.6em 0 0 0 rgba(255, 255, 255, .2), -1.8em -1.8em 0 0 rgba(255, 255, 255, .2)
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .2), 1.8em -1.8em 0 0 rgba(255, 255, 255, .5), 2.5em 0 0 0 rgba(255, 255, 255, .7), 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .2), -1.8em 1.8em 0 0 rgba(255, 255, 255, .2), -2.6em 0 0 0 rgba(255, 255, 255, .2), -1.8em -1.8em 0 0 rgba(255, 255, 255, .2)
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .2), 1.8em -1.8em 0 0 rgba(255, 255, 255, .2), 2.5em 0 0 0 rgba(255, 255, 255, .5), 1.75em 1.75em 0 0 rgba(255, 255, 255, .7), 0 2.5em 0 0 #fff, -1.8em 1.8em 0 0 rgba(255, 255, 255, .2), -2.6em 0 0 0 rgba(255, 255, 255, .2), -1.8em -1.8em 0 0 rgba(255, 255, 255, .2)
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .2), 1.8em -1.8em 0 0 rgba(255, 255, 255, .2), 2.5em 0 0 0 rgba(255, 255, 255, .2), 1.75em 1.75em 0 0 rgba(255, 255, 255, .5), 0 2.5em 0 0 rgba(255, 255, 255, .7), -1.8em 1.8em 0 0 #fff, -2.6em 0 0 0 rgba(255, 255, 255, .2), -1.8em -1.8em 0 0 rgba(255, 255, 255, .2)
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .2), 1.8em -1.8em 0 0 rgba(255, 255, 255, .2), 2.5em 0 0 0 rgba(255, 255, 255, .2), 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .5), -1.8em 1.8em 0 0 rgba(255, 255, 255, .7), -2.6em 0 0 0 #fff, -1.8em -1.8em 0 0 rgba(255, 255, 255, .2)
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .2), 1.8em -1.8em 0 0 rgba(255, 255, 255, .2), 2.5em 0 0 0 rgba(255, 255, 255, .2), 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .2), -1.8em 1.8em 0 0 rgba(255, 255, 255, .5), -2.6em 0 0 0 rgba(255, 255, 255, .7), -1.8em -1.8em 0 0 #fff
    }
}

@keyframes load-header {
    0%, 100% {
        box-shadow: 0 -2.6em 0 0 #fff, 1.8em -1.8em 0 0 rgba(255, 255, 255, .2), 2.5em 0 0 0 rgba(255, 255, 255, .2), 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .2), -1.8em 1.8em 0 0 rgba(255, 255, 255, .2), -2.6em 0 0 0 rgba(255, 255, 255, .5), -1.8em -1.8em 0 0 rgba(255, 255, 255, .7)
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .7), 1.8em -1.8em 0 0 #fff, 2.5em 0 0 0 rgba(255, 255, 255, .2), 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .2), -1.8em 1.8em 0 0 rgba(255, 255, 255, .2), -2.6em 0 0 0 rgba(255, 255, 255, .2), -1.8em -1.8em 0 0 rgba(255, 255, 255, .5)
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .5), 1.8em -1.8em 0 0 rgba(255, 255, 255, .7), 2.5em 0 0 0 #fff, 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .2), -1.8em 1.8em 0 0 rgba(255, 255, 255, .2), -2.6em 0 0 0 rgba(255, 255, 255, .2), -1.8em -1.8em 0 0 rgba(255, 255, 255, .2)
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .2), 1.8em -1.8em 0 0 rgba(255, 255, 255, .5), 2.5em 0 0 0 rgba(255, 255, 255, .7), 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .2), -1.8em 1.8em 0 0 rgba(255, 255, 255, .2), -2.6em 0 0 0 rgba(255, 255, 255, .2), -1.8em -1.8em 0 0 rgba(255, 255, 255, .2)
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .2), 1.8em -1.8em 0 0 rgba(255, 255, 255, .2), 2.5em 0 0 0 rgba(255, 255, 255, .5), 1.75em 1.75em 0 0 rgba(255, 255, 255, .7), 0 2.5em 0 0 #fff, -1.8em 1.8em 0 0 rgba(255, 255, 255, .2), -2.6em 0 0 0 rgba(255, 255, 255, .2), -1.8em -1.8em 0 0 rgba(255, 255, 255, .2)
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .2), 1.8em -1.8em 0 0 rgba(255, 255, 255, .2), 2.5em 0 0 0 rgba(255, 255, 255, .2), 1.75em 1.75em 0 0 rgba(255, 255, 255, .5), 0 2.5em 0 0 rgba(255, 255, 255, .7), -1.8em 1.8em 0 0 #fff, -2.6em 0 0 0 rgba(255, 255, 255, .2), -1.8em -1.8em 0 0 rgba(255, 255, 255, .2)
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .2), 1.8em -1.8em 0 0 rgba(255, 255, 255, .2), 2.5em 0 0 0 rgba(255, 255, 255, .2), 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .5), -1.8em 1.8em 0 0 rgba(255, 255, 255, .7), -2.6em 0 0 0 #fff, -1.8em -1.8em 0 0 rgba(255, 255, 255, .2)
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, .2), 1.8em -1.8em 0 0 rgba(255, 255, 255, .2), 2.5em 0 0 0 rgba(255, 255, 255, .2), 1.75em 1.75em 0 0 rgba(255, 255, 255, .2), 0 2.5em 0 0 rgba(255, 255, 255, .2), -1.8em 1.8em 0 0 rgba(255, 255, 255, .5), -2.6em 0 0 0 rgba(255, 255, 255, .7), -1.8em -1.8em 0 0 #fff
    }
}

#content-root.suiteheader .top-view-container {
    top: 0
}

    #content-root.suiteheader .top-view-container + .error-message-bar,
    #content-root.suiteheader .top-view-container + .info-message-bar {
        top: 50px
    }

#content-root.suiteheader .headbar-container {
    background-color: #FAFAFA;
    color: #333;
    height: 45px
}

@media screen and (-ms-high-contrast:active) {
    #content-root.suiteheader .headbar-container {
        outline: dashed 2px;
        outline-offset: -2px
    }
}

#content-root.suiteheader .headbar-container .headbar-button {
    color: #333;
    height: 43px;
    margin: 1px
}

    #content-root.suiteheader .headbar-container .headbar-button:hover {
        background-color: #EAEAEA;
        color: #333
    }

    #content-root.suiteheader .headbar-container .headbar-button.active,
    #content-root.suiteheader .headbar-container .headbar-button:focus {
        background-color: transparent;
        outline: #000 dashed 1px
    }

    #content-root.suiteheader .headbar-container .headbar-button.highlighted,
    #content-root.suiteheader .headbar-container .headbar-button.highlighted:hover {
        color: #FFF;
        background-color: #008272;
        border-color: #FAFAFA;
        border-width: 3px 5px
    }

        #content-root.suiteheader .headbar-container .headbar-button.highlighted:hover {
            background-color: #004B50
        }

        #content-root.suiteheader .headbar-container .headbar-button.highlighted.active,
        #content-root.suiteheader .headbar-container .headbar-button.highlighted:focus {
            color: #333;
            background-color: #DDD;
            border-color: transparent
        }

    #content-root.suiteheader .headbar-container .headbar-button:disabled {
        color: #666;
        background: #DDD
    }

        #content-root.suiteheader .headbar-container .headbar-button:disabled:hover {
            color: #666
        }

        #content-root.suiteheader .headbar-container .headbar-button:disabled.headbar-share-button {
            background: #DDD
        }

            #content-root.suiteheader .headbar-container .headbar-button:disabled.headbar-share-button:hover {
                background: #DDD;
                border-color: #FAFAFA
            }

#content-root.suiteheader .design-body-container,
#content-root.suiteheader .error-message-bar,
#content-root.suiteheader .info-message-bar {
    top: 95px
}

    #content-root.suiteheader .error-message-bar + .design-body-container,
    #content-root.suiteheader .info-message-bar + .design-body-container {
        top: 145px
    }

#content-root.suiteheader .page-container.portal .design-body-container,
#content-root.suiteheader .page-container.portal .error-message-bar,
#content-root.suiteheader .page-container.portal .info-message-bar {
    top: 50px
}

    #content-root.suiteheader .page-container.portal .error-message-bar + .design-body-container,
    #content-root.suiteheader .page-container.portal .info-message-bar + .design-body-container {
        top: 100px
    }

#content-root.suiteheader.shell-flexpane-on .design-body-container,
#content-root.suiteheader.shell-flexpane-on .headbar-container,
#content-root.suiteheader.shell-flexpane-on .portal-view.group-view.expand,
#content-root.suiteheader.shell-flexpane-on .recycleBinView-container,
#content-root.suiteheader.shell-flexpane-on .top-view-container {
    width: calc(100% - 320px);
    min-width: 480px
}

#content-root.suiteheader.shell-flexpane-on .portal-tiles {
    width: 100%;
    min-width: 880px
}

#content-root.suiteheader.shell-flexpane-on .top-info-message-bar {
    white-space: nowrap
}

#content-root.suiteheader.shell-flexpane-on .template-gallery-container {
    width: calc(100% - 320px);
    min-width: 880px
}

.suiteheader-placeholder {
    background-color: #008272;
    height: 50px
}

    .suiteheader-placeholder + #content-root {
        height: calc(100% - 50px)
    }

.suiteheader-spinner-animation {
    width: 1em;
    height: 1em;
    font-size: 10px;
    border-radius: 50%;
    -webkit-animation: load-header 1.1s infinite ease;
    -moz-animation: load-header 1.1s infinite ease;
    -o-animation: load-header 1.1s infinite ease;
    animation: load-header 1.1s infinite ease
}

.suiteheader-spinner {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 20px;
    margin-top: 20px
}

    .suiteheader-spinner > .suiteheader-spinner-animation {
        transform: scale(.4)
    }

.suiteheader-formtitle {
    font-size: 15px;
    color: #FFF;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.suiteheader-savingstatus,
.suiteheader-savingstatusdash {
    font-size: 12px;
    color: #FFF;
    padding-top: 1px
}

.suiteheader-savingstatusdash {
    padding: 1px 5px 0
}

.suiteheader-formname-container {
    max-width: 80%;
    display: inline-flex;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0)
}

body[dir=rtl] .suiteheader-formname-container {
    transform: translate(50%, 0)
}

.suiteheader-groupname-container {
    max-width: 20%;
    display: inline;
    float: left;
    padding: 1px 0 0 4px
}

    .suiteheader-groupname-container + .suiteheader-formname-container {
        max-width: 60%
    }

    .suiteheader-groupname-container a {
        font-size: 13px;
        color: #FFF
    }

    .suiteheader-groupname-container::before {
        background-color: #FFF;
        width: 1px;
        height: 18px;
        position: absolute;
        bottom: 15px;
        opacity: .3;
        margin-left: -12px
    }

@media screen and (max-width:1024px) {
    .suiteheader-groupname-container {
        display: none
    }
}

@media screen and (max-width:640px) {
    .suiteheader-formname-container {
        display: none
    }
}

.page-container {
    height: 100%
}

.headbar-container {
    white-space: nowrap;
    overflow: visible;
    background-color: #000;
    color: #FFF;
    top: 0;
    left: 0;
    right: 0;
    font-size: 14px;
    height: 50px;
    width: 100%
}

.headbar-left-content,
.headbar-right-content {
    height: 100%;
    position: relative
}

.headbar-left-content {
    float: left;
    color: #FFF;
    background-color: transparent;
    outline: transparent solid 1px
}

    .headbar-left-content button {
        background-color: #008272;
        border: 0;
        height: 100%;
        font-size: 20px
    }

        .headbar-left-content button:hover {
            background-color: #004B50
        }

.headbar-waffle-container {
    display: inline
}

.headbar-waffle {
    width: 50px;
    margin-right: 1px
}

.headbar-waffle-icon {
    vertical-align: top;
    font-size: 24px
}

.headbar-app-title {
    padding: 0 25px 0 20px
}

    .headbar-app-title.headerbar-app-tile-label {
        background-color: #008272;
        border: 0;
        height: 100%;
        font-size: 20px;
        line-height: 50px
    }

    .headbar-app-title > span {
        position: relative
    }

.headbar-app-preview {
    left: 8px;
    top: -8px;
    font-size: 11px;
    font-family: "Segoe Print"
}

.headbar-button,
.teachingUI-likertTooltip-text {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.headbar-app-formspro-preview {
    left: 8px;
    top: -8px;
    font-size: 11px;
    padding-left: 2px;
    margin-left: 2px
}

.error-message-bar,
.info-message-bar {
    display: none;
    position: absolute;
    top: 50px;
    min-height: 50px
}

.headbar-right-content {
    float: right
}

.headbar-button-container {
    float: left;
    line-height: 100%
}

.headbar-coauthor-container {
    float: left;
    margin-top: 10px;
    margin-right: 12px
}

.headbar-coauthor-list-div {
    float: left;
    line-height: 100%
}

.headbar-button {
    font-size: 15px;
    color: #FFF;
    padding: 0 25px;
    height: 50px
}

    .headbar-button:hover {
        background-color: #004B50;
        color: #FFF
    }

    .headbar-button:focus {
        background-color: #767676
    }

    .headbar-button.highlighted {
        background-color: #008272;
        padding: 0 35px;
        border-width: 2.5px 5px;
        border-style: solid;
        border-color: #000;
        font-size: 16px
    }

        .headbar-button.highlighted:hover {
            background-color: #004B50;
            color: #FFF;
            border-color: transparent
        }

        .headbar-button.highlighted:focus {
            background-color: #767676;
            border-color: transparent
        }

        .headbar-button.active,
        .headbar-button.highlighted.active {
            background-color: #fff;
            color: #008272;
            border-color: transparent
        }

            .headbar-button.active:hover {
                background-color: #004B50;
                color: #FFF
            }

    .headbar-button:disabled {
        color: #888
    }

        .headbar-button:disabled:hover {
            background: #000;
            color: #888
        }

        .headbar-button:disabled.headbar-share-button {
            background: #F4F4F4
        }

            .headbar-button:disabled.headbar-share-button:hover {
                background: #F4F4F4;
                border-color: #000
            }

@media screen and (-ms-high-contrast:active) {
    .headbar-button.highlighted:focus,
    .headbar-button.highlighted:hover {
        outline: dashed 2px;
        outline-offset: -4px
    }

    .headbar-button.active {
        border-width: 2px;
        padding: 0 24px
    }

    .headbar-button.highlighted.active {
        padding: 0 33px;
        border-width: 3.5px 7px
    }
}

.headbar-button-img {
    font-size: 18px;
    vertical-align: middle
}

.headbar-button-text {
    padding-left: 15px;
    padding-right: 5px
}

.info-message-bar {
    background-color: #FFF;
    color: #333;
    width: 100%;
    z-index: 3
}

.info-message-bar-message {
    padding: 15px 30px 10px 60px;
    text-align: left
}

.info-message-bar-close-button {
    font-size: 14px;
    margin: -5px 0 0 20px;
    padding: 5px 0;
    background-color: #008272;
    width: 100px;
    color: #FFF
}

.error-message-bar {
    background-color: #FED9CC;
    color: #333;
    width: 100%;
    z-index: 2
}

.error-message-bar-message {
    padding: 15px 30px;
    text-align: center
}

.error-message-bar-warning-icon {
    display: inline-block;
    margin: 0 10px 2px 0;
    color: #A80000;
    vertical-align: middle
}

.designer-more-options-menu {
    width: 220px;
    color: #505050;
    background-color: #fff;
    max-height: -webkit-calc(100vh - 50px);
    max-height: calc(100vh - 50px);
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.designer-more-options-menu-item {
    padding: 16px;
    font-size: 12px;
    user-select: none;
    word-break: break-word;
    word-wrap: break-word;
    white-space: normal
}

.designer-more-options-menu-button {
    width: 100%;
    outline: 0;
    text-align: left;
    font-size: 12px;
    padding-left: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    margin: 0;
    color: #505050;
    background-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-appearance: none;
    overflow: visible
}

.flex-pane-textbox,
.theme-icon-container {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.designer-more-options-menu-button.disabled,
.designer-more-options-menu-button.disabled:hover {
    background-color: #f9f9f9;
    color: #b2b2b2
}

.designer-more-options-menu-button:hover {
    background-color: #F4F4F4;
    color: #505050
}

.designer-more-options-menu-button:focus {
    outline: #000 dashed 1px;
    color: #262626;
    text-decoration: none;
    background-color: #EAEAEA;
    outline-offset: -1px
}

.designer-more-options-upgrade-button {
    background-color: #008272;
    font-size: 15px;
    color: #FFF;
    height: 40px;
    width: 188px;
    margin: 20px 15px
}

.teachingUI-likertTooltip {
    background-color: #FFF;
    left: 1354px;
    top: 409px;
    z-index: 2;
    position: fixed;
    width: 262px;
    box-shadow: 0 0 13px rgba(0, 0, 0, .12)
}

.teachingUI-likertTooltip-direction {
    position: absolute;
    left: -12px;
    top: 50px;
    border-top: 12px solid transparent;
    border-right: 12px solid #FFF;
    border-bottom: 12px solid transparent
}

.teachingUI-likertTooltip-direction-shadow {
    position: absolute;
    left: -13px;
    top: 49px;
    border-top: 13px solid transparent;
    border-right: 13px solid rgba(0, 0, 0, .05);
    border-bottom: 13px solid transparent
}

@media (max-width:1300px) {
    .teachingUI-likertTooltip-direction {
        transform: rotate(180deg) translateX(-267px)
    }

    .teachingUI-likertTooltip-direction-shadow {
        transform: rotate(180deg) translateX(-268px)
    }
}

.teachingUI-likertTooltip-text {
    font-size: 12px;
    margin: 15px 8px 0 20px;
    color: #333
}

.teachingUI-likertTooltip-img {
    height: 125px;
    width: 231px;
    margin: 12px 15px 15px
}

.teachingUI-likertTooltip-warning-icon {
    margin-left: 6px;
    vertical-align: middle;
    color: #666
}

.design-insert-card-more-exp-container {
    display: inline-block;
    background-color: #FFF;
    margin: 5px
}

    .design-insert-card-more-exp-container .ms-Icon.active {
        color: #FFF
    }

.office-form-theme-button-lightbackground {
    background: #FFF
}

    .office-form-theme-button-lightbackground:hover {
        background: #EAEAEA
    }

    .office-form-theme-button-lightbackground.active {
        background: #004B50
    }

.excelsurvey-introduction-dialog-container {
    background-color: #E7F2F4;
    height: 540px
}

.excelsurvey-image-introduction-dialog-container {
    background-color: #E7F2F4
}

.excelsurvey-introduction-dialog-title-container {
    font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    padding: 35px;
    background-color: #FFF;
    justify-content: center
}

.excelsurvey-introduction-dialog-title1 {
    font-size: 35px;
    color: #333;
    line-height: 47px;
    padding: 20px
}

.excelsurvey-introduction-dialog-title2 {
    font-size: 21px;
    color: #666;
    line-height: 28px
}

.excelsurvey-introduction-dialog-image-text,
.excelsurvey-introduction-dialog-image-welcome-text {
    font-size: 14px;
    line-height: 19px;
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.excelsurvey-introduction-dialog-image-container {
    background-color: #E7F2F4
}

.excelsurvey-introduction-dialog-image {
    display: inline-block;
    margin: 0 45px
}

.excelsurvey-introduction-fre-img {
    padding-top: 15px;
    padding-bottom: 40px
}

.excelsurvey-introduction-dialog-welcome-image {
    display: inline-block;
    margin: 50px 43px 0
}

.excelsurvey-introduction-dialog-image-welcome-text {
    color: #666
}

.excelsurvey-introduction-fre-welcome-img {
    padding-bottom: 20px
}

.excelsurvey-introduction-dialog-image-text {
    color: #004B50;
    padding: 28px 0
}

.excelsurvey-introduction-dialog-close-button {
    position: absolute;
    top: 0;
    right: 0;
    color: #666;
    font-size: 16px;
    margin: 20px
}

    .excelsurvey-introduction-dialog-close-button:hover {
        color: #333
    }

.excelsurvey-introduction-dialog-gotit-button {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    background: #008272;
    width: 150px;
    height: 40px;
    font-size: 17px;
    line-height: 25px;
    color: #FFF;
    text-align: center;
    border: 1px solid #008272;
    margin: 53px 0 45px
}

.design-image-error,
.navbar-item {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.excelsurvey-introduction-dialog-gotit-button:active,
.excelsurvey-introduction-dialog-gotit-button:focus,
.excelsurvey-introduction-dialog-gotit-button:hover {
    background: #004B50;
    color: #FFF;
    border: 1px dotted #004B50
}

.excelsurvey-introduction-dialog-previous-button {
    position: absolute;
    left: calc(50% - 450px);
    color: #FFF;
    font-size: 60px;
    top: 240px;
    padding: 30px 0 30px 10px;
    z-index: 5100
}

.excelsurvey-introduction-dialog-next-button {
    position: absolute;
    right: calc(50% - 442px);
    color: #FFF;
    font-size: 60px;
    top: 240px;
    padding: 30px 0 30px 10px;
    z-index: 5100
}

.excelsurvey-introduction-dialog-gallery {
    position: relative;
    top: calc(50% - 282px);
    height: 20px;
    width: 100%;
    text-align: center
}

.excelsurvey-introduction-dialog-gallery-dots-container {
    display: inline-flex;
    margin-top: 30px
}

.excelsurvey-introduction-dialog-gallery-dot {
    height: 10px;
    width: 10px;
    border-radius: 10px;
    float: left;
    margin: 5px 10px;
    cursor: pointer
}

    .excelsurvey-introduction-dialog-gallery-dot.active {
        background-color: #fff
    }

    .excelsurvey-introduction-dialog-gallery-dot.inactive {
        border: 1px solid #fff
    }

@media screen and (max-width:520px) {
    .excelsurvey-introduction-dialog-image-container {
        background-color: #E7F2F4
    }

    .excelsurvey-introduction-dialog-image {
        display: block;
        margin: 0 0 40px
    }

    .excelsurvey-introduction-dialog-title1 {
        font-size: 35px;
        color: #333;
        line-height: 30px;
        padding: 20px
    }

    .excelsurvey-introduction-dialog-title2 {
        font-size: 25px;
        color: #333;
        line-height: 30px;
        padding-bottom: 8px
    }

    .excelsurvey-introduction-dialog-subtitle {
        font-size: 12px;
        line-height: 16px
    }

    .excelsurvey-introduction-dialog-close-button {
        margin: 15px
    }

    .excelsurvey-introduction-dialog-title-container {
        padding: 30px;
        background-color: #FFF
    }
}

.cropper-invisible {
    opacity: 1
}

.cropper-face {
    background: #F3F3F3
}

.cropper-view-box {
    outline: 0
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: default
}

.designer-more-options-menu-button p {
    margin-bottom: 0
}

.designer-more-options-menu-separator {
    height: 1px;
    background-color: #EAEAEA
}

.design-body-container {
    position: fixed;
    top: 50px;
    bottom: 0;
    width: 100%;
    outline: transparent solid 1px
}

.design-portal-container {
    height: 100%
}

.error-message-bar + .design-body-container,
.info-message-bar + .design-body-container {
    top: 100px
}

.navbar-content {
    height: 60px;
    line-height: 50px;
    top: 50px;
    overflow: hidden;
    padding-top: 10px
}

.navbar-items {
    padding: 0;
    margin: 0;
    height: 50px
}

.navbar-item {
    font-size: 17px;
    display: inline-block;
    width: 50%;
    max-width: 425px;
    text-align: center;
    position: relative;
    background: rgba(255, 255, 255, .5)
}

    .navbar-item:hover {
        background: rgba(255, 255, 255, .6)
    }

        .navbar-item:hover > .navbar-button {
            color: #000
        }

            .navbar-item:hover > .navbar-button.disabled {
                color: #A6A6A6;
                cursor: default
            }

    .navbar-item.is-active {
        background: #FFF;
        z-index: 1;
        outline: transparent solid 1px
    }

        .navbar-item.is-active > .navbar-button {
            color: inherit
        }

    .navbar-item.office-form-white-border-bottom.is-active {
        background: inherit
    }

.navbar-button {
    display: block;
    height: 45px;
    line-height: 45px;
    padding: 0;
    cursor: pointer;
    color: #666
}

    .navbar-button:focus {
        outline: #000 dashed 1px;
        outline-offset: -1px
    }

    .navbar-button.disabled {
        color: #A6A6A6;
        cursor: default
    }

        .navbar-button.disabled > .navbar-responses-notification {
            background: #A6A6A6
        }

.navbar-responses-notification {
    display: inline-block;
    border-radius: 19px;
    padding: 0 5px;
    margin-left: 20px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    min-width: 19px;
    line-height: 19px;
    vertical-align: middle
}

.saving-state {
    position: absolute;
    text-align: center;
    top: 10px;
    right: 50px;
    z-index: 0
}

.forms-pro .saving-state {
    margin-top: 50px
}

.saving-state .auto-saving-icon {
    margin-right: 5px;
    -webkit-animation: rotate-progress 1.1s infinite linear;
    -moz-animation: rotate-progress 1.1s infinite linear;
    -o-animation: rotate-progress 1.1s infinite linear;
    animation: rotate-progress 1.1s infinite linear
}

.design-page-image-container {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    white-space: nowrap
}

.design-image-error {
    font-size: 15px;
    border: 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

    .design-image-error .errorPictureIcon {
        margin-right: 5px
    }

    .design-image-error > div {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

.error-message-box {
    font-size: 18px;
    line-height: 24px;
    color: #363636
}

    .error-message-box > .image-error-frowny-icon {
        display: inline-block;
        color: #666;
        height: unset;
        line-height: unset;
        vertical-align: middle
    }

    .error-message-box > .error-message {
        display: inline-block;
        margin-left: 5px;
        vertical-align: middle
    }

.image-edit-pane-container {
    position: absolute;
    bottom: 0;
    height: 30px;
    width: auto;
    background-color: rgba(255, 255, 255, .9);
    border: 1px solid #008272
}

#body-scrollable-content {
    height: calc(100% - 60px);
    overflow-y: auto
}

.onedrive-indicator ~ #body-scrollable-content {
    height: calc(100% - 250px)
}

.tipbar-container + .navbar-content + #body-scrollable-content {
    height: calc(100% - 110px)
}

.design-content {
    overflow-x: visible;
    outline: transparent solid 1px
}

#design-view > div {
    height: 100%;
    float: left;
    margin-bottom: 30px
}

#form-designer-container {
    width: 100%;
    overflow-x: visible;
    overflow-y: visible;
    position: relative
}

#form-designer .office-form-question {
    padding: 0
}

.form-designer-form-title,
.title-designer-container {
    position: relative;
    padding: 10px;
    background: #F3F3F3
}

    .form-designer-form-title > .design-page-image-container.horizontal {
        float: left
    }

    .form-designer-form-title > .form-designer-title-editor {
        overflow: hidden;
        margin-bottom: 10px
    }

.form-designer-title-editor {
    font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    line-height: 40px
}

    .form-designer-title-editor.image {
        display: inline-block;
        margin-right: 0;
        width: calc(100% - 40px);
        vertical-align: middle
    }

.form-designer-classification-label {
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    position: absolute;
    right: 18px;
    z-index: 1;
    color: #666;
    background: #F4F4F4;
    text-align: center;
    margin: 12px;
    font-size: 12px
}

.form-designer-section {
    margin-top: 8px;
    background: #FFF;
    box-shadow: 0 0 11px rgba(0, 0, 0, .12)
}

    .form-designer-section:first-child {
        margin-top: 0;
        padding: 30px
    }

    .form-designer-section:only-of-type {
        min-height: 632px
    }

    .form-designer-section.form-designer-section-merge {
        margin-top: auto;
        margin-top: initial;
        box-shadow: initial
    }

.form-designer-section-header {
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
    background: #F4F4F4;
    align-items: center
}

.designer-section-title {
    color: #666;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px
}

.form-designer-section-content {
    padding: 20px 30px 30px
}

.design-section-actionbar-menu {
    white-space: nowrap
}

.designer-more-options-section-item {
    padding: 10px
}

.designer-more-options-section-submenu > * {
    vertical-align: middle
}

.menu-section-item-icon {
    margin-left: 25px
}

.suggestionform-box {
    background-color: #fff;
    border: 1px solid #EAEAEA;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    margin-left: 10px;
    margin-right: 10px
}

.suggestionform-questions-container {
    background-color: #fff;
    height: 350px;
    overflow-y: scroll;
    border: 2px solid #EAEAEA;
    margin: 15px
}

.suggestionform-count-container {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    color: #003430;
    font-size: 14px;
    margin-left: 15px;
    margin-top: 15px
}

.suggestionform-add-all-button,
.title-designer-title-editor {
    font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.suggestionform-add-all-button {
    background-color: #008272;
    color: #FFF;
    font-size: 15px;
    line-height: 15px;
    padding: 5px 20px;
    position: inherit;
    right: 60%;
    bottom: 47px;
    width: 100px;
    z-index: 1;
    height: 40px;
    margin-left: 15px;
    margin-bottom: 15px
}

    .suggestionform-add-all-button:focus {
        background-color: #767676;
        color: #000
    }

    .suggestionform-add-all-button:hover {
        background-color: #004B50;
        color: #FFF
    }

.form-designer-title-editor-image-picker {
    float: right;
    margin-right: 10px;
    font-size: 22px;
    height: 41px;
    width: 40px;
    color: #fff
}

.title-designer-title-editor {
    line-height: 40px
}

    .form-designer-title-editor .form-control,
    .title-designer-title-editor .form-control {
        font-size: 19px;
        border: 1px solid transparent;
        box-shadow: none
    }

.form-designer-subtitle-editor,
.title-designer-subtitle-editor {
    line-height: 30px
}

    .form-designer-subtitle-editor .form-control {
        font-size: 14px;
        border: 1px solid transparent;
        box-shadow: none;
        padding: 8px 12px
    }

    .form-designer-subtitle-editor:hover .office-form-textfield-input,
    .form-designer-title-editor:hover .office-form-textfield-input,
    .title-designer-subtitle-editor:hover .office-form-textfield-input,
    .title-designer-title-editor:hover .office-form-textfield-input {
        border: 1px solid #CCC
    }

.form-designer-title-view {
    padding: 20px 0;
    color: #333;
    white-space: pre-wrap;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.title-designer-title-box {
    display: flex;
    flex-wrap: nowrap
}

    .title-designer-title-box.left {
        flex-direction: row-reverse
    }

    .title-designer-title-box.right {
        flex-direction: row
    }

    .title-designer-title-box.top {
        flex-direction: column-reverse
    }

        .title-designer-title-box.top > .title-designer-image-editor {
            margin-bottom: 10px
        }

    .title-designer-title-box.bottom {
        flex-direction: column
    }

    .title-designer-title-box .title-designer-title-editor {
        flex: 1 1 auto
    }

.title-designer-subtitle-editor {
    margin-top: 10px
}

.title-designer-image-content {
    position: relative;
    outline: transparent solid 1px;
    outline-offset: -1px
}

    .title-designer-image-content > .title-designer-image {
        outline: inherit;
        outline-offset: inherit
    }

.office-form-branching-icon {
    display: inline;
    margin-left: 20px;
    cursor: default
}

    .office-form-branching-icon > * {
        display: table-cell;
        vertical-align: middle
    }

.office-form-info-error-action-button-container {
    padding: 10px;
    max-width: 500px;
    margin: 50px auto
}

.office-form-info-error-action-button {
    background-color: #008272;
    color: #FFF;
    font-size: 15px;
    line-height: 15px;
    height: 40px;
    padding: 5px 30px;
    margin-bottom: 39px
}

.design-view-insert-panel-container {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 17px;
    display: block;
    position: relative;
    min-height: 50px;
    margin-top: 10px;
    color: #FFF
}

.design-insert-card-dropdown-option,
.design-insert-card-more-button,
.design-question-add-ansewer-container,
.design-question-add-option-container,
.design-question-candidate-bar,
.design-question-textbox,
.design-time-mixer {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.design-view-insert-panel-img {
    display: inline-block;
    font-size: 20px;
    width: 50px
}

.design-view-insert-panel-expand-or-collapse {
    height: 50px;
    margin-left: -52px;
    position: absolute
}

    .design-view-insert-panel-expand-or-collapse:hover {
        background-color: #004B50;
        color: #FFF
    }

    .design-view-insert-panel-expand-or-collapse .button-text {
        margin-right: 20px
    }

.add-question-button-disabled,
.add-question-button-disabled:hover {
    color: #969696;
    background-color: #F3F3F3
}

.design-view-insert-button-group {
    display: inline-block;
    min-height: 50px;
    margin-left: 52px;
    outline: transparent solid 1px
}

.design-question-confirm-dialog .design-question-button-container .buttons-container .design-question-delete-continue-button:focus,
.upload-question-confirm-dialog .upload-question-cancel-continue-button:focus {
    outline: dashed 1px
}

.design-insert-card {
    height: 40px;
    min-width: 120px;
    padding: 0;
    background-color: #FFF;
    color: #333;
    margin: 5px
}

    .design-insert-card:hover {
        background-color: #EAEAEA
    }

    .design-insert-card.new-margin {
        margin-right: 0
    }

.design-insert-card-img {
    text-align: center;
    width: 60px
}

    .design-insert-card-img.thumbUpEmptyIcon {
        padding-top: 1px
    }

.design-insert-card-icon {
    height: unset;
    padding-bottom: 1px
}

.design-insert-card-text {
    font-size: 14px;
    text-align: left;
    margin-right: 20px
}

.design-insert-card-more-container {
    display: inline-block;
    background-color: #008272;
    margin: 5px
}

.design-insert-card-dropdown-text {
    font-size: 14px;
    line-height: 14px;
    padding: 0;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle
}

.design-insert-card-dropdown-img {
    margin-right: 25px;
    vertical-align: middle
}

.design-insert-card-warning-icon {
    vertical-align: middle;
    margin-left: 10px
}

.design-insert-card-more-button {
    font-size: 14px;
    line-height: 14px;
    height: 40px;
    width: 50px;
    padding: 0 5px;
    color: #FFF;
    text-align: center
}

.design-insert-card-dropdown-option {
    font-size: 14px;
    line-height: 24px;
    padding: 8px 8px 8px 18px;
    text-align: left;
    white-space: nowrap
}

.menu-item-active .design-insert-card-dropdown-option {
    color: #333
}

.menu-item-disabled .design-insert-card-dropdown-img {
    color: #A6A6A6
}

.design-insert-card-upload-tip {
    position: fixed;
    width: 348px;
    z-index: 999;
    display: none
}

    .design-insert-card-upload-tip .design-insert-card-upload-tip-text {
        background: #fff;
        padding: 5px;
        font-size: 12px;
        color: #333;
        border: 1px solid #A6A6A6
    }

    .design-insert-card-upload-tip .design-insert-card-beak {
        width: 10px;
        border-top: 5px solid #A6A6A6;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: none;
        margin: auto
    }

    .design-insert-card-upload-tip .design-insert-card-beak-shadow {
        width: 8px;
        border-top: 5px solid #fff;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: none;
        margin: auto;
        transform: translateY(-6px)
    }

.design-insert-card-more-menu {
    max-height: -webkit-calc(100vh - 50px);
    max-height: calc(100vh - 50px);
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 1px
}

    .design-insert-card-more-menu .menu-item-active:focus,
    .design-insert-card-more-menu .menu-item-active:hover {
        background-color: #F4F4F4
    }

.design-insert-section-dialog {
    width: 508px;
    padding: 20px 30px
}

.design-insert-section-dialog-body {
    margin-bottom: 90px
}

.nps-label-container {
    margin-top: 10px
}

    .nps-label-container > :first-child {
        float: left
    }

    .nps-label-container > :last-child {
        float: right
    }

.design-time-mixer {
    font-size: 1rem;
    padding: 10px 20px 20px;
    margin-bottom: 0;
    margin-top: 0;
    border: 0;
}



    .design-time-mixer a:link,
    .design-time-mixer a:visited {
        color: #0000D9;
        text-decoration: underline
    }

    .design-time-mixer .office-form-question-content {
        padding-left: 0;
        padding-right: 0
    }

    .design-time-mixer.locked {
        cursor: default
    }

        .design-time-mixer.locked:hover {
            background-color: transparent
        }

    .design-time-mixer:hover .office-form-section-title .office-form-title.empty-title {
        padding: 20px
    }

.design-time-editing {
    margin-bottom: 50px;
    margin-top: 22px
}

.design-time-editing-error {
    background: #FED9CC
}

    .design-time-editing-error .design-time-editing-error-icon {
        color: #A80000
    }

.option-edit-button {
    display: none;
    height: 30px;
    font-size: 18px;
    color: #666;
    margin-top: 5px;
    margin-left: 2px
}

    .design-choice-option-text-input-container,
    .option-edit-button.active-choice,
    :hover > .option-edit-button {
        display: inline-block
    }

    .option-edit-button:hover {
        color: #333
    }

    .option-edit-button.active {
        color: #008272
    }

        .option-edit-button.active:hover {
            color: #004B50
        }

.option-edit-button-img {
    width: 30px
}

.design-question-choice-label {
    position: relative;
    padding-left: 34px
}

    .design-question-choice-label > .design-choice-option-text-input-container {
        width: 420px;
        height: 40px;
        margin: 0;
        min-height: 40px;
        line-height: inherit;
        vertical-align: middle;
        background: #FFF
    }

.office-form-question-designer-container {
    position: relative;
    background: #F4F4F4
}

    .office-form-question-designer-container .design-question-error-message-container {
        width: 100%;
        background: #FED9CC;
        display: inline-flex;
        padding: 10px 23px
    }

        .office-form-question-designer-container .design-question-error-message-container .design-question-warning-icon {
            color: #A80000;
            margin: 2px 5px 0 0;
            z-index: 2
        }

        .office-form-question-designer-container .design-question-error-message-container .design-question-question-error-bar {
            position: relative;
            display: inline-block;
            min-height: 20px;
            line-height: 20px;
            z-index: 2
        }

    .office-form-question-designer-container .design-question-question-mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #F4F4F4;
        opacity: .5;
        z-index: 1
    }

.office-form-question-designer {
    padding-bottom: 5px;
    position: relative
}

.question-designer-action-bar {
    position: absolute;
    top: 5px;
    right: 12px;
    z-index: 1
}

    .question-designer-action-bar > .image-button {
        color: #666;
        font-size: 18px;
        width: 50px
    }

        .question-designer-action-bar > .image-button:hover {
            color: #333
        }

        .question-designer-action-bar > .image-button:disabled {
            color: #A6A6A6
        }

.design-question-subtitle {
    width: 100%;
    border-width: 1px;
    margin-top: -10px
}

    .design-question-subtitle.active {
        background-color: #EAEAEA;
        border-color: #66afe9
    }

    .design-question-subtitle > .editing {
        border-color: #66afe9
    }

.design-question-date-snapshot {
    position: relative
}

    .design-question-date-snapshot .form-control,
    .design-question-text-snapshot input.form-control {
        height: 40px
    }

.design-question-text-snapshot textarea.form-control {
    height: 68px;
    padding-top: 10px
}

.design-question-date-snapshot > .date-snapshot-event-icon {
    position: absolute;
    font-size: 20px;
    right: 0;
    color: #666;
    margin-right: 10px;
    margin-top: 10px
}

.design-question-button {
    padding: 0 2px;
    color: #32655E;
    background: #F4F4F4;
    height: 30px
}

    .design-question-button.office-form-theme-button-color .design-question-plus-icon {
        color: #666
    }

.design-question-addonemore {
    padding-left: 8px;
    background: #F4F4F4
}

.design-question-addonemore,
.design-question-addothermore {
    color: #333;
    font-size: 15px
}

.design-question-add-ansewer-container,
.design-question-add-option-container {
    font-size: 15px;
    margin: 20px 10px 0;
    display: inline-block
}

.design-question-add-option-element {
    margin-right: 20px;
    display: inline-block
}

.design-question-hr {
    margin-top: 0;
    margin-bottom: 0;
    border-color: #C8C8C8
}

.design-question-bottombar-container {
    min-height: 49px
}

.design-question-bottombar {
    display: inline-block;
    float: right
}

.design-question-bottombar-element {
    margin: 17px 20px 12px 0;
    display: inline-block;
    height: 20px
}

    .design-question-bottombar-element > * {
        vertical-align: middle
    }

.designer-section-menu-button {
    margin: 10px 0
}

.designer-section-actionbar-menu {
    width: 160px
}

.design-question-toggle-label {
    margin: -1px 36px 0 14px
}

    .design-question-toggle-label.disabled {
        color: #C8C8C8
    }

.toggle-label-margin-right {
    margin-right: 16px
}

.design-question-more-options {
    border: none;
    text-decoration: none;
    background: #F4F4F4;
    color: #666;
    vertical-align: middle
}

    .design-question-more-options:hover {
        color: #333
    }

@media screen and (-ms-high-contrast:active) {
    .design-question-more-options:active,
    .design-question-more-options:disabled,
    .design-question-more-options:focus,
    .design-question-more-options:hover {
        margin-left: 1px;
        margin-right: 1px;
        border-width: 1px
    }
}

.design-question-confirm-dialog {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(234, 234, 234, .8)
}

    .design-question-confirm-dialog .design-question-button-container {
        position: absolute;
        top: calc(50% - 70px);
        left: calc(50% - 210px);
        width: 450px;
        height: 116px;
        background: #FFF;
        padding: 20px
    }

        .design-question-confirm-dialog .design-question-button-container .buttons-container {
            margin-top: 20px;
            padding-left: 136px
        }

            .design-question-confirm-dialog .design-question-button-container .buttons-container .design-question-delete-continue-button {
                width: 120px;
                height: 35px;
                margin-left: 15px;
                background-color: #F4F4F4
            }

.analyze-view-menu-control-container .menu-control-options-box {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2)
}

input.design-question-choice-icon {
    margin: 0 13px 0 3px;
    width: 18px;
    height: 18px;
    vertical-align: middle
}

.design-question-choice-option-textbox {
    width: 50%;
    min-width: 140px;
    display: inline-block;
    vertical-align: middle
}

.other-option > .office-form-textfield > input {
    color: #666;
    border-color: #CCC;
    background-color: transparent
}

.design-question-all-choices.with-image .design-question-choice-option-textbox {
    width: auto
}

    .design-question-all-choices.with-image .design-question-choice-option-textbox input {
        background-color: #fff;
        box-shadow: none !important;
        border: none
    }

.design-question-image-upload-button {
    height: 30px;
    padding: 0
}

.design-question-image-upload-hint {
    margin-left: 5px
}

.design-question-image-title-container {
    display: inline-block;
    width: calc(100% - 23px);
    position: relative
}

    .design-question-image-title-container .image-edit-pane-container,
    .form-designer-section-title .image-edit-pane-container {
        right: 0
    }

input.design-question-rating-input {
    display: inline-block;
    width: 30%;
    margin: 20px 20px 0
}

.design-question-range-input {
    margin: 20px 20px 0
}

.design-question-type-icon {
    padding-right: 10px
}

.design-question-type-button {
    width: 150px
}

.design-question-candidate-bar-container.likert-option-candidate {
    background: #F4F4F4
}

.design-question-candidate-bar {
    margin: 12px 50px;
    font-size: 14px;
    line-height: 35px
}

    .design-question-candidate-bar.likert-option-candidate {
        margin: 10px 0;
        line-height: 0
    }

.design-question-choice-candidate,
.design-question-choice-candidate-math {
    display: inline-block;
    background: #FFF;
    border-radius: 2px;
    line-height: 17px;
    color: #FFF;
    vertical-align: middle
}

.choice-option-candidate-dropdown .design-question-candidate-bar {
    margin-left: 28px
}

.choice-option-candidate .design-question-candidate-bar {
    margin-left: 62px
}

.design-question-choice-candidate {
    padding: 2px 5px;
    font-size: 12px;
    margin: 2px 6px
}

    .design-question-choice-candidate.likert-option-candidate {
        margin: 0 10px 0 0
    }

.design-question-choice-candidate-math {
    padding: 5px 10px;
    font-size: 13px;
    margin: 2px 5px
}

.forms-pro .question-setting-text .select-control .select-placeholder,
.question-setting-dropdown .select-control .select-placeholder {
    padding: 6px 35px 6px 12px;
    position: relative;
    background: #FFF
}

.forms-pro .question-setting-text .select-control,
.question-setting-dropdown .select-control {
    border: 1px solid #C8C8C8;
    height: 40px;
    white-space: nowrap
}

.design-question-choice-candidate-icon-correct {
    margin-right: 10px;
    margin-top: 2px;
    vertical-align: middle;
    color: #008272
}

.question-setting-container {
    margin: 20px auto 20px 50px
}

.forms-pro .question-setting-text,
.number-validation-between-label,
.number-validation-boundary-div,
.question-setting-dropdown {
    margin-left: 10px;
    display: inline-block
}

.question-setting-label {
    display: inline-block
}

.forms-pro .question-setting-text {
    vertical-align: middle
}

.question-setting-dropdown {
    vertical-align: middle
}

    .question-setting-dropdown .select-control .select-option-menu-container {
        max-height: 190px
    }

    .question-setting-dropdown > .dropdown > button {
        position: relative;
        height: 32px;
        top: -3px;
        padding: 4px 12px 6px;
        border: 1px solid #2E6DA4
    }

.design-question-choice-answer-hint .office-form-textfield-input,
.design-question-image-title-big-horizontal .form-control,
.design-question-subtitle .form-control,
.design-question-title .form-control,
.design-question-title-with-image .form-control,
.title-designer-subtitle-editor .form-control {
    padding: 9px 12px
}

.number-validation-content {
    display: inline-block;
    width: 100px
}

.validation-design-error-message-label {
    color: #A94442;
    margin-left: 20px
}

.rating-question-dropdown-container {
    display: inline-block
}

    .rating-question-dropdown-container + .rating-question-dropdown-container {
        margin-left: 50px
    }

.design-question-choice {
    margin-top: 14px
}

.design-question-choice-icon-group {
    display: inline-block;
    vertical-align: middle
}

.design-question-drag-handler {
    margin-right: 10px;
    cursor: pointer
}

    .design-question-drag-handler > svg {
        vertical-align: middle;
        color: #A6A6A6
    }

.design-question-dropdown-label .design-question-choice-icon-group {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px
}

.design-question-dropdown-label:hover .design-question-drag-handler {
    visibility: visible
}

.design-question-drag-fallback {
    opacity: 1 !important
}

    .design-question-drag-fallback.design-question-choice .design-formula-mixer,
    .design-question-drag-fallback.design-question-choice .office-form-textfield-input,
    .design-question-drag-fallback.design-sort-item .design-formula-mixer,
    .design-question-drag-fallback.design-sort-item .office-form-textfield-input {
        border: 1px solid #CCC
    }

.design-question-choice-sortable .design-question-drag-handler {
    display: none
}

.design-question-choice-sortable:hover .design-question-drag-handler,
.design-question-drag-fallback .design-question-choice-sortable .design-question-drag-handler {
    display: inline-block
}

.design-question-choice-sortable:hover .design-question-choice-icon:nth-child(2),
.design-question-drag-fallback .design-question-choice-sortable .design-question-choice-icon:nth-child(2) {
    display: none
}

.design-question-choice .form-control {
    height: 40px
}

.form-designer-form-title .office-form-textfield-input,
.form-designer-section-title .office-form-textfield-input,
.form-designer-title-designer .office-form-textfield-input,
.office-form-question-designer .office-form-textfield-input {
    border: 1px solid transparent;
    box-shadow: none
}

.design-question-choice-answer-hint:hover .office-form-textfield-input,
.design-question-choice-label:hover .office-form-textfield-input,
.design-question-subtitle:hover .office-form-textfield-input,
.design-question-title-bar:hover .office-form-textfield-input,
.design-quiz-point-box:hover .office-form-textfield-input,
.design-sort-item:hover .office-form-textfield-input,
.number-validation-boundary-div:hover .office-form-textfield-input {
    border: 1px solid #CCC
}

.picker__input:disabled {
    border-color: #CCC
}

.design-question-rating {
    margin: 0 20px
}

.design-question-choice-answer-hint {
    margin: 10px 25px 0 56px;
    position: static;
    display: block
}

.design-question-dropdown-label ~ .design-question-choice-answer-hint {
    margin-left: 16px
}

.design-question-origional-option {
    position: relative;
    left: 0;
    top: 20px
}

.design-question-image-title,
.design-question-title,
.design-question-title-with-image,
.design-quiz-point-box {
    font-family: wf_segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.design-question-ordinal {
    margin-right: 0;
    width: 23px;
    display: inline-block;
    font-weight: 700;
    line-height: 34px;
    float: left
}

.design-question-title {
    display: inline-block;
    width: calc(100% - 23px);
    vertical-align: middle
}

.design-question-title-with-image {
    display: inline-block;
    width: 100%;
    vertical-align: middle
}

    .design-question-image-title-container:hover .design-question-title-with-image,
    .design-question-title-with-image.active {
        width: calc(100% - 40px)
    }

.design-question-image-title {
    display: inline-block;
    vertical-align: middle
}

.design-question-image-title-big-horizontal {
    width: 100%;
    clear: both;
    position: relative
}

.design-question-element {
    margin: 10px 25px 14px 46px
}

.rateit.design-question-element,
table.design-question-element {
    display: block;
    margin: 14px 20px 0 50px
}

    table.design-question-element + .inline-block-display {
        margin-left: 50px;
        margin-right: 36px
    }

.design-question-title-bar {
    display: inline-block;
    width: 100%;
    margin-top: 53px;
    margin-bottom: 10px;
    padding-left: 23px;
    padding-right: 25px
}

.design-quiz-point-label {
    margin-right: 10px;
    display: inline-block;
    line-height: 34px;
    float: left
}

.design-quiz-point-box {
    display: inline-block;
    width: 49px;
    height: 26px
}

.design-sort-item-leftNum,
.designer-quiz-option-correct,
.feature-preview-container {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.design-quiz-point-box-input {
    text-align: center;
    color: #333;
    height: 32px
}

.design-quiz-point-bar {
    display: inline-block;
    margin-top: 13px;
    padding: 0 46px
}

.design-sort-list {
    display: inline-block;
    width: 70%
}

    .design-sort-list .design-sort-list-sign {
        margin: 2px 25px 10px 46px
    }

    .design-sort-list .design-sort-list-item {
        display: inline-block;
        vertical-align: middle;
        width: 100%
    }

        .design-sort-list .design-sort-list-item .form-control {
            height: 40px
        }

.design-sort-item-parents {
    margin: 2px 0 10px 46px;
    background: #FFF;
    display: inline-block;
    width: calc(100% - 152px);
    position: relative
}

    .design-sort-item-parents .design-question-drag-handler {
        position: absolute;
        left: -28px;
        top: 50%;
        margin-top: -12px;
        visibility: hidden
    }

.design-question-drag-fallback .design-question-drag-handler,
.design-sort-item:hover .design-question-drag-handler {
    visibility: visible
}

.design-sort-item-leftNum {
    color: #008272;
    font-size: 14px;
    display: inline-block;
    width: 29px;
    text-align: center;
    vertical-align: top;
    margin-top: 11px
}

.design-sort-item-button {
    height: 30px;
    width: 30px;
    margin-left: 6px;
    font-size: 18px;
    color: #666;
    margin-top: 7px
}

.design-arrow-color {
    height: 30px;
    margin-left: 6px;
    font-size: 18px;
    color: #A6A6A6
}

.design-sort-item:hover .design-sort-item-button {
    display: inline-block
}

.design-sort-list-container {
    display: inline-block;
    width: 35%;
    vertical-align: top
}

.design-question-addbutton-container {
    margin: 10px 0 20px 42px
}

.design-sort-tip-container .design-sort-list-tip {
    color: #008272;
    display: inline-block;
    margin: 2px 5px 10px 46px
}

.design-question-matrix-table {
    padding: 10px 25px 0 46px
}

    .design-question-matrix-table > table {
        width: 100%;
        background: #FFF
    }

.design-question-matrix-pr,
.design-question-matrix-str {
    position: relative;
    height: 45px
}

    .design-question-matrix-pr td:first-child {
        width: 180px
    }

    .design-question-matrix-pr td:last-child {
        width: 40px
    }

.design-question-matrix-stbody .design-question-matrix-str:nth-child(2n+1) {
    background: #EAEAEA
}

    .design-question-matrix-stbody .design-question-matrix-str:nth-child(2n+1) .design-question-matrix-std .office-form-textfield-input:focus {
        border-color: #EAEAEA
    }

.design-question-matrix-stbody .design-question-matrix-str:nth-child(2n) {
    background: #DDD
}

    .design-question-matrix-stbody .design-question-matrix-str:nth-child(2n) .design-question-matrix-std .office-form-textfield-input:focus {
        border-color: #DDD
    }

.design-question-matrix-column-td {
    padding: 5px 0;
    text-align: center
}

    .design-question-matrix-column-td .office-form-textfield-input {
        text-align: center
    }

.design-question-matrix-editor {
    border: 2px solid transparent
}

    .design-question-matrix-editor .office-form-textfield-input {
        background: inherit;
        padding: 10px 2px;
        border: 0
    }

.design-question-matrix-row-td {
    padding: 2px 0 2px 4px
}

    .design-question-matrix-row-td .design-question-matrix-cell-box {
        width: 100%
    }

    .design-question-matrix-row-td .office-form-textfield-input {
        padding: 10px 12px
    }

.design-question-matrix-cell-box {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

    .design-question-matrix-cell-box:hover {
        background: #FFF
    }

.design-question-matrix-remove-icon {
    width: 30px;
    height: 30px
}

    .design-question-matrix-remove-icon:focus {
        border: 1px dashed #000
    }

.design-question-matrix-remove-container {
    font-size: 18px;
    display: none;
    border-radius: 3px;
    color: #FFF
}

    .design-question-matrix-remove-container .option-remove-button-img {
        height: 40px;
        line-height: 40px
    }

.design-question-matrix-pr .design-question-matrix-remove-container {
    position: absolute;
    z-index: 999;
    height: 29px;
    vertical-align: middle;
    top: 0;
    right: -28px
}

.design-question-matrix-stbody .design-question-matrix-str .design-question-matrix-std {
    position: relative;
    width: 180px;
    padding: 2px 0 2px 4px
}

    .design-question-matrix-stbody .design-question-matrix-str .design-question-matrix-std .office-form-textfield-input:hover {
        border: 1px solid #CCC;
        background: #FFF
    }

    .design-question-matrix-stbody .design-question-matrix-str .design-question-matrix-std .office-form-textfield-input:focus {
        border: 1px solid #FFF
    }

.design-question-matrix-str .design-question-matrix-remove-container {
    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    right: -28px;
    top: 0;
    cursor: pointer
}

.design-question-matrix-str .design-question-matrix-subquestion.design-question-theme-border {
    border-width: 2px;
    border-style: solid
}

.design-question-matrix-str .design-question-matrix-subquestion {
    border: 2px solid transparent
}

.design-question-matrix-remove-container.active-choice {
    display: block
}

.design-question-matrix-radio {
    text-align: center
}

    .design-question-matrix-radio input {
        width: 18px;
        height: 18px
    }

.design-question-add-option {
    width: 40px;
    text-align: center;
    vertical-align: bottom
}

    .design-question-add-option button {
        width: 30px;
        height: 30px;
        margin-bottom: 12px
    }

        .design-question-add-option button:focus {
            border: 1px dashed #000
        }

.design-question-upload-container {
    margin: 10px 0 14px 46px
}

    .design-question-upload-container .design-question-upload-button {
        border: 1px solid #CCC;
        height: 40px;
        display: inline-flex;
        color: #CCC;
        align-items: center;
        padding: 0 20px 0 15px
    }

        .design-question-upload-container .design-question-upload-button .design-question-upload-text {
            margin-left: 10px
        }

.design-question-upload-dropdown-container {
    margin-top: 20px
}

.design-question-restrictions-label {
    margin: 0 32px 10px 0
}

.design-question-upload-checkbox {
    width: 90px
}

    .design-question-upload-checkbox .design-question-file-type {
        margin-left: 10px
    }

.design-question-file-type {
    vertical-align: middle
}

.design-question-restrictions-container {
    margin: 20px 0
}

    .design-question-restrictions-container .design-question-fileUpload-fileType-container {
        margin-left: -35px
    }

        .design-question-restrictions-container .design-question-fileUpload-fileType-container .design-question-fileUpload-fileType {
            margin-top: 20px
        }

.design-question-upload-dropdown {
    display: inline-flex;
    align-items: center
}

    .design-question-upload-dropdown + .design-question-upload-dropdown {
        margin-left: 50px
    }

.design-question-upload-hint {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: #A80000
}

.upload-question-confirm-dialog {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 14px;
    padding: 20px 20px 20px 23px;
    background: #EAEAEA;
    z-index: 1
}

    .upload-question-confirm-dialog .description-container {
        padding: 5px 0 20px
    }

    .upload-question-confirm-dialog .buttons-container {
        text-align: right
    }

    .upload-question-confirm-dialog .upload-question-icon-class {
        color: #008272;
        transform: rotateY(180deg)
    }

    .upload-question-confirm-dialog .upload-question-cancel-continue-button {
        width: 120px;
        height: 35px;
        margin-left: 20px;
        background: #fff
    }

.top-view-container .upload-question-confirm-dialog {
    display: none
}

.design-question-title-image-picker {
    float: right;
    height: 40px;
    width: 40px;
    font-size: 22px;
    display: none;
    color: #fff
}

    .design-question-image-picker,
    .design-question-image-title-container:hover .design-question-title-image-picker,
    .design-question-title-image-picker.active,
    .design-retry-image-picker {
        display: inline-block
    }

.design-question-title-image-picking {
    background-color: #F4F4F4;
    width: 300px;
    height: 200px
}

.design-question-title-image-button,
.design-question-title-video {
    border: none;
    cursor: auto;
    vertical-align: middle
}

.design-question-title-image-button {
    outline: transparent solid 1px;
    outline-offset: -1px
}

.design-question-title-image-button-placeholder {
    border: 1px solid #008272
}

.design-question-title-image,
.design-question-title-image-hidden,
.design-question-title-video-frame {
    max-height: inherit;
    max-width: inherit
}

.design-question-title-image-button > .design-question-title-image-hidden {
    visibility: hidden;
    max-width: 100%
}

    .design-question-title-image-button > .design-question-title-image-hidden.visiable,
    .recycleBin-view-content .fl-history-tile:hover .portal-view-form-card-copy-remove-container {
        visibility: visible
    }

.design-question-title-image-gray {
    opacity: .3
}

.design-question-title-image-delete {
    height: 30px;
    width: 30px;
    border: none;
    cursor: pointer;
    z-index: 2;
    position: absolute;
    margin-left: -30px;
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    padding: 0
}

.design-question-image-picker .design-question-image-reader {
    display: none
}

.design-question-image-picker .design-question-image-upload-button {
    border: none;
    background-color: transparent
}

.image-edit-pane-alttext,
.image-edit-pane-alttext-button,
.image-edit-pane-delete,
.image-edit-pane-edit,
.image-edit-pane-element-container {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    border-right: 1px solid #008272;
    font-size: 16px
}

.image-edit-pane-alttext {
    color: #363636;
    width: 90px
}

.image-edit-pane-delete,
.image-edit-pane-edit {
    border: none
}

.image-edit-pane-alttext .form-control {
    font-size: 12px;
    color: #363636;
    padding: 0 5px
}

.image-edit-pane-inner-button {
    height: 28px;
    width: 28px;
    color: #666
}

    .image-edit-pane-inner-button:hover {
        background: #3C3C3C
    }

    .image-edit-pane-inner-button.active {
        background: #008272;
        color: #FFF
    }

        .image-edit-pane-inner-button.active:hover {
            background: #004B50
        }

    .image-edit-pane-inner-button:disabled {
        color: #A6A6A6
    }

    .image-edit-pane-inner-button .edit-pane-fieldText {
        margin-right: 4px
    }

.video-delete-button {
    position: absolute;
    height: 35px;
    width: 40px;
    bottom: 5px;
    right: 0;
    color: #FFF;
    background: #333
}

.image-edit-pane-inner-button > [class^=ms-Icon--] {
    vertical-align: baseline
}

.image-edit-pane-inner-button-icon {
    width: 16px;
    background-repeat: no-repeat;
    background-size: cover;
    display: block
}

.design-question-choice-options-div:first-child {
    margin-top: 10px
}

.designer-quiz-option-correct {
    font-size: 12px;
    padding-left: 5px
}

.design-question-all-choices {
    margin: 10px 0 20px 12px
}

.feature-preview-wrapper {
    transition: opacity .3s ease;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.feature-preview-frost {
    opacity: .65;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000;
    z-index: 5099
}

.feature-preview-container {
    top: 35%;
    max-width: 350px;
    border: none;
    margin: 0 auto;
    box-shadow: none;
    background-color: transparent;
    position: relative;
    overflow: auto;
    z-index: 5100;
    opacity: 1;
    left: 0;
    right: 0;
    max-height: 100%;
    -webkit-font-smoothing: antialiased
}

.portal-headerbar-dropdown-container.active .portal-headerbar-middle-line,
.portal-headerbar-dropdown-container:hover .portal-headerbar-middle-line {
    opacity: 0
}

.feature-preview-header {
    font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    background-color: #008272;
    padding: 25px 40px;
    font-size: 27px;
    color: #FFF
}

.feature-preview-content {
    background: #FFF;
    padding: 30px 30px 20px
}

    .feature-preview-content .list-control-ul {
        list-style-type: none;
        margin-left: 5px;
        margin-bottom: 20px
    }

    .feature-preview-content .list-control-item {
        margin-bottom: 10px
    }

        .feature-preview-content .list-control-item .list-control-icon {
            color: #008272;
            font-size: 16px;
            margin-right: 10px
        }

.feature-preview-footer {
    min-height: 40px
}

.feature-preview-button {
    min-height: 40px;
    padding: 0 35px;
    background-color: #008272;
    color: #FFF;
    float: right;
    margin-left: auto;
    margin-right: auto
}

    .feature-preview-button:focus {
        outline: #000 dashed 1px
    }

    .feature-preview-button:active,
    .feature-preview-button:focus,
    .feature-preview-button:hover {
        background-color: #004B50
    }

.portal-tiles .sub-tiles {
    padding-top: 20px
}

    .portal-tiles .sub-tiles .portal-group-tab {
        position: relative;
        padding-top: 55px
    }

        .portal-tiles .sub-tiles .portal-group-tab .portal-other-form-warning-container {
            position: unset;
            margin-top: 190px
        }

        .portal-tiles .sub-tiles .portal-group-tab .portal-other-form-warning-img {
            height: 120px;
            width: 120px
        }

        .portal-tiles .sub-tiles .portal-group-tab .portal-other-form-warning-title {
            margin: 25px 0 20px
        }

        .portal-tiles .sub-tiles .portal-group-tab .discover-group-button {
            font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
            background-color: #008272;
            color: #FFF;
            font-size: 15px;
            height: 40px;
            width: 300px;
            line-height: 20px
        }

            .portal-tiles .sub-tiles .portal-group-tab .discover-group-button:hover {
                background-color: #004B50
            }

.recycle-bin-button {
    background: #FFF;
    fill: #FFF;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    height: 45px;
    width: 48px;
    bottom: 60px;
    position: fixed;
    right: 0
}

    .recycle-bin-button:hover {
        box-shadow: 0 2px 6px rgba(0, 0, 0, .2)
    }

.recycle-bin-button-img {
    height: 27px;
    width: 24px;
    position: absolute;
    bottom: 8px;
    left: 12px
}

.recycle-bin-button-animation-img {
    height: 80px;
    width: 26px;
    position: absolute;
    bottom: 7px;
    left: 11px
}

.recycleBinView-container {
    background: #F4F4F4;
    width: 100%;
    position: fixed;
    top: 50px;
    bottom: 0;
    overflow: auto
}

    .recycleBinView-container .recycleBin-view-content {
        position: relative
    }

        .recycleBinView-container .recycleBin-view-content .fl-owner-container .fl-facepile {
            float: left;
            margin: 12px 0 0 15px
        }

        .recycleBinView-container .recycleBin-view-content .fl-owner-container .fl-displayname {
            font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
            float: left;
            height: 100%;
            line-height: 55px;
            padding-left: 10px;
            color: #333;
            font-size: 17px;
            margin-left: 10px
        }

        .recycleBinView-container .recycleBin-view-content .recyclebin-select-group-placeholder {
            width: 100%;
            height: 70px;
            padding-top: 15px
        }

            .recycleBinView-container .recycleBin-view-content .recyclebin-select-group-placeholder .fl-facepile .author-notification-content {
                padding: 0;
                margin: 0;
                line-height: 30px
            }

            .recycleBinView-container .recycleBin-view-content .recyclebin-select-group-placeholder .fl-displayname {
                font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
                float: left;
                height: 100%;
                line-height: 55px;
                padding-left: 10px;
                margin-left: 0;
                color: #333;
                font-size: 17px
            }

        .recycleBinView-container .recycleBin-view-content .recyclebin-empty-placeholder {
            margin-top: 120px;
            text-align: center
        }

            .recycleBinView-container .recycleBin-view-content .recyclebin-empty-placeholder .recyclebin-empty-placeholder-img {
                width: 300px;
                height: 140px
            }

            .recycleBinView-container .recycleBin-view-content .recyclebin-empty-placeholder .recyclebin-empty-placeholder-text {
                font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
                color: #666;
                font-size: 21px;
                margin-top: 40px
            }

    .recycleBinView-container .portal-group-tab {
        position: relative;
        padding-top: 55px;
        margin-top: 25px
    }

    .recycleBinView-container .recycleBin {
        padding-top: 40px
    }

.fl-history-tile.fl-group-tile .fl-owner-container.recyclebin {
    top: 30px;
    left: 30px;
    font-size: 15px
}

    .fl-history-tile.fl-group-tile .fl-owner-container.recyclebin .fl-description .fl-displayname {
        left: 0
    }

.recycleBinView {
    padding-top: 0;
    height: 100%;
    overflow: auto
}

    .recycleBinView.expand {
        overflow: hidden
    }

    .recycleBinView .recycleBin {
        overflow: auto
    }

.portal-tiles .portal-title {
    font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 24px;
    color: #333;
    margin-left: 15px;
    margin-right: 32px;
    padding-bottom: 8px;
    text-align: left
}

.portal-headerbar-text,
.portal-new-form-button {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.portal-tiles .portal-title.selected {
    color: #004B50;
    border-bottom: 3px solid #004B50
}

.portal-titlebar-container {
    position: relative;
    margin-bottom: 15px;
    margin-top: 13px;
    min-height: 44px
}

.portal-title-button-container {
    display: inline-block
}

.portal-tiles {
    margin: 0 auto;
    padding: 40px 20px 20px;
    min-height: calc(100% - 40px);
    position: relative
}

.portal-headerbar-container {
    height: 60px;
    width: 100%;
    background-color: #FFF;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0
}

.portal-headerbar-content {
    margin: 0 auto;
    height: 100%;
    position: relative
}

.portal-headerbar-dropdown-container {
    display: inline-block;
    height: 100%
}

    .portal-headerbar-dropdown-container.active {
        background-color: #E7F2F4
    }

.portal-new-form-button-with-icon {
    padding: 16px 10px;
    height: 100%;
    vertical-align: middle;
    color: #666;
    min-width: 130px
}

    .portal-new-form-button-with-icon:hover {
        background-color: #E7F2F4;
        color: #333
    }

.portal-headerbar-plus-icon {
    font-size: 18px;
    color: #008272
}

.portal-headerbar-text {
    font-size: 15px;
    line-height: 15px
}

.portal-headerbar-middle-line {
    display: inline-block;
    background-color: #C8C8C8;
    width: 1px;
    height: 18px;
    margin: 21px 1px;
    vertical-align: middle
}

.portal-headerbar-menu-button-container {
    display: inline-block;
    height: 100%
}

.portal-headerbar-menu-button {
    font-size: 18px;
    padding: 15px 0;
    color: #666;
    height: 100%;
    min-width: 171px
}

    .portal-headerbar-menu-button:hover {
        background-color: #E7F2F4;
        color: #333
    }

    .portal-headerbar-menu-button > span {
        vertical-align: middle
    }

    .portal-headerbar-menu-button > .plus2-icon {
        color: #008272
    }

    .portal-headerbar-menu-button > .portal-headerbar-text {
        padding: 0 15px
    }

.portal-new-form-button {
    font-size: 14px;
    line-height: 14px;
    color: #333;
    padding: 12px 10px;
    width: 100%;
    height: 100%;
    text-align: left
}

.portal-headerbar-menu-option {
    top: 0;
    right: 0;
    width: 171px;
    z-index: 1;
    border: 1px solid #EAEAEA;
    border-top: none;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: -webkit-calc(100vh - 50px);
    max-height: calc(100vh - 50px);
    -ms-overflow-style: -ms-autohiding-scrollbar;
    position: absolute;
    padding: 1px
}

    .portal-headerbar-menu-option .menu-control-item:focus,
    .portal-headerbar-menu-option .menu-control-item:hover {
        background-color: #E7F2F4
    }

    .portal-headerbar-menu-option .menu-control-item:active {
        outline: #008272 solid 1px
    }

.fl-tile,
.fl-tile:hover {
    outline: transparent solid 1px
}

.menu-control-dropup .portal-headerbar-menu-option {
    top: 100%
}

.portal-content-container {
    background-color: #F4F4F4;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 0
}

    .portal-content-container.expand {
        overflow: hidden
    }

.portal-page {
    width: 100%;
    height: 100%
}

.portal-view.group-view {
    background: #EAEAEA;
    position: absolute;
    left: 15px;
    top: 0;
    width: calc(100% - 30px);
    z-index: 99
}

    .portal-view.group-view .group-select-group {
        cursor: pointer;
        float: left;
        height: 55px;
        display: inline-block
    }

        .portal-view.group-view .group-select-group .select-placeholder-arrow {
            margin: 0 15px;
            line-height: 55px;
            height: 55px;
            color: #666
        }

        .portal-view.group-view .group-select-group .f1-placeholder-container,
        .portal-view.group-view .group-select-group .fl-owner-container {
            float: left
        }

            .portal-view.group-view .group-select-group .fl-owner-container .fl-facepile {
                float: left;
                margin: 12px 0 0 15px
            }

                .portal-view.group-view .group-select-group .fl-owner-container .fl-facepile .author-notification-content {
                    padding: 0;
                    margin: 0;
                    line-height: 30px
                }

                    .portal-view.group-view .group-select-group .fl-owner-container .fl-facepile .author-notification-content i {
                        font-size: 24px;
                        color: #008272
                    }

            .portal-view.group-view .group-select-group .fl-owner-container .fl-displayname {
                font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
                float: left;
                height: 100%;
                line-height: 55px;
                padding-left: 10px;
                color: #333;
                font-size: 17px
            }

    .portal-view.group-view .group-bar .group-info,
    .portal-view.group-view .group-bar .group-members-count {
        font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
        font-size: 12px;
        display: inline-block
    }

    .portal-view.group-view .group-select-group .fl-owner-container .fl-displayname:hover {
        color: #008272
    }

    .portal-view.group-view .group-bar {
        float: right
    }

        .portal-view.group-view .group-bar .author-notification-content {
            margin: 12.5px 4px
        }

        .portal-view.group-view .group-bar .group-info {
            line-height: 55px;
            margin-right: 15px;
            color: #666;
            min-width: 50px
        }

        .portal-view.group-view .group-bar .group-info-cutting-line {
            display: inline-block;
            width: 1px;
            height: 28px;
            background-color: #C8C8C8;
            vertical-align: middle;
            margin-right: 11px
        }

        .portal-view.group-view .group-bar .group-member-photo {
            float: left
        }

            .portal-view.group-view .group-bar .group-member-photo .author-notification-content {
                margin: 0 4px;
                padding: 0;
                line-height: 30px
            }

        .portal-view.group-view .group-bar .group-members {
            min-width: 30px;
            display: inline-block;
            vertical-align: middle
        }

        .portal-view.group-view .group-bar .group-members-count {
            color: #333;
            line-height: 55px;
            margin: 0 15px 0 6px;
            min-width: 40px
        }

            .portal-view.group-view .group-bar .group-members-count:hover {
                color: #008272
            }

        .portal-view.group-view .group-bar .spinner-tile-animation {
            margin: 25px auto;
            font-size: 4px;
            position: absolute;
            left: calc(90%)
        }

    .portal-view.group-view.expand {
        position: fixed;
        left: 0;
        top: 182px;
        width: 100%
    }

        .portal-view.group-view.expand .group-select-placeholder {
            margin: 0 auto
        }

            .portal-view.group-view.expand .group-select-placeholder .group-select-group {
                float: none
            }

        .portal-view.group-view.expand .group-list-scroll-content {
            overflow: auto
        }

        .portal-view.group-view.expand .group-list-view {
            margin: 0 auto 10px;
            max-height: 380px
        }

            .portal-view.group-view.expand .group-list-view .fl-group-content {
                width: 100%;
                height: 100%
            }

        .portal-view.group-view.expand .group-view-mask {
            height: 100%;
            position: fixed;
            background: rgba(0, 0, 0, .4)
        }

.group-forms-view .fl-tile.fl-empty {
    cursor: auto
}

.group-forms-view .empty-title {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 17px;
    line-height: 20px;
    color: #333;
    margin: 0 15px;
    padding-top: 120px;
    position: relative
}

.group-forms-view .empty-text,
.portal-search-element {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.group-forms-view .empty-text {
    font-size: 14px;
    line-height: 20px;
    color: #666;
    margin: 15px;
    white-space: normal;
    position: relative
}

.group-forms-view .empty-close-button {
    position: absolute;
    left: 226px;
    top: 10px
}

.portal-search-container {
    display: inline-block;
    margin-right: 15px;
    position: absolute;
    top: 0;
    right: 0
}

    .portal-search-container:hover input {
        border-color: #666
    }

        .portal-search-container input:focus,
        .portal-search-container:hover input:focus {
            border-color: #66afe9;
            color: #333
        }

.portal-search-element {
    display: inline-block;
    width: 350px;
    color: #A6A6A6;
    font-size: 14px;
    line-height: 14px
}

    .portal-search-element input {
        border: 1px solid #C8C8C8;
        border-radius: 0
    }

    .portal-search-element > div > input {
        padding-left: 35px
    }

.is-active > div > input {
    padding: 9px
}

.portal-search-clear-button {
    display: inline-block;
    position: absolute;
    top: 12px;
    font-size: 14px;
    color: #666;
    right: 10px
}

    .portal-search-clear-button:focus,
    .portal-search-clear-button:hover {
        color: #333
    }

    .portal-search-clear-button:active {
        color: #008272
    }

.portal-search-live-region {
    font-size: 1px;
    height: 1px;
    width: 1px;
    position: absolute;
    left: -1000px
}

.search-icon {
    position: absolute;
    top: 12px;
    left: 12px;
    font-size: 16px;
    line-height: 16px;
    z-index: 1
}

.portal-search-warning-container {
    text-align: center;
    margin-top: 30px
}

.portal-search-warning-title {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    color: #008272;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 15px
}

.portal-my-form-welcome-text,
.portal-search-warning-message {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: #333
}

.highlight-marked-strings {
    background-color: #FFEE94
}

.portal-my-form-welcome-item-container {
    display: inline-block;
    margin: 20px 35px
}

.portal-my-form-img {
    height: 160px;
    width: 160px
}

.portal-my-form-welcome-text {
    margin-top: 10px
}

.portal-tiles a,
.portal-tiles a:active,
.portal-tiles a:hover,
.portal-tiles a:visited {
    color: inherit;
    text-decoration: none
}

.fl-tile {
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: -webkit-transform, border, box-shadow, margin, opacity, width;
    -moz-transition-property: -webkit-transform, border, box-shadow, margin, opacity, width;
    -o-transition-property: -webkit-transform, border, box-shadow, margin, opacity, width;
    transition-property: -webkit-transform, border, box-shadow, margin, opacity, width;
    cursor: pointer;
    display: inline-block;
    position: relative;
    vertical-align: top;
    white-space: nowrap;
    line-height: 100%;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    overflow: visible;
    height: 280px;
    width: 250px;
    margin: 15px;
    border-radius: 2px 2px 0 0
}

.fl-quiz-tile,
.fl-survey-tile {
    width: 159px;
    top: -10px;
    position: absolute
}

.fl-tile:hover {
    border-color: #969696;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1), 0 2px 10px 0 rgba(0, 0, 0, .2);
    color: inherit
}

.fl-tile,
.fl-tile:active,
.fl-tile:visited {
    color: inherit
}

.fl-new-tile {
    text-align: center;
    background: rgba(255, 255, 255, .7)
}

.fl-survey-tile {
    left: -5px
}

.fl-quiz-tile {
    margin-left: 0;
    left: 161px
}

.fl-tile.fl-group-tile {
    height: 100px;
    width: 255px;
    margin: 10px
}

    .fl-tile.fl-group-tile .group-spinner {
        position: absolute;
        left: calc(50% - 2px);
        transform: scale(.25);
        top: 60px
    }

        .fl-tile.fl-group-tile .group-spinner .spinner-tile-animation {
            font-size: 12px
        }

.portal-creating-card {
    height: 280px;
    width: 250px;
    display: inline-block;
    margin: 15px;
    border-radius: 2px 2px 0 0;
    position: relative;
    background-color: rgba(255, 255, 255, .9)
}

    .portal-creating-card .creating-card-middle-line {
        height: 2px;
        width: 220px;
        margin: 0 15px;
        background-color: #EAEAEA
    }

.portal-creating-card-horizontal {
    height: 190px
}

.fl-form-tile {
    width: 100%;
    height: 139px;
    margin: 0;
    text-align: center;
    box-shadow: none
}

    .fl-form-tile > button {
        padding: 35px 0
    }

        .fl-form-tile > button img {
            height: 37px;
            width: 35px;
            margin-top: -15px
        }

        .fl-form-tile > button .fl-text,
        .fl-form-tile > button .fl-text-hover {
            font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
            font-size: 17px;
            line-height: 17px;
            overflow: inherit;
            white-space: normal;
            width: 100%;
            padding-top: 15px
        }

        .fl-form-tile > button .fl-text {
            color: #333
        }

        .fl-form-tile > button .fl-text-hover {
            color: #212121
        }

.fl-form-tile-horizontal {
    height: 94px
}

    .fl-form-tile-horizontal > button img {
        height: 32px;
        width: 30px;
        margin-top: 0;
        margin-left: 50px
    }

    .fl-form-tile-horizontal > button .fl-text,
    .fl-form-tile-horizontal > button .fl-text-hover {
        padding-top: 0;
        margin-left: 20px;
        text-align: left
    }

.fl-form-projectShimla-tile {
    width: 100%;
    margin: 0;
    text-align: center;
    box-shadow: none
}

    .fl-form-projectShimla-tile > button {
        padding: 35px 0
    }

        .fl-form-projectShimla-tile > button img {
            height: 37px;
            width: 35px;
            margin-top: -15px
        }

        .fl-form-projectShimla-tile > button .fl-text,
        .fl-form-projectShimla-tile > button .fl-text-hover {
            font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
            font-size: 17px;
            line-height: 17px;
            overflow: inherit;
            white-space: normal;
            width: 100%;
            padding-top: 15px
        }

        .fl-form-projectShimla-tile > button .fl-text {
            color: #333
        }

        .fl-form-projectShimla-tile > button .fl-text-hover {
            color: #212121
        }

.fl-new-tile .fl-text,
.fl-new-tile .fl-text-hover {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 18px;
    line-height: 18px;
    height: 18px;
    width: 158px;
    overflow: inherit;
    white-space: normal;
    vertical-align: middle
}

.fl-new-tile .fl-text {
    color: #333
}

.fl-new-tile .fl-text-hover {
    color: #212121
}

.fl-history-tile .fl-owner-container .fl-displayname,
.fl-history-tile .fl-title {
    color: #333;
    position: absolute;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

.fl-new-tile .fl-text:active,
.fl-new-tile .fl-text:hover {
    text-decoration: none
}

.fl-history-tile {
    background: rgba(255, 255, 255, .9)
}

    .fl-history-tile .fl-title {
        font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
        margin: 15px;
        overflow: hidden;
        text-align: left;
        height: 80px;
        width: 220px;
        top: 100px;
        left: 0;
        white-space: pre-wrap;
        word-wrap: break-word
    }

    .delegate-portal-warning-message-container,
    .fl-history-tile .fl-owner-container .fl-displayname {
        font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
    }

.delegate-portal-warning-message-container {
    font-size: 12px;
    text-align: center;
    background-color: #FFF4CE;
    width: 100%;
    padding: 16px 0
}

.delegate-portal-warning-icon {
    font-size: 14px;
    margin-right: 10px;
    vertical-align: middle
}

.new-form-card-image,
.new-form-card-image-customized {
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    height: 100px;
    width: 250px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2px 2px 0 0
}

.new-form-card-image-customized {
    background-position: center
}

.large-size {
    font-size: 28px;
    line-height: 28px
}

.middle-size {
    font-size: 24px;
    line-height: 24px
}

.small-size {
    font-size: 21px;
    line-height: 26px
}

.default-group-icon-container {
    width: 100%;
    height: 100%;
    background-color: #EAEAEA;
    border-radius: 50%
}

.fl-history-tile .fl-owner-container {
    position: absolute;
    bottom: 45px;
    left: 15px
}

    .fl-history-tile .fl-owner-container .fl-facepile {
        height: 26px;
        width: 26px;
        display: inline-block
    }

        .fl-history-tile .fl-owner-container .fl-facepile .author-notification-content {
            height: 26px;
            width: 26px;
            line-height: 26px;
            padding: 0;
            margin: 0
        }

            .fl-history-tile .fl-owner-container .fl-facepile .author-notification-content .author-notification-icon {
                font-size: 14px;
                margin-top: 0
            }

        .fl-history-tile .fl-owner-container .fl-facepile .default-group-icon-container {
            font-size: 16px;
            line-height: 26px
        }

    .fl-history-tile .fl-owner-container .fl-displayname {
        font-size: 12px;
        width: 194px;
        padding-left: 10px;
        top: 4px;
        overflow: hidden;
        text-align: left;
        display: inline
    }

.fl-history-tile.fl-group-tile .fl-owner-container {
    width: 220px;
    height: 46px;
    position: absolute;
    left: 0;
    top: 0;
    margin: 27px 15px 27px 20px
}

    .fl-history-tile.fl-group-tile .fl-owner-container .fl-facepile {
        width: 46px;
        height: 46px;
        position: absolute;
        left: 0
    }

        .fl-history-tile.fl-group-tile .fl-owner-container .fl-facepile .author-notification-content {
            width: 100%;
            height: 100%;
            font-size: 14px;
            line-height: 46px;
            padding: 0
        }

    .fl-history-tile.fl-group-tile .fl-formscount,
    .fl-history-tile.fl-group-tile .fl-owner-container .fl-displayname {
        font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
        padding-left: 15px;
        position: absolute
    }

    .fl-history-tile.fl-group-tile .fl-owner-container .fl-facepile .author-notification-content i {
        font-size: 46px;
        color: #008272
    }

    .fl-history-tile.fl-group-tile .fl-owner-container .fl-facepile .default-group-icon-container {
        font-size: 24px;
        line-height: 46px
    }

    .fl-history-tile.fl-group-tile .fl-owner-container .fl-displayname {
        font-size: 15px;
        line-height: 20px;
        color: #333;
        top: 3px;
        left: 46px;
        width: 159px
    }

.fl-history-tile.fl-group-tile .fl-formscount {
    left: 66px;
    top: 54px;
    font-size: 12px;
    line-height: 16px
}

.new-form-card-middle-line {
    height: 1px;
    width: 240px;
    margin: 0 5px;
    background-color: #EAEAEA;
    position: absolute;
    left: 0;
    bottom: 34px
}

.fl-form-detail-container,
.fl-history-tile .fl-collectionStop-text {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    bottom: 11px;
    right: 15px;
    font-size: 12px;
    line-height: 12px
}

.fl-form-detail-container {
    color: #333;
    position: absolute;
    left: 15px;
    display: flex;
    justify-content: space-between
}

.fl-history-tile .fl-response-text {
    margin-left: 10px
}

.fl-response-count-spinner {
    text-align: center;
    -moz-transform: scale(.3);
    -ms-transform: scale(.3);
    -o-transform: scale(.3);
    -webkit-transform: scale(.3);
    transform: scale(.3);
    position: relative;
    top: 0;
    left: 8px;
    display: inline-block;
    margin-right: 10px
}

.fl-history-tile .fl-collectionStop-text {
    position: absolute;
    left: initial;
    color: #CA1E1E
}

.fl-content {
    width: 100%;
    height: 100%
}

@media screen and (-ms-high-contrast:active) {
    .fl-content {
        border: 0;
        margin: 0
    }

    .fl-menu-button {
        margin: 0
    }
}

.fl-thumb {
    background-color: #fff;
    border-radius: 0;
    height: 94px;
    left: 2px;
    top: 2px;
    width: 148px;
    border: none;
    cursor: pointer;
    display: table-cell;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: middle
}

.fl-menu-button {
    height: 30px;
    right: 0;
    width: 35px;
    top: 0;
    border: 1px solid transparent;
    cursor: pointer;
    position: absolute;
    line-height: 14px;
    text-align: center;
    z-index: 2;
    color: #FFF;
    font-size: 14px;
    border-top-right-radius: 2px;
    background-color: rgba(0, 0, 0, .1)
}

    .fl-menu-button:hover {
        background-color: rgba(0, 0, 0, .3)
    }

    .fl-menu-button.in-menu:hover {
        background-color: #666
    }

.fl-error-message-bar {
    display: inline-flex;
    position: absolute;
    top: 70px;
    left: 0;
    height: 30px;
    width: 100%;
    align-items: center;
    background: #FED9CC;
    padding: 0 15px
}

.fl-category-label,
.fl-type-label {
    right: 15px;
    bottom: 50px;
    width: 18px;
    height: 18px;
    position: absolute
}

.fl-error-message-bar .fl-error-icon {
    color: #A80000
}

.fl-error-message-bar .fl-error-message {
    margin-left: 5px;
    color: #333;
    font-size: 12px
}

.fl-category-outlook {
    background-image: url(../../Images/PortalMyForms/outlook-icon.png)
}

.fl-category-teams {
    background-image: url(../../Images/PortalMyForms/teams-icon_20px.png)
}

.fl-category-assignments {
    background-image: url(../../Images/PortalMyForms/assignment-icon-36px.png);
    background-size: 100%
}

.fl-category-poll {
    background-image: url(../../Images/PortalMyForms/poll-icon-36px.png);
    background-size: 100%
}

.fl-type-survey {
    background-image: url(../../Images/PortalMyForms/survey-icon.png);
    background-size: 100%
}

.fl-g {
    background: linear-gradient(to left, #E8E8E8 40%, transparent);
    -webkit-transition: opacity 150ms;
    -moz-transition: opacity 150ms;
    -o-transition: opacity 150ms;
    transition: opacity 150ms;
    border: none;
    position: absolute;
    height: 30px;
    right: 0;
    width: 30px;
    top: 100px
}

.form-introduction-dialog-div {
    transition: opacity .3s ease;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, .4)
}

.form-introduction-dialog-get-start-container {
    position: relative;
    top: calc(50% - 282px);
    max-width: 750px;
    background-color: #FFF;
    margin: 0 auto;
    box-shadow: rgba(0, 0, 0, .2) 0 0 5px;
    text-align: center
}

.form-introduction-dialog-close-button {
    position: absolute;
    top: 0;
    right: 0;
    color: #666;
    font-size: 16px;
    margin: 20px
}

    .form-introduction-dialog-close-button:hover {
        color: #333
    }

.form-introduction-dialog-title-container {
    font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    padding-top: 35px
}

.form-introduction-dialog-image-text,
.form-introduction-dialog-text {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.form-introduction-dialog-title {
    font-size: 35px;
    color: #333;
    line-height: 47px;
    padding-bottom: 8px
}

.form-introduction-dialog-subtitle {
    font-size: 21px;
    line-height: 28px;
    color: #666;
    padding-bottom: 35px
}

.form-introduction-dialog-container {
    background-color: #E7F2F4
}

.form-introduction-dialog-image-container {
    padding: 40px 0
}

.form-introduction-dialog-msa-image-container {
    padding: 25px 0 30px
}

.form-introduction-dialog-image {
    display: inline-block;
    margin: 0 45px
}

.form-introduction-dialog-image-text {
    font-size: 15px;
    line-height: 19px;
    color: #666;
    margin-top: 8px
}

.form-introduction-dialog-image-text-container {
    margin-top: 25px;
    margin-bottom: 15px;
    padding: 0 20px
}

.form-introduction-dialog-text {
    font-size: 14px;
    line-height: 23px;
    color: #666
}

.form-introduction-dialog-image-text-container .form-introduction-dialog-text span {
    font-family: wf_segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    color: #008272
}

.form-introduction-dialog-upgrade-action-text {
    margin-left: 3px;
    cursor: pointer;
    color: #337AB7
}

    .form-introduction-dialog-upgrade-action-text:active,
    .form-introduction-dialog-upgrade-action-text:hover,
    .form-introduction-dialog-upgrade-action-text:visited {
        color: #335DD7
    }

.form-introduction-dialog-button {
    background-color: #008272;
    color: #FFF;
    font-size: 15px;
    line-height: 15px;
    height: 40px;
    padding: 5px 30px;
    margin-bottom: 39px
}

    .form-introduction-dialog-button:hover {
        background-color: #004B50
    }

.portal-view-form-card-copy-remove-container,
.portal-view-form-card-delete-cancel-container {
    background: rgba(0, 0, 0, .8);
    width: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    height: 100%;
    text-align: center;
    cursor: default;
    white-space: normal;
    word-break: break-word
}

    .portal-view-form-card-copy-remove-container:focus,
    .portal-view-form-card-delete-cancel-container:focus {
        outline: 0
    }

    .portal-view-form-card-copy-remove-container .unpinIconClass:before,
    .portal-view-form-card-delete-cancel-container .unpinIconClass:before {
        margin: 2px 0 0;
        vertical-align: top
    }

.recycleBin-view-content .portal-view-form-card-copy-remove-container {
    visibility: hidden
}

    .branch-design-question-card.active > .branch-design-card > .branch-selector .select-arrow,
    .branch-design-question-card.active > .branch-design-card > .branch-selector.default-value,
    .branch-design-section-footer > .branch-selector .select-arrow,
    .branch-design-section-footer > .branch-selector.default-value,
    .recycleBin-view-content .portal-view-form-card-copy-remove-container.enter {
        visibility: visible
    }

.portal-view-form-card-copy-remove-container .buttons-container {
    margin: auto;
    height: 100%;
    width: 76%;
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap
}

.portal-view-form-card-delete-cancel-container .checkbox-container,
.portal-view-form-card-delete-cancel-container .description-container {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    line-height: 22px;
    bottom: calc(50% + 15px);
    left: 25px;
    width: 200px;
    position: absolute
}

.portal-view-form-card-copy-remove-container .buttons-container button {
    margin: 15px 10px;
    display: inline-block;
    min-width: 70px;
    max-width: calc(50% + 45px);
    font-size: 32px;
    color: #FFF
}

    .portal-view-form-card-copy-remove-container .buttons-container button:only-child {
        justify-content: center;
        margin: auto
    }

    .portal-view-form-card-copy-remove-container .buttons-container button:nth-child(odd) {
        margin-right: auto
    }

    .portal-view-form-card-copy-remove-container .buttons-container button:nth-child(even) {
        margin-left: auto
    }

    .portal-view-form-card-copy-remove-container .buttons-container button:hover {
        color: #A6A6A6
    }

.portal-view-form-card-delete-cancel-container .description-container {
    color: #FFF;
    font-size: 17px
}

.portal-view-form-card-delete-cancel-container .checkbox-container {
    color: #FFF;
    font-size: 14px;
    text-align: left
}

    .fl-menu-text,
    .portal-view-form-card-delete-cancel-container .checkbox-container span {
        font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
    }

    .portal-view-form-card-delete-cancel-container .checkbox-container input {
        width: 18px;
        height: 18px;
        margin-left: -30px
    }

    .portal-view-form-card-delete-cancel-container .checkbox-container label {
        padding-left: 30px
    }

    .portal-view-form-card-delete-cancel-container .checkbox-container span {
        font-size: 13px
    }

.portal-view-form-card-delete-cancel-container .buttons-container {
    position: absolute;
    top: calc(50% + 5px);
    left: 15px
}

    .portal-view-form-card-delete-cancel-container .buttons-container .fl-menu-confirm-delete:active {
        background-color: #008272;
        color: #FFF
    }

    .portal-view-form-card-delete-cancel-container .buttons-container .fl-menu-confirm-delete:disabled,
    .portal-view-form-card-delete-cancel-container .buttons-container .fl-menu-confirm-delete:disabled:hover {
        background-color: #F4F4F4;
        color: #A6A6A6
    }

.loading-square-wave-container {
    width: 100%;
    margin-left: 34px;
    margin-top: 5px
}

.fl-menu-text {
    font-size: 14px;
    margin-top: 7px
}

.fl-menu-confirm-delete {
    font-size: 15px;
    line-height: 15px;
    color: #333;
    margin: 10px;
    background-color: #FFF;
    height: 40px;
    width: 90px;
    outline: transparent solid 1px
}

    .fl-menu-confirm-delete:hover {
        background-color: #EAEAEA
    }

    .fl-menu-confirm-delete:focus {
        outline: #FFF dashed 1px
    }

.flex-pane-option-dropdown-element .dropdown > .btn:focus,
.flex-pane-option-dropdown-element > .select-control:focus {
    outline: #000 dashed 1px
}

.portal-tiles-spinner-overlay {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #666;
    opacity: .5
}

.portal-tiles-spinner-history {
    margin: 129px 119px
}

.portal-tiles-theme-spinner-overlay {
    position: absolute;
    z-index: 1;
    width: 250px;
    height: 100px;
    background: #666;
    opacity: .5;
    top: 0;
    left: 0
}

.portal-tiles-theme-spinner-history {
    margin: 47px 119px
}

.portal-other-form-warning-img {
    height: 150px;
    width: 150px
}

.portal-other-form-warning-container {
    text-align: center;
    position: absolute;
    top: calc(50% - 90px);
    left: calc(50% - 185px)
}

.portal-other-form-warning-title {
    font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 21px;
    line-height: 28px;
    color: #666;
    margin: 35px 0 10px
}

.portal-other-forms-warning-content {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 14px;
    line-height: 19px;
    color: #666
}

.flex-pane-content-title,
.portal-footer {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.portal-footer {
    background-color: #333;
    color: #C8C8C8;
    font-size: 11px;
    min-height: 40px;
    padding: 0 30px
}

    .portal-footer > div {
        float: right
    }

.portal-footer-link {
    margin-left: 30px;
    padding: 10px 0;
    background: 0 0;
    border: none;
    display: inline
}

    .portal-footer-link.button-control {
        cursor: pointer
    }

.preview-student-feedback-view-student-name-label {
    margin: 15px 0;
    font-weight: 600
}

.design-question-short-correct-answer-box {
    display: inline-block;
    background-color: #ebebeb;
    border: 1px solid #bababa;
    padding: 6px 40px 6px 14px;
    margin-right: 5px;
    margin-top: 8px;
    white-space: pre-wrap;
    line-height: 22px;
    cursor: default;
    vertical-align: top;
    position: relative;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word
}

.class-for-like,
.customized-theme-color-snapshot:hover,
.feedback-button,
.suggest-theme-color-snapshot:hover,
.upgrade-pane-buy-link {
    cursor: pointer
}

.design-question-short-correct-answer-box:focus,
.design-question-short-correct-answer-box:hover {
    background-color: #F8F8F8;
    border-color: #898989
}

.design-question-short-correct-answer-box .office-form-right-answerkey,
.design-question-short-correct-answer-delete-button {
    border: 0;
    height: 22px;
    max-height: 22px;
    font-size: 17px;
    position: absolute;
    right: 10px
}

.design-question-short-correct-answer-box .office-form-right-answerkey {
    top: 9px
}

.design-question-short-correct-answer-delete-button {
    top: 3px;
    color: #666
}

    .design-question-short-correct-answer-delete-button:hover {
        color: #333
    }

.design-question-short-add-answer-button {
    padding: 0;
    border: 0;
    margin-top: calc(8px + 3px)
}

    .design-question-short-add-answer-button .design-question-plus-icon:before {
        margin-left: 0
    }

.design-question-short-correct-answer-container {
    display: inline-block;
    width: 100%;
    max-width: 300px;
    vertical-align: top;
    margin-top: calc(8px - 1px);
    height: 36px
}

.design-question-short-correct-math-answer-container {
    display: inline-block;
    width: 420px;
    vertical-align: top;
    margin-top: 8px
}

    .design-question-short-correct-math-answer-container > .office-form-textfield-input,
    .design-question-short-correct-math-answer-container > .office-form-textfield-input:hover {
        display: inline-block;
        vertical-align: middle;
        min-height: 40px;
        width: 100%
    }

.design-question-short-correct-answer-input {
    height: 36px
}

.design-question-short-correct-math-answer-container > .design-question-short-correct-answer-input:hover {
    padding-right: 46px
}

.design-question-short-correct-answer-box-margin:nth-last-child(2) {
    margin-right: 20px
}

.simplified-top-nav-bar {
    width: 100%;
    max-width: 850px;
    background-color: #fff;
    height: 50px;
    margin: 10px auto 0;
    padding: 0 50px
}

    .simplified-top-nav-bar [class^=ms-Icon--]:before {
        margin: 0
    }

    .simplified-top-nav-bar.navbar-content {
        line-height: inherit
    }

.results-view-container {
    padding-top: 20px;
    background-color: #fff
}

    .results-view-container .analyze-view-summary-table {
        margin-top: 0
    }

    .results-view-container .form-renderer-section-breaker {
        background: #eee;
        height: 18px;
        border: 1px solid #eee;
        margin-left: -60px;
        width: calc(120%);
        margin-top: 20px;
        margin-bottom: 30px
    }

.analyze-view-nav-bar {
    margin-top: 17px;
    padding-bottom: 14px;
    border-bottom: 2px #EAEAEA solid;
    display: flex;
    width: 100%
}

.analyze-view-nav-bar-left-button-container {
    flex-grow: 1
}

.analyze-view-nav-button.analyze-view-nav-button {
    min-width: 120px;
    color: #fff;
    height: 40px;
    padding: 8px;
    margin-right: 8px;
    font-weight: 600;
    font-size: 14px
}

    .analyze-view-nav-button.analyze-view-nav-button[disabled],
    .analyze-view-nav-button.analyze-view-nav-button[disabled]:hover {
        background-color: #cecece
    }

.back-to-normal-view-button {
    font-size: 17px;
    display: table;
    margin-top: 5px
}

    .back-to-normal-view-button:active,
    .back-to-normal-view-button:hover,
    .back-to-normal-view-button:link,
    .back-to-normal-view-button:visited {
        color: #000;
        text-decoration: none;
        border: 0
    }

    .back-to-normal-view-button .back-to-normal-view-text {
        display: table-cell;
        vertical-align: middle
    }

        .back-to-normal-view-button .back-to-normal-view-text:active,
        .back-to-normal-view-button .back-to-normal-view-text:hover,
        .back-to-normal-view-button .back-to-normal-view-text:link,
        .back-to-normal-view-button .back-to-normal-view-text:visited {
            text-decoration: underline
        }

.swBar a,
.swTileLink:focus,
.swTileLink:hover,
.upgrade-pane-buy-link:active,
.upgrade-pane-buy-link:focus,
.upgrade-pane-buy-link:hover {
    text-decoration: none
}

.back-to-normal-view-button .back-to-normal-view-chevron {
    font-size: 20px
}

.slideLeftIn {
    animation-name: fadeIn, slideLeftInKeyFrames;
    -webkit-animation-duration: 367ms;
    -moz-animation-duration: 367ms;
    -ms-animation-duration: 367ms;
    -o-animation-duration: 367ms;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

body[dir=rtl] .slideLeftIn {
    animation-name: fadeIn, slideRightInKeyFrames
}

.slideRightOut {
    animation-name: fadeOut, slideRightOutKeyFrames;
    -webkit-animation-duration: 167ms;
    -moz-animation-duration: 167ms;
    -ms-animation-duration: 167ms;
    -o-animation-duration: 167ms;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

body[dir=rtl] .slideRightOut {
    animation-name: fadeOut, slideLeftOutKeyFrames
}

@keyframes slideRightOutKeyFrames {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideLeftInKeyFrames {
    from {
        transform: translate3d(100%, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideLeftOutKeyFrames {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideRightInKeyFrames {
    from {
        transform: translate3d(-100%, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        animation-timing-function: cubic-bezier(.1, .25, .75, .9)
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        animation-timing-function: cubic-bezier(.1, .25, .75, .9)
    }

    to {
        opacity: 0
    }
}

.flex-pane-board {
    border-left: 1px #bbb solid;
    position: absolute;
    right: 2px;
    top: 0;
    bottom: 2px;
    z-index: 100;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto
}

#flex-pane-share-pane {
    height: 100%;
    padding-top: 10px;
    font-size: 14px
}

    #flex-pane-share-pane .flex-pane-board {
        left: 0
    }

#flex-pane-share-options {
    min-height: calc(100% - 240px)
}

.flex-pane-content {
    padding: 10px 20px;
    width: 400px
}

    .flex-pane-content.focus {
        background-color: #f4f4f4
    }

    .flex-pane-content .settingPaneBack {
        margin-right: 5px
    }

    .flex-pane-content .flex-pane-anonymous-tip {
        top: 74px;
        left: 17px
    }

.flex-pane-icon-container {
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    background: #F4F4F4;
    margin-right: 10px;
    width: 40px;
    text-align: center;
    padding-top: 3px
}

.flex-pane-content-title {
    font-size: 17px;
    color: #008272
}

.flex-pane-dropdown-option-alert-message,
.flex-pane-option-dropdown-element .dropdown > .btn:first-child,
.flex-pane-option-dropdown-element > .select-control > .select-placeholder,
.flex-pane-phishing-notice,
.flex-pane-textbox {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.flex-pane-content-title:last-child {
    margin-bottom: 10px
}

.flex-pane-content-title > span {
    display: inline-block;
    max-width: calc(100% - 60px);
    vertical-align: middle
}

.flex-pane-content-body,
.flex-pane-content-body-container {
    padding-left: 60px;
    width: 100%;
    display: inline-block
}

    .flex-pane-content-body > * {
        margin-top: 10px
    }

.flex-pane-share-form-content-container {
    position: relative
}

.flex-pane-share-form-content-body {
    width: 100%;
    background-color: #F4F4F4;
    display: flex;
    align-items: center
}

.flex-pane-share-form-spinner-container {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .5)
}

.flex-pane-share-form-checkbox-status {
    display: inline-block;
    vertical-align: sub
}

.flex-pane-subtitle {
    color: #666;
    padding-bottom: 15px
}

.flex-pane-textbox {
    font-size: 14px;
    display: inline-block;
    color: #333;
    padding: 4px;
    height: 30px;
    border: 1px solid #bababa;
    box-sizing: content-box;
    width: calc(100% - 80px);
    min-width: 190px
}

.flex-pane-share-options-container {
    width: 400px
}

.flex-pane-phishing-notice {
    margin-top: -10px;
    padding: 15px 20px;
    background: #FFD1D0;
    color: #BB200D;
    border: 1px solid #E5A195
}

    .flex-pane-phishing-notice + .flex-pane-collect-response-container {
        padding-top: 20px
    }

.flex-pane-collect-response-container {
    position: relative;
    padding: 30px 20px 35px
}

.flex-pane-option-container-share {
    padding: 15px 20px
}

    .flex-pane-option-container-share .flex-pane-option-dropdown-element .select-control .select-option-menu-container .select-option .select-option-content .select-option-state {
        position: absolute;
        margin-top: 5px
    }

    .flex-pane-option-container-share .flex-pane-option-dropdown-element .select-control .select-option-menu-container .select-option .select-option-content .share-to-collaborate-content {
        margin-left: 25px;
        display: inline-block
    }

.flex-pane-option-dropdown-element > .select-control > .select-option-menu-container > .select-option > .select-option-content .flex-pane-dropdown-option-alert,
.flex-pane-option-dropdown-element > .select-control > .select-placeholder .flex-pane-dropdown-option-alert {
    display: none
}

.flex-pane-share-option-button {
    font-size: 18px;
    margin-bottom: 10px
}

.flex-pane-option-dropdown-element > .select-control > .select-placeholder {
    color: #008272;
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 15px;
    overflow-x: hidden;
    text-overflow: ellipsis
}

    .flex-pane-option-dropdown-element > .select-control > .select-placeholder:hover {
        color: #004B50
    }

.flex-pane-option-dropdown-element > .select-control > .select-option-menu-container {
    background-color: #FFF;
    border: 1px solid #EAEAEA;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    width: 100%;
    padding: 0
}

    .flex-pane-option-dropdown-element > .select-control > .select-option-menu-container > .select-option {
        border-bottom: solid thin;
        border-color: #EAEAEA;
        padding: 6px;
        width: 100%
    }

        .flex-pane-option-dropdown-element > .select-control > .select-option-menu-container > .select-option > .select-option-content {
            font-size: 14px;
            font-weight: 400;
            white-space: normal;
            padding: 6px 0;
            margin: 0
        }

        .flex-pane-option-dropdown-element > .select-control > .select-option-menu-container > .select-option:hover {
            background-color: #F4F4F4
        }

        .flex-pane-option-dropdown-element > .select-control > .select-option-menu-container > .select-option.selected {
            color: #333
        }

        .flex-pane-option-dropdown-element > .select-control > .select-option-menu-container > .select-option.disabled {
            color: #A6A6A6
        }

            .flex-pane-option-dropdown-element > .select-control > .select-option-menu-container > .select-option.disabled:hover,
            .flex-pane-option-dropdown-element > .select-control > .select-option-menu-container > .select-option.disabled > .select-option-content:hover {
                background-color: #FFF
            }

            .flex-pane-option-dropdown-element > .select-control > .select-option-menu-container > .select-option.disabled .flex-pane-dropdown-option-alert {
                width: 15px;
                font-size: 14px;
                padding: 0 5px;
                color: #333;
                display: inline-block
            }

                .flex-pane-option-dropdown-element > .select-control > .select-option-menu-container > .select-option.disabled .flex-pane-dropdown-option-alert:hover .flex-pane-dropdown-option-alert-message {
                    display: block
                }

.flex-pane-dropdown-option-alert-message {
    font-size: 14px;
    color: #000;
    background-color: #FFF;
    border: 2px solid #000;
    display: none;
    position: absolute;
    top: -50px;
    right: -2px;
    padding: 10px;
    width: 250px
}

.flex-pane-option-dropdown-element .dropdown .dropdown-toggle {
    background: #F4F4F4
}

.flex-pane-option-dropdown-element .dropdown > .btn {
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    text-align: left;
    padding: 6px 0
}

    .flex-pane-option-dropdown-element .dropdown > .btn:hover {
        background-color: #F4F4F4
    }

    .flex-pane-option-dropdown-element .dropdown > .btn:first-child {
        font-weight: 400;
        font-size: 14px;
        color: #008272;
        background-color: transparent;
        white-space: normal;
        padding-top: 10px;
        padding-bottom: 15px
    }

.flex-pane-option-dropdown-element .dropdown > .dropdown-menu {
    border-radius: 0;
    border-color: #000;
    width: 100%;
    padding: 0
}

    .flex-pane-option-dropdown-element .dropdown > .dropdown-menu > li {
        border-bottom: solid thin;
        border-color: #d3d3d3;
        padding: 6px
    }

        .flex-pane-option-dropdown-element .dropdown > .dropdown-menu > li > a > .list-group-item-heading {
            font-size: 14px;
            font-weight: 400;
            white-space: normal;
            margin: 5px 0
        }

        .flex-pane-option-dropdown-element .dropdown > .dropdown-menu > li > a > .list-group-item-text {
            white-space: pre-wrap;
            line-height: 1.8
        }

        .flex-pane-option-dropdown-element .dropdown > .dropdown-menu > li:last-child {
            border-bottom: none
        }

.flex-pane-collaborate-dropdown-spinner-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: rgba(255, 255, 255, .5)
}

.flex-pane-collaborate-dropdown-spinner-content {
    position: absolute;
    top: 20px;
    left: calc(50% - 5px);
    transform: scale(.4)
}

.flex-pane-content-container-title {
    font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 21px;
    padding-bottom: 10px
}

.flex-pane-anonymous-warning-icon {
    margin-left: 10px
}

.flex-pane-anonymous-tip {
    position: absolute;
    display: none;
    z-index: 11;
    top: 82px;
    left: 5px
}

    .flex-pane-anonymous-tip .flex-pane-anonymous-tip-text {
        width: 363px;
        background: #fff;
        border: 1px solid #A6A6A6;
        color: #333;
        font-size: 12px;
        padding: 5px
    }

    .flex-pane-anonymous-tip .flex-pane-anonymous-tip-beak {
        width: 10px;
        border-top: 5px solid #A6A6A6;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: none;
        margin-left: 265px
    }

    .flex-pane-anonymous-tip .flex-pane-anonymous-tip-beak-shadow {
        width: 8px;
        border-top: 5px solid #fff;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: none;
        transform: translate(266px, -6px);
        -ms-transform: translate(266px, -6px);
        -moz-transform: translate(266px, -6px);
        -webkit-transform: translate(266px, -6px);
        -o-transform: translate(266px, -6px)
    }

.flex-pane-option-content {
    width: 360px;
    position: relative
}

    .flex-pane-option-content .flex-pane-content {
        padding: 0;
        width: 100%
    }

    .flex-pane-option-content .flex-pane-content-body,
    .flex-pane-option-content .flex-pane-content-body-container {
        padding-left: 0
    }

.flex-pane-dark-container {
    width: 100%
}

.flex-pane-collect-response-content-container {
    background: #F3F3F3;
    padding: 20px
}

.flex-pane-channel-title-container {
    margin-left: 10px;
    position: relative
}

.flex-pane-channel-title {
    display: inline-block;
    margin: 10px 30px 0 0;
    vertical-align: middle
}

    .flex-pane-channel-title > .flex-pane-icon {
        padding: 0
    }

.flex-pane-channel-content {
    background-color: #F4F4F4
}

    .flex-pane-channel-content > .flex-pane-content-body,
    .flex-pane-channel-content > .flex-pane-content-body-container {
        padding: 20px
    }

.flex-pane-more-channel-box {
    display: inline-block
}

.flex-pane-more-channel-div {
    width: 20px;
    height: 20px;
    background: #F4F4F4;
    margin-left: 10px;
    margin-top: -10px;
    transform: rotate(45deg)
}

.flex-pane-more-channel-option {
    font-size: 28px;
    background: #EAEAEA;
    color: #008272;
    height: 40px;
    width: 40px;
    border-radius: 20px;
    margin: 10px 15px 0 0;
    vertical-align: middle
}

    .flex-pane-more-channel-option.qr-font-size {
        font-size: 18px;
        font-weight: 300
    }

    .flex-pane-more-channel-option.active {
        background: #008272;
        color: #FFF
    }

        .flex-pane-more-channel-option.active .ms-Icon--qrcodeIcon {
            background-image: url(../../Images/sharing/qr-white-icon.png)
        }

    .flex-pane-more-channel-option .sharepane-response-link-icon {
        margin-left: -2px
    }

@media screen and (-ms-high-contrast:active) {
    .flex-pane-more-channel-option.active {
        border-width: 2px
    }
}

.flex-pane-more-channel-icon {
    color: #008272
}

    .flex-pane-more-channel-icon.active {
        color: #FFF
    }

.flex-pane-sharelink-container {
    background-color: #F4F4F4;
    padding: 6px 14px;
    position: relative
}

    .flex-pane-sharelink-container:hover {
        background-color: #EAEAEA
    }

.flex-pane-sharelink-button {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 17px;
    max-width: 300px;
    color: #008272
}

.flex-pane-confirm-delete-container,
.flex-pane-share-content-title {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.flex-pane-sharelink-button > .share-link-plus-icon {
    margin-top: -5px;
    font-size: 16px
}

.flex-pane-sharelink-button > .flex-pane-share-link-text {
    margin-top: -5px;
    padding-left: 10px
}

.flex-pane-sharelink-button > span {
    display: table-cell
}

.flex-pane-sharelink-button:hover .flex-pane-share-link-text {
    color: #004B50
}

.flex-pane-share-link-text {
    color: #333;
    margin-left: 8px
}

.flex-pane-share-content-copy {
    display: inline-block;
    width: 90%;
    border-right: 1px solid #FFF;
    vertical-align: middle;
    padding: 20px 10px 20px 20px
}

.flex-pane-share-content-title {
    color: #008272;
    font-size: 14px;
    padding: 10px 0 15px
}

.flex-pane-share-content-delete-button {
    height: 72px;
    width: 10%;
    font-size: 18px;
    vertical-align: middle;
    color: #666
}

    .flex-pane-share-content-delete-button:hover {
        color: #333
    }

    .flex-pane-share-content-delete-button:disabled {
        color: #A6A6A6
    }

.flex-pane-confirm-delete-container {
    font-size: 15px;
    background-color: #F4F4F4
}

.flex-pane-confirm-delete-title {
    height: 50%;
    width: 100%;
    padding: 10px 38px 0;
    font-size: 14px
}

.flex-pane-confirm-delete-button-container {
    text-align: center
}

.flex-pane-confirm-delete-option {
    min-width: 120px;
    height: 40px;
    background-color: #FFF;
    margin: 12px 22px
}

.flex-pane-button,
.flex-pane-button-QRCodePlus {
    padding: 5px;
    border: 0;
    min-width: 60px;
    vertical-align: top;
    float: right
}

.flex-pane-confirm-delete-option:hover {
    background-color: #EAEAEA
}

.flex-pane-delete-share-link-spinner {
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
    transform: scale(.5)
}

#flex-pane-qrcode-img .flex-pane-button,
#flex-pane-qrcode-img .flex-pane-button-QRCodePlus {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    left: 0
}

.flex-pane-share-form-spinner {
    display: inline-block;
    transform: scale(.4);
    position: absolute;
    top: calc(50% - 4px);
    right: 15px
}

.flex-pane-button {
    background-color: #008272;
    height: 40px;
    color: #fff;
    outline: transparent solid 1px
}

    .flex-pane-button:hover {
        background-color: #004B50;
        color: #FFF
    }

    .flex-pane-button:focus {
        outline: #000 dashed 1px
    }

    .flex-pane-button:active {
        background-color: #212121;
        color: #fff
    }

    .flex-pane-button:disabled {
        background: #C8C8C8;
        color: #FFF
    }

.flex-pane-button-QRCodePlus {
    background-color: #008272;
    line-height: 22px;
    color: #fff;
    outline: transparent solid 1px
}

    .flex-pane-button-QRCodePlus:focus,
    .upgrade-plan-premium-button:focus,
    .upgrade-plan-try-button:focus {
        outline: #000 dashed 1px
    }

    .flex-pane-button-QRCodePlus:hover {
        background-color: #004B50;
        color: #FFF
    }

    .flex-pane-button-QRCodePlus:active {
        background-color: #212121;
        color: #fff
    }

    .flex-pane-button-QRCodePlus:disabled {
        background: #C8C8C8;
        color: #FFF
    }

#flex-pane-qrcode-canvas {
    position: relative;
    margin-top: 10px
}

    #flex-pane-qrcode-canvas > img {
        width: 160px
    }

    #flex-pane-qrcode-canvas > canvas {
        display: none
    }

    #flex-pane-qrcode-canvas > div {
        display: inline-block;
        width: 140px;
        min-height: 160px;
        vertical-align: top;
        position: relative;
        padding-left: 20px;
        padding-bottom: 40px
    }

    #flex-pane-qrcode-canvas span {
        display: inline-block;
        font-size: 12px;
        color: #666
    }

    #flex-pane-qrcode-canvas .flex-pane-button {
        position: absolute;
        bottom: 0;
        right: 0;
        min-width: 106px;
        font-size: 14px
    }

#flex-pane-qrcode-img {
    position: relative
}

    #flex-pane-qrcode-img > img {
        width: 160px
    }

    #flex-pane-qrcode-img > .flex-pane-qrcode-container {
        display: inline-block;
        width: 160px;
        min-height: 160px;
        vertical-align: top;
        position: relative
    }

    #flex-pane-qrcode-img span {
        display: inline-block;
        font-size: 12px;
        color: #666;
        padding-right: 30px
    }

    #flex-pane-qrcode-img .flex-pane-button {
        font-size: 15px;
        position: absolute;
        bottom: 0;
        min-width: 106px
    }

    #flex-pane-qrcode-img .flex-pane-button-QRCodePlus {
        font-size: 14px;
        position: absolute;
        bottom: 27px;
        min-width: 106px
    }

#flex-pane-setting-headline {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 17px;
    color: #008272;
    height: 50px;
    display: table
}

    #flex-pane-setting-headline > div {
        display: table-cell;
        vertical-align: bottom
    }

.flex-pane-quota-tipbar-container {
    width: 400px;
    margin: 5px 0 15px -20px;
    color: #BB200D;
    background-color: #FFD1D0;
    border: 1px solid #E5A195;
    font-size: 14px
}

.flex-pane-quota-tipbar-content {
    margin: 13px 15px;
    display: flex
}

.flex-pane-quota-tipbar-icon {
    margin-right: 6px;
    vertical-align: middle
}

.flex-pane-quota-tipbar-txt {
    margin-right: 15px
}

.flex-pane-updrade-plan-content {
    padding: 65px 20px
}

.updrade-plan-ribbon-container {
    left: -5px;
    position: absolute;
    top: -5px;
    width: 120px;
    height: 120px;
    overflow: hidden;
    font-size: 12px;
    text-align: center;
    font-weight: 400
}

.updrade-plan-ribbon {
    left: -40px;
    position: absolute;
    top: 28px;
    width: 175px;
    padding: 8px 0;
    transform: rotate(-45deg);
    background: #008272;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    white-space: nowrap
}

.upgrade-plan-img-header-container {
    width: 188px;
    height: 44px;
    margin: 0 auto
}

.upgrade-plan-txt-header-container {
    margin: 25px 0;
    text-align: center;
    color: #333
}

.upgrade-plan-txt-header1 {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400
}

.upgrade-plan-txt-header2 {
    font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 24px
}

.setting-pane-toggle-item-title,
.upgrade-plan-apps-list-txt {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.flex-pane-updrade-plan-content .list-control-ul {
    margin-left: 20%
}

.list-control-contanier .list-control-ul {
    text-align: left;
    list-style-type: none;
    padding-left: 0
}

    .list-control-contanier .list-control-ul li {
        display: inline;
        margin-left: auto;
        margin-right: auto
    }

.list-control-contanier .list-control-item {
    margin-bottom: 5px;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

    .list-control-contanier .list-control-item .list-control-icon {
        color: #008272;
        font-size: 16px;
        margin-right: 10px;
        vertical-align: middle
    }

    .list-control-contanier .list-control-item .list-control-item-text {
        width: 180px;
        color: #333
    }

.upgrade-plan-apps-list-container {
    margin-top: 25px;
    text-align: center;
    padding: 0 30px
}

.upgrade-plan-apps-list-txt {
    font-size: 13px;
    color: #666
}

.upgrade-plan-apps-list-icons {
    margin-top: 12px;
    margin-bottom: 35px;
    font-size: 23px
}

.setting-page-title,
.upgrade-plan-annul-price {
    font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 21px
}

.upgrade-plan-apps-list-icons .upgrade-plan-icon-word {
    color: #2B57A0
}

.upgrade-plan-apps-list-icons .upgrade-plan-icon-excel {
    color: #217346
}

.upgrade-plan-apps-list-icons .upgrade-plan-icon-powerpoint {
    color: #D74726
}

.upgrade-plan-apps-list-icons .upgrade-plan-icon-onenote {
    color: #5C2D93
}

.upgrade-plan-annul-price {
    color: #333;
    text-align: center
}

.upgrade-plan-buttons {
    text-align: center
}

.upgrade-plan-button {
    min-width: 225px;
    min-height: 40px;
    padding: 0 70px;
    margin: 10px auto 0
}

.upgrade-plan-premium-button {
    background-color: #008272;
    color: #FFF
}

    .upgrade-plan-premium-button:active,
    .upgrade-plan-premium-button:focus,
    .upgrade-plan-premium-button:hover {
        background-color: #004B50
    }

.upgrade-plan-try-button {
    background-color: #F4F4F4
}

    .upgrade-plan-try-button:active,
    .upgrade-plan-try-button:focus,
    .upgrade-plan-try-button:hover {
        background-color: #C8C8C8
    }

.upgrade-pane-buy-link {
    margin-top: 15px;
    margin-left: 15%;
    white-space: nowrap
}

.setting-page-title {
    color: #333;
    line-height: 22px;
    margin-left: 20px;
    margin-top: 30px;
    margin-bottom: 20px
}

.setting-pane-group {
    background-color: #F4F4F4;
    padding: 10px 25px;
    display: inline-block;
    width: 100%
}

    .setting-pane-group .setting-group-title {
        color: #333
    }

.setting-group-title {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 17px;
    color: #008272
}

    .setting-group-title:last-child {
        margin-bottom: 10px
    }

    .setting-group-title > span {
        display: inline-block;
        max-width: calc(100% - 60px);
        vertical-align: middle
    }

.setting-pane-toggle-group {
    margin-top: 10px
}

.setting-pane-toggle-item-title {
    font-size: 16px;
    color: #333;
    line-height: 16px;
    padding-bottom: 4px
}

.setting-pane-select .setting-pane-option-dropdown-element .select-placeholder,
.setting-pane-toggle-item-notification {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 14px
}

.setting-pane-toggle-button {
    border-radius: 100px;
    float: right
}

.setting-pane-toggle-item-notification {
    color: #666;
    line-height: 20px;
    padding-top: 10px;
    width: 320px
}

.setting-pane-checkbox {
    position: relative;
    margin-top: 10px
}

    .setting-pane-checkbox .setting-pane-checkbox {
        margin-left: 20px
    }

    .setting-pane-checkbox .flex-pane-anonymous-warning-icon {
        position: absolute;
        top: 2px;
        left: 225px
    }

.setting-pane-group-label {
    padding: 20px
}

.setting-pane-select {
    color: #333;
    margin-top: 10px
}

    .setting-pane-select:focus {
        outline: 0
    }

    .setting-pane-select .setting-pane-option-dropdown-element .select-placeholder {
        padding: 8px 35px 8px 15px;
        border: 1px solid #C8C8C8;
        line-height: 20px;
        color: #333;
        background-color: #fff
    }

        .setting-pane-select .setting-pane-option-dropdown-element .select-placeholder:hover {
            outline: #666 solid 1px
        }

        .setting-pane-select .setting-pane-option-dropdown-element .select-placeholder:focus {
            outline: #008272 solid 1px;
            border: none
        }

    .setting-pane-select .select-option {
        line-height: 20px;
        height: 40px
    }

.setting-select-title {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 17px;
    color: #333;
    display: flex;
    line-height: 22px
}

    .setting-select-title .setting-select-tooltip {
        display: inline;
        margin-left: 10px;
        padding-top: 3px
    }

.setting-pane-placerholder {
    height: 30px;
    position: relative
}

    .setting-pane-placerholder .simple-data-control-loading-spinner-animation {
        font-size: 15px;
        transform: scale(.3);
        margin-top: 20px;
        margin-left: 150px;
        margin-bottom: 0
    }

.setting-pane-data-classification {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    position: relative
}

.flex-pane-feedback-title,
.flex-pane-media-content,
.setting-pane-navigation-text {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.setting-pane-data-classification .setting-select-tooltip {
    position: absolute;
    top: 10px;
    display: inline;
    margin-left: 10px;
    padding-top: 3px
}

.setting-pane-data-classification-link {
    cursor: pointer;
    font-size: 14px;
    color: #0078D4
}

    .setting-pane-data-classification-link:active,
    .setting-pane-data-classification-link:hover,
    .setting-pane-data-classification-link:visited {
        color: #004578
    }

.setting-pane-navigation {
    font-size: 17px
}

.setting-pane-navigation-text {
    font-size: 17px;
    color: #333;
    line-height: 22px
}

.setting-pane-navigation-container {
    padding: 25px 20px;
    color: #333;
    font-size: 15px;
    line-height: 20px
}

    .setting-pane-navigation-container .paneBack {
        margin-right: 10px;
        color: #666
    }

.flex-pane-setting-group {
    background-color: #f4f4f4;
    padding: 10px 25px;
    display: inline-block;
    width: 100%
}

.flex-pane-setting-shuffle-div {
    margin-top: 10px;
    margin-left: 20px
}

.flex-pane-setting-shuffle-input {
    display: inline-block;
    width: 50px;
    vertical-align: middle
}

.flex-pane-setting-shuffle-seperator {
    margin: auto 6px;
    display: inline-block;
    width: 20px;
    vertical-align: middle
}

#flex-pane-more-settings,
.flex-pane-alert-icon,
.flex-pane-checkbox,
.form-setting-inner-board {
    margin-top: 10px
}

.flex-pane-setting-group .flex-pane-content-title {
    color: #666
}

.flex-pane-media-content {
    font-size: 17px;
    padding-left: 30px;
    height: 70px;
    line-height: 65px
}

    .flex-pane-media-content:hover {
        background-color: #F4F4F4;
        width: 100%
    }

        .flex-pane-media-content:hover .flex-pane-icon-container {
            background: #FFF
        }

.color-snapshot-container,
.theme-icon {
    background-repeat: no-repeat;
    background-position: center
}

.flex-pane-checkbox > div:not(:first-child) {
    font-size: 12px;
    margin-left: 20px
}

.flex-pane-checkbox-info {
    display: inline-block
}

    .flex-pane-checkbox-info.flex-pane-checkbox-thank-you-message {
        width: 100%
    }

.flex-pane-checkbox-label {
    color: #333;
    position: relative
}

    .flex-pane-checkbox-label[disabled] {
        color: #969696
    }

#flex-pane-more-settings {
    color: #008272;
    float: right
}

.flex-pane-inner-text {
    color: #333;
    vertical-align: top
}

.flex-pane-alert-text,
.image-picker-back-button-img,
.media-select-button-img,
.theme-icon-container {
    vertical-align: middle
}

.flex-pane-alert-icon {
    font-size: 24px;
    color: #F47603
}

.flex-pane-alert-text {
    max-width: calc(100% - 40px);
    display: inline-block
}

.form-setting-inner-board .office-form-date-time-picker {
    width: 120px
}

.form-setting-inner-board > :not(:first-child) {
    margin-top: 10px;
    padding-left: 10px
}

.form-setting-inner-board .picker {
    left: -50px;
    min-width: 350px
}

.form-setting-inner-board .picker--time {
    left: -25px;
    min-width: 100px
}

.flex-pane-status {
    font-size: 12px;
    display: none;
    margin-top: 5px
}

.flex-pane-status-error {
    display: block;
    color: #A80000
}

.flex-pane-share-error-box {
    color: red;
    font-size: 12px;
    margin-top: 5px
}

.flex-pane-shuffle-status {
    font-size: 12px;
    margin-top: 10px;
    margin-left: 10px;
    display: block
}

.flex-pane-status-success {
    color: #107C10
}

.flex-pane-social-tile {
    margin: 0 10px
}

.flex-pane-feedback-privacy {
    margin-left: 20px;
    margin-bottom: 8px;
    font-size: 12px
}

.flex-pane-feedback-post-community {
    background-color: #008272;
    height: 40px;
    font-size: 15px;
    color: #fff;
    padding: 8px 45px;
    border: 0
}

    .flex-pane-feedback-post-community:hover {
        background-color: #004B50;
        color: #FFF
    }

.flex-pane-feedback-title {
    font-size: 17px;
    color: #333
}

.flex-pane-feedback-desription,
.flex-pane-feedback-suggestionterm {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    color: #666
}

.flex-pane-feedback-desription {
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 30px
}

.flex-pane-feedback-suggestionterm {
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 5px
}

.flex-pane-feedback-box {
    margin-bottom: 20px;
    padding: 30px 20px;
    width: 359px
}

.flex-pane-feedback-container {
    height: 100%
}

.flex-pane-feedback-content {
    min-height: calc(100% - 80px);
    padding: 20px
}

.headbar-theme-button .button-content {
    position: relative
}

.theme-headbar-button-icon-children {
    background-color: #008272;
    text-align: center;
    border-radius: 16px;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 18px;
    height: 18px
}

    .theme-headbar-button-icon-children .themeLightIcon {
        color: #FFF
    }

.theme-suggestion-view-container {
    padding: 20px 20px 0 26px;
    width: 400px
}

.theme-suggestion-view-content {
    background-color: #F4F4F4;
    width: 323px
}

.theme-suggestion-view-button {
    width: 274px;
    height: 184px;
    display: block;
    background-size: cover
}

    .theme-suggestion-view-button .ms-icon {
        color: #008272;
        margin-right: 3px
    }

.suggest-theme-icon-container {
    position: relative;
    display: inline-block;
    margin-bottom: 10px
}

.suggest-snapshot-title {
    position: absolute;
    height: 33px;
    width: 130px;
    top: 10px;
    left: 72px
}

.suggest-snapshot-content {
    position: absolute;
    height: 138px;
    width: 130px;
    top: 43px;
    left: 72px;
    background-color: rgba(255, 255, 255, .9)
}

    .suggest-snapshot-content .suggest-snapshot-submit-button {
        position: absolute;
        height: 8px;
        width: 25px;
        top: 112px;
        left: 7px
    }

.theme-suggestion-view-head-button {
    height: 46px;
    padding: 10px 25px 0
}

.theme-suggestion-view-head-button-title {
    display: inline-block;
    font-size: 17px
}

    .theme-suggestion-view-head-button-title .ms-Icon--LightningBolt {
        color: #008272;
        margin-top: 5px;
        margin-right: 10px
    }

    .theme-suggestion-view-head-button-title .theme-suggestion-view-head-button-text {
        margin-left: 3px
    }

.theme-suggestion-view-head-show-button {
    display: inline-block;
    color: #007A6C;
    font-size: 14px;
    margin-top: 3px;
    float: right
}

.suggest-theme-icon-button {
    width: 283px;
    height: 190px;
    padding: 1px;
    border: 2px solid transparent
}

    .suggest-theme-icon-button.active {
        border: 2px solid #000
    }

.theme-suggestion-list-container {
    padding: 5px 20px 8px
}

.theme-designer-container {
    padding: 15px 13.5px;
    width: 400px
}

.theme-icon-container {
    position: relative;
    box-sizing: content-box;
    display: inline-block;
    width: 64px;
    height: 64px;
    margin: 10px 11.5px
}

    .theme-icon-container:disabled > .customized-theme-pictureAdd-icon {
        color: #A6A6A6
    }

.snapshot-title {
    position: absolute;
    height: 15px;
    width: 50px;
    top: 13px;
    left: 8px
}

    .snapshot-title .snapshot-title-content {
        position: absolute;
        height: 3px;
        width: 36px;
        top: 6px;
        left: 7px;
        background-color: rgba(255, 255, 255, .7)
    }

.snapshot-content {
    position: absolute;
    height: 25px;
    width: 50px;
    top: 28px;
    left: 8px;
    background-color: rgba(255, 255, 255, .9)
}

    .snapshot-content .snapshot-submit-button {
        position: absolute;
        height: 5px;
        width: 14px;
        top: 13px;
        left: 7px
    }

.color-snapshot-container {
    position: absolute;
    height: 200px;
    width: 330px;
    left: 35px;
    top: 234px;
    background-size: cover
}

    .color-snapshot-container .snapshot-title {
        height: 50px;
        width: 210px;
        top: 20px;
        left: 60px
    }

        .color-snapshot-container .snapshot-title .snapshot-title-content {
            height: 10px;
            width: 160px;
            top: 20px;
            left: 25px
        }

    .color-snapshot-container .snapshot-content {
        height: 110px;
        width: 210px;
        top: 70px;
        left: 60px
    }

        .color-snapshot-container .snapshot-content .snapshot-submit-button {
            height: 20px;
            width: 60px;
            top: 60px;
            left: 25px
        }

.theme-icon-button {
    width: 66px;
    height: 66px;
    padding: 1px;
    border: 2px solid transparent
}

    .theme-icon-button.active {
        border: 2px solid #000
    }

.theme-icon {
    background-size: cover;
    width: 60px;
    height: 60px;
    display: block
}

.customized-theme-delete-button,
.customized-theme-edit-button {
    position: absolute;
    height: 30px;
    width: 30px;
    margin-right: 1px;
    margin-bottom: 1px;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, .9);
    border: 1px solid rgba(0, 0, 0, .15);
    color: #666
}

body[dir=rtl] .top-view-back-button,
body[dir=ltr] #preview-setting-pane {
    right: calc(50% - 425px)
}

.customized-theme-delete-button:hover,
.customized-theme-edit-button:hover {
    color: #333;
    background: #fff
}

.customized-theme-delete-button .paneThemeTrash,
.customized-theme-edit-button .paneThemeTrash {
    margin: 5px
}

.customized-theme-pictureAdd-icon {
    height: 60px;
    width: 60px;
    line-height: 60px;
    color: #008272;
    background: #EAEAEA
}

.customized-theme-spinner-container {
    position: absolute;
    top: 1px;
    left: 1px;
    height: 60px;
    width: 60px;
    background: rgba(255, 255, 255, .5)
}

.customized-theme-spinner {
    position: absolute;
    transform: scale(.5);
    left: calc(50% - 3px);
    top: calc(50% - 3px)
}

.customized-theme-error {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 15px;
    width: 100%;
    min-height: 100px;
    text-align: center;
    padding: 10px
}

.customized-theme-error-frowny-icon {
    font-size: 36px;
    color: #666
}

.customize-theme-view-container {
    padding: 30px 35px
}

    .customize-theme-view-container .customize-theme-view-navigation-container {
        font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
        color: #333;
        font-size: 15px;
        line-height: 20px
    }

        .customize-theme-view-container .customize-theme-view-navigation-container .paneThemeBack {
            margin-right: 10px;
            color: #666
        }

    .customize-theme-view-container .customize-theme-view-title {
        font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
        margin: 30px 0;
        color: #333;
        font-size: 17px;
        line-height: 22px
    }

    .customize-theme-view-container .customize-theme-view-content .add-image {
        float: left;
        margin-right: 30px
    }

        .customize-theme-view-container .customize-theme-view-content .add-image .theme-icon-container {
            margin: 0
        }

    .customize-theme-view-container .customize-theme-view-content .add-color .color-picker-use-color,
    .customize-theme-view-container .customize-theme-view-content .add-color button {
        float: left;
        height: 60px;
        width: 60px
    }

    .customize-theme-view-container .customize-theme-view-content .add-color .color-picker-container {
        float: left
    }

        .customize-theme-view-container .customize-theme-view-content .add-color .color-picker-container input {
            width: 110px
        }

    .customize-theme-view-container .customize-theme-view-content .add-color .customize-theme-view-message {
        font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
        font-size: 12px;
        line-height: 16px;
        display: inline-block;
        height: 16px;
        padding: 0 1px 0 0
    }

    .customize-theme-view-container .customize-theme-view-content .add-color .error {
        color: #A80000
    }

    .customize-theme-view-container .customize-theme-view-content .add-color .suggestion {
        color: #333
    }

    .customize-theme-view-container .customize-theme-view-content .add-color .office-form-textfield-input:focus {
        border: 1px solid #CCC
    }

    .customize-theme-view-container .customized-theme-error {
        position: absolute;
        left: 0;
        top: 500px
    }

.image-picker-container,
.media-select-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    width: 600px;
    height: 100%;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

@media (max-width:600px) {
    .image-picker-container,
    .media-select-container {
        width: 100%
    }
}

.image-picker-switch-button-container {
    min-height: 65px
}

.image-picker-switch-button-wrapper {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 17px;
    display: inline-block;
    padding: 0 30px;
    height: 60px;
    line-height: 60px;
    color: #363636
}

.image-picker-switch-button {
    height: 55px;
    border-bottom: 3px solid transparent
}

    .image-picker-switch-button.active {
        border-bottom-color: #008272;
        color: #008272
    }

.image-picker-back-button-text,
.media-select-button-text {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 15px;
    padding-left: 15px;
    padding-right: 5px
}

.image-picker-back-button {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #363636;
    margin-left: 15px
}

    .image-picker-back-button .image-picker-back-button-text {
        padding-bottom: 2px
    }

.image-picker-loading-container {
    background-color: rgba(255, 255, 255, .7);
    height: 100px;
    width: 100%;
    position: absolute;
    padding: 50px 50%;
    top: calc(50% - 50px)
}

.image-picker-loading {
    -moz-transform: scale(.6);
    -ms-transform: scale(.6);
    -o-transform: scale(.6);
    -webkit-transform: scale(.6);
    transform: scale(.6)
}

.media-select-container {
    width: 400px
}

.media-select-label {
    font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 21px;
    margin: 30px 0 15px 30px
}

.media-select-button {
    line-height: 25px;
    font-size: 18px;
    color: #363636;
    width: 100px;
    margin-left: 22px;
    margin-top: 30px
}

.top-view-container {
    position: fixed;
    background: #eee;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    float: left;
    overflow: hidden
}

body[dir=rtl] #preview-setting-pane,
body[dir=ltr] .top-view-back-button {
    left: calc(50% - 425px)
}

.top-info-message-bar,
.top-view-header {
    height: 50px;
    position: absolute;
    width: 100%
}

.top-view-header {
    background-color: #FAFAFA;
    z-index: 3;
    outline: transparent solid 1px
}

.top-info-message-bar {
    background-color: #FFF4CE;
    color: #333;
    top: 50px
}

#preview-setting-pane,
.top-view-back-button {
    position: absolute;
    top: 2px
}

.top-info-message-bar-message {
    padding-left: 20px;
    text-align: left;
    font-size: 14px;
    line-height: 50px
}

    .top-info-message-bar-message .ms-Icon {
        margin-right: 12px;
        vertical-align: middle;
        font-size: 18px
    }

.top-view-content {
    width: 100%;
    height: calc(100% - 50px);
    margin-top: 50px;
    overflow-y: auto
}

.top-info-message-bar + .top-view-content {
    height: calc(100% - 100px);
    margin-top: 100px
}

.top-view-content .office-form-content {
    padding-top: 0
}

.top-view-back-button {
    height: 46px;
    color: #666
}

    .top-view-back-button .top-view-back-icon {
        margin-top: 1px
    }

.recycle-top-view-header {
    position: relative;
    width: 100%;
    height: 60px;
    padding: 0 20px 15px 16px;
    margin-top: 13px
}

    .recycle-top-view-header .recycle-top-view-back-button {
        position: absolute;
        height: 44px;
        color: #008272
    }

        .recycle-top-view-header .recycle-top-view-back-button:hover {
            color: #004B50
        }

        .recycle-top-view-header .recycle-top-view-back-button .top-view-back-icon {
            margin-top: 1px
        }

    .recycle-top-view-header .top-view-title-text {
        font-size: 24px;
        margin-left: 34px;
        margin-top: 5px;
        position: absolute;
        height: 44px;
        color: #008272
    }

        .recycle-top-view-header .top-view-title-text:hover {
            color: #008272
        }

.preview-mode-button {
    height: 46px;
    line-height: 46px;
    padding: 0;
    color: #666;
    overflow: hidden
}

.forms-pro .preview-mode-button {
    background-color: #FAF9F9
}

@media screen and (-ms-high-contrast:active) {
    .preview-mode-button.active {
        border-width: 2px
    }
}

body[dir=ltr] .preview-mode-button + .preview-mode-button {
    margin-left: 30px
}

body[dir=rtl] .preview-mode-button + .preview-mode-button {
    margin-right: 30px
}

.preview-mode-button-text,
.top-view-back-text {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 15px;
    margin: 0 15px;
    text-align: left
}

.preview-mode-button-text {
    color: #333
}

.preview-mobile-container {
    margin: 30px auto;
    width: 360px;
    height: 640px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-radius: 20px;
    border: 7px solid #000;
    border-top: solid 40px #000;
    border-bottom: solid 60px #000;
    overflow: auto;
    position: relative
}

    .preview-mobile-container .office-form-progress-bar {
        left: calc(50% - 180px)
    }

    .preview-mobile-container .office-form {
        height: auto
    }

    .preview-mobile-container .small-screen.mobile-view {
        width: 100%;
        height: 100%;
        overflow: auto
    }

    .preview-mobile-container .office-form-page-padding {
        padding-left: 0
    }

.branch-design-view-container {
    height: 100%;
    width: 100%;
    overflow-y: auto
}

.branch-design-view {
    background-color: #FFF;
    min-height: 100%;
    width: 100%;
    padding: 29px 30px 40px
}

    .branch-design-view.branch-design-view-trimmed {
        min-height: auto;
        min-height: initial
    }

.branch-design-view-title-bar {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    margin-bottom: 46px
}

.branch-design-view-title {
    float: left;
    font-size: 21px
}

.branch-design-view-options {
    float: right;
    line-height: 100%;
    height: 100%;
    width: 50%;
    text-align: center;
    position: relative
}

.branch-design-view-options-button {
    float: right;
    width: 40px;
    height: 100%;
    line-height: 100%;
    font-size: 14px
}

.branch-design-view-options-menu-container {
    position: absolute;
    height: 0;
    top: calc(100% + 1px);
    right: 0
}

.branch-design-view-options-menu {
    box-shadow: rgba(0, 0, 0, .4) 0 0 20px;
    font-size: 14px;
    background-color: #FFF;
    overflow: visible;
    float: right
}

.branch-selector .office-form-question-title,
.branch-selector-option-item,
.branch-selector-option-title > div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.branch-design-view-options-menu-item {
    padding: 5px 15px;
    min-height: 30px;
    width: 100%
}

.branch-design-section-container {
    margin-top: 8px;
    background-color: #FFF;
    box-shadow: 0 0 11px rgba(0, 0, 0, .12)
}

    .branch-design-section-container.branch-design-section-container-merge {
        margin-top: auto;
        margin-top: initial;
        box-shadow: initial
    }

    .branch-design-section-container:last-of-type {
        margin-bottom: 120px
    }

.branch-design-section-header {
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
    background: #F4F4F4;
    align-items: center
}

.branch-design-section-sequence {
    color: #666;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px
}

.branch-design-section-title {
    margin: 20px 0 5px 50px
}

.branch-design-section-footer {
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
    background: #F4F4F4;
    align-items: center
}

    .branch-design-section-footer > .branch-selector {
        margin: 10px 0;
        height: 40px;
        min-width: 50%;
        display: flex
    }

        .branch-design-section-footer > .branch-selector .select-control {
            border: 1px solid transparent;
            outline: transparent solid 1px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            background: #FFF;
            border-bottom: 1px solid #C8C8C8;
            min-width: 0;
            flex: 1
        }

            .branch-design-section-footer > .branch-selector .select-control::-moz-focus-inner {
                border: 0;
                padding: 0
            }

            .branch-design-section-footer > .branch-selector .select-control:focus {
                outline: #000 dashed 1px
            }

@media screen and (-ms-high-contrast:active) {
    .branch-design-section-footer > .branch-selector .select-control {
        border-style: solid;
        outline-width: 0;
        margin: 0 2px
    }

        .branch-design-section-footer > .branch-selector .select-control:focus,
        .branch-design-section-footer > .branch-selector .select-control:hover {
            border-style: dashed
        }

        .branch-design-section-footer > .branch-selector .select-control:active,
        .branch-design-section-footer > .branch-selector .select-control:disabled {
            border-style: solid
        }
}

.branch-design-section-footer > .branch-selector .select-option-content {
    width: 100%
}

.branch-design-section-view {
    padding: 20px 30px 40px
}

.branch-selector {
    margin: 10px 20px 0 50px;
    line-height: 25px
}

    .branch-selector > div {
        display: inline-block;
        padding-top: 5px;
        vertical-align: top
    }

    .branch-selector .branch-selector-guide {
        padding-right: 10px;
        padding-left: 5px;
        font-size: 15px;
        color: #666
    }

    .branch-selector .select-option-menu-container {
        margin-top: 3px;
        width: 100%
    }

    .branch-selector .select-option {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .branch-selector .office-form-question-title {
        color: #A6A6A6;
        max-width: 85%
    }

.design-question-choice .branch-selector {
    margin-top: 5px
}

.branch-selector-option-ordinal {
    padding-right: 5px
}

.branch-selector-option-title {
    position: relative;
    width: 100%
}

    .branch-selector-option-title > div {
        position: absolute;
        top: 0;
        width: 100%
    }

.branch-design-question-card {
    display: flex;
    align-items: flex-start;
    padding: 10px 15px 15px;
    width: 100%;
    margin-bottom: 20px
}

    .branch-design-question-card.branch-design-question-nonflex {
        display: inherit;
        padding-left: 0;
        padding-right: 0
    }

        .branch-design-question-card.branch-design-question-nonflex > .office-form-question {
            padding-left: 15px;
            padding-right: 15px
        }

        .branch-design-question-card.branch-design-question-nonflex > .branch-design-card {
            padding-top: 10px;
            margin-top: 10px
        }

            .branch-design-question-card.branch-design-question-nonflex > .branch-design-card .branch-selector {
                position: relative;
                padding-left: 15px;
                width: 50%
            }

        .branch-design-question-card.branch-design-question-nonflex.active > .branch-design-card {
            border-top: 1px solid #C8C8C8
        }

    .branch-design-question-card:hover {
        background-color: #E6E6E6
    }

    .branch-design-question-card.active {
        padding-top: 5px;
        background-color: #F4F4F4
    }

        .branch-design-question-card.active > .branch-design-card > .branch-selector .select-control {
            min-width: 0;
            flex: 1
        }

        .branch-design-question-card.active .office-form-other-answer,
        .branch-design-question-card.active .office-form-question-choice {
            padding-top: 10px;
            padding-bottom: 10px;
            min-height: 40px
        }

    .branch-design-question-card > .office-form-question {
        padding-top: 5px;
        padding-bottom: 5px;
        width: 100%;
        overflow: hidden
    }

        .branch-design-question-card .office-form-question-choice-formula,
        .branch-design-question-card > .office-form-question .office-form-question-choice-text-row .office-form-question-choice-text-span,
        .branch-design-question-card > .office-form-question .office-form-question-subtitle .office-form-question-choice-text-span,
        .branch-design-question-card > .office-form-question .office-form-question-title .office-form-question-choice-text-span {
            width: calc(100% - 56px);
            overflow: hidden
        }

        .branch-design-question-card > .office-form-question .office-form-question-choice-text-row,
        .branch-design-question-card > .office-form-question .office-form-question-subtitle,
        .branch-design-question-card > .office-form-question .office-form-question-title {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden
        }

    .branch-design-question-card .office-form-question-content {
        padding-left: 5px;
        padding-right: 5px
    }

    .branch-design-question-card > .branch-design-card {
        padding-left: 5px;
        padding-right: 25px;
        width: 100%;
        overflow: visible;
        position: relative
    }

        .branch-design-question-card > .branch-design-card .branch-selector {
            margin: 0;
            height: 40px;
            width: 100%;
            position: absolute;
            display: flex
        }

            .branch-design-question-card > .branch-design-card .branch-selector .select-control {
                border: 1px solid transparent;
                outline: transparent solid 1px;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                background: #FFF;
                border-bottom: 1px solid transparent;
                min-width: 0;
                flex: 1
            }

                .branch-design-question-card > .branch-design-card .branch-selector .select-control::-moz-focus-inner {
                    border: 0;
                    padding: 0
                }

                .branch-design-question-card > .branch-design-card .branch-selector .select-control:focus {
                    outline: #000 dashed 1px
                }

@media screen and (-ms-high-contrast:active) {
    .branch-design-question-card > .branch-design-card .branch-selector .select-control {
        border-style: solid;
        outline-width: 0;
        margin: 0 2px
    }

        .branch-design-question-card > .branch-design-card .branch-selector .select-control:focus,
        .branch-design-question-card > .branch-design-card .branch-selector .select-control:hover {
            border-style: dashed
        }

        .branch-design-question-card > .branch-design-card .branch-selector .select-control:active,
        .branch-design-question-card > .branch-design-card .branch-selector .select-control:disabled {
            border-style: solid
        }
}

.branch-design-question-card > .branch-design-card .branch-selector .select-arrow {
    visibility: hidden
}

.branch-design-question-card > .branch-design-card .branch-selector .select-option-content {
    width: 100%
}

.branch-design-question-card .office-form-question-title {
    height: 30px;
    margin-left: 0
}

    .branch-design-question-card .office-form-question-title > .ordinal-number {
        position: static
    }

.branch-design-question-card .office-form-question-subtitle {
    height: 25px
}

.branch-design-question-card .office-form-question-choice {
    margin-top: 0;
    margin-bottom: 0
}

.branch-design-question-card .office-form-other-answer {
    margin-top: 15px;
    margin-bottom: 0
}

.qrcode-view-body {
    background-color: #FFF
}

.qrcode-view-title {
    font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 28px;
    color: #008272;
    margin: 30px 40px 25px
}

.qrcode-view-choice-description,
.qrcode-view-question {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    color: #3C3C3C
}

@media only screen and (max-width:768px) {
    .qrcode-view-title {
        margin: 30px 20px 25px
    }
}

.qrcode-view-question {
    font-size: 21px;
    margin: 25px 40px 30px
}

@media only screen and (max-width:768px) {
    .qrcode-view-question {
        margin: 25px 20px 30px
    }
}

.qrcode-view-predefined-response-container {
    margin: 20px 0;
    padding: 40px;
    position: relative;
    height: 250px;
    background-color: #F8F8F8
}

@media only screen and (max-width:768px) {
    .qrcode-view-predefined-response-container {
        height: 280px;
        padding: 20px
    }
}

.qrcode-view-choice-description {
    font-size: 17px;
    position: absolute;
    top: 40px;
    left: 250px;
    right: 40px;
    line-height: 20px;
    display: block;
    display: -webkit-box;
    height: 80px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width:768px) {
    .qrcode-view-choice-description {
        font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
        font-size: 15px;
        top: 20px;
        left: 180px;
        right: 20px;
        line-height: 17px;
        height: 136px;
        -webkit-line-clamp: 8
    }
}

.qrcode-view-qrcode-container {
    height: 170px;
    width: 170px;
    display: inline-block;
    position: absolute
}

@media only screen and (max-width:768px) {
    .qrcode-view-qrcode-container {
        height: 140px;
        width: 140px
    }
}

.qrcode-view-canvas-container canvas {
    display: none
}

.qrcode-view-qrcode-img {
    height: 100%;
    width: 100%
}

.qrcode-view-button-container {
    position: absolute;
    left: 250px;
    right: 40px;
    bottom: 40px
}

@media only screen and (max-width:768px) {
    .qrcode-view-button-container {
        left: 20px;
        right: 20px;
        bottom: 20px
    }
}

.qrcode-view-download-button {
    height: 40px;
    line-height: 40px
}

.qrcode-copy-url-container {
    display: -webkit-flex;
    display: flex;
    width: 100%
}

.qrcode-view-url-container {
    height: 40px;
    flex: 0 1 400px;
    padding: 0 5px
}

.qrcode-view-copy-button {
    height: 40px;
    background-color: #008272;
    color: #FFF;
    padding: 0 10px;
    margin-left: 10px;
    flex-shrink: 0
}

.qrcode-view-copy-status {
    position: absolute;
    left: 250px;
    bottom: 15px
}

@media only screen and (max-width:768px) {
    .qrcode-view-copy-status {
        left: 20px;
        bottom: 5px
    }
}

.office-form-progress-container {
    top: inherit
}

.editable-label {
    background-color: transparent;
    border-style: solid;
    border-color: transparent
}

    .editable-label.active {
        background-color: #fff
    }

.sample-form-card {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background-color: #000;
    background-image: url(../../Images/SampleForm/partyinvite-card-image.png);
    background-size: cover
}

    .sample-form-card .title-container {
        font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
        color: #154C9E;
        font-size: 21px;
        line-height: 24px;
        height: 48px;
        margin: 210px 15px 0;
        text-align: center;
        white-space: pre-wrap;
        overflow: hidden
    }

.sample-form-card-tag-container {
    transform: rotate(315deg);
    position: absolute;
    top: -12px;
    left: -88.5px;
    z-index: 9
}

    .sample-form-card-tag-container .tag-text {
        font-family: wf_segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
        position: absolute;
        left: 64px;
        top: 42px;
        z-index: 999;
        color: #FFF;
        font-size: 13px;
        line-height: 16px;
        height: 16px;
        width: 93px;
        text-align: center;
        overflow: hidden
    }

.baralt-legend,
.doughnut-legend {
    font-size: 12px;
    border-collapse: separate;
    border-spacing: 3px
}

.sample-form-card-tag-container .small-triangle-left,
.sample-form-card-tag-container .small-triangle-right {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 3.5px solid #004B50;
    border-right: 3.5px solid transparent;
    border-bottom: 3.5px solid transparent;
    border-left: 3.5px solid transparent
}

.sample-form-card-tag-container .small-triangle-left {
    transform: translate(40px, 7px)
}

.sample-form-card-tag-container .small-triangle-right {
    transform: translate(-40px, 7px)
}

.sample-form-card-tag-container .triangle-left,
.sample-form-card-tag-container .triangle-right {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 33.2px solid transparent;
    border-right: 33.2px solid transparent;
    border-bottom: 33.2px solid #008272;
    border-left: 33.2px solid transparent
}

.sample-form-card-tag-container .triangle-left {
    transform: translateX(33.2px)
}

.sample-form-card-tag-container .triangle-right {
    transform: translateX(-33.2px)
}

.sample-form-card-tag-container .rectangle {
    display: inline-block;
    width: 73.5px;
    height: 33.2px;
    background-color: #008272
}

.analysis-table-row:hover,
.doughnut-legend li:hover {
    background-color: #a9a9a9
}

.sample-form-card:focus {
    border: 1px dashed #FFF
}

.doughnut-legend {
    list-style: none
}

.analysis-table-row {
    height: 1em
}

    .analysis-table-row .analysis-table-correct.ms-Icon--CheckMark {
        color: green
    }

.analysis-table-color {
    vertical-align: middle
}

.analysis-table-label {
    padding: 5px;
    max-width: 180px;
    min-width: 180px;
    white-space: nowrap;
    overflow: hidden
}

.analysis-table-value {
    text-align: center;
    width: auto;
    min-width: 30px;
    padding: 2px 5px
}

.doughnut-legend li {
    display: block;
    position: relative;
    margin-bottom: 6px;
    border-radius: 5px;
    padding: 2px 10px 2px 35px;
    font-size: 14px;
    cursor: default;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

    .doughnut-legend li span {
        display: block;
        left: 0;
        top: 0;
        width: auto;
        min-width: 25px;
        height: 25px;
        border-radius: 5px;
        text-align: center;
        position: absolute
    }

.flex-pane-moveform-content {
    position: relative;
    height: 100%;
    padding: 30px 30px 0;
    color: #333;
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    white-space: nowrap
}

    .flex-pane-moveform-content > .flex-pane-content-container-title {
        font-size: 21px;
        padding-bottom: 15px;
        font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
    }

    .flex-pane-moveform-content > .flex-pane-moveform-formtitle {
        font-size: 14px;
        padding-bottom: 15px;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .flex-pane-moveform-content > .flex-pane-moveform-destArea {
        position: relative;
        height: calc(100% - 150px);
        padding-top: 15px;
        border-width: 1px 0;
        border-style: solid;
        border-color: #EAEAEA;
        display: flex;
        flex-direction: column;
        overflow-x: hidden;
        overflow-y: auto
    }

        .flex-pane-moveform-content > .flex-pane-moveform-destArea button.flex-pane-moveform-destbutton {
            height: 40px;
            width: calc(100% - 2px);
            margin: 0 1px;
            padding-left: 10px
        }

            .flex-pane-moveform-content > .flex-pane-moveform-destArea button.flex-pane-moveform-destbutton.active {
                border: 1px solid #008272;
                background-color: #E7F2F4
            }

            .flex-pane-moveform-content > .flex-pane-moveform-destArea button.flex-pane-moveform-destbutton > .button-content {
                display: inline
            }

@media screen and (-ms-high-contrast:active) {
    .flex-pane-moveform-content > .flex-pane-moveform-destArea button.flex-pane-moveform-destbutton > .button-content {
        margin: 0
    }
}

.flex-pane-moveform-content > .flex-pane-moveform-destArea button.flex-pane-moveform-destbutton > .button-content > .fl-owner-container {
    position: relative;
    text-align: left
}

    .flex-pane-moveform-content > .flex-pane-moveform-destArea button.flex-pane-moveform-destbutton > .button-content > .fl-owner-container .fl-facepile {
        height: 30px;
        width: 30px;
        display: inline-block
    }

        .flex-pane-moveform-content > .flex-pane-moveform-destArea button.flex-pane-moveform-destbutton > .button-content > .fl-owner-container .fl-facepile .author-notification-content {
            height: 30px;
            width: 30px;
            line-height: 30px;
            padding: 0;
            margin: 0
        }

            .flex-pane-moveform-content > .flex-pane-moveform-destArea button.flex-pane-moveform-destbutton > .button-content > .fl-owner-container .fl-facepile .author-notification-content .author-notification-icon {
                font-size: 16px;
                margin-top: 0
            }

        .flex-pane-moveform-content > .flex-pane-moveform-destArea button.flex-pane-moveform-destbutton > .button-content > .fl-owner-container .fl-facepile .default-group-icon-container {
            font-size: 16px;
            line-height: 30px;
            text-align: center
        }

    .flex-pane-moveform-content > .flex-pane-moveform-destArea button.flex-pane-moveform-destbutton > .button-content > .fl-owner-container .fl-displayname {
        font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
        font-size: 14px;
        color: #333;
        width: 280px;
        padding-left: 10px;
        position: absolute;
        top: 6px;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        text-align: left;
        display: inline
    }

.flex-pane-moveform-content > .flex-pane-moveform-destArea > .flex-pane-moveform-label-prompt {
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 10px
}

.flex-pane-moveform-content > .flex-pane-moveform-destArea > .flex-pane-moveform-group-container {
    flex: 1;
    display: flex;
    flex-direction: column
}

    .flex-pane-moveform-content > .flex-pane-moveform-destArea > .flex-pane-moveform-group-container > .flex-pane-moveform-group-title {
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 20px
    }

    .flex-pane-moveform-content > .flex-pane-moveform-destArea > .flex-pane-moveform-group-container > .flex-pane-moveform-grouplist {
        list-style-type: none;
        padding: 1px 0;
        margin-bottom: 1px;
        overflow-y: auto;
        overflow-x: hidden;
        flex: 1
    }

    .flex-pane-moveform-content > .flex-pane-moveform-destArea > .flex-pane-moveform-group-container > div > button.flex-pane-moveform-moreaction {
        color: #0078D7;
        display: inline-block;
        font-size: 14px;
        margin: 10px 0 15px 11px
    }

.flex-pane-moveform-content > .flex-pane-moveform-button {
    margin-top: 15px;
    background-color: #008272;
    height: 40px;
    font-size: 15px;
    color: #fff;
    padding: 8px 45px
}

    .flex-pane-moveform-content > .flex-pane-moveform-button:hover {
        background-color: #004B50;
        color: #FFF
    }

    .flex-pane-moveform-content > .flex-pane-moveform-button:disabled {
        background-color: #F4F4F4;
        color: #A6A6A6
    }

@media screen and (max-width:1024px) {
    .portal-footer {
        padding: 0 20px
    }

    .portal-footer-link {
        margin-left: 20px
    }

    .design-content {
        display: -webkit-flex;
        display: flex;
        -ms-flex-flow: column nowrap;
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .design-insert-card {
        min-width: 58px
    }

    .design-insert-card-img {
        width: 58px
    }

    .design-insert-card-more-menu {
        min-width: 55px
    }

    .design-insert-card-dropdown-img {
        margin-right: 12px
    }
}

@media screen and (max-width:768px) {
    .design-insert-card-dropdown-text,
    .design-insert-card-text,
    .designer-quiz-option-correct,
    .headbar-button-text,
    .headbar-waffle-container,
    .optional-button,
    .optional-cell,
    .preview-mode-button-text,
    html > body .saving-state {
        display: none
    }

    #form-designer-container {
        padding: 0
    }

    #form-designer {
        margin-bottom: 100px
    }

    .design-insert-card-more-menu .menu-control-item {
        padding-left: 0
    }

    .design-question-all-choices {
        margin: 10px 0
    }

    .branch-selector {
        margin: 0 20px
    }

    .fl-tile {
        width: 250px
    }

    .fl-quiz-tile {
        width: 139px;
        left: 141px
    }

    .fl-survey-tile {
        width: 139px
    }

    .portalView-notification-bar {
        padding: 0 5px 0 10px
    }

    .flex-pane-content {
        width: 300px
    }

    .flex-pane-feedback-box {
        width: 259px
    }

    #flex-pane-share-options {
        min-height: calc(100% - 320px)
    }

    .form-setting-date-time-picker .picker {
        left: -80px;
        min-width: 295px
    }

    .flex-pane-share-options-container {
        width: 300px
    }

    .flex-pane-sharelink-button {
        max-width: 210px
    }

        .flex-pane-sharelink-button > .flex-pane-share-link-text {
            padding-left: 0
        }

    .flex-pane-content-body-container > * > input,
    .flex-pane-content-body-container > input {
        min-width: 140px
    }

    #flex-pane-qrcode-img span {
        padding-right: 0;
        width: 217px
    }

    #flex-pane-qrcode-img > img {
        width: 100px;
        position: absolute;
        right: 20px;
        bottom: 20px
    }

    .flex-pane-share-content-copy > input {
        min-width: 125px
    }

    .flex-pane-confirm-delete-title {
        font-size: 12px;
        padding: 10px 15px
    }

    .flex-pane-confirm-delete-option {
        min-width: 100px;
        margin: 0 15px 12px
    }

    .flex-pane-share-form-spinner {
        position: absolute;
        top: calc(50% - 4px);
        right: 12px
    }

    .theme-designer-container {
        width: 300px
    }

    body[dir=ltr] .preview-mode-button {
        margin-right: 20px
    }

    body[dir=rtl] .preview-mode-button {
        margin-left: 20px
    }
}

@media screen and (max-width:760px) {
    .design-insert-card {
        min-width: 48px
    }

    .design-insert-card-more-button {
        min-width: 50px
    }

    .design-insert-card-img {
        width: 48px
    }

    .design-insert-card-dropdown-option {
        width: 50px;
        text-align: center
    }
}

@media screen and (max-width:3960px) {
    .portal-tiles {
        width: 3680px
    }

    .portal-headerbar-content {
        width: 3640px
    }

    .group-view.expand .group-select-placeholder {
        width: 3610px
    }

    .group-view.expand .group-list-view {
        width: 3630px
    }

    .group-view.expand .group-view-mask {
        width: 3960px
    }
}

@media screen and (max-width:3680px) {
    .portal-tiles {
        width: 3400px
    }

    .portal-headerbar-content {
        width: 3360px
    }

    .group-view.expand .group-select-placeholder {
        width: 3330px
    }

    .group-view.expand .group-list-view {
        width: 3350px
    }

    .group-view.expand .group-view-mask {
        width: 3680px
    }
}

@media screen and (max-width:3400px) {
    .portal-tiles {
        width: 3120px
    }

    .portal-headerbar-content {
        width: 3080px
    }

    .group-view.expand .group-select-placeholder {
        width: 3050px
    }

    .group-view.expand .group-list-view {
        width: 3070px
    }

    .group-view.expand .group-view-mask {
        width: 3400px
    }
}

@media screen and (max-width:3120px) {
    .portal-tiles {
        width: 2840px
    }

    .portal-headerbar-content {
        width: 2800px
    }

    .group-view.expand .group-select-placeholder {
        width: 2770px
    }

    .group-view.expand .group-list-view {
        width: 2790px
    }

    .group-view.expand .group-view-mask {
        width: 3120px
    }
}

@media screen and (max-width:2840px) {
    .portal-tiles {
        width: 2560px
    }

    .portal-headerbar-content {
        width: 2520px
    }

    .group-view.expand .group-select-placeholder {
        width: 2490px
    }

    .group-view.expand .group-list-view {
        width: 2510px
    }

    .group-view.expand .group-view-mask {
        width: 2840px
    }
}

@media screen and (max-width:2560px) {
    .portal-tiles {
        width: 2280px
    }

    .portal-headerbar-content {
        width: 2240px
    }

    .group-view.expand .group-select-placeholder {
        width: 2210px
    }

    .group-view.expand .group-list-view {
        width: 2230px
    }

    .group-view.expand .group-view-mask {
        width: 2560px
    }
}

@media screen and (max-width:2280px) {
    .portal-tiles {
        width: 2000px
    }

    .portal-headerbar-content {
        width: 1960px
    }

    .group-view.expand .group-select-placeholder {
        width: 1930px
    }

    .group-view.expand .group-list-view {
        width: 1950px
    }

    .group-view.expand .group-view-mask {
        width: 2280px
    }
}

@media screen and (max-width:2000px) {
    .portal-tiles {
        width: 1720px
    }

    .portal-headerbar-content {
        width: 1680px
    }

    .group-view.expand .group-select-placeholder {
        width: 1650px
    }

    .group-view.expand .group-list-view {
        width: 1670px
    }

    .group-view.expand .group-view-mask {
        width: 2000px
    }
}

@media screen and (max-width:1720px) {
    .portal-tiles {
        width: 1440px
    }

    .portal-headerbar-content {
        width: 1400px
    }

    .group-view.expand .group-select-placeholder {
        width: 1370px
    }

    .group-view.expand .group-list-view {
        width: 1390px
    }

    .group-view.expand .group-view-mask {
        width: 1720px
    }
}

@media screen and (max-width:1440px) {
    .portal-tiles {
        width: 1160px
    }

    .portal-headerbar-content {
        width: 1120px
    }

    .group-view.expand .group-select-placeholder {
        width: 1090px
    }

    .group-view.expand .group-list-view {
        width: 1110px
    }

    .group-view.expand .group-view-mask {
        width: 1440px
    }
}

@media screen and (max-width:1160px) {
    .portal-tiles {
        width: 880px
    }

    .portal-headerbar-content {
        width: 840px
    }

    .portal-search-container .portal-search-element {
        width: 200px
    }

    .group-view.expand .group-select-placeholder {
        width: 810px
    }

    .group-view.expand .group-list-view {
        width: 830px
    }

    .group-view.expand .group-view-mask {
        width: 1160px
    }
}

@media screen and (max-width:880px) {
    .delegate-portal-warning-message-container {
        width: 880px
    }
}

@media screen and (max-width:850px) {
    .design-content {
        box-shadow: none
    }

    .top-view-content {
        padding: 0
    }

    body[dir=ltr] .top-view-back-button {
        left: 5px
    }

    body[dir=rtl] .top-view-back-button {
        right: 5px
    }

    body[dir=ltr] #preview-setting-pane {
        right: 0
    }

    body[dir=rtl] #preview-setting-pane {
        left: 0
    }

    .form-introduction-dialog-image {
        margin: 0 17.5px
    }

    .form-introduction-dialog-title {
        font-size: 28px;
        line-height: 37px
    }

    .form-introduction-dialog-subtitle {
        font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
        font-size: 17px;
        line-height: 22px
    }
}

@media screen and (max-width:800px) {
    .headbar-button {
        padding: 0 10px
    }

        .headbar-button.highlighted {
            padding: 0 10px;
            font-size: 16px
        }

    .firstrun-callout {
        left: -200px
    }
}

@media screen and (max-width:800px) and screen and (-ms-high-contrast:active) {
    .headbar-button.highlighted:focus,
    .headbar-button.highlighted:hover {
        outline: dashed 2px;
        outline-offset: -4px
    }
}

.swBar,
.swBar:focus,
.swTileLink:focus {
    outline: 0
}

@media screen and (max-width:520px) {
    .form-introduction-dialog-get-start-container {
        top: 0;
        height: 100%;
        overflow-y: auto
    }

    .form-introduction-dialog-image-container {
        padding-bottom: 0
    }

    .form-introduction-dialog-image {
        display: block;
        margin: 0 0 40px
    }

    .form-introduction-dialog-title {
        font-size: 21px;
        line-height: 28px
    }

    .form-introduction-dialog-subtitle {
        font-size: 12px;
        line-height: 16px
    }

    .form-introduction-dialog-close-button {
        margin: 15px
    }

    .form-introduction-dialog-title-container {
        padding-top: 40px
    }
}

.swErrorTitle,
.swLoadingText {
    font-size: 20px
}

@media screen and (max-width:470px) {
    .portal-headerbar-content {
        width: 380px
    }

    .portal-new-form-button-with-icon {
        padding-left: 0
    }
}

@media screen and (max-height:480px) {
    .form-introduction-dialog-get-start-container {
        height: 100%;
        top: 0;
        overflow-y: auto
    }
}

#formLauncher {
    top: 50px;
    opacity: 1
}

.headerBarBG,
.swBar {
    background-color: #fff;
    opacity: 0
}

#formLauncher .hide {
    display: none
}

.swBar {
    display: block;
    position: fixed !important;
    z-index: 999;
    padding: 20px 10px 10px 20px;
    top: 30px;
    left: 0;
    border: 1px solid #b6b6b6;
    margin: 10px;
    box-sizing: content-box;
    box-shadow: 0 1px 15px rgba(0, 0, 0, .4);
    transition-property: opacity, top;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 0, 0, 1);
    transition-delay: 0s;
    width: 600px;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .swBar.closeAnimation {
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(.33, 0, .67, 1)
    }

    .swBar.HeaderRtl.O365Switcher {
        padding-left: 10px;
        padding-right: 20px
    }

@media (min-width:660px) {
    .swBar,
    .swBar.O365Switcher {
        width: 600px
    }
}

@media (min-width:900px) {
    .swBar.O365Switcher {
        width: 840px
    }
}

@media (max-width:899px) and (min-width:780px) {
    .swBar.O365Switcher {
        width: 720px
    }
}

@media (max-width:659px) {
    .swBar,
    .swBar.O365Switcher {
        width: 480px
    }
}

@media (max-width:539px) {
    .swBar,
    .swBar.O365Switcher {
        width: 360px
    }
}

@media (max-width:419px) {
    .swBar,
    .swBar.O365Switcher {
        width: 240px
    }
}

.swBar.SwitcherLoading {
    width: 270px;
    height: 130px;
    text-align: center;
    padding: 0
}

.swBar.SwitcherError {
    width: 250px;
    padding: 20px
}

.swBar .swLoadingErrorText {
    display: none
}

.swBar.SwitcherError .swLoadingErrorText {
    display: inline
}

.swBar .swLoadingText {
    display: none
}

.swBar.SwitcherLoading .swLoadingText {
    display: inline
}

.swLoadingText {
    color: #000;
    line-height: 130px
}

.swLoadingErrorText {
    color: #000
}

.swErrorBody {
    font-size: 14px
}

.swBar .arrow {
    display: block;
    position: absolute;
    top: -8px;
    left: 6px;
    margin: 0;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 0;
    padding: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}

.HeaderRtl.swBar .arrow {
    left: auto;
    right: 6px
}

.swBar .border-arrow {
    border-bottom-color: #b6b6b6;
    top: -9px
}

.swTileList {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block
}

.swTile {
    margin-bottom: 10px;
    margin-right: 10px
}

.swTileLink {
    border: 0 solid transparent;
    margin: 0;
    position: relative;
    text-align: center;
    color: #fff
}

    .swTileLink:focus,
    .swTileLink:hover {
        border: 2px solid;
        margin: -2px
    }

.swTile,
.swTileLink {
    display: inline-block;
    width: 110px;
    height: 110px
}

    .swTile.tilePressed {
        -moz-transform: scale(.9215);
        -ms-transform: scale(.9215);
        -o-transform: scale(.9215);
        -webkit-transform: scale(.9215);
        transform: scale(.9215)
    }

.swTileText {
    max-width: 90px;
    position: absolute;
    bottom: 6px;
    left: 10px;
    line-height: 110%;
    text-align: left
}

.HeaderRtl .swTileText {
    left: auto;
    right: 10px;
    text-align: right
}

.headerBarBG {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 998
}

.analyze-individual-view-chart-dropdown-div {
    border: none;
    background-color: #F4F4F4;
    border-bottom-width: 0;
    border-spacing: 0;
    top: 0;
    width: 100px;
    height: 20px;
    right: 100px;
    text-align: right;
    position: absolute
}

.coauthmessagebar-container,
.footbar-container {
    position: fixed;
    z-index: 1;
    color: #333;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    display: block;
    bottom: 0
}

.footbar-container {
    right: 50px
}

.coauthmessagebar-container {
    left: 50px;
    height: 35px
}

.coauthmessagebar-span,
.feedback-button {
    color: #fff;
    background-color: #000;
    font-size: 16px;
    line-height: 18px;
    padding: 10px 16px;
    text-align: center;
    font-weight: 600
}

.onedrive-indicator,
.onedrive-indicator-got-it {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

@media (max-width:1200px) {
    .footbar-container {
        right: 25px
    }

    .coauthmessagebar-container {
        left: 25px
    }
}

.onedrive-indicator {
    margin-top: 10px;
    font-size: 18px
}

.onedrive-indicator-content {
    background-color: #fff;
    display: block;
    padding: 10px;
    height: 180px;
    overflow: auto
}

.onedrive-indicator-image {
    width: calc(100% - 604px);
    margin-top: 23px;
    margin-left: 23px
}

.onedrive-indicator-text-container {
    width: 552px;
    height: 132px;
    float: right;
    padding-bottom: 11px
}

@media (max-width:600px) {
    .onedrive-indicator-image {
        display: none
    }

    .onedrive-indicator-text-container {
        width: 95%
    }
}

.onedrive-indicator-text {
    display: block;
    line-height: 1.4;
    margin-top: 32px;
    margin-right: 32px;
    opacity: 1
}

.onedrive-indicator-close {
    float: right;
    color: #666;
    font-size: 18px;
    margin-top: -10px
}

.onedrive-indicator-got-it {
    font-size: 15px;
    color: #FFF;
    padding: 0 25px;
    height: 50px;
    height: 40px;
    float: right;
    position: relative;
    width: 180px;
    margin-right: 32px;
    margin-top: 20px
}

    .onedrive-indicator-got-it:hover {
        background-color: #004B50;
        color: #FFF
    }

    .onedrive-indicator-got-it:focus {
        background-color: #767676
    }

    .onedrive-indicator-got-it.highlighted {
        background-color: #008272;
        padding: 0 35px;
        font-size: 16px
    }

        .onedrive-indicator-got-it.highlighted:hover {
            background-color: #004B50;
            color: #FFF;
            border-color: transparent
        }

        .onedrive-indicator-got-it.highlighted:focus {
            background-color: #767676;
            border-color: transparent
        }

        .onedrive-indicator-got-it.active,
        .onedrive-indicator-got-it.highlighted.active {
            background-color: #fff;
            color: #008272;
            border-color: transparent
        }

            .onedrive-indicator-got-it.active:hover {
                background-color: #004B50;
                color: #FFF
            }

    .onedrive-indicator-got-it:disabled {
        color: #888
    }

        .onedrive-indicator-got-it:disabled:hover {
            background: #000;
            color: #888
        }

        .onedrive-indicator-got-it:disabled.headbar-share-button {
            background: #F4F4F4
        }

            .onedrive-indicator-got-it:disabled.headbar-share-button:hover {
                background: #F4F4F4;
                border-color: #000
            }

.ms-Icon--intenseIcon,
.ms-Icon--moderateIcon,
.ms-Icon--qrcodeIcon {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (-ms-high-contrast:active) {
    .onedrive-indicator-got-it.highlighted:focus,
    .onedrive-indicator-got-it.highlighted:hover {
        outline: dashed 2px;
        outline-offset: -4px
    }

    .onedrive-indicator-got-it.active {
        border-width: 2px;
        padding: 0 24px
    }

    .onedrive-indicator-got-it.highlighted.active {
        padding: 0 33px;
        border-width: 3.5px 7px
    }
}

.onedrive-indicator-got-it.highlighted {
    border: none
}

.class-for-like {
    margin: auto 10px
}

.check-response-xlsurvey {
    right: 25px;
    position: relative;
    height: 100%
}

.check-response-container-xlsurvey {
    display: inline-block;
    width: 150px;
    margin-top: 3px
}

    .check-response-container-xlsurvey:hover {
        background-color: #a9a9a9
    }

.check-response-button-xlsurvey {
    display: inline-block;
    justify-content: flex-start;
    align-items: center;
    height: 45px;
    padding: 0 5px;
    width: 150px;
    border: none;
    font-size: 25px;
    background-color: transparent;
    color: #006400;
    margin-top: -5px
}

.flex-pane-link {
    position: absolute;
    bottom: 0;
    left: 0
}

.ms-Icon--qrcodeIcon {
    width: 1em;
    height: 1em;
    font-size: 20px;
    color: transparent;
    background-image: url(../../Images/sharing/qr-teal-icon.png)
}

.ms-Icon--moderateIcon {
    background-image: url(../../Images/Image/Ssize_default.png)
}

.image-edit-pane-inner-button.active .ms-Icon--moderateIcon {
    background-image: url(../../Images/Image/Ssize_selected.png)
}

.ms-Icon--intenseIcon {
    background-image: url(../../Images/Image/Lsize_default.png)
}

.image-edit-pane-inner-button.active .ms-Icon--intenseIcon {
    background-image: url(../../Images/Image/Lsize_selected.png)
}

.frame-scroll {
    padding-bottom: 60px;
    overflow-y: auto;
    height: 100%
}

.ms-Icon--facebookIcon,
.ms-Icon--twitterIcon {
    width: 1em;
    height: 1em;
    font-size: 23px;
    color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.ms-Icon--facebookIcon {
    background-image: url(../../Images/sharing/Facebook-Social-icon.png)
}

.ms-Icon--twitterIcon {
    background-image: url(../../Images/sharing/Twitter-Social-icon.png)
}

.flex-pane-more-channel-option-social {
    height: 35px;
    width: 35px;
    border-radius: 20px;
    margin: 16px 0 0;
    vertical-align: middle;
    outline-offset: -4px
}

    .flex-pane-more-channel-option-social .sharepane-response-link-icon {
        margin-left: -2px
    }

@media screen and (-ms-high-contrast:active) {
    .flex-pane-more-channel-option-social {
        border: 0
    }

        .flex-pane-more-channel-option-social.active {
            outline-width: 2px
        }
}

.flex-pane-social-channel-title-container {
    display: inline-block;
    margin-left: 60px
}

.section-move-control-dialog {
    min-width: 650px;
    width: 650px;
    padding-left: 30px;
    padding-right: 30px
}

.section-move-control-items {
    height: 170px;
    max-height: 170px;
    overflow-y: auto
}

.office-form-sortable-list-item-container {
    background-color: #fff;
    margin: 5px 0
}

.section-designer-action-button {
    height: 35px;
    width: 120px;
    background: #EAEAEA
}

    .section-designer-action-button.lg {
        height: 40px
    }

    .section-designer-action-button + .section-designer-action-button {
        margin-left: 15px
    }

#ResponsePageDatePickerButton .ms-ContextualMenu-item {
    height: auto
}

@media print {
    #analyzeViewPrintChild {
        height: auto
    }
}

@media screen and (max-width:420px) {
    .mobile-portal-page {
        height: calc(100vh - 50px);
        height: calc(var(--vh, 1vh) * 100 - 50px);
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch
    }

        .mobile-portal-page .fl-form-tile > button {
            padding: 0
        }

            .mobile-portal-page .fl-form-tile > button .fl-text,
            .mobile-portal-page .fl-form-tile > button .fl-text-hover {
                font-size: 13px;
                line-height: 17px;
                padding-top: 1.8vw;
                font-family: "Segoe UI"
            }

            .mobile-portal-page .fl-form-tile > button img {
                height: 22px;
                width: 21px;
                margin-top: 2px
            }

        .mobile-portal-page .fl-history-tile .fl-title {
            font-size: 15px;
            line-height: 19px;
            font-family: "Segoe UI"
        }
}

@media screen and (max-width:640px) and (min-width:421px) {
    .mobile-portal-page .fl-form-tile > button {
        padding: 0
    }

        .mobile-portal-page .fl-form-tile > button .fl-text,
        .mobile-portal-page .fl-form-tile > button .fl-text-hover {
            font-size: 18px;
            line-height: 24px;
            padding-top: 1.8vw;
            font-family: "Segoe UI"
        }

        .mobile-portal-page .fl-form-tile > button img {
            height: 37px;
            width: 35px;
            margin-top: 2px
        }

    .mobile-portal-page .fl-history-tile .fl-title {
        font-size: 21px;
        line-height: 24px;
        font-family: "Segoe UI"
    }
}

@media screen and (max-width:640px) {
    .mobile-portal-page .portal-tiles {
        width: 100vw;
        padding: 20px 0;
        min-height: calc(100vh - 90px);
        min-height: calc(var(--vh, 1vh) * 100 - 90px)
    }

        .mobile-portal-page .portal-tiles .sub-tiles {
            padding: 0 2.2vw
        }

    .mobile-portal-page .fl-form-detail-container {
        font-size: 11px;
        line-height: 15px;
        bottom: 2vw;
        left: 10px;
        right: 10px
    }

    .mobile-portal-page .portal-titlebar-container {
        margin-left: 4.4vw;
        margin-right: 4.4vw
    }

    .mobile-portal-page .portal-creating-card {
        width: 43.4vw;
        height: 52.3vw;
        margin: 2.2vw
    }

        .mobile-portal-page .portal-creating-card .creating-card-middle-line {
            width: calc(43.4vw - 10px);
            height: 1px;
            margin: 0 5px
        }

    .mobile-portal-page .fl-tile {
        width: 43.4vw;
        height: 26.15vw
    }

    .mobile-portal-page .fl-history-tile.fl-tile {
        width: 43.4vw;
        height: 52.3vw;
        margin: 2.2vw
    }

        .mobile-portal-page .fl-history-tile.fl-tile .portal-tiles-spinner-overlay {
            width: 43.4vw;
            height: 52.3vw
        }

            .mobile-portal-page .fl-history-tile.fl-tile .portal-tiles-spinner-overlay .spinner-tile-animation.portal-tiles-spinner-history {
                margin: 26.1vw 21.7vw
            }

        .mobile-portal-page .fl-history-tile.fl-tile .portal-view-form-card-delete-cancel-container {
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center
        }

            .mobile-portal-page .fl-history-tile.fl-tile .portal-view-form-card-delete-cancel-container .description-container {
                position: static;
                font-size: 12px;
                width: 100%
            }

            .mobile-portal-page .fl-history-tile.fl-tile .portal-view-form-card-delete-cancel-container .buttons-container {
                position: static;
                display: flex;
                flex-direction: row;
                justify-content: space-around;
                width: 100%
            }

                .mobile-portal-page .fl-history-tile.fl-tile .portal-view-form-card-delete-cancel-container .buttons-container .fl-menu-confirm-delete {
                    font-size: 11px;
                    height: 30px
                }

    .mobile-portal-page .fl-history-tile .fl-title {
        width: 43.4vw;
        padding: 12px 10px;
        position: static;
        margin: 0
    }

    .mobile-portal-page .fl-history-tile .new-form-card-image,
    .mobile-portal-page .fl-history-tile .new-form-card-image-customized {
        width: 43.4vw;
        height: 16.69vw
    }

    .mobile-portal-page .new-form-card-middle-line {
        width: calc(43.4vw - 10px);
        bottom: calc(2.2vw + 18px)
    }

    .mobile-portal-page .portal-footer {
        width: 100vw
    }

        .mobile-portal-page .portal-footer > div {
            float: none;
            display: flex;
            justify-content: space-around
        }

        .mobile-portal-page .portal-footer .portal-footer-link {
            margin: 0
        }

    .mobile-portal-page .portal-tiles-theme-spinner-overlay {
        width: 43.4vw;
        height: 16.69vw
    }

        .mobile-portal-page .portal-tiles-theme-spinner-overlay .spinner-tile-animation {
            font-size: 7px
        }

        .mobile-portal-page .portal-tiles-theme-spinner-overlay .portal-tiles-theme-spinner-history {
            margin: 8vw 22vw
        }

    .mobile-portal-page .fl-history-tile.fl-tile .fl-owner-container {
        bottom: calc(3.3vw + 22px);
        height: 18px;
        width: 18px
    }

    .mobile-portal-page .fl-history-tile .fl-owner-container .fl-facepile {
        height: 18px;
        width: 18px
    }

        .mobile-portal-page .fl-history-tile .fl-owner-container .fl-facepile .author-notification-content {
            height: 18px;
            width: 18px;
            align-items: center;
            display: flex;
            justify-content: center;
            font-size: 10px;
            line-height: 11px
        }

            .mobile-portal-page .fl-history-tile .fl-owner-container .fl-facepile .author-notification-content .author-notification-icon {
                font-size: 10px;
                line-height: 11px
            }

    .mobile-portal-page .fl-history-tile.fl-tile.fl-group-tile {
        height: 100px;
        width: 255px;
        margin: 10px
    }

    .mobile-portal-page .portal-view-form-card-copy-remove-container {
        width: 43.4vw;
        height: 52.3vw
    }

        .mobile-portal-page .portal-view-form-card-copy-remove-container .buttons-container {
            width: calc(43.4vw - 8.8vw);
            margin: 0 4.4vw
        }

            .mobile-portal-page .portal-view-form-card-copy-remove-container .buttons-container button:only-child {
                justify-content: center;
                margin: auto
            }

            .mobile-portal-page .portal-view-form-card-copy-remove-container .buttons-container button:nth-child(even),
            .mobile-portal-page .portal-view-form-card-copy-remove-container .buttons-container button:nth-child(odd) {
                margin: 10px 0;
                min-width: 15vw;
                width: 17vw;
                max-width: 17vw
            }

            .mobile-portal-page .portal-view-form-card-copy-remove-container .buttons-container button .fl-menu-text {
                font-size: 12px
            }

    .mobile-portal-page .portal-view.group-view {
        width: 100vw;
        left: -2.2vw
    }

        .mobile-portal-page .portal-view.group-view.expand {
            position: absolute;
            top: 0
        }

    .mobile-portal-titlebar-container {
        display: flex;
        flex-direction: row;
        height: 40px;
        align-items: center;
        justify-content: space-between
    }

        .mobile-portal-titlebar-container .mobile-portal-select-container {
            color: #008272;
            width: 55vw;
            font-size: 17px;
            line-height: 22px;
            margin-left: calc(4.4vw - 5px);
            margin-bottom: 20px
        }

            .mobile-portal-titlebar-container .mobile-portal-select-container.hidden {
                display: none
            }

        .mobile-portal-titlebar-container .select-placeholder > .select-placeholder-arrow {
            right: unset;
            padding-left: 2.2vw;
            padding-top: 2px;
            color: #666;
            width: 12px;
            height: 12px
        }

        .mobile-portal-titlebar-container .select-option-menu-container {
            margin-top: 10px;
            z-index: 100
        }

            .mobile-portal-titlebar-container .select-option-menu-container .select-option-state {
                color: #008272
            }

            .mobile-portal-titlebar-container .select-option-menu-container .select-option.selected {
                background-color: #FFF
            }

        .mobile-portal-titlebar-container .mobile-portal-search-more-container {
            margin-bottom: 10px;
            margin-right: 4.4vw;
            display: flex
        }

        .mobile-portal-titlebar-container .mobile-portal-more-container {
            margin-left: 20px
        }

            .mobile-portal-titlebar-container .mobile-portal-more-container.active {
                background-color: #E2E2E2
            }

        .mobile-portal-titlebar-container .mobile-portal-more-button {
            width: 30px;
            height: 30px;
            color: #666
        }

        .mobile-portal-titlebar-container .mobile-portal-more-menu {
            font-size: 15px;
            font-family: 'Segoe UI';
            line-height: 20px;
            color: #333;
            border-radius: 5px
        }

            .mobile-portal-titlebar-container .mobile-portal-more-menu .mobile-portal-switch-icon {
                color: #666;
                padding-right: 15px
            }

            .mobile-portal-titlebar-container .mobile-portal-more-menu .menu-item-active:focus {
                background-color: #FFF
            }

        .mobile-portal-titlebar-container .mobile-portal-switch-option {
            width: 80vw;
            max-width: 80vw;
            display: flex;
            justify-content: center;
            padding: 15px;
            align-items: center
        }

        .mobile-portal-titlebar-container .mobile-portal-search-container .portal-search-container {
            top: 15px
        }

        .mobile-portal-titlebar-container .mobile-portal-search-container .search-big-icon {
            position: static;
            color: #666;
            line-height: 30px
        }

        .mobile-portal-titlebar-container .mobile-portal-search-container .search-icon {
            color: #666
        }

        .mobile-portal-titlebar-container .mobile-portal-search-container .portal-search-element {
            width: 91.2vw
        }

            .mobile-portal-titlebar-container .mobile-portal-search-container .portal-search-element.is-active > div > input,
            .mobile-portal-titlebar-container .mobile-portal-search-container .portal-search-element > div > input {
                padding-left: 35px
            }
}

.grading-design-view {
    min-height: 632px
}

.gradingNextUngradedButton {
    position: absolute;
    top: 10px;
    right: calc(50% - 425px)
}

@media screen and (max-width:850px) {
    .gradingNextUngradedButton {
        right: 10px
    }
}

.forms-pro .gradingNextUngradedButton {
    right: calc(50% - 595px)
}

@media screen and (max-width:1190px) {
    .forms-pro .gradingNextUngradedButton {
        right: 10px
    }
}

.gradingTextButton {
    padding: 8px;
    color: #fff;
    font-size: 14px;
    line-height: 14px
}

    .gradingTextButton[disabled],
    .gradingTextButton[disabled]:hover {
        background-color: #cecece
    }

@media screen and (max-width:540px) {
    .gradingTextButton {
        padding: 7px;
        font-size: 13px;
        line-height: 13px
    }
}

.gradingViewContainer .analyze-view-ellipsis-button:focus,
.gradingViewContainer .button-control:focus,
.surveyResultsView .analyze-view-ellipsis-button:focus,
.surveyResultsView .button-control:focus {
    outline: #000 dashed 1px
}

    .gradingViewContainer .analyze-view-ellipsis-button:focus.mouseDown-active:focus,
    .gradingViewContainer .button-control:focus.mouseDown-active:focus,
    .surveyResultsView .analyze-view-ellipsis-button:focus.mouseDown-active:focus,
    .surveyResultsView .button-control:focus.mouseDown-active:focus {
        outline: 0
    }

.gradingViewContainer .edge .analyze-view-ellipsis-button:focus,
.gradingViewContainer .edge .button-control:focus,
.gradingViewContainer .ie .analyze-view-ellipsis-button:focus,
.gradingViewContainer .ie .button-control:focus,
.surveyResultsView .edge .analyze-view-ellipsis-button:focus,
.surveyResultsView .edge .button-control:focus,
.surveyResultsView .ie .analyze-view-ellipsis-button:focus,
.surveyResultsView .ie .button-control:focus {
    border: 1px dashed #000
}

    .gradingViewContainer .edge .analyze-view-ellipsis-button:focus.mouseDown-active:focus,
    .gradingViewContainer .edge .button-control:focus.mouseDown-active:focus,
    .gradingViewContainer .ie .analyze-view-ellipsis-button:focus.mouseDown-active:focus,
    .gradingViewContainer .ie .button-control:focus.mouseDown-active:focus,
    .surveyResultsView .edge .analyze-view-ellipsis-button:focus.mouseDown-active:focus,
    .surveyResultsView .edge .button-control:focus.mouseDown-active:focus,
    .surveyResultsView .ie .analyze-view-ellipsis-button:focus.mouseDown-active:focus,
    .surveyResultsView .ie .button-control:focus.mouseDown-active:focus {
        border: none
    }

.gradingViewContainer .screenReaderVisible,
.surveyResultsView .screenReaderVisible {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.gradingViewContainer {
    background-color: #FFF;
    min-height: 632px;
    padding: 0 50px 50px
}

@media screen and (max-width:768px) {
    .gradingViewContainer {
        padding: 0 25px 25px
    }
}

@media screen and (max-width:540px) {
    .gradingViewContainer {
        padding: 0 10px 10px
    }

        .gradingViewContainer .gradingTitle {
            display: none
        }
}

.gradingViewContainer .gradingTitle {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 21px;
    padding-top: 40px;
    line-height: 30px
}

@media screen and (max-width:768px) {
    .gradingViewContainer .gradingTitle {
        font-size: 18px;
        margin-top: 23px
    }
}

.gradingViewContainer .gradingGradingModeSwitcherNavBar {
    display: flex;
    margin-top: 26px
}

@media screen and (max-width:768px) {
    .gradingViewContainer .gradingGradingModeSwitcherNavBar {
        margin-top: 14px
    }
}

.gradingViewContainer .gradingGradingModeSwitcherNavBarModeContainer {
    flex-grow: 1
}

.gradingViewContainer .text-disabled {
    cursor: not-allowed;
    opacity: .5
}

.gradingViewContainer .gradingGradingModeSwitcherNavBarButton {
    padding-bottom: 10px;
    font-size: 16px;
    color: #000;
    margin-right: 30px
}

    .gradingViewContainer .gradingGradingModeSwitcherNavBarButton.active {
        border-bottom-style: solid;
        border-bottom-width: 5px
    }

@media print {
    .gradingViewContainer .gradingGradingModeSwitcherNavBarButton {
        display: none
    }
}

@media screen and (max-width:540px) {
    .gradingViewContainer .gradingGradingModeSwitcherNavBarButton {
        font-size: 14px;
        padding-bottom: 5px
    }
}

.gradingViewContainer .gradingNavBar .feedback-icon {
    color: #000
}

.gradingViewContainer .gradingNavBarItemsContainer {
    display: flex;
    align-items: center;
    position: relative;
    background-color: #F4F4F4;
    justify-content: space-between;
    padding: 30px 20px 30px 11px;
    margin-top: 10px
}

.gradingViewContainer .gradingNavBarItem {
    text-align: center
}

.gradingViewContainer .gradingNavBarItemValue {
    font-size: 28px
}

@media screen and (max-width:768px) {
    .gradingViewContainer .gradingNavBarItemValue {
        font-size: 19px;
        font-weight: 600
    }
}

@media screen and (max-width:540px) {
    .gradingViewContainer .gradingNavBarItemsContainer {
        flex-direction: column;
        padding: 20px
    }

    .gradingViewContainer .gradingNavBarItem:not(:first-child) {
        margin-top: 10px
    }

    .gradingViewContainer .gradingNavBarItemValue {
        font-size: 17px
    }
}

.gradingViewContainer .gradingNavBarItemLabel {
    color: #595959;
    font-size: 15px
}

.gradingViewContainer .gradingNavBarNavigationContainer {
    display: flex;
    align-items: center
}

.gradingViewContainer .gradingNavBarNavigationComponent {
    flex-grow: 1
}

.gradingViewContainer .gradingNavBarDropdownContainer {
    width: 300px;
    text-align: center
}

@media screen and (max-width:768px) {
    .gradingViewContainer .gradingNavBarDropdownContainer {
        width: 180px
    }
}

.gradingViewContainer .gradingNavBarFeedbackInput {
    padding-top: 10px
}

.gradingViewContainer .dropdown .dropdown-toggle {
    border-bottom: none;
    background-color: transparent;
    font-size: 1.25em;
    font-weight: 600;
    width: 100%
}

@media screen and (max-width:768px) {
    .gradingViewContainer .dropdown .dropdown-toggle {
        font-size: 1.1em
    }
}

@media screen and (max-width:540px) {
    .gradingViewContainer .dropdown .dropdown-toggle {
        font-size: 1em
    }
}

.gradingViewContainer .analyze-view-dropdown-div {
    margin-top: 0
}

    .gradingViewContainer .analyze-view-dropdown-div button {
        padding: 0
    }

.gradingViewContainer .dropdown .dropdown-toggle:active {
    color: #000
}

.gradingViewContainer .downCaret::before {
    content: '\25BC';
    font-size: 9px;
    vertical-align: calc((100% - 9px)/ 2 + 2px)
}

.gradingViewContainer .gradingNavBarArrow {
    background-color: transparent;
    font-size: 22px;
    color: #404040
}

    .gradingViewContainer .gradingNavBarArrow.nextQuestion {
        text-align: right
    }

    .gradingViewContainer .gradingNavBarArrow.previousQuestion {
        text-align: left
    }

.gradingViewContainer .gradingGradeInputContainer,
.gradingViewContainer .gradingOverallScore {
    text-align: right
}

.gradingViewContainer .gradingNavBarArrow:hover {
    background-color: #c8c8c8
}

.gradingViewContainer .gradingNavBarArrow:disabled {
    color: #B1B1B1;
    pointer-events: none
}

@media screen and (max-width:540px) {
    .gradingViewContainer .gradingGiveFeedbackLink,
    .gradingViewContainer .gradingOverallScore {
        font-size: 12px
    }

    .gradingViewContainer .gradingNumberRatingAnswer .office-form-question-rating-td,
    .gradingViewContainer .gradingNumberRatingAnswer .office-form-question-rating-title-td {
        padding-left: 0
    }

        .gradingViewContainer .gradingNumberRatingAnswer .office-form-question-rating-td:last-child,
        .gradingViewContainer .gradingNumberRatingAnswer .office-form-question-rating-title-td:last-child {
            padding-right: 0
        }
}

.gradingViewContainer .gradingByQuestionContainer,
.gradingViewContainer .gradingByQuestionQuestionContainer,
.gradingViewContainer .gradingByStudentFullQuestionContainer {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word
}

.gradingViewContainer .form-renderer-section-breaker {
    background: #eee;
    height: 18px;
    border: 1px solid #eee;
    margin-left: -60px;
    width: calc(120%);
    margin-top: 30px;
    margin-bottom: 30px
}

@media screen {
    .gradingViewContainer .form-renderer-section-breaker {
        margin-left: -50px
    }
}

.gradingViewContainer .gradingQuestionText {
    font-size: 18px
}

.gradingViewContainer .gradingQuestionFormula,
.gradingViewContainer .gradingQuestionImage {
    margin-top: 10px
}

    .gradingViewContainer .gradingQuestionImage > canvas {
        vertical-align: middle;
        max-width: 100%;
        max-height: 100%
    }

.gradingViewContainer .gradingPlainTextAnswer {
    display: inline-block;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}

    .gradingViewContainer .gradingPlainTextAnswer .gradingWrongAnswerPart {
        color: #CD1A28
    }

.gradingViewContainer .gradingAnswerContainer {
    font-size: 14px
}

    .gradingViewContainer .gradingAnswerContainer .office-form-question-rating-table,
    .gradingViewContainer .gradingAnswerContainer .rateit {
        margin-top: 0
    }

    .gradingViewContainer .gradingAnswerContainer .noChoices {
        font-style: italic
    }

.gradingViewContainer .gradingChoiceAnswerOption {
    margin: 14px 0 0;
    padding-right: 40px
}

    .gradingViewContainer .gradingChoiceAnswerOption input:hover,
    .gradingViewContainer .gradingChoiceAnswerOption label:hover,
    .gradingViewContainer .gradingChoiceAnswerOption span:hover,
    .gradingViewContainer .gradingChoiceAnswerOption:hover {
        cursor: default !important
    }

.gradingViewContainer .gradingShortTextAnswerCorrectnessBox.gradingShortTextAnswerCorrectnessBox.gradingShortTextAnswerCorrectnessBox {
    display: block;
    position: relative
}

.gradingViewContainer .gradingOptionIsCorrect,
.gradingViewContainer .gradingOptionIsNotCorrect {
    border: 2px solid;
    margin-left: -8px !important;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px
}

.gradingViewContainer .gradingOptionIsCorrect {
    background-color: #e5f1ea;
    border-color: #8fc4a3
}

.gradingViewContainer .gradingOptionIsNotCorrect {
    background-color: #ffe5e5;
    border-color: #ff5e5e
}

.gradingViewContainer .gradingOptionCorrectnessIcon {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto
}

.gradingViewContainer .gradingNavBar,
.gradingViewContainer .powerToolQuestion .gradingOptionIsCorrect,
.gradingViewContainer .powerToolQuestion .gradingOptionIsNotCorrect {
    position: relative
}

.gradingViewContainer .gradingOptionIsNotAnswer {
    padding: 0 6px
}

.gradingViewContainer .office-form-rating-container-number {
    margin-top: 20px
}

.gradingViewContainer .office-form-rating-container-star {
    margin-top: 5px;
    -ms-flex-negative: 1
}

.gradingViewContainer .office-form-question-rating-description-number,
.gradingViewContainer .office-form-question-rating-description-star {
    padding: 0
}

.gradingViewContainer .gradingGradeInput {
    width: 3em;
    display: inline-block;
    vertical-align: middle
}

    .gradingViewContainer .gradingGradeInput input:focus::-webkit-input-placeholder {
        color: transparent
    }

    .gradingViewContainer .gradingGradeInput input:focus:-moz-placeholder {
        color: transparent
    }

    .gradingViewContainer .gradingGradeInput input:focus::-moz-placeholder {
        color: transparent
    }

    .gradingViewContainer .gradingGradeInput input:focus:-ms-input-placeholder {
        color: transparent
    }

.gradingViewContainer .gradingGradeTotalScore {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.gradingViewContainer .gradingGradeInput .office-form-textfield-input {
    padding: 1px;
    text-align: center;
    border: 1px solid #ddd;
    height: 28px
}

.gradingViewContainer .gradingExtraCreditNotification {
    color: #008037;
    font-style: italic
}

.gradingViewContainer .gradingNeedsReviewNotification {
    color: #CD1A28;
    font-style: italic
}

.gradingViewContainer .gradingAutogradedNotification {
    font-style: italic
}

.gradingViewContainer .gradingGradeInputContainer {
    height: 3em
}

    .gradingViewContainer .gradingGradeInputContainer .gradingGradeInputWrapper {
        height: 2em
    }

    .gradingViewContainer .gradingGradeInputContainer .gradingGradeInputCalloutWrapper {
        height: 1em
    }

.gradingViewContainer .feedbackToggle,
.gradingViewContainer .feedbackToggle:link {
    color: #666;
    text-decoration: none
}

    .gradingViewContainer .feedbackToggle.disabled,
    .gradingViewContainer .feedbackToggle:active,
    .gradingViewContainer .feedbackToggle:hover,
    .gradingViewContainer .feedbackToggle:visited {
        color: #333
    }

.gradingViewContainer .focus.form-control {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gradingViewContainer .noQuestions {
    text-align: center
}

    .gradingViewContainer .noQuestions .icon {
        color: #008272;
        font-size: 64px
    }

    .gradingViewContainer .noQuestions .message {
        font-size: 22px;
        color: #333
    }

    .gradingViewContainer .noQuestions .submessage {
        font-size: 12px;
        color: #333
    }

.gradingViewContainer .gradingQuestionFileName {
    display: flex;
    align-items: center;
    line-height: 25px
}

    .gradingViewContainer .gradingQuestionFileName .gradingQuestionFileLink {
        margin-left: 10px;
        color: #333
    }

        .gradingViewContainer .gradingQuestionFileName .gradingQuestionFileLink:hover {
            color: #337AB7
        }

    .gradingViewContainer .gradingQuestionFileName .ms-Icon--Document {
        display: inline-flex
    }

    .gradingViewContainer .gradingQuestionFileName .ms-Icon--Document,
    .gradingViewContainer .gradingQuestionFileName .ms-Icon--Video {
        color: #666
    }

.gradingViewContainer .gradingNavBar .analyze-view-ellipsis-button {
    right: 11px
}

.gradingViewContainer .gradingByQuestionContainer {
    margin-left: 20px;
    margin-top: 18px
}

.gradingViewContainer .gradingQuestionFormulaAndImageContainer {
    margin-left: 20px
}

.gradingViewContainer .gradingByQuestionQuestionContainer {
    display: block;
    margin-top: 25px
}

.gradingViewContainer .gradingByQuestionQuestionNumberContainer {
    font-size: 18px;
    display: table-cell;
    padding-right: 5px
}

.gradingViewContainer .gradingByQuestionQuestionSubtitle {
    font-weight: 400;
    font-size: 14px
}

.gradingViewContainer .gradingByQuestionQuestionTextContainer {
    display: table-cell
}

.gradingViewContainer .gradingByQuestionOneResponseContainer {
    padding: 0 20px 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc
}

.gradingViewContainer .gradingByQuestionResponseHeader {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 9px 0;
    border-bottom: 2px solid #ccc
}

.gradingViewContainer .gradingByQuestionAvatarContainer {
    flex-shrink: 0;
    padding-right: 20px
}

.gradingViewContainer .gradingByQuestionStudentNameContainer {
    flex-grow: 1;
    font-weight: 600
}

.gradingViewContainer .gradingByQuestionGradeAndFeedbackContainer {
    display: table
}

.gradingViewContainer .gradingByQuestionGradeContainer {
    padding-left: 10px;
    display: table-cell;
    vertical-align: top
}

.gradingViewContainer .gradingByQuestionFeedbackContainer {
    padding-left: 40px;
    display: inline-block
}

@media screen and (max-width:540px) {
    .gradingViewContainer .gradingByQuestionFeedbackContainer {
        padding-left: 10px
    }
}

.gradingViewContainer .gradingByQuestionResponseTitle {
    font-weight: 700;
    width: 94%;
    margin: 12px 0
}

.gradingViewContainer .gradingByQuestionResponseBody {
    padding-bottom: 10px
}

.gradingViewContainer .gradingByQuestionAnswerContainer {
    margin-top: 14px
}

.gradingViewContainer .text-disabled .gradingByQuestionScoreResult {
    color: inherit
}

.gradingViewContainer .gradingByQuestionScoreResult {
    color: #008037
}

.gradingViewContainer .gradingByQuestionFeedback {
    margin: 12px auto
}

.gradingViewContainer .powerToolQuestion {
    background-color: #fff;
    margin-left: 20px;
    margin-top: 18px
}

    .gradingViewContainer .powerToolQuestion .answersHeader,
    .gradingViewContainer .powerToolQuestion .correctAnswerHeader,
    .gradingViewContainer .powerToolQuestion .incorrectAnswersHeader {
        padding-bottom: .5em
    }

    .gradingViewContainer .powerToolQuestion.questionWithoutCorrectAnswer .answersHeader {
        font-weight: 600;
        border-bottom: 2px solid #ccc
    }

    .gradingViewContainer .powerToolQuestion .incorrectAnswersHeader {
        margin-top: 33px
    }

.gradingViewContainer .correctAnswersList,
.gradingViewContainer .incorrectAnswersList {
    margin-top: 7px
}

.gradingViewContainer .powerToolQuestion .answerAndFeedbackBoxContainer {
    padding: 8px 0;
    border-bottom: 1px solid #ddd
}

.gradingViewContainer .powerToolQuestion .answer {
    display: flex;
    align-items: flex-start;
    margin-bottom: .5em
}

.gradingViewContainer .powerToolStudentsGivingSameAnswer {
    list-style: none;
    padding: 0 22px 0 0;
    margin: 0;
    min-width: 200px;
    max-width: 200px
}

.gradingViewContainer .gradingPowertoolAnswer .gradingNumberRatingAnswer .office-form-question-rating-td:not(:first-child),
.gradingViewContainer .gradingPowertoolAnswer .gradingNumberRatingAnswer .office-form-question-rating-title-td:not(:first-child),
.gradingViewContainer .powerToolSameAnswer .gradingNumberRatingAnswer .office-form-question-rating-td:not(:first-child),
.gradingViewContainer .powerToolSameAnswer .gradingNumberRatingAnswer .office-form-question-rating-title-td:not(:first-child) {
    padding-left: 0
}

@media screen and (max-width:768px) {
    .gradingViewContainer .powerToolStudentsGivingSameAnswer {
        min-width: 100px;
        max-width: 100px
    }
}

.gradingViewContainer .powerToolQuestion .gradingPlainTextAnswer,
.gradingViewContainer .powerToolQuestion .gradingQuestionNoAnswerGiven {
    padding-top: 1em
}

@media screen and (max-width:540px) {
    .gradingViewContainer .powerToolQuestion .answer {
        display: block
    }

    .gradingViewContainer .powerToolStudentsGivingSameAnswer {
        max-width: 100%
    }

    .gradingViewContainer .powerToolQuestion .gradingPlainTextAnswer,
    .gradingViewContainer .powerToolQuestion .gradingQuestionNoAnswerGiven {
        padding-top: 0
    }
}

.gradingViewContainer .powerToolQuestion .gradingPlainTextAnswer .gradingQuestionNoAnswerGiven {
    padding-top: 0
}

.gradingViewContainer .powerToolQuestion .office-form-question-rating-container {
    margin-top: 10px
}

.gradingViewContainer .powerToolStudentsGivingSameAnswer .author-notification-content {
    display: inline-block;
    margin-right: 5px
}

.gradingViewContainer .powerToolSameAnswer {
    flex-grow: 1;
    width: 350px;
    padding-right: 25px
}

.gradingViewContainer .powerToolAnswerSecondRow {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    min-width: 175px
}

.gradingViewContainer .powerToolSameFeedbackButton,
.gradingViewContainer .powerToolSameGrade {
    flex-shrink: 0
}

@media screen and (max-width:768px) {
    .gradingViewContainer .powerToolStudentsGivingSameAnswer .author-notification-content {
        margin-right: 6px
    }

    .gradingViewContainer .powerToolAnswerSecondRow {
        min-width: 150px
    }

    .gradingViewContainer .powerToolSameFeedbackButton {
        margin-top: 10px
    }
}

@media screen and (max-width:540px) {
    .gradingViewContainer .powerToolSameAnswer {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .gradingViewContainer .powerToolSameAnswer,
    .gradingViewContainer .powerToolStudentsGivingSameAnswer {
        display: block
    }

    .gradingViewContainer .gradingGradeInputContainer {
        text-align: left
    }
}

.gradingViewContainer .powerToolQuestion .rateit {
    margin-top: 0
}

.gradingViewContainer .gradingPowertoolContainer {
    background-color: #fff;
    margin-left: 20px;
    margin-top: 18px
}

.gradingViewContainer .gradingPowertoolAnswerAndFeedbackBoxContainer {
    min-height: calc(2 * 27px + 28px);
    padding-top: 27px;
    border-bottom: 1px solid #ddd
}

    .gradingViewContainer .gradingPowertoolAnswerAndFeedbackBoxContainer:first-child {
        min-height: calc(27px + 28px + 9px);
        padding-top: 9px
    }

.gradingViewContainer .gradingPowertoolAnswerContainer {
    display: flex;
    align-items: flex-start
}

@media screen and (max-width:540px) {
    .gradingViewContainer .gradingPowertoolAnswerContainer {
        display: block
    }
}

.gradingViewContainer .gradingPowertoolCorrectnessIcon {
    display: inline-block;
    margin-right: 13px;
    margin-top: 2px
}

.gradingViewContainer .gradingPowertoolAnswer {
    display: inline-block;
    flex-grow: 1;
    padding-right: 25px;
    margin-bottom: 15px
}

.gradingViewContainer .gradingPowertoolResponseCountContainer {
    flex-shrink: 0;
    padding-right: 40px;
    font-weight: 600;
    font-size: 16px;
    text-decoration: underline
}

.gradingViewContainer .gradingPowertoolAnswerSecondRow {
    display: flex;
    flex-shrink: 0;
    align-items: baseline
}

.gradingViewContainer .gradingPowertoolGradeInputContainer {
    min-width: 120px
}

@media screen and (max-width:540px) {
    .gradingViewContainer .gradingPowertoolAnswer {
        margin-bottom: 12px
    }

    .gradingViewContainer .gradingPowertoolResponseCountContainer {
        padding-right: 20px;
        margin-bottom: 12px
    }

    .gradingViewContainer .gradingPowertoolAnswerSecondRow {
        justify-content: space-between;
        margin-bottom: 12px
    }

    .gradingViewContainer .gradingPowertoolGradeInputContainer {
        min-width: 100px
    }

    .gradingViewContainer .gradingNavBarStudentFillTime {
        display: none
    }
}

.gradingViewContainer .gradingPowertoolFeedbackInputContainer .feedbackInput {
    margin-bottom: 10px
}

.gradingViewContainer .gradingByStudentFullQuestionContainer {
    display: flex;
    margin-top: 25px;
    position: relative
}

.gradingViewContainer .gradingByStudentQuestionNumber {
    font-size: 18px;
    flex-shrink: 0;
    padding-right: 5px
}

.gradingViewContainer .gradingByStudentResponseContainer {
    -ms-flex: 1;
    flex-grow: 1;
    max-width: calc(100% - (145px + 60px))
}

.gradingViewContainer .gradingByStudentFeedbackContainer {
    position: absolute;
    right: 0
}

@media screen and (max-width:768px) {
    .gradingViewContainer .gradingByStudentResponseContainer {
        top: 40px;
        max-width: calc(100% - 145px)
    }

    .gradingViewContainer .gradingByStudentFeedbackContainer {
        top: 54px
    }
}

.gradingViewContainer .gradingByStudentGradeContainer {
    position: absolute;
    right: 60px;
    text-align: right;
    min-width: 115px;
    max-width: 145px
}

.gradingViewContainer .gradingByStudentScoreResult {
    color: #008A3C
}

.gradingViewContainer .gradingByStudentAnswerContainer {
    margin-top: 13px
}

.gradingViewContainer .gradingByStudentIndividualQuestionFeedbackContainer {
    margin-top: 14px
}

.gradingViewContainer .InvisibleBlock {
    display: none
}

.gradingViewContainer .gradingNavBarDropDown > .select-placeholder {
    border: none
}

.gradingViewContainer .gradingNavBarDropDown ul {
    text-align: left;
    min-width: 0
}

@media screen and (max-width:540px) {
    .gradingViewContainer .gradingByStudentAnswerContainer .gradingPlainTextAnswer {
        margin-top: 14px;
        width: calc(100% + 145px - 60px - 15px)
    }

    .gradingViewContainer .gradingByStudentIndividualQuestionFeedbackContainer {
        width: calc(100% + 115px)
    }

    .gradingViewContainer .gradingNavBarDropDown ul .select-option-content,
    .gradingViewContainer .gradingNavBarDropDown ul > li > a {
        font-size: 12px
    }
}

.gradingViewContainer .gradingNavBarDropDown span:not(.downCaret) {
    margin-right: 10px;
    max-width: calc(100% - 20px);
    text-overflow: ellipsis;
    overflow: hidden
}

.gradingViewContainer .menu-action-confirmation-smaller-font {
    font-size: 15px
}

.gradingViewContainer .office-form-section-title {
    padding: 0 3px
}

    .gradingViewContainer .office-form-section-title.with-image {
        padding: 3px
    }

.gradingViewContainer .form-renderer-section-title {
    margin: 0 0 25px
}

.gradesViewContainer .gradesViewFullQuestionContainer {
    display: flex;
    margin-top: 25px;
    padding: 20px;
    border: 1px solid #ccc
}

.gradesViewContainer .gradesViewQuestionContainer {
    display: flex;
    border-bottom: 2px solid #ccc;
    justify-content: space-between
}

.gradesViewContainer .gradesViewQuestionNumber {
    width: 20px
}

.gradesViewContainer .gradesViewResponseContainer {
    -ms-flex: 1;
    flex-grow: 1;
    overflow-x: auto
}

.gradesViewContainer .gradesViewGradeContainer {
    flex-shrink: 0;
    text-align: right
}

.gradesViewContainer .gradesQuestionTextContainer {
    font-size: 15px;
    font-weight: 600;
    flex-grow: 1;
    -ms-flex: 1;
    margin-right: 20px;
    overflow-x: hidden
}

.gradesViewContainer .gradesViewAnswerContainer {
    font-size: 14px;
    margin: 13px 8px
}

.gradesViewContainer .gradesViewSubtitle {
    font-style: italic;
    font-size: 13px
}

.gradesViewContainer .gradesViewResponseText {
    margin-bottom: 13px
}

.gradesViewContainer .gradesViewFeedbackBox {
    background-color: #fafafa;
    border: 2px solid #ccc;
    padding: 10px
}

.gradesViewContainer .gradesViewResponderName {
    display: inline-block;
    font-size: 23px;
    font-weight: 600
}

.gradesViewContainer .gradesViewResponderScore {
    display: inline-block;
    margin-left: 25px;
    font-size: 16px
}

.gradesViewContainer .gradesViewGeneralFeedback {
    margin-top: 10px
}

.gradingReleaseResultsView {
    padding-top: 0
}

    .gradingReleaseResultsView .gradingReleaseResultTitleBarContainer {
        display: flex;
        align-items: center
    }

@media screen and (max-width:768px) {
    .gradingViewContainer .gradingByStudentGradeContainer {
        right: 0
    }

    .gradingReleaseResultsView .gradingReleaseResultTitleBarContainer {
        margin-top: 20px
    }
}

.gradingReleaseResultsView .gradingReleaseResultButtonGroup {
    flex-shrink: 0
}

.gradingReleaseResultsView .gradingReleaseResultTitle {
    -ms-flex: 1;
    flex-grow: 1
}

.gradingReleaseResultsView .gradingReleaseResultInfoButton {
    background-color: #F4F4F4;
    height: 30px;
    width: 30px;
    border-radius: calc(30px / 2);
    margin-right: 35px
}

    .gradingReleaseResultsView .gradingReleaseResultInfoButton:hover {
        background-color: #e4e4e4
    }

.gradingReleaseResultsView .gradingReleaseResultInfoBar {
    background-color: #F4F4F4;
    padding: 11px 34px 11px 13px;
    line-height: 170%;
    margin-top: 12px;
    position: relative;
    outline: 0
}

.gradingReleaseResultsView .gradingReleaseResultInfoBarCloseButton {
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    color: #666;
    font-size: calc(28px / 2)
}

.gradingReleaseResultsView .gradingReleaseResultInfoBarTriangle {
    position: absolute;
    right: 110px;
    width: 0;
    height: 0;
    border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    border-bottom: 26px solid #F4F4F4;
    top: calc(0 - 26px + 3)
}

@media screen and (max-width:768px) {
    .gradingReleaseResultsView .gradingReleaseResultInfoBarTriangle {
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #F4F4F4;
        top: calc(0 - 20px + 3);
        right: 116px
    }
}

@media screen and (max-width:540px) {
    .gradingReleaseResultsView .gradingReleaseResultInfoBarTriangle {
        border-left: 13px solid transparent;
        border-right: 13px solid transparent;
        border-bottom: 13px solid #F4F4F4;
        top: calc(0 - 13px + 3);
        left: 2px
    }
}

@media screen and (-ms-high-contrast:active) {
    .gradingReleaseResultsView .gradingReleaseResultInfoBar {
        outline: solid 1px
    }

    .gradingReleaseResultsView .gradingReleaseResultInfoBarTriangle {
        top: calc(0 - 26px);
        border-left: 26px solid transparent;
        border-right: 26px solid transparent
    }
}

.gradingReleaseResultsView .gradingReleaseResultTableTitle {
    margin-left: 1.75%;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 700;
    color: #5C5C63
}

.gradingReleaseResultsView .gradingReleaseResultTableContainer {
    display: table;
    margin-top: 15px;
    margin-bottom: 55px;
    padding: 0;
    width: 100%
}

.gradingReleaseResultsView .gradingReleaseResultTableRow {
    display: table-row
}

    .gradingReleaseResultsView .gradingReleaseResultTableRow:not(:first-child):nth-child(odd) > .gradingReleaseResultTableCell {
        background-color: #F4F4F4
    }

.gradingReleaseResultsView .gradingReleaseResultTableCell {
    display: table-cell;
    padding: 7px 0;
    border-top: 1px #ddd solid
}

.gradingReleaseResultsView .gradingReleaseResultTableHeaderCell {
    border: 0;
    font-weight: 600
}

.gradingReleaseResultsView .gradingResultViewCheckBoxColumn {
    width: 7%;
    text-align: center
}

@media screen and (max-width:540px) {
    .gradingReleaseResultsView .gradingReleaseResultTableTitle {
        margin-left: 10%
    }

    .gradingReleaseResultsView .gradingResultViewCheckBoxColumn {
        width: 10%
    }
}

.gradingReleaseResultsView .gradingResultViewResponderColumn {
    width: 45%;
    font-weight: 600
}

    .gradingReleaseResultsView .gradingResultViewResponderColumn .author-notification-content {
        display: inline-block
    }

.gradingReleaseResultsView .gradingReleaseResultResponderName {
    margin-left: 17px
}

@media screen and (max-width:540px) {
    .gradingReleaseResultsView .gradingReleaseResultResponderName {
        margin-left: 7px
    }
}

.gradingReleaseResultsView .gradingReleaseResultResponderName .goToStudentLink {
    color: inherit
}

.gradingReleaseResultsView .gradingResultViewStatusColumn {
    width: 34%;
    font-weight: 600
}

.gradingReleaseResultsView .gradingResultViewPreviewColumn {
    width: 34%;
    font-weight: 600;
    text-decoration: underline
}

.gradingReleaseResultsView .greenText {
    color: #008037
}

.gradingReleaseResultsView .redText {
    color: #CD1A28
}

.gradingReleaseResultsView .blackText {
    color: #0c0c0c
}

.gradingReleaseResultsView .gradingResultViewPointsColumn {
    width: 14%
}

.gradingReleaseResultsView .goToStudentLink {
    cursor: pointer;
    color: #106EBE
}

@media print {
    .gradingViewContainer .gradingNavBarArrowContainer,
    .gradingViewContainer .gradingNavBarDropDown .downCaret,
    .gradingViewContainer .gradingNeedsReviewNotification {
        visibility: hidden !important
    }

    .gradingViewContainer .gradingNavBar {
        box-shadow: none !important
    }

    .gradingViewContainer .feedback-icon,
    .gradingViewContainer .feedbackToggle {
        display: none !important
    }

    .gradingViewContainer .gradingByQuestionResponseBody {
        border-bottom-width: 0 !important
    }

    .gradingViewContainer .gradingGradeInput input {
        border: none !important;
        box-shadow: none !important
    }

    .gradingViewContainer .answerAndFeedbackBoxContainer,
    .gradingViewContainer .gradingByQuestionOneResponseContainer,
    .gradingViewContainer .gradingByStudentFullQuestionContainer {
        page-break-inside: avoid
    }

    .gradingViewContainer::-webkit-input-placeholder {
        color: transparent
    }

    .gradingViewContainer:-moz-placeholder {
        color: transparent
    }

    .gradingViewContainer::-moz-placeholder {
        color: transparent
    }

    .gradingViewContainer:-ms-input-placeholder {
        color: transparent
    }
}

.segoeUI {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.segoeUILight {
    font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.segoeUISemilight {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.segoeUISemibold {
    font-family: wf_segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.segoeUIPrint {
    font-family: 'Segoe Print', 'Segoe UI', 'Segoe UI Web', 'Segoe UI Web Regular', 'Segoe UI Symbol', 'Helvetica Neue', 'BBAlpha Sans', 'S60 Sans', Arial, sans-serif
}

.L,
.SU,
.XL,
.XXL {
    font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.SU {
    font-size: 38px
}

.XXL {
    font-size: 28px
}

.XL {
    font-size: 24px
}

.L {
    font-size: 21px
}

.M-Plus {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 17px
}

.M,
.S,
.S-Plus,
.XS {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.M {
    font-size: 15px
}

.S-Plus {
    font-size: 14px
}

.S {
    font-size: 13px
}

.XS {
    font-size: 12px
}

.Mi {
    font-family: wf_segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 11px
}

@-webkit-keyframes load {
    0%, 100% {
        box-shadow: 0 -2.6em 0 0 #008272, 1.8em -1.8em 0 0 rgba(0, 130, 114, .2), 2.5em 0 0 0 rgba(0, 130, 114, .2), 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .2), -1.8em 1.8em 0 0 rgba(0, 130, 114, .2), -2.6em 0 0 0 rgba(0, 130, 114, .5), -1.8em -1.8em 0 0 rgba(0, 130, 114, .7)
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .7), 1.8em -1.8em 0 0 #008272, 2.5em 0 0 0 rgba(0, 130, 114, .2), 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .2), -1.8em 1.8em 0 0 rgba(0, 130, 114, .2), -2.6em 0 0 0 rgba(0, 130, 114, .2), -1.8em -1.8em 0 0 rgba(0, 130, 114, .5)
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .5), 1.8em -1.8em 0 0 rgba(0, 130, 114, .7), 2.5em 0 0 0 #008272, 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .2), -1.8em 1.8em 0 0 rgba(0, 130, 114, .2), -2.6em 0 0 0 rgba(0, 130, 114, .2), -1.8em -1.8em 0 0 rgba(0, 130, 114, .2)
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .2), 1.8em -1.8em 0 0 rgba(0, 130, 114, .5), 2.5em 0 0 0 rgba(0, 130, 114, .7), 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .2), -1.8em 1.8em 0 0 rgba(0, 130, 114, .2), -2.6em 0 0 0 rgba(0, 130, 114, .2), -1.8em -1.8em 0 0 rgba(0, 130, 114, .2)
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .2), 1.8em -1.8em 0 0 rgba(0, 130, 114, .2), 2.5em 0 0 0 rgba(0, 130, 114, .5), 1.75em 1.75em 0 0 rgba(0, 130, 114, .7), 0 2.5em 0 0 #008272, -1.8em 1.8em 0 0 rgba(0, 130, 114, .2), -2.6em 0 0 0 rgba(0, 130, 114, .2), -1.8em -1.8em 0 0 rgba(0, 130, 114, .2)
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .2), 1.8em -1.8em 0 0 rgba(0, 130, 114, .2), 2.5em 0 0 0 rgba(0, 130, 114, .2), 1.75em 1.75em 0 0 rgba(0, 130, 114, .5), 0 2.5em 0 0 rgba(0, 130, 114, .7), -1.8em 1.8em 0 0 #008272, -2.6em 0 0 0 rgba(0, 130, 114, .2), -1.8em -1.8em 0 0 rgba(0, 130, 114, .2)
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .2), 1.8em -1.8em 0 0 rgba(0, 130, 114, .2), 2.5em 0 0 0 rgba(0, 130, 114, .2), 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .5), -1.8em 1.8em 0 0 rgba(0, 130, 114, .7), -2.6em 0 0 0 #008272, -1.8em -1.8em 0 0 rgba(0, 130, 114, .2)
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .2), 1.8em -1.8em 0 0 rgba(0, 130, 114, .2), 2.5em 0 0 0 rgba(0, 130, 114, .2), 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .2), -1.8em 1.8em 0 0 rgba(0, 130, 114, .5), -2.6em 0 0 0 rgba(0, 130, 114, .7), -1.8em -1.8em 0 0 #008272
    }
}

@-moz-keyframes load {
    0%, 100% {
        box-shadow: 0 -2.6em 0 0 #008272, 1.8em -1.8em 0 0 rgba(0, 130, 114, .2), 2.5em 0 0 0 rgba(0, 130, 114, .2), 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .2), -1.8em 1.8em 0 0 rgba(0, 130, 114, .2), -2.6em 0 0 0 rgba(0, 130, 114, .5), -1.8em -1.8em 0 0 rgba(0, 130, 114, .7)
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .7), 1.8em -1.8em 0 0 #008272, 2.5em 0 0 0 rgba(0, 130, 114, .2), 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .2), -1.8em 1.8em 0 0 rgba(0, 130, 114, .2), -2.6em 0 0 0 rgba(0, 130, 114, .2), -1.8em -1.8em 0 0 rgba(0, 130, 114, .5)
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .5), 1.8em -1.8em 0 0 rgba(0, 130, 114, .7), 2.5em 0 0 0 #008272, 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .2), -1.8em 1.8em 0 0 rgba(0, 130, 114, .2), -2.6em 0 0 0 rgba(0, 130, 114, .2), -1.8em -1.8em 0 0 rgba(0, 130, 114, .2)
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .2), 1.8em -1.8em 0 0 rgba(0, 130, 114, .5), 2.5em 0 0 0 rgba(0, 130, 114, .7), 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .2), -1.8em 1.8em 0 0 rgba(0, 130, 114, .2), -2.6em 0 0 0 rgba(0, 130, 114, .2), -1.8em -1.8em 0 0 rgba(0, 130, 114, .2)
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .2), 1.8em -1.8em 0 0 rgba(0, 130, 114, .2), 2.5em 0 0 0 rgba(0, 130, 114, .5), 1.75em 1.75em 0 0 rgba(0, 130, 114, .7), 0 2.5em 0 0 #008272, -1.8em 1.8em 0 0 rgba(0, 130, 114, .2), -2.6em 0 0 0 rgba(0, 130, 114, .2), -1.8em -1.8em 0 0 rgba(0, 130, 114, .2)
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .2), 1.8em -1.8em 0 0 rgba(0, 130, 114, .2), 2.5em 0 0 0 rgba(0, 130, 114, .2), 1.75em 1.75em 0 0 rgba(0, 130, 114, .5), 0 2.5em 0 0 rgba(0, 130, 114, .7), -1.8em 1.8em 0 0 #008272, -2.6em 0 0 0 rgba(0, 130, 114, .2), -1.8em -1.8em 0 0 rgba(0, 130, 114, .2)
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .2), 1.8em -1.8em 0 0 rgba(0, 130, 114, .2), 2.5em 0 0 0 rgba(0, 130, 114, .2), 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .5), -1.8em 1.8em 0 0 rgba(0, 130, 114, .7), -2.6em 0 0 0 #008272, -1.8em -1.8em 0 0 rgba(0, 130, 114, .2)
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .2), 1.8em -1.8em 0 0 rgba(0, 130, 114, .2), 2.5em 0 0 0 rgba(0, 130, 114, .2), 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .2), -1.8em 1.8em 0 0 rgba(0, 130, 114, .5), -2.6em 0 0 0 rgba(0, 130, 114, .7), -1.8em -1.8em 0 0 #008272
    }
}

@-o-keyframes load {
    0%, 100% {
        box-shadow: 0 -2.6em 0 0 #008272, 1.8em -1.8em 0 0 rgba(0, 130, 114, .2), 2.5em 0 0 0 rgba(0, 130, 114, .2), 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .2), -1.8em 1.8em 0 0 rgba(0, 130, 114, .2), -2.6em 0 0 0 rgba(0, 130, 114, .5), -1.8em -1.8em 0 0 rgba(0, 130, 114, .7)
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .7), 1.8em -1.8em 0 0 #008272, 2.5em 0 0 0 rgba(0, 130, 114, .2), 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .2), -1.8em 1.8em 0 0 rgba(0, 130, 114, .2), -2.6em 0 0 0 rgba(0, 130, 114, .2), -1.8em -1.8em 0 0 rgba(0, 130, 114, .5)
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .5), 1.8em -1.8em 0 0 rgba(0, 130, 114, .7), 2.5em 0 0 0 #008272, 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .2), -1.8em 1.8em 0 0 rgba(0, 130, 114, .2), -2.6em 0 0 0 rgba(0, 130, 114, .2), -1.8em -1.8em 0 0 rgba(0, 130, 114, .2)
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .2), 1.8em -1.8em 0 0 rgba(0, 130, 114, .5), 2.5em 0 0 0 rgba(0, 130, 114, .7), 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .2), -1.8em 1.8em 0 0 rgba(0, 130, 114, .2), -2.6em 0 0 0 rgba(0, 130, 114, .2), -1.8em -1.8em 0 0 rgba(0, 130, 114, .2)
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .2), 1.8em -1.8em 0 0 rgba(0, 130, 114, .2), 2.5em 0 0 0 rgba(0, 130, 114, .5), 1.75em 1.75em 0 0 rgba(0, 130, 114, .7), 0 2.5em 0 0 #008272, -1.8em 1.8em 0 0 rgba(0, 130, 114, .2), -2.6em 0 0 0 rgba(0, 130, 114, .2), -1.8em -1.8em 0 0 rgba(0, 130, 114, .2)
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .2), 1.8em -1.8em 0 0 rgba(0, 130, 114, .2), 2.5em 0 0 0 rgba(0, 130, 114, .2), 1.75em 1.75em 0 0 rgba(0, 130, 114, .5), 0 2.5em 0 0 rgba(0, 130, 114, .7), -1.8em 1.8em 0 0 #008272, -2.6em 0 0 0 rgba(0, 130, 114, .2), -1.8em -1.8em 0 0 rgba(0, 130, 114, .2)
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .2), 1.8em -1.8em 0 0 rgba(0, 130, 114, .2), 2.5em 0 0 0 rgba(0, 130, 114, .2), 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .5), -1.8em 1.8em 0 0 rgba(0, 130, 114, .7), -2.6em 0 0 0 #008272, -1.8em -1.8em 0 0 rgba(0, 130, 114, .2)
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .2), 1.8em -1.8em 0 0 rgba(0, 130, 114, .2), 2.5em 0 0 0 rgba(0, 130, 114, .2), 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .2), -1.8em 1.8em 0 0 rgba(0, 130, 114, .5), -2.6em 0 0 0 rgba(0, 130, 114, .7), -1.8em -1.8em 0 0 #008272
    }
}

@keyframes load {
    0%, 100% {
        box-shadow: 0 -2.6em 0 0 #008272, 1.8em -1.8em 0 0 rgba(0, 130, 114, .2), 2.5em 0 0 0 rgba(0, 130, 114, .2), 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .2), -1.8em 1.8em 0 0 rgba(0, 130, 114, .2), -2.6em 0 0 0 rgba(0, 130, 114, .5), -1.8em -1.8em 0 0 rgba(0, 130, 114, .7)
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .7), 1.8em -1.8em 0 0 #008272, 2.5em 0 0 0 rgba(0, 130, 114, .2), 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .2), -1.8em 1.8em 0 0 rgba(0, 130, 114, .2), -2.6em 0 0 0 rgba(0, 130, 114, .2), -1.8em -1.8em 0 0 rgba(0, 130, 114, .5)
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .5), 1.8em -1.8em 0 0 rgba(0, 130, 114, .7), 2.5em 0 0 0 #008272, 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .2), -1.8em 1.8em 0 0 rgba(0, 130, 114, .2), -2.6em 0 0 0 rgba(0, 130, 114, .2), -1.8em -1.8em 0 0 rgba(0, 130, 114, .2)
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .2), 1.8em -1.8em 0 0 rgba(0, 130, 114, .5), 2.5em 0 0 0 rgba(0, 130, 114, .7), 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .2), -1.8em 1.8em 0 0 rgba(0, 130, 114, .2), -2.6em 0 0 0 rgba(0, 130, 114, .2), -1.8em -1.8em 0 0 rgba(0, 130, 114, .2)
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .2), 1.8em -1.8em 0 0 rgba(0, 130, 114, .2), 2.5em 0 0 0 rgba(0, 130, 114, .5), 1.75em 1.75em 0 0 rgba(0, 130, 114, .7), 0 2.5em 0 0 #008272, -1.8em 1.8em 0 0 rgba(0, 130, 114, .2), -2.6em 0 0 0 rgba(0, 130, 114, .2), -1.8em -1.8em 0 0 rgba(0, 130, 114, .2)
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .2), 1.8em -1.8em 0 0 rgba(0, 130, 114, .2), 2.5em 0 0 0 rgba(0, 130, 114, .2), 1.75em 1.75em 0 0 rgba(0, 130, 114, .5), 0 2.5em 0 0 rgba(0, 130, 114, .7), -1.8em 1.8em 0 0 #008272, -2.6em 0 0 0 rgba(0, 130, 114, .2), -1.8em -1.8em 0 0 rgba(0, 130, 114, .2)
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .2), 1.8em -1.8em 0 0 rgba(0, 130, 114, .2), 2.5em 0 0 0 rgba(0, 130, 114, .2), 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .5), -1.8em 1.8em 0 0 rgba(0, 130, 114, .7), -2.6em 0 0 0 #008272, -1.8em -1.8em 0 0 rgba(0, 130, 114, .2)
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, .2), 1.8em -1.8em 0 0 rgba(0, 130, 114, .2), 2.5em 0 0 0 rgba(0, 130, 114, .2), 1.75em 1.75em 0 0 rgba(0, 130, 114, .2), 0 2.5em 0 0 rgba(0, 130, 114, .2), -1.8em 1.8em 0 0 rgba(0, 130, 114, .5), -2.6em 0 0 0 rgba(0, 130, 114, .7), -1.8em -1.8em 0 0 #008272
    }
}

@-webkit-keyframes rotate-progress {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes rotate-progress {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes rotate-progress {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate-progress {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.dn {
    display: none
}

.NotVisible {
    visibility: hidden
}

.FlexDisplay {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.MathJax nobr > span.math > span {
    border-left-width: 0 !important
}

@media screen and (-ms-high-contrast:active) {
    .highContrast-common {
        border-style: solid;
        outline-width: 0;
        margin: 0 2px
    }

        .highContrast-common:focus,
        .highContrast-common:hover {
            border-style: dashed
        }

        .highContrast-common:active,
        .highContrast-common:disabled {
            border-style: solid
        }
}

.highContrast-focus,
.highContrast-hover {
    border-style: dashed
}

.highContrast-active,
.highContrast-disabled {
    border-style: solid
}

.screenReaderVisible {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.screenReaderReference {
    display: none
}

.design-question-title-image-picker,
.form-designer-title-editor-image-picker {
    margin: 0
}

#content-root,
body,
html {
    height: 100%;
    min-width: 320px
}

@media print {
    #content-root,
    body,
    html {
        height: auto
    }
}

.form-control {
    height: 32px;
    padding: 5px 12px 7px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .form-control:not([disabled]):hover {
        border-color: #d0d0d0
    }

    .form-control:focus {
        border-color: #d0d0d0;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .form-control::-moz-placeholder {
        color: #666;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #666
    }

    .form-control::-webkit-input-placeholder {
        color: #666
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color: transparent;
        opacity: 1
    }

    .form-control[disabled],
    fieldset[disabled] .form-control {
        cursor: not-allowed
    }

textarea.form-control {
    height: auto;
    overflow: hidden
}

.office-form-theme-primary-background {
    background-color: #008272
}

.office-form-bottom-button,
.office-form-view-result-button {
    width: 180px;
    height: 40px;
    text-align: center;
    font-size: 15px;
    background: #008272;
    color: #fff
}

    .office-form-bottom-button:focus,
    .office-form-bottom-button:hover,
    .office-form-view-result-button:focus,
    .office-form-view-result-button:hover {
        background-color: #004B50;
        color: #FFF
    }

    .office-form-bottom-button:disabled,
    .office-form-bottom-button:disabled:hover,
    .office-form-view-result-button:disabled,
    .office-form-view-result-button:disabled:hover {
        background-color: #F4F4F4;
        color: #A6A6A6
    }

.office-form-padding-align {
    padding-left: 50px;
    padding-right: 50px
}

.small-screen .office-form-padding-align {
    padding-left: 35px;
    padding-right: 35px
}

.mobile-view .office-form-padding-align {
    padding-left: 15px;
    padding-right: 15px
}

.office-form-title-container {
    position: relative;
    white-space: pre-wrap;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.office-form-form-title {
    padding: 50px
}

    .office-form-form-title.small-size {
        padding: 25px 50px
    }

    .office-form-form-title.slim-size {
        padding: 3px 50px
    }

.office-form-title {
    font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    flex: 1 1 auto;
    font-size: 24px;
    overflow: hidden
}

    .office-form-title.heading-1 {
        font-size: 38px
    }

.small-size .office-form-title.heading-1 {
    font-size: 24px
}

    .small-size .office-form-title.heading-1:only-child {
        padding-top: 2.5px;
        padding-bottom: 2.5px
    }

.office-form-title.heading-2 {
    font-size: 21px
}

.office-form-title > div,
.office-form-title > span {
    word-break: break-word;
    word-wrap: break-word
}

.office-form-body {
    padding: 20px 30px 70px;
    background: #FFF;
    opacity: .97
}

.office-form-content {
    padding-top: 50px;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

    .office-form-content.height-with-tip-bar {
        padding-top: 0
    }

.office-form-bottom-button-div {
    display: inline-block;
    margin: 35px 0 0 20px;
    position: relative;
    vertical-align: middle
}

.small-screen .office-form-bottom-button-div {
    padding: 0 15px;
    flex: 1 1 50%
}

.mobile-view .office-form-bottom-button-div {
    margin: 35px 0 10px
}

.office-form-question-choice-margin {
    margin-left: 20px;
    margin-top: 20px
}

.office-form-question-choice + .office-form-question-choice {
    margin-top: 20px
}

.office-form-textfield {
    position: relative
}

.office-form-abuse-title,
.office-form-abuse-title.small-size {
    padding: 25px 50px
}

    .office-form-abuse-title.slim-size {
        padding: 3px 50px
    }

.office-form-report-title {
    font-family: wf_segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 21px;
    line-height: 28px;
    color: #333
}

    .office-form-report-title > a {
        color: #008272;
        text-decoration: underline
    }

.office-form-report-title-div {
    margin: 20px
}

.office-form-report-choice-div {
    margin-top: 30px
}

.office-form-report-text {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    color: #333
}

.office-form-comments-container {
    margin: 30px 20px 20px
}

.office-form-comments-title {
    margin-bottom: 10px
}

.office-form-notice-contaienr {
    margin-left: 20px;
    margin-top: 50px
}

.office-form-privacy-link {
    margin: 10px 0
}

.unselectable-text {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.office-form-footer-container {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    overflow: hidden
}

.office-form-footer-block {
    margin: 15px auto;
    width: 100%;
    line-height: 1.3;
    font-size: 12px;
    color: #333
}

    .office-form-footer-block > a {
        color: #084EA1
    }

.office-form-notice-report {
    margin-left: 5px
}

.office-form-footer-block .office-form-notice-report {
    margin-left: 35px
}

.office-form-notice-password {
    margin: 20px 0 0 20px;
    font-size: 12px;
    color: #414141
}

.office-form-footer-inline-without-margin > a,
.office-form-footer-inline > a {
    color: #084EA1
}

.office-form-footer-inline-without-margin {
    display: inline-block
}

.office-form-footer-inline {
    display: inline-block
}

    .office-form-footer-inline + .office-form-footer-inline {
        margin-left: 5px
    }

.office-form-page-padding {
    padding-left: calc(50% - 425px)
}

    .office-form-page-padding > div {
        max-width: 850px
    }

.forms-pro .office-form-page-padding {
    padding-left: calc(50% - 595px)
}

    .forms-pro .office-form-page-padding > div {
        max-width: 1190px
    }

.forms-pro .office-form-page-padding-preview {
    padding-left: calc(50% - 425px)
}

    .forms-pro .office-form-page-padding-preview > div {
        max-width: 850px
    }

.office-form-theme-page-background {
    background-color: #EAEAEA;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.spinner-tile-animation {
    width: 1em;
    height: 1em;
    font-size: 10px;
    border-radius: 50%;
    -o-animation: load 1.1s infinite ease;
    animation: load 1.1s infinite ease
}

.page-loading-messagebox {
    top: 45%;
    width: 100%;
    position: absolute;
    text-align: center
}

.page-loading-message {
    color: #008272;
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 17px;
    margin: 30px 20px;
    display: inline-block;
    vertical-align: sub;
    line-height: 100%
}

.page-loading-message-error {
    color: red;
    margin-top: 20px
}

.page-loading-message-timeout {
    color: #ff8c00;
    margin-top: 10px
}

.page-loading-animation {
    display: inline-block
}

    .page-loading-animation > .spinner-tile-animation {
        margin-right: 20px
    }

.office-form-info-container {
    font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    text-align: center;
    font-size: 12px;
    color: #666;
    padding: 100px 0 120px;
    line-height: 100%;
    background: rgba(255, 255, 255, .92)
}

.office-form-info-subtitle,
.office-form-info-title,
.surveyResultsView .surveyResultsTitle {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif
}

.office-form-info-container .office-form-info-children {
    display: inline-block;
    color: #084EA1;
    cursor: pointer;
    font-size: 12px;
    line-height: 1.3
}

.office-form-info-container .office-form-info-error-children {
    display: inline-block;
    color: #106ebe;
    cursor: pointer
}

.office-form-error-page-container {
    background-image: url(../../Images/register-bg.png);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 50px;
    min-height: 100%;
    overflow: auto
}

    .office-form-error-page-container .office-form-info-container {
        background: 0 0
    }

    .office-form-error-page-container .office-form-info-title {
        color: #008272
    }

    .office-form-error-page-container .office-form-info-subtitle {
        color: #000
    }

.office-form-info-title {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 100%
}

.office-form-info-subtitle {
    white-space: pre-wrap;
    padding: 0 30px;
    font-size: 16px;
    line-height: 150%
}

.small-screen .office-form-info-title {
    font-size: 16px;
    margin-bottom: 8px
}

.small-screen .office-form-info-subtitle {
    font-size: 13px;
    padding: 0 10px
}

.office-form-error-page-container.office-form-spo-embed {
    background: #F8F8F8;
    padding: 0
}

    .office-form-error-page-container.office-form-spo-embed .office-form-info-container {
        padding: 120px 0;
        max-width: none
    }

.office-form-theme-page-background.office-form-spo-embed {
    background: 0 0
}

.tipbar-container {
    min-height: 50px;
    width: 100%;
    z-index: 1
}

.tipbar-location-up {
    position: relative
}

.tipbar-location-down {
    position: fixed;
    bottom: 0
}

.tipbar-style-yellow {
    background-color: #FFF1CC
}

.tipbar-style-red {
    background-color: #FACFD3
}

.tipbar-style-white {
    background-color: #FFF
}

.tipbar-info-icon {
    font-size: 19px
}

.tip-bar-icon-red {
    color: #BB200D
}

.tip-bar-icon-yellow {
    color: #FFB900
}

.tipbar-close {
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer
}

.tipbar-limit-content {
    margin-left: 5px
}

.tipbar-limit-href {
    cursor: pointer;
    color: #005A9E
}

    .tipbar-limit-href:hover {
        color: #004578
    }

@media screen and (-ms-high-contrast:active) {
    .tipbar-limit-href {
        outline: dashed 1px
    }
}

.tipbar-content {
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px
}

.tipbar-close + .tipbar-content {
    padding-right: 74px;
    padding-left: 30px
}

.tipbar-txt-content {
    display: inline-flex;
    margin-bottom: 9px;
    margin-top: 9px
}

.tipbar-upgrade-button {
    background-color: #008272;
    font-size: 15px;
    color: #FFF;
    height: 40px;
    width: 198px;
    margin-left: 15px
}

    .tipbar-upgrade-button:focus {
        outline: #000 dashed 1px
    }

    .tipbar-upgrade-button:active,
    .tipbar-upgrade-button:focus,
    .tipbar-upgrade-button:hover {
        background-color: #004B50
    }

@media screen and (max-width:768px) {
    .office-form-error-page-container .office-form-info-title {
        font-size: 16px;
        margin: 5px 10px
    }

    .office-form-error-page-container .office-form-info-subtitle {
        font-size: 13px;
        margin: 5px 10px
    }
}

.surveyResultsView {
    background-color: #FFF
}

    .surveyResultsView .surveyResultsTitle {
        font-size: 21px;
        padding: 40px 0 0 50px;
        line-height: 30px
    }

@media screen and (max-width:768px) {
    .surveyResultsView .surveyResultsTitle {
        font-size: 18px;
        padding: 23px 0 0 50px
    }
}

@media screen and (max-width:540px) {
    .surveyResultsView .surveyResultsTitle {
        display: none
    }
}*/