/* Minification failed. Returning unminified contents.
(1877,1): run-time error CSS1035: Expected colon, found '}'
 */
/* This CSS file contains global styling for the site's overall look/feel */

/*  Color Palette
**************************************************************
Background: #fff
Borders: #ccc
Text: #666
Main Accent: #39922C
Links: #0071BC
*************************************************************/

/* Resets
***************************************************************/

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    color: #333;
    font-family: "Segoe UI", "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    font-size: .85em;
}

section {
    margin-bottom: 20px;
}

/* Headings */

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: .6em 0;
}

h1 {
    font-size: 2.6em;
}

section h1 {
    font-size: 2.1em;
    margin-bottom: 2px;
}

h2 {
    font-size: 2em;
    margin-bottom: 2px;
}

h3 {
    font-size: 1.6em;
    margin-bottom: 0;
}

h4 {
    font-size: 1.4em;
}

h5 {
    font-size: 1.1em;
    font-weight: 500;
}

h6 {
    font-size: 1em;
}


small {
    font-size: 0.5em;
}


h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
    margin: 0;
}

/* Page Headings*/

.page-heading {
    border-bottom: solid 1px #ccc;
    margin: 0 0 20px 0;
    padding-bottom: 10px;
}

    .page-heading h1,
    .page-heading h2 {
        margin: 0;
        padding: 0;
    }

/* Aside Headings */

aside h1 {
    font-size: 1.154em;
}

aside h2 {
    font-size: 1.077em;
}

aside h3, aside h4, aside h5, aside h6 {
    font-size: 1em;
}

/* Lists */

li ul, li ol {
    margin: 0;
}

dl {
    margin: 0 0 1.5em 0;
}

    dl dt {
        font-weight: bold;
    }

dd {
    margin-left: 1.5em;
}

/* Text elements */
p {
    line-height: 1.538em;
    margin: 0 0 1em;
}

    p img.left {
        float: left;
        margin: 0.923em 0.923em 0.923em 0;
        padding: 0;
    }

    p img.right {
        float: right;
        margin: 0.923em 0 0.923em 0.923em;
    }

a {
    color: #0071bc;
    /*outline: none;*/
    text-decoration: none;
    cursor: pointer;
}

    a:hover {
        text-decoration: underline;
    }

    a img {
        border: none;
    }

    a:focus {
        outline: auto;
    }

blockquote {
    color: #666;
    font-style: italic;
    margin: 0.923em;
}

strong {
    font-weight: bold;
}

em, dfn {
    font-style: italic;
}

dfn {
    font-weight: bold;
}

sup, sub {
    line-height: 0;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
}

address {
    font-style: italic;
    margin: 0 0 0.923em;
}

del {
    color: #666;
}

pre {
    margin: 0.923em 0;
}

pre, code, tt {
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height: 1.462em;
}

header, footer,
nav, section {
    display: block;
}

th {
    text-align: left;
}

/* General */

.message {
    background-color: #eff7fa;
    border: solid 1px;
    color: #52a4ca;
    font-size: 1.3em;
    padding: 10px;
}

.error {
    background-color: #fbe3e4;
    color: #c13a3f;
    font-weight: 600;
}

.warning {
    background-color: #fff7c4;
    color: #ff9600;
}

    .warning.fancy {
        color: black;
        border-color: #f7d3a5;
        font-size: 1em;
        font-weight: 500;
        padding: 5px;
    }

/* Logo */

#logo {
    float: left;
    padding: 20px 20px 0 0;
}

    #logo a {
        background: url(../Content/Images/nugetlogo.png) no-repeat;
        display: block;
        height: 75px;
        margin: 0;
        padding: 0;
        text-indent: -9999px;
        width: 345px;
    }

/* Body */

#body {
    padding-bottom: 14px;
    padding-top: 20px;
}

#sideColumn {
    float: left;
    width: 25%;
}

#pageSearchBox #searchBoxInput {
    width: 265px;
}

/* Body */

#body {
    padding-bottom: 14px;
    padding-top: 20px;
}

#sideColumn {
    float: left;
    width: 25%;
}

ul.tags {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.tags li {
        display: inline;
        padding-right: 6px;
    }

/* Package Owners (on various pages) */

ul.owners {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.owners li {
        margin-bottom: 12px;
    }

a.owner {
    font-size: 1.4em;
}

    a.owner span.owner-name {
        display: inline-block;
        position: relative;
        top: -0.5em;
    }

    a.owner:hover {
        text-decoration: none;
        color: #333;
    }

.owner-image {
    margin-right: 5px;
}

/* Authors */

p.authors {
    font-size: 1.25em;
}

/* Large Package Icon - up to 128x128 */

.logo {
    max-height: 128px;
    max-width: 128px;
    display: block;
    margin: 0 0 20px 0;
}

/* Stats */

.stat {
    margin-bottom: 20px;
}

.stat-number {
    font: 2em 'andale mono', 'lucida console', monospace;
    letter-spacing: 1px;
    line-height: 1.4em;
    margin: 0;
}

.stat-label {
    font-size: 1.0em;
    line-height: 1em;
    margin: -7px 0 0 0px;
}

/* License Gadget */

.block {
    margin-top: 1.5em;
    margin-bottom: 2em;
    margin-left: 0;
    margin-right: 2em;
    padding: 1.1em;
    background: #e4f1f7;
}

.block-title {
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
    font-size: 1.25em;
    color: #0071BC;
}

.block-notice {
    color: red;
    padding: 0.1em;
    display: inline-block;
}

#sonatypeHeader {
    margin-top: 0;
    margin-bottom: 1.75em;
    text-align: left;
    font-size: 0.7em;
    color: black;
}

.licenseName {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 0.9em;
    font-weight: 600;
}

.block-link {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    font-size: 0.9em;
}

.block-text {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    font-size: 0.9em;
}

#enableDisableLicenseReportButton {
    margin: 0 auto;
    margin-top: 1.5em;
    display: block;
    font-size: 0.9em;
}

.fadedLicenseName {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 0.9em;
    font-weight: 600;
    color: grey;
}

.block-fadedLink {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    font-size: 0.9em;
    color: lightblue;
}

/* Side Column Navigation */

#sideColumn nav ul {
    font-size: 1.25em;
    list-style: none;
    margin: 0;
    padding: 0;
}

    #sideColumn nav ul li {
        margin: 3px 0px 0px;
        padding: 0;
    }

/* List Packages Page */

.smaller {
    font-size: 0.85em;
}

.search h1 {
    font-size: 2.3em;
    margin: 0;
    padding: 0;
}

.search h2 {
    font-size: 1.5em;
    margin: 0;
    padding: 0;
}

fieldset.search {
    margin: 0;
    text-align: right;
}

    fieldset.search label {
        display: inline;
        margin-left: 10px;
    }

#searchResults {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0;
}

#owners-subheader {
    font-size: 1em;
}

/* List Package */

.package-list-lastupdated {
    float: left;
    font-style: italic;
    font-size: 8pt;
}

section.package {
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

    section.package div.main header.package-list-header {
        width: 820px;
        overflow: hidden;
    }

    section.package article > :first-child {
        font-style: italic;
    }

        section.package article > :first-child small:last-child {
            padding-left: 10px;
            margin-left: 10px;
            border-left: 1px solid #ccc;
        }

    section.package article > .minimum-client-version {
        float: right;
    }

    section.package.my-package {
        background: url("Images/yourpackage.png") no-repeat 100% 0;
    }

    section.package .main {
        margin-left: 70px;
    }

    section.package header {
        margin-bottom: 5px;
    }

    section.package h1 {
        font-size: 1.75em;
        margin: 0;
    }

    section.package h2 {
        display: inline;
        font-size: 1.25em;
    }

    section.package ul,
    section.package li {
        display: inline;
    }

    section.package h1 {
        font-size: 1.75em;
        display: inline-block;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
        margin: 0;
    }

    section.package p {
        line-height: 1.25em;
        margin-bottom: 5px;
    }

    section.package .downloads {
        display: inline;
        font-size: 1.25em;
        font-weight: 600;
    }

    section.package div.tags {
        border-left: 1px solid #ccc;
        display: inline;
        margin-left: 10px;
        padding-left: 10px;
    }

        section.package div.tags h2 {
            margin-right: 5px;
        }

    section.package div.licenses {
        border-left: 1px solid #ccc;
        display: inline;
        margin-left: 10px;
        padding-left: 10px;
    }

        section.package div.licenses h2 {
            margin-right: 5px;
        }

        section.package div.licenses p {
            display: inline;
        }

    section.package .side {
        float: left;
        width: 70px;
    }

        section.package .side img {
            display: block;
            margin: 0 auto;
            max-width: 48px;
            max-height: 48px;
        }

/* Pager */

ul.pager {
    font-size: 1.5em;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

    ul.pager li {
        display: inline;
    }

        ul.pager li.previous {
            border-right: solid 1px #ccc;
            padding-right: 7px;
        }

        ul.pager li.next {
            padding-left: 10px;
        }

/* Sexy Table */

.sexy-table {
    border-collapse: collapse;
    font-size: 1.1em;
}

.sexy-table-full {
    width: 100%;
}

    .sexy-table-full .last {
        text-align: right;
        padding: 5px 15px 5px 0;
    }

/* header */

.sexy-table thead tr {
    border-bottom: solid 1px #333;
}

.sexy-table th {
    font-size: 1.25em;
    font-weight: normal;
    padding: 5px 15px 0px 0px;
    text-align: left;
}

    /* actions */

    .sexy-table th.actions {
        text-indent: -9999px;
    }

.sexy-table td.actions {
    width: 32px;
}

    .sexy-table td.actions a.table-action-link {
        text-decoration: none;
    }

/* body */

.sexy-table tbody tr {
    margin-bottom: 10px;
}

    .sexy-table tbody tr:hover {
        background-color: #f4f5f6;
    }

    .sexy-table tbody tr.recommended {
        font-weight: 800;
    }

.sexy-table tbody td {
    padding: 5px 25px 5px 0;
}

    .sexy-table tbody td.actions {
        padding: 2px 5px;
    }

    .sexy-table tbody td.package-version-downloads {
        text-align: right
    }

/* footer */

.sexy-table tfoot {
    border-bottom: solid 1px #333;
    font-weight: 600;
}

    .sexy-table tfoot td {
        padding: 3px 0;
    }

    .sexy-table tfoot tr {
        border-top: 2px solid #333;
    }


/* Pivot Table */

.pivot-table {
    border-collapse: collapse;
    font-size: 1.1em;
}

    /* header */

    .pivot-table thead tr {
        border-bottom: solid 1px #333;
    }

    .pivot-table th {
        font-size: 1.25em;
        font-weight: normal;
        padding: 5px 15px 0px 0px;
        text-align: left;
    }

    /* body */

    .pivot-table tbody tr {
        margin-bottom: 10px;
    }

    .pivot-table tbody td {
        padding: 5px 25px 5px 0;
    }

/* stats Table */

.stats-table {
    border-collapse: collapse;
    font-size: 1.1em;
}

    /* header */

    .stats-table thead tr {
        border-bottom: solid 1px #333;
    }

    .stats-table th {
        font-size: 1.25em;
        font-weight: normal;
        padding: 5px 5px 0px 0px;
        text-align: left;
    }

    /* body */

    .stats-table tbody tr {
        margin-bottom: 10px;
    }

        .stats-table tbody tr:hover {
            background-color: #f4f5f6;
        }

    .stats-table tbody td {
        padding: 5px 5px 5px 0;
    }

    /* footer */

    .stats-table tfoot {
        border-bottom: solid 1px #333;
        font-weight: 600;
    }

        .stats-table tfoot td {
            padding: 3px 0;
        }

        .stats-table tfoot tr {
            border-top: 2px solid #333;
        }


/* statistics */

.statistics-number {
    text-align: right;
}

.statistics-report-title {
    font-size: 1.8em;
    margin-bottom: 4px;
}

.statistics-layout {
    width: 400px;
    float: left;
    padding: 25px;
}

.statistics-more {
    font-weight: bold;
}

.statistics-total-div {
    padding-bottom: 10px;
    padding-top: 10px;
}

.statistics-rank {
    font-size: 0.8em;
}

.statistics-sidebar {
    float: left;
    width: 160px;
    height: 300px;
    font-size: 1.25em;
    font-weight: normal;
    padding: 5px 10px 0 0;
}

.statistics-pivot {
    padding-top: 25px;
}

.statistics-graph {
    width: 100%;
}

.statistics-dimensions-table {
    position: relative;
    top: 50px;
}

.axis path,
.axis line {
    fill: none;
    stroke: #000;
    -webkit-shape-rendering: crispEdges;
    -moz-shape-rendering: crispEdges;
    -ms-shape-rendering: crispEdges;
    -o-shape-rendering: crispEdges;
    shape-rendering: crispEdges;
}

.bar {
    fill: steelblue;
}

    .bar:hover {
        fill: orange;
    }

.line {
    fill: none;
    stroke: steelblue;
    stroke-width: 1.5px;
}

.line-graph-dot {
    fill: steelblue;
}

    .line-graph-dot:hover {
        fill: orange;
    }

/* Forms */

.form-inline {
    display: inline-block;
}

form ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

fieldset.form {
    border: none;
    clear: both;
    padding: 0;
}

    fieldset.form legend {
        display: none;
    }

.form-field p {
    margin-left: 10px;
}

.form-field h3 {
    color: #52a4ca;
}

.form-field h4 {
    color: #52a4ca;
    font-size: 1.3em;
    margin-bottom: 5px;
}

.form-field {
    margin-bottom: 10px;
    position: relative;
}

    .form-field label {
        color: #52a4ca;
        display: block;
        font-size: 1.25em;
        margin-bottom: 5px;
    }

        .form-field label.checkoboxsmall {
            color: #333;
            font-size: 100%;
            display: block;
            margin-bottom: 5px;
        }

            .form-field label.checkoboxsmall.inline {
                display: inline-block;
            }

        .form-field label.checkbox {
            display: inline;
        }

    .form-field textarea,
    .form-field input[type="email"],
    .form-field input[type="text"],
    .form-field input[type="file"],
    .form-field input[type="url"],
    .form-field input[type="password"] {
        background: #fff url("../content/images/inputBackground.png") repeat-x;
        border: solid 1px #ccc;
        color: #7f8c7d;
        font-size: 1.25em;
        padding: 5px 0 5px 10px;
        vertical-align: middle;
        width: 400px;
        /* This won't work in IE7, but it will only produce a minor layout quirk */
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 2.25em;
    }

    .form-field.form-field-full input,
    .form-field.form-field-full textarea {
        width: 100%;
    }

    .form-field.form-field-full textarea {
        height: 96px;
    }

    .form-field input[data-val-required],
    .form-field textarea[data-val-required] {
        border-left: solid 5px #52a4ca;
    }

    .form-field input[data-edited=true],
    .form-field textarea[data-edited=true] {
        border-left: solid 5px #2ef12e;
        padding-left: 6px;
    }

    .form-field input[type="checkbox"] {
        border-left: none;
    }

        .form-field input[type="checkbox"]:focus,
        .form-field input[type="radio"]:focus,
        .form-field input[type="file"]:focus {
            outline: auto !important;
        }

    .form-field input[type="url"] {
        width: 100%;
    }

    .form-field select {
        background: #fff url("../content/images/inputBackground.png") repeat-x;
        border: solid 1px #ccc;
        color: #7f8c7d;
        font-size: 1.25em;
        padding: 5px 5px 5px 10px;
        vertical-align: middle;
        /* This won't work in IE7, but it will only produce a minor layout quirk */
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 2.25em;
    }

        .form-field select[data-edited=true] {
            border-left: solid 4px #2ef12e;
            padding-left: 0px;
        }

    .form-field textarea[disabled],
    .form-field input[type="email"][disabled],
    .form-field input[type="text"][disabled],
    .form-field input[type="file"][disabled],
    .form-field input[type="password"][disabled],
    .form input[type="submit"][disabled],
    .form input[type="submit"][disabled]:hover {
        background: silver;
        cursor: not-allowed;
        border: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        color: #333;
        background-color: #e6e6e6;
    }

    .form-field select[data-edited=true] {
        border-left: solid 4px #2ef12e;
        padding-left: 0px;
    }

    .form-field textarea[disabled],
    .form-field input[type="email"][disabled],
    .form-field input[type="text"][disabled],
    .form-field input[type="file"][disabled],
    .form-field input[type="password"][disabled],
    .form input[type="submit"][disabled],
    .form input[type="submit"][disabled]:hover {
        background: silver;
        cursor: not-allowed;
        border: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        color: #333;
        background-color: #e6e6e6;
    }

    .form-field input.input-validation-error,
    .form-field textarea.input-validation-error {
        border-left: solid 5px #ca5252;
    }

/* flyout Text */

.field-hint-message,
.field-validation-error {
    font-size: 1em;
    line-height: 1.2em;
    padding: 5px;
    margin-top: 5px;
    width: 416px;
    z-index: 550;
}

.form-field-full > .field-validation-error,
.form-field-full > .field-hint-message {
    width: 98.5%;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-right: 0px;
}

textarea + .field-validation-error {
    top: auto;
    left: auto;
    position: static;
}

.field-validation-error.block-validation-error {
    position: static;
    display: block;
    margin-left: 2px;
    margin-top: 5px;
}

.field-hint-message {
    background-color: #eff7fa;
    border: solid 1px #52a4ca;
    display: none;
}

.field-validation-error {
    background-color: #fbe3e4;
    border: solid 1px #c13a3f;
    display: block;
}

.form-field input:focus ~ .field-hint-message {
    display: block;
}

input:focus ~ .field-validation-error ~ .field-hint-message {
    display: none;
}

a.btn {
    color: white;
    text-decoration: none;
    padding: 1px 6px;
    margin: 0px 6px;
    display: block;
    /* This won't work in IE7, but it will only produce a minor layout quirk */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.btn.btn-small {
    font-size: 10pt;
}

.btn.btn-inline {
    display: inline-block;
}

.btn.btn-veryflat {
    display: inline-block;
    background: none !important;
    border: none;
    padding: 2px !important;
    font: inherit;
    cursor: pointer;
    color: #0071bc;
    text-decoration: none;
    box-shadow: none;
}

    .btn.btn-veryflat:hover {
        text-decoration: underline;
    }

    .btn.btn-veryflat:focus {
        outline: auto;
    }

a:hover.btn {
    color: white;
    text-decoration: none;
}

button, input[type="submit"], .btn {
    font-family: "Segoe UI", "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    background-color: #4585aa;
    background-image: -ms-linear-gradient(top, #4585aa 0%, #376783 100%);
    background-image: -o-linear-gradient(top, #4585aa 0%, #376783 100%);
    background-image: -webkit-linear-gradient(top, #4585aa 0%, #376783 100%);
    background-image: linear-gradient(top, #4585aa 0%, #376783 100%);
    border: solid 1px #376783;
    box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1), 1px 1px 1px rgba(0, 0, 0, 0.3);
    color: #fff;
    cursor: pointer;
    font-size: 1.25em;
    font-weight: 500;
    margin: 0;
    text-decoration: none;
    width: auto;
}

    input[type="submit"]:hover, .btn:hover {
        background-color: #307A25;
        background-image: -ms-linear-gradient(top, #307A25 0%, #2C9E1B 100%);
        background-image: -o-linear-gradient(top, #307A25 0%, #2C9E1B 100%);
        background-image: -webkit-linear-gradient(top, #307A25 0%, #2C9E1B 100%);
        background-image: linear-gradient(top, #307A25 0%, #2C9E1B 100%);
        border-color: #307A25;
    }



.form a.cancel {
    font-size: 1.25em;
}

.form input:focus {
    outline: none;
}

.form img {
    display: block;
    margin: 15px 0;
}

.form input[type="submit"]:focus {
    outline: auto;
}

.validation-summary-errors,
.field-validation-error {
    color: #c13a3f;
}

.validation-summary-errors {
    font-size: 1.25em;
    font-weight: 600;
}

    .validation-summary-errors li {
        list-style: none;
    }

.clear-fix {
    clear: both;
}

/* Last Updated Timestamp (in various places)*/
.last-updated {
    margin-top: 1em;
    clear: both;
    color: grey;
    font-size: 8pt;
}

/* Sequence Steps */

.sequence {
    letter-spacing: 1px;
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

    .sequence li {
        border: solid 1px #333;
        box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1), 1px 1px 1px rgba(0, 0, 0, 0.3);
        color: #333;
        float: left;
        height: 35px;
        line-height: 35px;
        margin: 0 30px 20px 0;
        padding: 0 20px;
        width: auto;
    }

        .sequence li.past,
        .sequence li.current {
            background-color: #4585aa;
            background-image: -ms-linear-gradient(top, #4585aa 0%, #376783 100%);
            background-image: -o-linear-gradient(top, #4585aa 0%, #376783 100%);
            background-image: -webkit-linear-gradient(top, #4585aa 0%, #376783 100%);
            background-image: linear-gradient(top, #4585aa 0%, #376783 100%);
            border-color: #376783;
            color: #fff;
        }

        .sequence li.current {
            font-weight: 600;
            height: 41px;
            line-height: 41px;
            margin-top: -3px;
            text-decoration: underline;
        }

.btn.btn-big {
    width: 100%;
    font-size: 23px;
    padding: 0.25em;
}

    .btn.btn-big:focus {
        outline: auto;
    }

.verticalSeparator {
    display: inline-block;
    vertical-align: middle;
    border-left: solid 1px black;
    height: 100%;
    padding: 0;
    margin: 0;
    margin-top: 5%;
    margin-bottom: 5%;
}

ul.actionlist {
    margin: 0;
    padding: 5px;
    padding-left: 0;
    width: 100%;
}

    ul.actionlist li.actionlist-item {
        margin: 0;
        margin-left: 5px;
        list-style-type: none;
        width: 472px;
        float: left;
    }

        ul.actionlist li.actionlist-item a.actionlist-item-link {
            background-color: #eff7fa;
            border: 1px solid silver;
            box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1), 1px 1px 1px rgba(0, 0, 0, 0.3);
            padding: 0.5em;
            color: black;
            float: left;
            height: 120px;
        }

            ul.actionlist li.actionlist-item a.actionlist-item-link:hover {
                background-color: white;
            }

            ul.actionlist li.actionlist-item a.actionlist-item-link .actionlist-item-header {
                font-size: 1.5em;
            }

            ul.actionlist li.actionlist-item a.actionlist-item-link .actionlist-item-header {
                color: #0071bc;
            }

            ul.actionlist li.actionlist-item a.actionlist-item-link:hover .actionlist-item-header .actionlist-item-header-text {
                text-decoration: underline;
            }

            ul.actionlist li.actionlist-item a.actionlist-item-link:hover {
                text-decoration: none;
            }

ul.accordion {
    margin: 0;
    padding: 5px;
}

    ul.accordion li.accordion-item {
        background-color: #eff7fa;
        margin: 0.5em 0;
        padding: 0.5em;
        list-style-type: none;
        border: 1px solid silver;
        box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1), 1px 1px 1px rgba(0, 0, 0, 0.3);
        min-height: 32px;
    }

        ul.accordion li.accordion-item .accordion-item-actions {
            float: right;
            margin-top: 3px;
        }

        ul.accordion li.accordion-item .accordion-item-title {
            font-size: 16pt;
            margin-bottom: 1em;
        }

        ul.accordion li.accordion-item .accordion-item-subtitle {
            font-size: 12pt;
            margin-left: 1em;
        }

            ul.accordion li.accordion-item .accordion-item-subtitle .owner-image {
                margin-bottom: -8px;
            }

        ul.accordion li.accordion-item .accordion-item-content {
            padding-top: 1em;
        }

        ul.accordion li.accordion-item .accordion-expand-link {
            background: none!important;
            border: none;
            padding: 0!important;
            cursor: pointer;
            margin-top: 0.25em;
            margin-left: 3px;
            color: #0071bc;
            box-shadow: none;
            font-size:0.85em;
        }

        ul.accordion li.accordion-item .accordion-expand-link:hover {
            text-decoration: underline;
        }

        ul.accordion li.accordion-item.accordion-item-disabled {
            background-color: white;
            border: 1px dashed silver;
            box-shadow: none;
        }

            ul.accordion li.accordion-item.accordion-item-disabled .accordion-item-title, li.accordion-item-disabled .accordion-item-subtitle {
                font-style: italic;
            }

    ul.accordion.enhanced {
        margin: 0;
        padding: 0px;
    }

        ul.accordion.enhanced li.accordion-item {
            border: none;
            box-shadow: none;
            margin: 0px;
            padding: 0;
        }

            ul.accordion.enhanced li.accordion-item .accordion-item-header {
                background-color: #3a6e8b;
                color: white;
                padding: 0.5em;
                list-style-type: none;
                min-height: 32px;
            }

            ul.accordion.enhanced li.accordion-item .accordion-item-content {
                background-color: white;
            }

        ul.accordion.enhanced .accordion-expand-button {
            font-weight: 400;
            font-size: 1.1em;
            padding: 5px 15px 5px 15px;
        }

        ul.accordion.enhanced button {
            font-weight: 400;
            font-size: 1.1em;
            padding: 5px 15px 5px 15px;
        }

/* Script-related Classes */
.s-hidden {
    display: none;
}

body.s-noclickonce .s-clickonce {
    display: none;
}

/* Icons */
.nucon-nuget-w {
    background: url('images/icons/nuget_32_mono_w.png');
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
    margin-left: 3px;
    margin-right: 3px;
    display: inline-block;
    vertical-align: bottom;
}

.nucon-nuget-b {
    background: url('images/icons/nuget_32_mono_b.png');
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
    margin-left: 3px;
    margin-right: 3px;
    display: inline-block;
    vertical-align: bottom;
}

span.sorted-by {
    float: right;
    color: #52a4ca;
    display: block;
    font-size: 1.25em;
    margin: 0.5em;
    margin-left: 0;
}

ul#contributors {
    display: none;
}

li.contributors-contributor {
    display: inline-block;
    padding: 5px;
    margin: 0;
}

img.contributors-contributor-avatar {
    width: 64px;
    height: 64px;
}

/* Danger zone */
.danger-zone h1, .danger-zone h2, .danger-zone h3 {
    color: #c13a3f;
}

.danger-zone label {
    color: black;
}

.danger-zone input[data-val-required], .danger-zone textarea[data-val-required] {
    border-left: solid 5px #c13a3f;
}

.danger-zone button, .danger-zone input[type="submit"], .danger-zone .btn {
    background-image: none;
    background-color: #c13a3f;
    color: white;
    border: solid 1px #c13a3f;
}

    .danger-zone button:hover, .danger-zone input[type="submit"]:hover, .danger-zone .btn:hover {
        background-image: none;
        background-color: #7F0000;
        color: white;
        border: solid 1px #7F0000;
    }

/* Details table*/
.details-table {
    table-layout: fixed;
    border-spacing: 0px;
}

    .details-table tbody {
        background-color: white;
    }

    .details-table td {
        border-top: 1px solid #ccc;
        border-collapse: collapse;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        vertical-align: top;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .details-table tr:last-child td {
        border-bottom: 1px solid #ccc;
    }

    .details-table b {
        font-weight: 600;
        color: #333;
    }

    .details-table .longlist {
        list-style-position: inside;
        list-style-type: none;
        padding-left: 10px;
    }

        .details-table .longlist li {
            display: none;
        }

        .details-table .longlist ul {
            list-style-position: inside;
            list-style-type: none;
        }

    .details-table .hidden {
        display: none;
    }

    .details-table td.actions {
        text-align: right;
        padding-right: 10px;
    }

    .details-table span {
        color: #555
    }

        .details-table span.expired {
            font-weight: 600;
        }

    .details-table tr:first-child td {
        border-top-width: 0px;
    }

    /* Table inside table scenario */
    .details-table table td {
        border-top: 0px solid #ccc;
        border-collapse: collapse;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        vertical-align: top;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .details-table tr:last-child td {
        border-bottom: 0px solid #ccc;
    }


/* divs*/

.scrollable-div {
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: white;
    width: 100%;
    border: 1px solid #ccc;
}

.disabled-div {
    pointer-events: none;
    opacity: 0.4;
}

/* popup */

.popup {
    position: relative;
    display: inline-block;
    padding: 5px;
}

    /* The actual popup (appears on top) */
    .popup .popupbox {
        text-align: left;
        position: absolute;
        z-index: 1;
        top: 125%;
        left: 50%;
        border: 1px solid #ccc;
        opacity: 0.97;
    }

    .popup .innertext {
        padding: 18px 0px 10px 10px;
        white-space: normal;
    }

    /* Popup arrow */
    .popup .popupbox::after,
    .popup .popupbox::before {
        content: "";
        position: absolute;
        bottom: 100%;
        margin-left: -5px;
        border-style: solid;
    }

    /* this border color controlls the color of the triangle (what looks like the fill of the triangle) */
    .popup .popupbox::after {
        border-color: transparent transparent white transparent;
        border-width: 7px;
        left: 100px;
    }

    /* this border color controlls the outside, thin border */
    .popup .popupbox::before {
        border-color: transparent transparent #ccc transparent;
        border-width: 8px;
        left: 99px;
    }

    .popup table td,
    .popup table th {
        padding: 5px 10px 1px 0px;
    }

        .popup table td + td,
        .popup table th + th {
            padding-left: 10px;
        }

    .popup a.boxclose {
        margin: -5px 5px;
        float: right;
        cursor: pointer;
        color: #ccc;
        font-size: 15px;
        display: inline-block;
        line-height: 0px;
        padding: 8px 0px 0px 0px;
    }

    /* small popup*/
    .popup .innertext.small {
        padding: 5px 5px 5px 5px;
        font-size: 0.9em;
    }

    .popup .popupbox.small::before {
        left: 19px;
        border-width: 6px;
    }

    .popup .popupbox.small::after {
        left: 20px;
        border-width: 5px;
    }

    .popup .popupbox.small {
        border-radius: 3px;
    }

/* warning sign */

.warningsign i.icon-stack-base {
    color: #ffcc00;
    font-size: 1.3em;
}

.warningsign i.icon-exclamation {
    color: black;
    font-size: 0.9em;
}

.slimbutton {
    font-weight: 400;
    font-size: 1.1em;
    padding: 5px 15px 5px 15px;
}

/* This CSS file contains global styling for the site's overall look/feel */

/*  Color Palette
**************************************************************
Background: #fff
Borders: #ccc
Text: #666
Main Accent: #39922C
Links: #0071BC
*************************************************************/

/* Resets
***************************************************************/

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    color: #333;
    font-family: "Segoe UI", "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    font-size: .85em;
}

section {
    margin-bottom: 20px;
}

/* Headings */

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: .6em 0;
}

h1 {
    color: blueviolet;
    font-size: 2em;
}

section h1 {
    font-size: 2em;
    margin-bottom: 2px;
}

h2 {
    font-size: 1.8em;
    margin-bottom: 2px;
}

h3 {
    font-size: 1.6em;
    margin-bottom: 0;
}

h4 {
    font-size: 1.4em;
}

h5 {
    font-size: 1.1em;
}

h6 {
    font-size: 1em;
}

    h1 img, h2 img, h3 img,
    h4 img, h5 img, h6 img {
        margin: 0;
    }




/* Page Headings*/

.page-heading {
    border-bottom: 0;
    margin: 0 0 15px 0;
    padding-bottom: 0;
    font-size: 2em;
    color: #0072C6;
}

.page-heading h1,
.page-heading h2 {
    margin: 0;
    padding: 0;
}

/* Aside Headings */

aside h1 {
    font-size: 1.154em;
}

aside h2 {
    font-size: 1.077em;
}

aside h3, aside h4, aside h5, aside h6 {
    font-size: 1em;
}

/* Lists */

li ul, li ol {
    margin: 0;
}

dl {
    margin: 0 0 1.5em 0;
}

    dl dt {
        font-weight: bold;
    }

dd {
    margin-left: 1.5em;
}

/* Text elements */
p {
    line-height: 1.538em;
    margin: 0 0 1em;
}

    p img.left {
        float: left;
        margin: 0.923em 0.923em 0.923em 0;
        padding: 0;
    }

    p img.right {
        float: right;
        margin: 0.923em 0 0.923em 0.923em;
    }

a {
    color: #0071bc;
    /*outline: none;*/
    text-decoration: none;
    focus-vi
}

    a:hover {
        text-decoration: underline;
    }

    a img {
        border: none;
    }

blockquote {
    color: #666;
    font-style: italic;
    margin: 0.923em;
}

strong {
    font-weight: bold;
}

em, dfn {
    font-style: italic;
}

dfn {
    font-weight: bold;
}

sup, sub {
    line-height: 0;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
}

address {
    font-style: italic;
    margin: 0 0 0.923em;
}

del {
    color: #666;
}

pre {
    margin: 0.923em 0;
}

pre, code, tt {
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height: 1.462em;
}

header, footer,
nav, section {                                                                           
    display: block;
}

/* General */

.message {
    background-color: none;
    border: 0;
    color: #000;
    font-size: 1em;
    padding: 0;
}

.reportAbuse{
    margin-top: 10px;
}

.message-contactOwner{
    margin-bottom: 20px;
}

.message-ReportAbuse{
    margin-bottom: 10px;
}

.message-download{
    margin-bottom: 20px;
}

.message-downloadSimply{
    font-size:1.25em;
}


.error {
    background-color: #fbe3e4;
    color: #c13a3f;
    font-weight: 600;
}

.warning {
    background-color: #fff7c4;
    color: #ff9600;
}

/* Logo */

#logo {
    float: left;
    padding: 20px 20px 0 0;
}

#logo a {
    display: block;
    height: 75px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 345px;
}

/* User Info */

.user-display {
    color: #fff;
    font-weight: 600;
    float: right;
    margin-top: 80px;
    padding-right: 7px;
}

.user-display a {
    color: #fff;
    font-weight: 600;
}

.user-display a:hover { text-decoration: underline; }

    #pageSearchBox #searchBoxInput {
        width: 265px;
    }


/* Logo */

#logo {
    float: left;
    padding: 20px 20px 0 0;
}

    #logo a {
        display: block;
        height: 75px;
        margin: 0;
        padding: 0;
        text-indent: -9999px;
        width: 345px;
    }

/* User Info */

.user-display {
    color: #fff;
    font-weight: 600;
    float: right;
    margin-top: 80px;
    padding-right: 7px;
}

    .user-display a {
        color: #fff;
        font-weight: 600;
    }

        .user-display a:hover {
            text-decoration: underline;
        }

/* Body */

#body {
    padding-bottom: 14px;
    padding-top: 20px;
}

#sideColumn {
    float: left;
    width: 25%;
}

ul.tags {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.tags li {
        display: inline;
        padding-right: 6px;
    }

/* Package Owners (on various pages) */

ul.owners {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.owners li { margin-bottom: 12px; }

a.owner {
    font-size: 1em;
}

    a.owner span.owner-name {
        display: inline-block;
        position: relative;
        top: -0.5em;
    }

a.owner:hover {
    text-decoration: none;
    color: #333;
}

.owner-image { margin-right: 5px; }

/* Authors */

p.authors { font-size: 1em; }

/* Large Package Icon - up to 128x128 */

.logo {
    max-height: 128px;
    max-width: 128px;
    display: block;
    margin: 0 0 20px 0;
}

/* Stats */

.stat {
    margin-bottom: 20px;
}

.stat-number {
    font: 1.75em 'andale mono', 'lucida console', monospace;
    letter-spacing: 1px;
    line-height: 1.4em;
    margin: 0;
}

.stat-label {
    font-size: 1em;
    line-height: 1em;
    margin: -5px 0 0 0;
}

/* License Gadget */

.block {
    margin-top: 1.5em;
    margin-bottom: 2em;
    margin-left: 0;
    margin-right: 2em;
    padding: 1.1em;
    background: #e4f1f7;
}

.block-title {
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
    font-size: 1.25em;
    color: #0071BC;
}

.block-notice {
    color: red;
    padding: 0.1em;
    display: inline-block;
}

#sonatypeHeader {
    margin-top: 0;
    margin-bottom: 1.75em;
    text-align: left;
    font-size: 0.7em;
    color: black;
}

.licenseName {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 0.9em;
    font-weight: 600;
}

.block-link {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    font-size: 0.9em;
}

.block-text {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    font-size: 0.9em;
}

#enableDisableLicenseReportButton {
    margin: 0 auto;
    margin-top: 1.5em;
    display: block;
    font-size: 0.9em;
}

.fadedLicenseName {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 0.9em;
    font-weight: 600;
    color: grey;
}

.block-fadedLink {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    font-size: 0.9em;
    color: lightblue;
}

/* Side Column Navigation */

#sideColumn nav ul {
    font-size: 1em;
    list-style: none;
    margin: 0;
    padding: 0;
}

    #sideColumn nav ul li {
        margin: 0;
        padding: 0;
    }

/* List Packages Page */

.search {
    margin-bottom: 25px;
}

.search h1 {
    font-size: 2em;
    margin: 0;
    color: #0072C6;
    margin-bottom: 15px;
    padding: 0;
}

.search h2 {
    font-size: 1.25em;
    margin: 0 0 20px 0;
    padding: 0;
}

fieldset.search {
    margin: 0;
    text-align: right;
}

fieldset#listPackages {
    float: right;
}

    fieldset.search label {
        color: #000;
        display: inline;
        margin-left: 0px;
    }

#searchResults {
    list-style: none;
    margin: 0;
    padding: 0;
}

#owners-subheader {
    font-size: 1em;
}


/* List Package */

section.package {
    border-top: 1px solid #ccc;
    padding-top: 0;
}

    section.package div.side {
        padding-top: 10px;
    }
    section.package div.main {
        padding-top: 10px;
        margin-left: 70px;
    }

    section.package div.main header.package-list-header {
        width: auto;
        overflow: hidden;
    }

    section.package div.minimum-client-version {
        float: right;
    }

    section.package img.your-package {
        float: right;
        padding-top: 0;
    }

    section.package .main {
        margin-left: 70px;
    }

    section.package header {
        margin-bottom: 5px;
    }

    section.package h1 {
        font-size: 1.75em;
        margin: 0;
        display: inline-block;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

    section.package h2 {
        display: inline;
        font-size: 1.25em;
    }

    section.package h3 {
        display: inline;
        font-size: 1.5em;
    }

    section.package h4 {
        display: inline;
        font-size: 1.25em;
    }

    section.package ul,
    section.package li {
        display: inline;
    }

    section.package li.excess-tags {
        display: none;
    }

    section.package p {
        line-height: 1.4em;
        margin-bottom: 5px;
    }

    section.package .downloads {
        display: inline;
        font-size: 1.25em;
        font-weight: 600;
    }

    section.package div.tags {
        display: inline;
        padding-left: 10px;
    }

        section.package div.tags h2 {
            margin-right: 5px;
        }

    section.package div.licenses {
        border-left: 1px solid #ccc;
        display: inline;
        margin-left: 10px;
        padding-left: 10px;
    }

        section.package div.licenses h2 {
            margin-right: 5px;
        }

        section.package div.licenses p {
            display: inline;
        }

    section.package .side {
        float: left;
        width: 70px;
    }

        section.package .side img {
            display: block;
            margin: 0 auto;
            max-width: 48px;
            max-height: 48px;
        }

/* Pager */

ul.pager {
    font-size: 1.5em;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

    ul.pager li {
        display: inline-block;
    }

        ul.pager li.previous {
            border-right: solid 1px #ccc;
            padding-right: 20px;
        }

        ul.pager li.next {
            padding-left: 7px;
        }

        ul.pager li input.pager-button {
            background-color: transparent;
            font-size: 1.0em;
            color: #0071bc;
            padding: 0;
            margin: 0;
        }

/* Sexy Table */

.neat-table {
    border-collapse: separate;
    font-size: 1em;
}

    /* header */

    .neat-table thead tr {
        border-bottom: solid 1px #333;
    }

    .neat-table th {
        font-size: 1em;
        font-weight: normal;
        padding: 5px 15px 0px 0px;
        text-align: left;
    }

        /* actions */

        .neat-table th.actions {
            text-indent: -9999px;
        }

    .neat-table td.actions {
        width: 32px;
    }

        .neat-table td.actions a.table-action-link {
            text-decoration: none;
        }

    /* body */

    .neat-table tbody tr {
        margin-bottom: 10px;
    }

        .neat-table tbody tr:hover {
            background-color: #f4f5f6;
        }

.neat-table tbody tr.recommended { 
    font-weight: 800;
}

    .neat-table tbody td {
        padding: 5px 25px 5px 0;
    }

        .neat-table tbody td.actions {
            padding: 2px 5px;
        }

    /* footer */

    .neat-table tfoot {
        border-bottom: solid 1px #333;
        font-weight: 600;
    }

        .neat-table tfoot td {
            padding: 3px 0;
        }

        .neat-table tfoot tr {
            border-top: 2px solid #333;
        }


/* Pivot Table */

.pivot-table {
    border-collapse: collapse;
    font-size: 1.1em;
}

    /* header */

    .pivot-table thead tr {
        border-bottom: solid 1px #333;
    }

    .pivot-table th {
        font-size: 1.25em;
        font-weight: normal;
        padding: 5px 15px 0px 0px;
        text-align: left;
    }

    /* body */

    .pivot-table tbody tr {
        margin-bottom: 10px;
    }

    .pivot-table tbody td {
        padding: 5px 25px 5px 0;
    }

/* stats Table */

.stats-table {
    border-collapse: collapse;
    font-size: 1.1em;
}

    /* header */

    .stats-table thead tr {
        border-bottom: solid 1px #333;
    }

    .stats-table th {
        font-size: 1.25em;
        font-weight: normal;
        padding: 5px 5px 0px 0px;
        text-align: left;
    }

    /* body */

    .stats-table tbody tr {
        margin-bottom: 10px;
    }

        .stats-table tbody tr:hover {
            background-color: #f4f5f6;
        }

    .stats-table tbody td {
        padding: 5px 5px 5px 0;
    }

    /* footer */

    .stats-table tfoot {
        border-bottom: solid 1px #333;
        font-weight: 600;
    }

        .stats-table tfoot td {
            padding: 3px 0;
        }

        .stats-table tfoot tr {
            border-top: 2px solid #333;
        }


/* statistics */

.statistics-number {
    text-align: right;
}

.statistics-report-title {
    font-size: 2em;
    margin: 0;
    color: #0072C6;
}

.statistics-report-title h1 a{
    color: #0072C6;
    text-decoration: none;
}

.statistics-report-title h1 a:hover {
    text-decoration: none;
}

.statistics-layout {
    width: 400px;
    float: left;
    padding: 25px;
}

.statistics-more {
    font-weight: bold;
}

.statistics-total-div {
    height: 100px;
    width: 200px;
}

.statistics-total {
    font-weight: bold;
    font-size: 1.5em;
    position: relative;
    top: 30px;
    left: 60px;
}

.statistics-rank {
    font-size: 0.8em;
}

.statistics-pivot {
    float: left;
}

.statistics-sidebar {
    float: left;
    width: 160px;
    height: 300px;
    font-size: 1.25em;
    font-weight: normal;
    padding: 5px 10px 0px 0px;
}

.statistics-data {
    float: left;
}

.statistics-graph {
    float: left;
}

.statistics-dimensions-table {
    position: relative;
    top: 50px;
}

.axis path,
.axis line,
.axis text {
    shape-rendering: crispEdges;
}

/*  Targets displays using any of the Windows' High Contrast Mode themes:  */
@media screen and (-ms-high-contrast: active) {
    .axis path,
    .axis line,
    .axis text {
        fill: none;
        stroke: #000;
        shape-rendering: crispEdges;
    }
}

/*  Targets displays using the Windows' "High Contrast Black" theme:  */
@media screen and (-ms-high-contrast: white-on-black) {
    .axis path,
    .axis line,
    .axis text {
        fill: none;
        stroke: #FFF;
        shape-rendering: crispEdges;
    }
}

/*  Targets displays using the Windows' "High Contrast White" theme:  */
@media screen and (-ms-high-contrast: black-on-white) {
    .axis path,
    .axis line,
    .axis text {
        fill: none;
        stroke: #000;
        shape-rendering: crispEdges;
    }
}

.bar {
    fill: #0071bc;
}

    .bar:hover {
        fill: orange;
    }

.line {
    fill: none;
    stroke: #0071bc;
    stroke-width: 1.5px;
}

.line-graph-dot {
    fill: #0071bc;
}

    .line-graph-dot:hover {
        fill: orange;
    }

/* Forms */

.form-inline {
    display: inline-block;
}

form ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

fieldset.form {
    border: none;
    clear: both;
    padding: 0;
    margin-bottom: 10px;
}

fieldset.form legend {
    display: none;
}

fieldset.search-filters {
    text-align: left;
    border: none;
}

.search-filters-group {
    margin-top: 10px;
    margin-bottom: 15px;
}

.form-field p { 
    margin-left: 0;
    margin-bottom: 10px;
}

.form-field h3 { color: #52a4ca; }

.form-field {
    margin-bottom: 0px;
    position: relative;
}

    .form-field label {
        color: #000;
        display: block;
        font-size: 1.25em;
        margin-bottom: 5px;
    }

        .form-field label.checkbox {
            display: inline;
        }

    .form-field textarea,
    .form-field input[type="email"],
    .form-field input[type="text"],
    .form-field input[type="file"],
    .form-field input[type="url"],
    .form-field input[type="password"] {
        background: #fff repeat-x;
        border: solid 1px #ccc;
        color: #6E7A6C;
        font-size: 1.25em;
        padding: 5px 0 5px 10px;
        vertical-align: middle;
        width: 400px;
        /* This won't work in IE7, but it will only produce a minor layout quirk */
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .form-field textarea:focus,
        .form-field input[type="email"]:focus,
        .form-field input[type="text"]:focus,
        .form-field input[type="file"]:focus,
        .form-field input[type="url"]:focus,
        .form-field input[type="password"]:focus {
            border: solid 2px cornflowerblue;
        }

    .form-field.form-field-full input {
        width: 100%;
    }

    .form-field input[data-val-required],
    .form-field textarea[data-val-required] {
        border-left: solid 5px #52a4ca;
    }

    .form-field input[data-edited=true],
    .form-field textarea[data-edited=true] {
        border-left: solid 5px #2ef12e;
        padding-left: 6px;
    }

.form-field input[type="checkbox"] { border-left: none; }

.form-field input[type="url"] { width: 100%; }

.form-field select {
    color: #6E7A6C;
    font-size: 1.25em;
    padding: 2px;
    margin: 0px 0px 10px 0;
}
        .form-field select[data-edited=true] {
            border-left: solid 4px #2ef12e;
            padding-left: 0px;
        }

    .form-field textarea[disabled],
    .form-field input[type="email"][disabled],
    .form-field input[type="text"][disabled],
    .form-field input[type="file"][disabled],
    .form-field input[type="password"][disabled],
    .form input[type="submit"][disabled],
    .form input[type="submit"][disabled]:hover {
        cursor: not-allowed;
        border: none;
        color: #555;
        background-color: #e6e6e6;
    }

.form-field select[data-edited=true] {
    border-left: solid 4px #2ef12e;
    padding-left: 0px;
}

.form-field textarea[disabled],
.form-field input[type="email"][disabled],
.form-field input[type="text"][disabled],
.form-field input[type="file"][disabled],
.form-field input[type="password"][disabled],
.form input[type="submit"][disabled],
.form input[type="submit"][disabled]:hover {
    cursor: not-allowed;
    border: none;
    color: #555;
    background-color: #e6e6e6;
}

.form-field input.input-validation-error,
.form-field textarea.input-validation-error {
    border-left: solid 5px #ca5252;
}

/* flyout Text */

.field-hint-message,
.field-validation-error {
    font-size: 1em;
    left: 440px;
    line-height: 1.2em;
    padding: 5px;
    position: absolute;
    top: 30px;
    width: 400px;
    z-index: 550;
}

textarea + .field-validation-error {
    top: auto;
    left: auto;
    position: static;
}

.field-validation-error.block-validation-error {
    position: static;
    display: block;
    margin-left: 2px;
    margin-top: 5px;
}

.field-hint-message {
    background-color: #eff7fa;
    border: solid 1px #52a4ca;
    display: none;
}

.field-validation-error {
    background-color: #fbe3e4;
    border: solid 1px #c13a3f;
    display: block;
}

.form-field input:focus ~ .field-hint-message {
    display: block;
}

input:focus ~ .field-validation-error ~ .field-hint-message {
    display: none;
}

a.btn {
    color: white;
    text-decoration: none;
    padding: 1px 6px;
    margin: 0px 6px;
    display: block;
    /* This won't work in IE7, but it will only produce a minor layout quirk */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.btn.btn-inline {
    display: inline-block;
}

a:hover.btn {
    color: white;
    text-decoration: none;
}

#alreadyContactedOwner label{
    font-size:1em;
} 

ul.downloadModule{
    padding-left:20px;
}

#DeployToAzureAutomation_Button {
    background-color: transparent; 
    margin: 0 0 0 0; 
    padding: 0 0 0 0;
}

button, input[type="submit"], .btn {
    font-family: "Segoe UI", "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    background-color: #0072C6;
    background-image: none;
    border: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 1.25em;
    font-weight: 500;
    margin: 0;
    text-decoration: none;
    width: auto;
}

    input[type="submit"]:hover, .btn:hover {
        background-color: #0072C6;
        background-image: none;
    }

.form a.cancel {
    font-size: 1.25em;
}

.form input:focus {
    /*outline: none;*/
}

.form img {
    display: block;
    margin: 15px 0;
}

.validation-summary-errors,
.field-validation-error {
    color: #c13a3f;
}

.validation-summary-errors {
    font-size: 1.25em;
    font-weight: 600;
}

    .validation-summary-errors li {
        list-style: none;
    }

.clear-fix {
    clear: both;
}

/* Last Updated Timestamp (in various places)*/
.last-updated
{
    margin-top: 1em;
    clear: both;
    color: #666666;
    font-size: 8pt;
}

/* Sequence Steps */

.sequence {
    letter-spacing: 1px;
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

.sequence li {
    border: solid 1px #333;
    box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1), 1px 1px 1px rgba(0, 0, 0, 0.3);
    color: #333;
    float: left;
    height: 35px;
    line-height: 35px;
    margin: 0 30px 20px 0;
    padding: 0 20px;
    width: auto;
}

.sequence li.past,
.sequence li.current {
    background-color: #4585aa;
    background-image: -ms-linear-gradient(top, #4585aa 0%, #376783 100%);
    background-image: -o-linear-gradient(top, #4585aa 0%, #376783 100%);
    background-image: -webkit-linear-gradient(top, #4585aa 0%, #376783 100%);
    background-image: linear-gradient(top, #4585aa 0%, #376783 100%);
    border-color: #376783;
    color: #fff;
}

.sequence li.current {
    font-weight: 600;
    height: 41px;
    line-height: 41px;
    margin-top: -3px;
    text-decoration: underline;
}

.btn.btn-big {
    width: 100%;
    font-size: 23px;
    padding: 0.25em;
}

.verticalSeparator {
    display: inline-block;
    vertical-align: middle;
    border-left: solid 1px black;
    height: 100%;
    padding: 0;
    margin: 0;
    margin-top: 5%;
    margin-bottom: 5%;
}

ul.actionlist {
    margin: 0;
    padding: 5px;
    padding-left: 0;
    width: 100%;
}

    ul.actionlist li.actionlist-item {
        margin: 0;
        list-style-type: none;
        display: inline-block;
        width: 470px;
        padding: 5px;
    }

        ul.actionlist li.actionlist-item a.actionlist-item-link {
            background-color: rgb(238, 238, 238);
            border: none;
            box-shadow: none;
            color: black;
            height: 95px;
            width: 99%;
        }

            ul.actionlist li.actionlist-item a.actionlist-item-link:hover {
                text-decoration:none ;
                background-color: rgb(238, 238, 238);

            }

            ul.actionlist li.actionlist-item a.actionlist-item-link .actionlist-item-header {
                font-size: 1.5em;
            }

            ul.actionlist li.actionlist-item a.actionlist-item-link .actionlist-item-header {
                color: #2e6da4;
            }
                   
                ul.actionlist li.actionlist-item a.actionlist-item-link:hover .actionlist-item-header .actionlist-item-header-text {
                    text-decoration: none;
                }

        ul.actionlist li.actionlist-item a.actionlist-item-link:hover {
            text-decoration: none
        }


ul.accordian {
    margin: 0;
    padding: 5px;
    width: 100%;
}

    ul.accordian li.accordian-item {
        background-color: rgb(238, 238, 238);
        margin: 0.5em 0;
        padding: 10px;
        list-style-type: none;
        border: none;
        box-shadow: none;
        min-height: 32px;
    }

        ul.accordian li.accordian-item .accordian-item-actions {
            float: right;
            margin-top: 3px;
        }

        ul.accordian li.accordian-item .accordian-item-title {
            font-size: 1.25em;
            margin-bottom: 1em;
        }

        ul.accordian li.accordian-item .accordian-item-subtitle {
            font-size: 12pt;
            margin-left: 1em;
        }
            ul.accordian li.accordian-item .accordian-item-subtitle .owner-image {
                margin-bottom: -8px;
            }

        ul.accordian li.accordian-item .accordian-item-content {
            padding-top: 1em;
        }

        ul.accordian li.accordian-item .accordian-expand-link {                                                                                                          
            display: inline-block;
            margin-top: 0.25em;
            vertical-align: top;
        }

        ul.accordian li.accordian-item.accordian-item-disabled {
            background-color: white;
            border: 1px dashed silver;
            box-shadow: none;
        }

            ul.accordian li.accordian-item.accordian-item-disabled .accordian-item-title, li.accordian-item-disabled .accordian-item-subtitle {
                font-style: italic;
            }

/* Script-related Classes */
.s-hidden {
    display: none;
}

/* Icons */
.nucon-nuget-w {
    background: url('~/Content/Images/icons/nuget_32_mono_w.png');
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
    margin-left: 3px;
    margin-right: 3px;
    display: inline-block;
    vertical-align: bottom;
}

.nucon-nuget-b {
    background: url('~/Content/Images/icons/nuget_32_mono_b.png');
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
    margin-left: 3px;
    margin-right: 3px;
    display: inline-block;
    vertical-align: bottom;
}
/* This CSS file contains elements specific to the SHARED LAYOUT [Layout.cshtml] 
   that are used across the whole site */

ul.share-buttons{
  list-style: none;
  padding: 0;
}

ul.share-buttons li{
  display: inline;
}

ul.share-buttons a {
    text-decoration: none;
    margin-right: 8px;
}

ul.share-buttons i {
    font-size: 1.6em;
}

/* Service Alert/Banners */

.banner-warning {
    padding: 0.25em;
    font-size: 14pt;
    text-align: center;
    background: yellow;
    background-image: -moz-linear-gradient(top, #ffff00, #e5e600);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffff00), to(#e5e600));
    background-image: -webkit-linear-gradient(top, #ffff00, #e5e600);
    background-image: -o-linear-gradient(top, #ffff00, #e5e600);
    background-image: linear-gradient(to bottom, #ffff00, #e5e600);
}

.banner-urgent {
    padding: 0.25em;
    font-size: 14pt;
    text-align: center;
    color: white;
    background: red;
    background-image: -moz-linear-gradient(top, #ff0000, #e60000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff0000), to(#e60000));
    background-image: -webkit-linear-gradient(top, #ff0000, #e60000);
    background-image: -o-linear-gradient(top, #ff0000, #e60000);
    background-image: linear-gradient(to bottom, #ff0000, #e60000);
}

    .banner-urgent a {
        color: white;
        text-decoration: underline;
    }

.banner-redesign, .banner-cookies {
    padding: 0.25em;
    text-align: center;
    color: #FFFFFF;
    background-color: #004880;
    font-family: "Segoe UI";
    font-size: 1.75em;
    font-weight: 100;
    line-height: 40px;
}

    .banner-redesign .ms-Icon, .banner-cookies .ms-Icon {
        position: relative;
        top: .1em;
        font-size: 0.8em;
    }

    .banner-redesign a, .banner-cookies a {
        color: white;
        text-decoration: underline;
    }
/* Header */

header.main {
    height: 95px;
}

/* Site Logo */

#logo {
    float: left;
    padding: 20px 20px 0 0;
}

    #logo a {
        display: block;
        height: 75px;
        margin: 0;
        padding: 0;
        text-indent: -9999px;
        width: 225px;
    }

/* Top Menu (Navigation) */

nav.main {
    clear: both;
    height: 42px;
    margin-bottom: 1px;
    margin-top: 10px;
}

    nav.main ul {
        margin: 0px;
        padding: 0px;
    }

        nav.main ul li {
            display: block;
            float: left;
            height: 42px;
        }

            nav.main ul li.current a {
                background-color: #e4f1f7;
                border: 1px solid #ebf2f5;
                border-bottom: none;
                border-top: 1px solid #fff;
                color: #195670;
                height: 46px;
                line-height: 44px;
                position: relative;
                text-decoration: none;
                top: -4px;
            }

        nav.main ul a {
            -moz-border-radius: 4px 4px 0 0;
            -webkit-border-radius: 4px 4px 0 0;
            /*CSS3 properties*/
            border-radius: 4px 4px 0 0;
            color: #fff;
            display: block;
            font-size: 1.2em;
            height: 42px;
            line-height: 44px;
            margin: 0 5px;
            padding: 0 10px;
            text-decoration: none;
        }

            nav.main ul a:hover {
                background-color: #3c3d44;
                text-decoration: none;
            }

/* User Display (Sign-In Info) and search box */

#header-sidebox {
    float: right;
    margin-top: 40px;
}

.user-display {
    text-align: right;
    color: #fff;
    font-weight: 600;
    padding-right: 1px;
    margin-top: 6px;
}

    .user-display a {
        color: #fff;
        font-weight: 600;
    }

        .user-display a:hover {
            text-decoration: underline;
        }

#searchBox {
    background-color: #fff;
    border: solid 1px #05005F;
    /*CSS3 properties*/
    height: 32px;
    margin-top: 1px;
    padding-left: 5px;
    padding-right: 4px;
    padding-top: 1px;
    vertical-align: top;
}

#searchBoxInput {
    width: 650px;
    border: 0px;
    color: #333;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    outline: none;
    padding: 0;
}

#searchBoxSubmit {
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    background-color: #fff;
    background-image: url("../Content/Images/searchbutton.png");
    border: none;
    cursor: pointer;
    height: 30px;
    margin-left: 0;
    box-shadow: none;
    margin-top: 1px;
    text-indent: -9999px;
    vertical-align: bottom;
    width: 27px;
}

#searchBoxInput:-ms-input-placeholder {
    color: silver;
}

/* Body */

#body {
    padding-bottom: 14px;
    padding-top: 20px;
}

/* Footer */

.clear-fix {
    clear: both;
}

#layout-footer {
    background: #e4f1f7;
    border-top: 1px solid #d3e7fe;
    clear: both;
    color: #3e483c;
    padding-bottom: 1em;
    padding-top: 0px;
    position: absolute;
    width: 100%;
    bottom: 0px;
    min-height: 220px;
}

footer#footer {
    margin: 0 auto;
    text-align: center;
    display: table;
}

    footer#footer a {
        color: #3e483c;
    }

        footer#footer a:hover {
            text-decoration: underline;
        }

    footer#footer p {
        margin: 0;
        padding: 0;
    }

        footer#footer p#releaseTag {
            margin: 10px 0 0 0;
        }

    footer#footer ul.recommended {
        list-style: none;
        margin: 0 auto;
        padding: 0;
    }

        footer#footer ul.recommended li {
            float: left;
            margin-left: 0;
            padding: 10px;
            text-align: left;
            width: 170px;
        }

            footer#footer ul.recommended li a {
                display: block;
                font-size: 1.3em;
            }

            footer#footer ul.recommended li p {
                font-size: .9em;
            }

    footer#footer div.license {
        clear: both;
        font-size: .7em;
    }

/* Error Layout (with background image)*/

.error-show-code {
    background-image: url("../Content/Images/errorPage.png");
    background-repeat: no-repeat;
    height: 125px;
    left: 0;
    position: fixed;
    top: 0;
    text-indent: -9999px;
    width: 220px;
}

/* Outer Content Wrapper (background image) */

#outer-wrapper {
    background: url('../Content/Images/headerbackground.png') repeat-x top left #fff;
    position: relative;
    min-height: 100%;
}

#content-wrapper {
    margin: 0 auto;
    min-width: 960px;
    width: 960px;
    padding-bottom: 250px;
}

/* Columns (For Two-Column Layout) */

#sideColumn {
    float: left;
    width: 25%;
}

#mainColumn {
    float: right;
    margin-bottom: 20px;
    width: 75%;
}
/* Site Logo */

#logo {
    float: left;
}

#logo a {
    float: left;
}

#logo a img {
    height: 75px;
    margin: -7px 0 0 0;
    padding: 0;
    text-indent: -9999px;
    font-size: 3em;
    color: #ffffff;
    text-decoration: none;
    width: 425px;
    float: left;
}

#logo img {
    float: left;
    height: 70px;
    width: 70px;
}

.banner-warning {
    padding: 0.25em;
    font-size: 14pt;
    text-align: center;
    background: rgb(255, 255, 153);
    background-image: -moz-linear-gradient(top, rgb(255, 255, 153), #e5e699);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(255, 255, 153)), to(#e5e699));
    background-image: -webkit-linear-gradient(top, rgb(255, 255, 153), #e5e699);
    background-image: -o-linear-gradient(top, rgb(255, 255, 153), #e5e699);
    background-image: linear-gradient(to bottom, rgb(255, 255, 153), #e5e699);
}

#logo h6{
    font-size: 1em;
    text-indent: 2px;
    height: 15px;
    margin: 0;
    padding: 0;
    color: #ffffff;
}

footer#footer ul.recommended {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    max-width: 960px;
}

footer#footer ul.recommended li {
    float: left;
    padding: 20px 0;
    text-align: left;
    width: 200px;
}

footer#footer ul.recommended li a {
    font-size: 1em;
    color: rgb(0, 68, 205);
    text-decoration: none;
}

footer#footer ul.recommended li.license {
    float: right;
    text-align: center;
    padding: 25px 0;
}
                                   
#layout-footer {
    background: rgb(238, 238, 238);
    border-top: 0;
    clear: both;
    color: #000;
    padding-bottom: 1em;
    padding-top: 0px;
    margin-top: 10px;
}

#searchBox {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #fff;
    border: #333333 1px solid;
    border-radius: 0;
    float: right;
    height: 32px;
    margin-top: 7px;
    padding-left: 5px;
    padding-right: 4px;
    vertical-align: top;
}

    #searchBox:focus {
        outline: cornflowerblue;
        text-decoration: cornflowerblue;
        background: lightgoldenrodyellow;
    }

#searchBoxInput {
    border: 0;
    color: #333;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    /*outline: none;*/
    padding: 0;
    width: 275px;
}

    #searchBoxInput:focus {
        outline: cornflowerblue;
        text-decoration: cornflowerblue;
        background: lightgoldenrodyellow;
    }
      
#searchBoxSubmit {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #fff;
    border: none;
    border-radius: 0;
    cursor: pointer;
    height: 27px;
    margin-left: 0;
    box-shadow: none;
    text-indent: -9999px;
    vertical-align: bottom;
    width: 27px;
}
      
nav.main ul li.current a {
    background-color: transparent;
    border: 0;
    border-bottom: 6px solid rgb(110, 193, 233);
    border-top: none;
    color: rgb(110, 193, 233);
    height: 37px;
    line-height: 44px;
    position: relative;
    text-decoration: none;
    top: 0;
}

nav.main ul li.current div.dropdown-content a {
    background-color: transparent;
    border: 0;
    border-bottom: none;
    color: white;
}

.dropdown {
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background: #333333;
}

.dropdown-content a {
    padding: 12px 16px;
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

nav.side ul li a {
    background-color: transparent;
    border: 0;
    border-top: none;
    height: 37px;
    line-height: 44px;
    position: relative;
    text-decoration: none;
    top: 0;
    cursor: pointer;
}

nav.side ul li.current a {
    border-bottom: 6px solid rgb(110, 193, 233);
}

nav.side ul li ul li a {
    background-color: transparent;
    border: 0;
    border-top: none;
    height: 37px;
    padding-left: 20px;
    line-height: 44px;
    position: relative;
    text-decoration: none;
    top: 0;
    cursor: pointer;
}

nav.side ul li ul li.current a {
    border-bottom: 6px solid rgb(110, 193, 233);
}

nav.main ul a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

nav.main ul a:hover {
    background-color: transparent;
    border: 0;
    border-bottom: 6px solid rgb(110, 193, 233);
    border-top: none;
    color: rgb(110, 193, 233);
    height: 37px;
    line-height: 44px;
    position: relative;
    text-decoration: none;
    top: 0;
}

div#header-logo {
    background: #000000;
    padding-bottom: 10px;
    margin-bottom: 0;
}

header.main {
    margin: 0 auto;
    max-width: 960px;
}

div#header-menu {
    background: #333333;
    margin-top: 0;
    padding-bottom: 1px;
}

nav.main {
    margin: 0 auto;
    max-width: 960px;
}

input#searchBoxInput::-webkit-input-placeholder {
    font-size:15px;
    height: 30px;
    line-height: 30px;
    color:rgb(178, 178, 178);
}

#searchBoxInput input::-moz-placeholder {
    color:rgb(178, 178, 178);
	font-size:15px;   
    height: 30px;
    line-height: 30px;
}

#searchBoxInput input:-moz-placeholder {   /* Older versions of Firefox */
    color:rgb(178, 178, 178);
    font-size:15px;
    height: 30px;
    line-height: 30px;
}

input#searchBoxInput:-ms-input-placeholder {
    color:rgb(178, 178, 178);
    font-size:15px;
    height: 30px;
    line-height: 30px;
}

#content-wrapper {
    min-height: 800px;
}

#body {
    padding-top: 30px;
}

table tr td {
    vertical-align: top;
}


/*Style for showing line numbers of scripts*/
.fileContentDisplay {
    font: normal normal 14px "Consolas", "Lucida Console";
    display: inline-block;
    overflow:auto;
    width: 100%;
    white-space: nowrap;
    border: 0.5px solid #cecece;
    margin-top:1em;
    white-space: nowrap;
}

.fileContentDisplayTable {
    display: inline-block;
}

.lineNumber {
    font: normal normal 14px "Consolas", "Lucida Console";
    background: white;
    border-right: 1px solid #cecece;
    text-align: right;
    color: #008080;
    display: inline-block;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.content {
    font: normal normal 14px "Consolas", "Lucida Console";
    margin-left: 0.5em;
}

.filecontent-td {
    align-content: center;
    white-space: nowrap;
}

.show-key {
    margin-left: 10px;
}

.show-key a {
    text-decoration: none;
}

.show-key:hover {
    opacity: 0.5;
}

#show_key_button {
    width: 110px;
    height: 30px;
    margin-bottom: -5px;
    margin-left: -5px;
}

#apiKeyFull {
    position: absolute;
}

#apiKeyWithStar {
    position: absolute;
}

.social-li {
    width: 100px;
    height: 28px;
}

.fb-background {
    background: #4267b2;
    border-radius: 5px;
}

.linkedin-background {
    background: #0077B5;
    border-radius: 5px;
    margin-top: 5px !important;
}

.twitter-background {
    background: #1da1f2;
    border-radius: 5px;
    margin-top: 5px !important;
}

.social {
    width: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    color: white;
    width: 100%;
    font-size: 10pt !important;
    border-radius: 5px;
}

.facebook {
    background: url('../../Content/Images/icon-facebook-single.png') 10px 60% no-repeat #4267b2;
    height: 90%;
}

.twitter {
    background: url('../../Content/Images/icon-twitter-single.png') 2px 50% no-repeat #1da1f2;
    height: 90%;
}

.linkedin {
    background: url('../../Content/Images/icon-linkedin-single.png') 5px 50% no-repeat #0077B5;
    height: 90%;
}

.social span {
    display: inline-block;
    line-height: 30px;
    padding-left: 36px;
    vertical-align: middle;
}

.social-share-side {
    margin-top: 15px;
}

.count-span {
    text-align: right;
    width: 50px;
    margin-top: -1px;
}

.page-statistics-overview-branding td {
    max-width: 1px;
    margin-top: 50%;
}

.recaptcha-placement {
    margin-left: auto;
    margin-right: auto
}
/* This CSS file is a mixed bag of 'one-off' styles that help make some page or other look the way it does, 
   but shouldn't affect the overall site appearance */

/* Account/Actions */

#actions h1 {
    font-size: 2em;
}

#actions ul {
    margin: 0;
    padding: 0;
}

#actions li {
    list-style: none;
}

    #actions li h2 {
        font-size: 1.5em;
    }

    #actions li#uploadPackage h2 {
        background: url("Images/uploadPackage.png") no-repeat 0 50%;
        font-size: 1.7em;
        padding-left: 20px;
    }

    #actions li#changePassword h2 {
        background: url("Images/changePassword.png") no-repeat 0 50%;
        padding-left: 20px;
    }

    #actions li#managePackages h2 {
        background: url("Images/managePackages.png") no-repeat 0 50%;
        padding-left: 20px;
    }

    #actions li#editProfile h2 {
        background: url("Images/editProfile.png") no-repeat 0 50%;
        padding-left: 20px;
    }

/* Account/API Key */

#apiKeyExpired {
    color: red;
    font-weight: 600;
}

.apiKey {
    background-color: #202020;
    border: 2px solid #c0c0c0;
    color: #c0c0c0;
    display: inline-block;
    font: 1.2em 'andale mono', 'lucida console', monospace;
    line-height: 1.5em;
    overflow: auto;
    padding: 15px;
}

.packagecheckbox {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Api keys container */
#apikeyscontainer {
    background-color: white;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

    #apikeyscontainer hr {
        margin-bottom: 0px;
    }

/* new api key form*/
#newapikey-1-content {
    padding: 5px;
}

#addapikeypopup {
    margin-left: -220px;
}

#addapikeypopup, .editapikeypopup {
    width: 360px;
    border-radius: 6px;
    margin-top: 10px;
}

#addkeyselectpackages, #addkeypackageGlobPattern {
    margin-top: 5px;
    margin-bottom: 15px;
}

#addkeyselectscopes {
    margin-top: 5px;
    margin-bottom: 25px;
}

.nopackageslist {
    padding-left: 10px;
    padding-top: 5px;
    display: block;
}

/* Edit api key */
.editapikeypopup {
    margin-left: -275px;
}

.popup .editapikeypopup::after {
    left: 150px;
}

.popup .editapikeypopup::before {
    left: 149px;
}

.details-table tr.editpackagetr + td {
    border-top: none;
    padding-left: 10px;
}

.details-table tr.editpackagetr td {
    border-top: none;
}

.editpackagetd table td {
    padding-left: 0px;
    padding-top: 0px;
}

#editkeypackageGlobPattern {
    margin-top: 5px;
    margin-bottom: 8px;
}



#newapikey-1-actions {
    margin-top: 0px;
}

#selectablePackagesList {
    max-height: 300px;
    min-height: 100px;
    width: 500px
}

.scrollable-div.editpackagelist {
    max-height: 300px;
    min-height: 100px;
    width: 450px;
}

/* Details table */
.details-table .shortlist {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    max-width: 570px;
}

.details-table .packageslist+b {
    display: inline-block;
}

.details-table .shortlist+a {
  display: inline-block;
}


/* Package Page (Display Package) */

.package-page h3 {
    font-size: 1.75em;
    margin: 20px 0 6px 0px;
    margin-bottom: 6px;
    margin-top: 25px;
}

/* Package Page Heading (DisplayPackage) */

.package-page-heading {
    border-bottom: solid 1px #ccc;
    margin: 0 0 20px 0;
    padding-bottom: 10px;
}

.package-page-heading h1,
.package-page-heading h2 {
    margin: 0;
    padding: 0;
    display: inline;
}

.package-page-heading h2 {
    padding-left: 7px;
}

/* NuGet Badge (Display Package) */

.nuget-badge code {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #202020;
    border: 4px solid #c0c0c0;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #6e6e6e;
    color: #e2e2e2;
    display: block;
    font: 1.5em 'andale mono', 'lucida console', monospace;
    line-height: 1.5em;
    overflow: auto;
    padding: 15px;
}

/* Messages on package page (Display Package) */

.pending-edit-message,
.failed-edit-message,
.prerelease-message,
.not-latest-message {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 1px solid;
    border-radius: 5px 5px 5px 5px;
    font-size: 1.5em;
    margin: -0px 5px 20px 5px;
    padding: 5px;
    text-align: center;
}

.prerelease-message {
    background-color: #fff7c4;
    border-color: #ff9600;
    color: #ff9600;
}

.pending-edit-message,
.not-latest-message {
    background-color: #eff7fa;
    border-color: #52a4ca;
    color: #52a4ca;
}

/* Package DependencySets (Display Package) */

#dependencySets {
    list-style: none;
    margin: 0;
    padding: 0;
}

#dependencySets > li > h4 {
    border-bottom: solid 1px #333;
    display: inline;
    margin: 2px 0;
}

ul.dependencySet {
    list-style: none;
    margin: 5px 0 10px 0;
    padding: 0;
}

    ul.dependencySet li {
        font-size: 1.25em;
        padding-right: 6px;
    }

/* Package Verify Upload Page */

button.edit-button,
button.undo-button {
    box-shadow: none;
    color: #5a92c2;
    cursor: pointer;
    border: none;
    background: none;
}

/* Package Edit Page */

.edit-root {
    display: inline-block;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-size: 1.3em;
}

.edit-tree, .edit-tree-selected {
    position: relative;
    left: 1em;
}

.edit-root-selected, .edit-tree-selected {
    font-weight: bold;
    margin: 5px 0;
}

/* On Page Search */

#pageSearchBox {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fff;
    border: 1px solid #333;
    border-radius: 4px;
    height: 32px;
    margin-top: 7px;
    padding-left: 5px;
    padding-right: 4px;
    vertical-align: top;
    width: 300px;
}

    #pageSearchBox #searchBoxInput {
        width: 265px;
    }

/* Featured (Home Page) */

.featured {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: rgb(246, 246, 246);
    border: solid 1px #dedede;
    border-radius: 3px;
    margin: 10px auto;
    padding: 20px 10px 0 10px;
}

    .featured div {
        float: left;
        margin-right: 5px;
        width: 410px;
    }

        .featured div h1 {
            font-size: 1.85em;
            margin-top: 0;
            padding-top: 0;
        }

        .featured div p {
            font-size: 1.5em;
            line-height: 1.4em;
        }

            .featured div p.sub {
                font-size: 1.4em;
                line-height: 1.3em;
            }

        .featured div a.install {
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            background-color: #4585aa;
            background-image: -ms-linear-gradient(top, #4585aa 0%, #376783 100%);
            background-image: -o-linear-gradient(top, #4585aa 0%, #376783 100%);
            background-image: -webkit-linear-gradient(top, #4585aa 0%, #376783 100%);
            background-image: linear-gradient(top, #4585aa 0%, #376783 100%);
            border: solid 1px #376783;
            border-radius: 4px;
            box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1), 1px 1px 1px rgba(0, 0, 0, 0.3);
            color: #fff;
            display: block;
            font-size: 2em;
            line-height: 2em;
            margin-top: 30px;
            text-align: center;
            width: 95%;
        }

            .featured div a.install:hover {
                background-color: #376783;
                background-image: -ms-linear-gradient(top, #64a3c8 0%, #1d4760 100%);
                background-image: -o-linear-gradient(top, #64a3c8 0%, #1d4760 100%);
                background-image: -webkit-linear-gradient(top, #64a3c8 0%, #1d4760 100%);
                background-image: linear-gradient(top, #64a3c8 0%, #1d4760 100%);
                border-color: #4585aa;
                text-decoration: none;
            }
            
        .featured div div.downloads {
            margin-top: 5px;
            text-align: center;
            width: 95%;
        }

        .featured img {
            margin-bottom: 15px;
        }

/* Aggregate Stats (Home Page) */

.aggstats {
    background: #555;
    display: none;
}

    .aggstats .stat {
        color: #bbb;
        display: inline-block;
        font-weight: bold;
        margin: 0;
        padding: 0.5em 0;
        text-align: center;
        width: 33%;
        *zoom: 1;
    }

    .aggstats .num {
        color: #f9f9f9;
        display: block;
        font-family: monospace;
        font-size: 3em;
        line-height: 0.9em;
    }

        .aggstats .num > span {
            position: relative;
        }

/* Aggregate Stats Error (Home Page) */

.aggstatserr {
    background: #e8fc14;
    display: none;
}

    .aggstatserr .err {
        color: #622020;
        display: inline-block;
        font-weight: bold;
        margin: 0;
        padding: 0.5em 0;
        text-align: center;
        width: 33%;
        *zoom: 1;
    }

/* async upload (Package Upload) */
form .async-upload-panel {
    display: none;
    margin-top: 40px;
    margin-bottom: 20px;
}

form .async-upload-progress-initial {
    width: 300px;
    height: 15px;
    background-color: yellow;
}

form .async-upload-progress-advance {
    width: 0;
    height: 15px;
    display: block;
    background-color: green;
}

/* Package Owners (on package page?) */

.owners {
    list-style: none;
    margin: 0;
    padding: 0;
}

.owner:hover {
    text-decoration: none;
}

.owner-image {
    margin-right: 5px;
}

/* Report Abuse*/

#form-field-reason {
    margin-bottom: 20px;
}

#report-abuse-message, #contact-support-message {
    top: 4.6em;
}

/* Account Page */
#account-accordion {
    clear: both;
}

#account-apikeysample {
    background-color: #202020;
    border: 2px solid #c0c0c0;
    color: #c0c0c0;
    display: block;
    font: 1.2em 'andale mono', 'lucida console', monospace;
    line-height: 1.5em;
    margin: 15px 0 0;
    overflow: auto;
    padding: 15px;
}

/* Sign-In / Register */
#logon-separator {
    text-align: center;
    font-size: 2em;
    clear: both;
}

#logon-external-info {
    float: left;
    width: 50%;
}

#signIn {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    height: 100%;
    margin-left: 5%;
}

    #signIn.signIn-solo {
        margin: 0;
        width: 100%;
    }

#signIn-solo-form {
    width: 45%;
}

#signIn-lostpassword {
    margin-top: 1em;
}

.externalaccount-form {
    width: 45%;
}

#register {
    /* Register form, as a "side-car", i.e. sharing space with the sign-in form */
    height: 100%;
    display: inline-block;
    vertical-align: top;
    width: 45%;
    margin-right: 3%;
}

#register-form {
    margin-bottom: 1em;
}

#register-policies {
    background-color: #eff7fa;
    border: solid 1px;
    color: #52a4ca;
    font-size: 1.3em;
    padding: 10px;
}

#signin-providermessage {
    margin-top: 1em;
}

ul#signin-providerlist {
    padding: 0;
    margin-top: 1em;
    margin-left: 55%;
}

li.signin-authprovider {
    font-size: 14pt;
    list-style-type: none;
    padding-bottom: 5px;
    display: inline-block;
}

.btn.signin-external-link {
    padding-right: 1.5em;
}

#signin-link {
    text-align: left;
}

.signin-authprovider-icon {
    font-size: 22pt;
    margin: 0;
    margin-left: 5px;
    margin-right: 8px;
}

/* Package details */
.versionTableRow.deleted {
    color: #BBB;
    text-decoration: line-through;
}
.nuget-badge code {
    background-color: #0072C6;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    border: 0;
    border-radius: 0 0 0 0;
    box-shadow: 0 0 0;
    color: #ffffff;
    display: block;
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height: 1.5em;
    overflow: auto;
    padding: 5px;
}

.nuget-badge code .h1 {
    font-size: 2em;
    margin-top: 0;
    padding-top: 0;
    font-family: 'Segoe UI'; 
}

.nuget-badge code h3 {
    font-size: 1.3em;
    padding: 0;
    margin: 0;
    font-family: 'Segoe UI'; 
}

ul li.download{
     margin-bottom:10px;
}

.featured div {
    float: left;
    margin-right: 5px;
    width: 100%;
}

#account-apikeysample {
    background-color: #202020;
    border: 2px solid #c0c0c0;
    color: #c0c0c0;
    display: block;
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height: 1.5em;
    margin: 15px 0 0;
    overflow: auto;
    padding: 15px;
}

.featured {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: rgb(255, 255, 255);
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0;
}

.featured div h1 {
    color: #0072C6;
    font-family: 'Segoe UI';
    font-size: 2em;    
}

.featured div p {
    font-size: 1em;
    font-family: 'Segoe UI';
    margin: 15px 0 30px 0;
}

.featured h1 {
    color: #2e6da4;
}

.featured h2 {
    color: #2e6da4;
}

.info{
    margin: 0;
}

.info h1{
    color: #2e6da4;
    font-family: 'Segoe UI';
    font-size: 2em;
    margin: 0 0 2px 0;
}

.info h2{
    color: #2e6da4;
    font-family: 'Segoe UI';
    font-size: 1.8em;
    margin: 0 0 2px 0;
}

.info p{
    font-family: 'Segoe UI';
    font-size: 1em;
    margin: 15px 0 30px 0;
}

.notice h3 {
    color: #2e6da4;
    font-family: 'Segoe UI';
    font-size: 2em;
    margin: 15px 0 30px 0;
}

p{
    font-family: 'Segoe UI';
    font-size: 1em;
    margin: 0;
}

p.legend-upload {
    margin-bottom:10px;
}

.aggstats {
    display: none;
    margin: 0 0 30px 0;
}

.aggstats .stat {
    color: #000;
    display: inline-block;
    font-weight: bold;
    margin: 0;
    padding: 0.5em 0;
    text-align: left;
    width: 33%;
    *zoom: 1;
}

.aggstats .num {
    color:  #0072C6;
    display: block;
    font-family: monospace;
    font-size: 2.5em;
    line-height: 0.9em;
    text-align: left;
    padding: 0;
}

#pageSearchBox {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    height: 32px;
    margin-top: 7px;
    padding-left: 5px;
    padding-right: 4px;
    vertical-align: top;
    width: 300px;
}

.package-page h3 {
    font-size: 1.25em;
    margin: 20px 0 0 0;
}

.package-page p {
    margin-bottom: 15px;
}

.package-page-heading {
    border-bottom:0;
    padding-bottom:0;
    margin: 0 0 15px 0;
    color: #0072C6;
}

.package-page-heading h1,
.package-page-heading h2 {
    font-size: 2em;
    color: #2e6da4;
}

.package-page-heading h2 { 
    font-size: 1.5em;
}

button.edit-button,
button.undo-button {
    color: #0072C6;
}

#form-field-reason
{
    margin-top: 10px;
    margin-bottom: 10px;
}

#logon-external {
    margin: 0;
    margin-bottom: 15px;
}

#logon-external h1{
   font-size: 2em;
   color: #0072C6;
   margin: 0 0 15px 0;
}

.btn.signin-external-link {
    padding-right: 1.5em;
    background-color: #0072C6;
    border: none;
    box-shadow: none;
    background-image: none;
}

.btn.get-latest {
    width: 33%;
    text-align: left;
    font-size: 18px;
    padding-right: 6px;
    padding-left: 10px;
    color: white;
    text-decoration: none;
    display: block;
}

div .get-latest span {
    color: white;
}

.get-latest-arrow {
    float: right;
}

li.signin-authprovider {
    font-size: 12pt;
    background-color: #FFFFFF;
    color: white;
    list-style-type: none;
    padding-bottom: 20px;
    display: inline-block;
    background-image: none;
}

.signin-authprovider-icon {
    margin: 0;
    margin-left: 5px;
    margin-right: 8px;
    vertical-align: middle;
}

.getting-started-container {
    width: 100% !important;
    box-sizing: border-box;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0 !important;
}

.getting-started-title {
    width: 100%;
    margin-bottom: 15px;
    font-weight: 600;
}

.get-latest-button-subtext {
    margin: 5px 0;
    width: 100% !important;
}

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

.info li {
    padding-bottom: 5px;
}

.with-the-latest {
    margin-top: 13px;
}
/* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. */
/**
 * Office UI Fabric Core 7.0.0
 * The front-end framework for building experiences for Office 365.
 **/
/*
  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license
*/
@keyframes ms-slideRightIn10 {
    from {
        transform: translate3d(-10px, 0px, 0px);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes ms-scaleUp100 {
    from {
        transform: scale3d(0.98, 0.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(0.98, 0.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(0.1, 0.25, 0.75, 0.9);
    }

    to {
        opacity: 1;
    }
}

@keyframes ms-fadeOut {
    from {
        opacity: 1;
        animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
    }

    to {
        opacity: 0;
    }
}

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

    to {
        transform: rotateZ(90deg);
    }
}

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

    to {
        transform: rotateZ(0deg);
    }
}

.ms-slideRightIn10 {
    animation-name: ms-fadeIn, ms-slideRightIn10;
    animation-duration: 0.367s;
    animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
    animation-fill-mode: both;
}

.ms-slideRightIn20 {
    animation-name: ms-fadeIn, ms-slideRightIn20;
    animation-duration: 0.367s;
    animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
    animation-fill-mode: both;
}

.ms-slideRightIn40 {
    animation-name: ms-fadeIn, ms-slideRightIn40;
    animation-duration: 0.367s;
    animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
    animation-fill-mode: both;
}

.ms-slideRightIn400 {
    animation-name: ms-fadeIn, ms-slideRightIn400;
    animation-duration: 0.367s;
    animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
    animation-fill-mode: both;
}

.ms-slideRightOut40 {
    animation-name: ms-fadeOut, ms-slideRightOut40;
    animation-duration: 0.167s;
    animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
    animation-fill-mode: both;
}

.ms-slideRightOut400 {
    animation-name: ms-fadeOut, ms-slideRightOut400;
    animation-duration: 0.167s;
    animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
    animation-fill-mode: both;
}

.ms-slideLeftIn10 {
    animation-name: ms-fadeIn, ms-slideLeftIn10;
    animation-duration: 0.367s;
    animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
    animation-fill-mode: both;
}

.ms-slideLeftIn20 {
    animation-name: ms-fadeIn, ms-slideLeftIn20;
    animation-duration: 0.367s;
    animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
    animation-fill-mode: both;
}

.ms-slideLeftIn40 {
    animation-name: ms-fadeIn, ms-slideLeftIn40;
    animation-duration: 0.367s;
    animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
    animation-fill-mode: both;
}

.ms-slideLeftIn400 {
    animation-name: ms-fadeIn, ms-slideLeftIn400;
    animation-duration: 0.367s;
    animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
    animation-fill-mode: both;
}

.ms-slideLeftOut40 {
    animation-name: ms-fadeOut, ms-slideLeftOut40;
    animation-duration: 0.167s;
    animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
    animation-fill-mode: both;
}

.ms-slideLeftOut400 {
    animation-name: ms-fadeOut, ms-slideLeftOut400;
    animation-duration: 0.167s;
    animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
    animation-fill-mode: both;
}

.ms-slideUpIn10 {
    animation-name: ms-fadeIn, ms-slideUpIn10;
    animation-duration: 0.167s;
    animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
    animation-fill-mode: both;
}

.ms-slideUpIn20 {
    animation-name: ms-fadeIn, ms-slideUpIn20;
    animation-duration: 0.367s;
    animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
    animation-fill-mode: both;
}

.ms-slideDownIn10 {
    animation-name: ms-fadeIn, ms-slideDownIn10;
    animation-duration: 0.167s;
    animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
    animation-fill-mode: both;
}

.ms-slideDownIn20 {
    animation-name: ms-fadeIn, ms-slideDownIn20;
    animation-duration: 0.367s;
    animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
    animation-fill-mode: both;
}

.ms-slideUpOut10 {
    animation-name: ms-fadeOut, ms-slideUpOut10;
    animation-duration: 0.167s;
    animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
    animation-fill-mode: both;
}

.ms-slideUpOut20 {
    animation-name: ms-fadeOut, ms-slideUpOut20;
    animation-duration: 0.167s;
    animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
    animation-fill-mode: both;
}

.ms-slideDownOut10 {
    animation-name: ms-fadeOut, ms-slideDownOut10;
    animation-duration: 0.167s;
    animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
    animation-fill-mode: both;
}

.ms-slideDownOut20 {
    animation-name: ms-fadeOut, ms-slideDownOut20;
    animation-duration: 0.167s;
    animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
    animation-fill-mode: both;
}

.ms-scaleUpIn100 {
    animation-name: ms-fadeIn, ms-scaleUp100;
    animation-duration: 0.367s;
    animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
    animation-fill-mode: both;
}

.ms-scaleUpOut103 {
    animation-name: ms-fadeOut, ms-scaleUp103;
    animation-duration: 0.167s;
    animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
    animation-fill-mode: both;
}

.ms-scaleDownOut98 {
    animation-name: ms-fadeOut, ms-scaleDown98;
    animation-duration: 0.167s;
    animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
    animation-fill-mode: both;
}

.ms-scaleDownIn100 {
    animation-name: ms-fadeIn, ms-scaleDown100;
    animation-duration: 0.367s;
    animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
    animation-fill-mode: both;
}

.ms-fadeIn100 {
    animation-duration: 0.167s;
    animation-name: ms-fadeIn;
    animation-fill-mode: both;
}

.ms-fadeIn200 {
    animation-duration: 0.267s;
    animation-name: ms-fadeIn;
    animation-fill-mode: both;
}

.ms-fadeIn400 {
    animation-duration: 0.367s;
    animation-name: ms-fadeIn;
    animation-fill-mode: both;
}

.ms-fadeIn500 {
    animation-duration: 0.467s;
    animation-name: ms-fadeIn;
    animation-fill-mode: both;
}

.ms-fadeOut100 {
    animation-duration: 0.1s;
    animation-name: ms-fadeOut;
    animation-fill-mode: both;
}

.ms-fadeOut200 {
    animation-duration: 0.167s;
    animation-name: ms-fadeOut;
    animation-fill-mode: both;
}

.ms-fadeOut400 {
    animation-duration: 0.367s;
    animation-name: ms-fadeOut;
    animation-fill-mode: both;
}

.ms-fadeOut500 {
    animation-duration: 0.467s;
    animation-name: ms-fadeOut;
    animation-fill-mode: both;
}

.ms-expandCollapse100 {
    transition: height 0.1s cubic-bezier(0.1, 0.25, 0.75, 0.9);
}

.ms-expandCollapse200 {
    transition: height 0.167s cubic-bezier(0.1, 0.25, 0.75, 0.9);
}

.ms-expandCollapse400 {
    transition: height 0.367s cubic-bezier(0.1, 0.25, 0.75, 0.9);
}

.ms-delay100 {
    animation-delay: 0.167s;
}

.ms-delay200 {
    animation-delay: 0.267s;
}

.ms-rotate90deg {
    animation-name: ms-rotate90;
    animation-duration: 0.1s;
    animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
    animation-fill-mode: both;
}

.ms-rotateN90deg {
    animation-name: ms-rotateN90;
    animation-duration: 0.1s;
    animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
    animation-fill-mode: both;
}

.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://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/accdb_16x1.png);
}

.ms-BrandIcon--accdb.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/accdb_48x1.png);
}

.ms-BrandIcon--accdb.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/accdb_96x1.png);
}

.ms-BrandIcon--csv.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/csv_16x1.png);
}

.ms-BrandIcon--csv.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/csv_48x1.png);
}

.ms-BrandIcon--csv.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/csv_96x1.png);
}

.ms-BrandIcon--docx.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/docx_16x1.png);
}

.ms-BrandIcon--docx.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/docx_48x1.png);
}

.ms-BrandIcon--docx.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/docx_96x1.png);
}

.ms-BrandIcon--dotx.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/dotx_16x1.png);
}

.ms-BrandIcon--dotx.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/dotx_48x1.png);
}

.ms-BrandIcon--dotx.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/dotx_96x1.png);
}

.ms-BrandIcon--mpp.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpp_16x1.png);
}

.ms-BrandIcon--mpp.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpp_48x1.png);
}

.ms-BrandIcon--mpp.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpp_96x1.png);
}

.ms-BrandIcon--mpt.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpt_16x1.png);
}

.ms-BrandIcon--mpt.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpt_48x1.png);
}

.ms-BrandIcon--mpt.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpt_96x1.png);
}

.ms-BrandIcon--odp.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odp_16x1.png);
}

.ms-BrandIcon--odp.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odp_48x1.png);
}

.ms-BrandIcon--odp.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odp_96x1.png);
}

.ms-BrandIcon--ods.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ods_16x1.png);
}

.ms-BrandIcon--ods.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ods_48x1.png);
}

.ms-BrandIcon--ods.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ods_96x1.png);
}

.ms-BrandIcon--odt.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odt_16x1.png);
}

.ms-BrandIcon--odt.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odt_48x1.png);
}

.ms-BrandIcon--odt.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odt_96x1.png);
}

.ms-BrandIcon--one.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/one_16x1.png);
}

.ms-BrandIcon--one.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/one_48x1.png);
}

.ms-BrandIcon--one.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/one_96x1.png);
}

.ms-BrandIcon--onepkg.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onepkg_16x1.png);
}

.ms-BrandIcon--onepkg.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onepkg_48x1.png);
}

.ms-BrandIcon--onepkg.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onepkg_96x1.png);
}

.ms-BrandIcon--onetoc.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onetoc_16x1.png);
}

.ms-BrandIcon--onetoc.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onetoc_48x1.png);
}

.ms-BrandIcon--onetoc.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onetoc_96x1.png);
}

.ms-BrandIcon--potx.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/potx_16x1.png);
}

.ms-BrandIcon--potx.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/potx_48x1.png);
}

.ms-BrandIcon--potx.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/potx_96x1.png);
}

.ms-BrandIcon--ppsx.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ppsx_16x1.png);
}

.ms-BrandIcon--ppsx.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ppsx_48x1.png);
}

.ms-BrandIcon--ppsx.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ppsx_96x1.png);
}

.ms-BrandIcon--pptx.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pptx_16x1.png);
}

.ms-BrandIcon--pptx.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pptx_48x1.png);
}

.ms-BrandIcon--pptx.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pptx_96x1.png);
}

.ms-BrandIcon--pub.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pub_16x1.png);
}

.ms-BrandIcon--pub.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pub_48x1.png);
}

.ms-BrandIcon--pub.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pub_96x1.png);
}

.ms-BrandIcon--vsdx.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vsdx_16x1.png);
}

.ms-BrandIcon--vsdx.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vsdx_48x1.png);
}

.ms-BrandIcon--vsdx.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vsdx_96x1.png);
}

.ms-BrandIcon--vssx.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vssx_16x1.png);
}

.ms-BrandIcon--vssx.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vssx_48x1.png);
}

.ms-BrandIcon--vssx.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vssx_96x1.png);
}

.ms-BrandIcon--vstx.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vstx_16x1.png);
}

.ms-BrandIcon--vstx.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vstx_48x1.png);
}

.ms-BrandIcon--vstx.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vstx_96x1.png);
}

.ms-BrandIcon--xls.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xls_16x1.png);
}

.ms-BrandIcon--xls.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xls_48x1.png);
}

.ms-BrandIcon--xls.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xls_96x1.png);
}

.ms-BrandIcon--xlsx.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xlsx_16x1.png);
}

.ms-BrandIcon--xlsx.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xlsx_48x1.png);
}

.ms-BrandIcon--xlsx.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xlsx_96x1.png);
}

.ms-BrandIcon--xltx.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xltx_16x1.png);
}

.ms-BrandIcon--xltx.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xltx_48x1.png);
}

.ms-BrandIcon--xltx.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xltx_96x1.png);
}

.ms-BrandIcon--xsn.ms-BrandIcon--icon16 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xsn_16x1.png);
}

.ms-BrandIcon--xsn.ms-BrandIcon--icon48 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xsn_48x1.png);
}

.ms-BrandIcon--xsn.ms-BrandIcon--icon96 {
    background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xsn_96x1.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://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/accdb_16x1_5.png);
    }

    .ms-BrandIcon--accdb.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/accdb_48x1_5.png);
    }

    .ms-BrandIcon--accdb.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/accdb_96x1_5.png);
    }

    .ms-BrandIcon--csv.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/csv_16x1_5.png);
    }

    .ms-BrandIcon--csv.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/csv_48x1_5.png);
    }

    .ms-BrandIcon--csv.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/csv_96x1_5.png);
    }

    .ms-BrandIcon--docx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/docx_16x1_5.png);
    }

    .ms-BrandIcon--docx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/docx_48x1_5.png);
    }

    .ms-BrandIcon--docx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/docx_96x1_5.png);
    }

    .ms-BrandIcon--dotx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/dotx_16x1_5.png);
    }

    .ms-BrandIcon--dotx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/dotx_48x1_5.png);
    }

    .ms-BrandIcon--dotx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/dotx_96x1_5.png);
    }

    .ms-BrandIcon--mpp.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpp_16x1_5.png);
    }

    .ms-BrandIcon--mpp.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpp_48x1_5.png);
    }

    .ms-BrandIcon--mpp.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpp_96x1_5.png);
    }

    .ms-BrandIcon--mpt.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpt_16x1_5.png);
    }

    .ms-BrandIcon--mpt.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpt_48x1_5.png);
    }

    .ms-BrandIcon--mpt.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpt_96x1_5.png);
    }

    .ms-BrandIcon--odp.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odp_16x1_5.png);
    }

    .ms-BrandIcon--odp.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odp_48x1_5.png);
    }

    .ms-BrandIcon--odp.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odp_96x1_5.png);
    }

    .ms-BrandIcon--ods.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ods_16x1_5.png);
    }

    .ms-BrandIcon--ods.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ods_48x1_5.png);
    }

    .ms-BrandIcon--ods.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ods_96x1_5.png);
    }

    .ms-BrandIcon--odt.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odt_16x1_5.png);
    }

    .ms-BrandIcon--odt.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odt_48x1_5.png);
    }

    .ms-BrandIcon--odt.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odt_96x1_5.png);
    }

    .ms-BrandIcon--one.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/one_16x1_5.png);
    }

    .ms-BrandIcon--one.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/one_48x1_5.png);
    }

    .ms-BrandIcon--one.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/one_96x1_5.png);
    }

    .ms-BrandIcon--onepkg.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onepkg_16x1_5.png);
    }

    .ms-BrandIcon--onepkg.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onepkg_48x1_5.png);
    }

    .ms-BrandIcon--onepkg.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onepkg_96x1_5.png);
    }

    .ms-BrandIcon--onetoc.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onetoc_16x1_5.png);
    }

    .ms-BrandIcon--onetoc.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onetoc_48x1_5.png);
    }

    .ms-BrandIcon--onetoc.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onetoc_96x1_5.png);
    }

    .ms-BrandIcon--potx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/potx_16x1_5.png);
    }

    .ms-BrandIcon--potx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/potx_48x1_5.png);
    }

    .ms-BrandIcon--potx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/potx_96x1_5.png);
    }

    .ms-BrandIcon--ppsx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ppsx_16x1_5.png);
    }

    .ms-BrandIcon--ppsx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ppsx_48x1_5.png);
    }

    .ms-BrandIcon--ppsx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ppsx_96x1_5.png);
    }

    .ms-BrandIcon--pptx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pptx_16x1_5.png);
    }

    .ms-BrandIcon--pptx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pptx_48x1_5.png);
    }

    .ms-BrandIcon--pptx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pptx_96x1_5.png);
    }

    .ms-BrandIcon--pub.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pub_16x1_5.png);
    }

    .ms-BrandIcon--pub.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pub_48x1_5.png);
    }

    .ms-BrandIcon--pub.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pub_96x1_5.png);
    }

    .ms-BrandIcon--vsdx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vsdx_16x1_5.png);
    }

    .ms-BrandIcon--vsdx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vsdx_48x1_5.png);
    }

    .ms-BrandIcon--vsdx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vsdx_96x1_5.png);
    }

    .ms-BrandIcon--vssx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vssx_16x1_5.png);
    }

    .ms-BrandIcon--vssx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vssx_48x1_5.png);
    }

    .ms-BrandIcon--vssx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vssx_96x1_5.png);
    }

    .ms-BrandIcon--vstx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vstx_16x1_5.png);
    }

    .ms-BrandIcon--vstx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vstx_48x1_5.png);
    }

    .ms-BrandIcon--vstx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vstx_96x1_5.png);
    }

    .ms-BrandIcon--xls.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xls_16x1_5.png);
    }

    .ms-BrandIcon--xls.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xls_48x1_5.png);
    }

    .ms-BrandIcon--xls.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xls_96x1_5.png);
    }

    .ms-BrandIcon--xlsx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xlsx_16x1_5.png);
    }

    .ms-BrandIcon--xlsx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xlsx_48x1_5.png);
    }

    .ms-BrandIcon--xlsx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xlsx_96x1_5.png);
    }

    .ms-BrandIcon--xltx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xltx_16x1_5.png);
    }

    .ms-BrandIcon--xltx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xltx_48x1_5.png);
    }

    .ms-BrandIcon--xltx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xltx_96x1_5.png);
    }

    .ms-BrandIcon--xsn.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xsn_16x1_5.png);
    }

    .ms-BrandIcon--xsn.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xsn_48x1_5.png);
    }

    .ms-BrandIcon--xsn.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xsn_96x1_5.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://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/accdb_16x2.png);
    }

    .ms-BrandIcon--accdb.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/accdb_48x2.png);
    }

    .ms-BrandIcon--accdb.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/accdb_96x2.png);
    }

    .ms-BrandIcon--csv.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/csv_16x2.png);
    }

    .ms-BrandIcon--csv.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/csv_48x2.png);
    }

    .ms-BrandIcon--csv.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/csv_96x2.png);
    }

    .ms-BrandIcon--docx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/docx_16x2.png);
    }

    .ms-BrandIcon--docx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/docx_48x2.png);
    }

    .ms-BrandIcon--docx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/docx_96x2.png);
    }

    .ms-BrandIcon--dotx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/dotx_16x2.png);
    }

    .ms-BrandIcon--dotx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/dotx_48x2.png);
    }

    .ms-BrandIcon--dotx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/dotx_96x2.png);
    }

    .ms-BrandIcon--mpp.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpp_16x2.png);
    }

    .ms-BrandIcon--mpp.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpp_48x2.png);
    }

    .ms-BrandIcon--mpp.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpp_96x2.png);
    }

    .ms-BrandIcon--mpt.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpt_16x2.png);
    }

    .ms-BrandIcon--mpt.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpt_48x2.png);
    }

    .ms-BrandIcon--mpt.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpt_96x2.png);
    }

    .ms-BrandIcon--odp.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odp_16x2.png);
    }

    .ms-BrandIcon--odp.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odp_48x2.png);
    }

    .ms-BrandIcon--odp.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odp_96x2.png);
    }

    .ms-BrandIcon--ods.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ods_16x2.png);
    }

    .ms-BrandIcon--ods.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ods_48x2.png);
    }

    .ms-BrandIcon--ods.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ods_96x2.png);
    }

    .ms-BrandIcon--odt.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odt_16x2.png);
    }

    .ms-BrandIcon--odt.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odt_48x2.png);
    }

    .ms-BrandIcon--odt.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odt_96x2.png);
    }

    .ms-BrandIcon--one.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/one_16x2.png);
    }

    .ms-BrandIcon--one.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/one_48x2.png);
    }

    .ms-BrandIcon--one.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/one_96x2.png);
    }

    .ms-BrandIcon--onepkg.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onepkg_16x2.png);
    }

    .ms-BrandIcon--onepkg.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onepkg_48x2.png);
    }

    .ms-BrandIcon--onepkg.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onepkg_96x2.png);
    }

    .ms-BrandIcon--onetoc.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onetoc_16x2.png);
    }

    .ms-BrandIcon--onetoc.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onetoc_48x2.png);
    }

    .ms-BrandIcon--onetoc.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onetoc_96x2.png);
    }

    .ms-BrandIcon--potx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/potx_16x2.png);
    }

    .ms-BrandIcon--potx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/potx_48x2.png);
    }

    .ms-BrandIcon--potx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/potx_96x2.png);
    }

    .ms-BrandIcon--ppsx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ppsx_16x2.png);
    }

    .ms-BrandIcon--ppsx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ppsx_48x2.png);
    }

    .ms-BrandIcon--ppsx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ppsx_96x2.png);
    }

    .ms-BrandIcon--pptx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pptx_16x2.png);
    }

    .ms-BrandIcon--pptx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pptx_48x2.png);
    }

    .ms-BrandIcon--pptx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pptx_96x2.png);
    }

    .ms-BrandIcon--pub.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pub_16x2.png);
    }

    .ms-BrandIcon--pub.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pub_48x2.png);
    }

    .ms-BrandIcon--pub.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pub_96x2.png);
    }

    .ms-BrandIcon--vsdx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vsdx_16x2.png);
    }

    .ms-BrandIcon--vsdx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vsdx_48x2.png);
    }

    .ms-BrandIcon--vsdx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vsdx_96x2.png);
    }

    .ms-BrandIcon--vssx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vssx_16x2.png);
    }

    .ms-BrandIcon--vssx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vssx_48x2.png);
    }

    .ms-BrandIcon--vssx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vssx_96x2.png);
    }

    .ms-BrandIcon--vstx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vstx_16x2.png);
    }

    .ms-BrandIcon--vstx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vstx_48x2.png);
    }

    .ms-BrandIcon--vstx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vstx_96x2.png);
    }

    .ms-BrandIcon--xls.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xls_16x2.png);
    }

    .ms-BrandIcon--xls.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xls_48x2.png);
    }

    .ms-BrandIcon--xls.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xls_96x2.png);
    }

    .ms-BrandIcon--xlsx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xlsx_16x2.png);
    }

    .ms-BrandIcon--xlsx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xlsx_48x2.png);
    }

    .ms-BrandIcon--xlsx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xlsx_96x2.png);
    }

    .ms-BrandIcon--xltx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xltx_16x2.png);
    }

    .ms-BrandIcon--xltx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xltx_48x2.png);
    }

    .ms-BrandIcon--xltx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xltx_96x2.png);
    }

    .ms-BrandIcon--xsn.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xsn_16x2.png);
    }

    .ms-BrandIcon--xsn.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xsn_48x2.png);
    }

    .ms-BrandIcon--xsn.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xsn_96x2.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://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/accdb_16x3.png);
    }

    .ms-BrandIcon--accdb.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/accdb_48x3.png);
    }

    .ms-BrandIcon--accdb.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/accdb_96x3.png);
    }

    .ms-BrandIcon--csv.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/csv_16x3.png);
    }

    .ms-BrandIcon--csv.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/csv_48x3.png);
    }

    .ms-BrandIcon--csv.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/csv_96x3.png);
    }

    .ms-BrandIcon--docx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/docx_16x3.png);
    }

    .ms-BrandIcon--docx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/docx_48x3.png);
    }

    .ms-BrandIcon--docx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/docx_96x3.png);
    }

    .ms-BrandIcon--dotx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/dotx_16x3.png);
    }

    .ms-BrandIcon--dotx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/dotx_48x3.png);
    }

    .ms-BrandIcon--dotx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/dotx_96x3.png);
    }

    .ms-BrandIcon--mpp.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpp_16x3.png);
    }

    .ms-BrandIcon--mpp.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpp_48x3.png);
    }

    .ms-BrandIcon--mpp.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpp_96x3.png);
    }

    .ms-BrandIcon--mpt.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpt_16x3.png);
    }

    .ms-BrandIcon--mpt.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpt_48x3.png);
    }

    .ms-BrandIcon--mpt.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpt_96x3.png);
    }

    .ms-BrandIcon--odp.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odp_16x3.png);
    }

    .ms-BrandIcon--odp.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odp_48x3.png);
    }

    .ms-BrandIcon--odp.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odp_96x3.png);
    }

    .ms-BrandIcon--ods.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ods_16x3.png);
    }

    .ms-BrandIcon--ods.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ods_48x3.png);
    }

    .ms-BrandIcon--ods.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ods_96x3.png);
    }

    .ms-BrandIcon--odt.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odt_16x3.png);
    }

    .ms-BrandIcon--odt.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odt_48x3.png);
    }

    .ms-BrandIcon--odt.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odt_96x3.png);
    }

    .ms-BrandIcon--one.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/one_16x3.png);
    }

    .ms-BrandIcon--one.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/one_48x3.png);
    }

    .ms-BrandIcon--one.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/one_96x3.png);
    }

    .ms-BrandIcon--onepkg.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onepkg_16x3.png);
    }

    .ms-BrandIcon--onepkg.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onepkg_48x3.png);
    }

    .ms-BrandIcon--onepkg.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onepkg_96x3.png);
    }

    .ms-BrandIcon--onetoc.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onetoc_16x3.png);
    }

    .ms-BrandIcon--onetoc.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onetoc_48x3.png);
    }

    .ms-BrandIcon--onetoc.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onetoc_96x3.png);
    }

    .ms-BrandIcon--potx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/potx_16x3.png);
    }

    .ms-BrandIcon--potx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/potx_48x3.png);
    }

    .ms-BrandIcon--potx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/potx_96x3.png);
    }

    .ms-BrandIcon--ppsx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ppsx_16x3.png);
    }

    .ms-BrandIcon--ppsx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ppsx_48x3.png);
    }

    .ms-BrandIcon--ppsx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ppsx_96x3.png);
    }

    .ms-BrandIcon--pptx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pptx_16x3.png);
    }

    .ms-BrandIcon--pptx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pptx_48x3.png);
    }

    .ms-BrandIcon--pptx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pptx_96x3.png);
    }

    .ms-BrandIcon--pub.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pub_16x3.png);
    }

    .ms-BrandIcon--pub.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pub_48x3.png);
    }

    .ms-BrandIcon--pub.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pub_96x3.png);
    }

    .ms-BrandIcon--vsdx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vsdx_16x3.png);
    }

    .ms-BrandIcon--vsdx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vsdx_48x3.png);
    }

    .ms-BrandIcon--vsdx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vsdx_96x3.png);
    }

    .ms-BrandIcon--vssx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vssx_16x3.png);
    }

    .ms-BrandIcon--vssx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vssx_48x3.png);
    }

    .ms-BrandIcon--vssx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vssx_96x3.png);
    }

    .ms-BrandIcon--vstx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vstx_16x3.png);
    }

    .ms-BrandIcon--vstx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vstx_48x3.png);
    }

    .ms-BrandIcon--vstx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vstx_96x3.png);
    }

    .ms-BrandIcon--xls.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xls_16x3.png);
    }

    .ms-BrandIcon--xls.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xls_48x3.png);
    }

    .ms-BrandIcon--xls.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xls_96x3.png);
    }

    .ms-BrandIcon--xlsx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xlsx_16x3.png);
    }

    .ms-BrandIcon--xlsx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xlsx_48x3.png);
    }

    .ms-BrandIcon--xlsx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xlsx_96x3.png);
    }

    .ms-BrandIcon--xltx.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xltx_16x3.png);
    }

    .ms-BrandIcon--xltx.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xltx_48x3.png);
    }

    .ms-BrandIcon--xltx.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xltx_96x3.png);
    }

    .ms-BrandIcon--xsn.ms-BrandIcon--icon16 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xsn_16x3.png);
    }

    .ms-BrandIcon--xsn.ms-BrandIcon--icon48 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xsn_48x3.png);
    }

    .ms-BrandIcon--xsn.ms-BrandIcon--icon96 {
        background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xsn_96x3.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: #0078d7;
}

.ms-bgColor-themeSecondary,
.ms-bgColor-themeSecondary--hover:hover {
    background-color: #2488d8;
}

.ms-bgColor-themeTertiary,
.ms-bgColor-themeTertiary--hover:hover {
    background-color: #69afe5;
}

.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: #000000;
}

.ms-bgColor-neutralDark,
.ms-bgColor-neutralDark--hover:hover {
    background-color: #212121;
}

.ms-bgColor-neutralPrimary,
.ms-bgColor-neutralPrimary--hover:hover {
    background-color: #333333;
}

.ms-bgColor-neutralPrimaryAlt,
.ms-bgColor-neutralPrimaryAlt--hover:hover {
    background-color: #3c3c3c;
}

.ms-bgColor-neutralSecondary,
.ms-bgColor-neutralSecondary--hover:hover {
    background-color: #666666;
}

.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-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: #ffffff;
}

.ms-bgColor-yellow {
    background-color: #ffb900;
}

.ms-bgColor-yellowLight {
    background-color: #fff100;
}

.ms-bgColor-orange {
    background-color: #d83b01;
}

.ms-bgColor-orangeLight {
    background-color: #ea4300;
}

.ms-bgColor-orangeLighter {
    background-color: #ff8c00;
}

.ms-bgColor-redDark {
    background-color: #a80000;
}

.ms-bgColor-red {
    background-color: #e81123;
}

.ms-bgColor-magentaDark {
    background-color: #5c005c;
}

.ms-bgColor-magenta {
    background-color: #b4009e;
}

.ms-bgColor-magentaLight {
    background-color: #e3008c;
}

.ms-bgColor-purpleDark {
    background-color: #32145a;
}

.ms-bgColor-purple {
    background-color: #5c2d91;
}

.ms-bgColor-purpleLight {
    background-color: #b4a0ff;
}

.ms-bgColor-blueDark {
    background-color: #002050;
}

.ms-bgColor-blueMid {
    background-color: #00188f;
}

.ms-bgColor-blue {
    background-color: #0078d7;
}

.ms-bgColor-blueLight {
    background-color: #00bcf2;
}

.ms-bgColor-tealDark {
    background-color: #004b50;
}

.ms-bgColor-teal {
    background-color: #008272;
}

.ms-bgColor-tealLight {
    background-color: #00b294;
}

.ms-bgColor-greenDark {
    background-color: #004b1c;
}

.ms-bgColor-green {
    background-color: #107c10;
}

.ms-bgColor-greenLight {
    background-color: #bad80a;
}

.ms-bgColor-info {
    background-color: #f4f4f4;
}

.ms-bgColor-success {
    background-color: #dff6dd;
}

.ms-bgColor-severeWarning {
    background-color: #fed9cc;
}

.ms-bgColor-warning {
    background-color: #fff4ce;
}

.ms-bgColor-error {
    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: #0078d7;
}

.ms-borderColor-themeSecondary,
.ms-borderColor-themeSecondary--hover:hover {
    border-color: #2488d8;
}

.ms-borderColor-themeTertiary,
.ms-borderColor-themeTertiary--hover:hover {
    border-color: #69afe5;
}

.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: #000000;
}

.ms-borderColor-neutralDark,
.ms-borderColor-neutralDark--hover:hover {
    border-color: #212121;
}

.ms-borderColor-neutralPrimary,
.ms-borderColor-neutralPrimary--hover:hover {
    border-color: #333333;
}

.ms-borderColor-neutralPrimaryAlt,
.ms-borderColor-neutralPrimaryAlt--hover:hover {
    border-color: #3c3c3c;
}

.ms-borderColor-neutralSecondary,
.ms-borderColor-neutralSecondary--hover:hover {
    border-color: #666666;
}

.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-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: #ffffff;
}

.ms-borderColor-yellow {
    border-color: #ffb900;
}

.ms-borderColor-yellowLight {
    border-color: #fff100;
}

.ms-borderColor-orange {
    border-color: #d83b01;
}

.ms-borderColor-orangeLight {
    border-color: #ea4300;
}

.ms-borderColor-orangeLighter {
    border-color: #ff8c00;
}

.ms-borderColor-redDark {
    border-color: #a80000;
}

.ms-borderColor-red {
    border-color: #e81123;
}

.ms-borderColor-magentaDark {
    border-color: #5c005c;
}

.ms-borderColor-magenta {
    border-color: #b4009e;
}

.ms-borderColor-magentaLight {
    border-color: #e3008c;
}

.ms-borderColor-purpleDark {
    border-color: #32145a;
}

.ms-borderColor-purple {
    border-color: #5c2d91;
}

.ms-borderColor-purpleLight {
    border-color: #b4a0ff;
}

.ms-borderColor-blueDark {
    border-color: #002050;
}

.ms-borderColor-blueMid {
    border-color: #00188f;
}

.ms-borderColor-blue {
    border-color: #0078d7;
}

.ms-borderColor-blueLight {
    border-color: #00bcf2;
}

.ms-borderColor-tealDark {
    border-color: #004b50;
}

.ms-borderColor-teal {
    border-color: #008272;
}

.ms-borderColor-tealLight {
    border-color: #00b294;
}

.ms-borderColor-greenDark {
    border-color: #004b1c;
}

.ms-borderColor-green {
    border-color: #107c10;
}

.ms-borderColor-greenLight {
    border-color: #bad80a;
}

.ms-borderColorTop-themePrimary,
.ms-borderColorTop-themePrimary--hover:hover {
    border-top-color: #0078d7;
}

@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: '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 (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 (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 (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 (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 (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 (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: '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: '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,
.ms-fontWeight-light--hover:hover {
    font-weight: 100;
}

.ms-fontWeight-semilight,
.ms-fontWeight-semilight--hover:hover {
    font-weight: 300;
}

.ms-fontWeight-regular,
.ms-fontWeight-regular--hover:hover {
    font-weight: 400;
}

.ms-fontWeight-semibold,
.ms-fontWeight-semibold--hover:hover {
    font-weight: 600;
}

.ms-fontSize-su {
    font-size: 42px;
}

.ms-fontSize-xxl {
    font-size: 28px;
}

.ms-fontSize-xlPlus {
    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: #0078d7;
}

.ms-fontColor-themeSecondary,
.ms-fontColor-themeSecondary--hover:hover {
    color: #2488d8;
}

.ms-fontColor-themeTertiary,
.ms-fontColor-themeTertiary--hover:hover {
    color: #69afe5;
}

.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: #000000;
}

.ms-fontColor-neutralDark,
.ms-fontColor-neutralDark--hover:hover {
    color: #212121;
}

.ms-fontColor-neutralPrimary,
.ms-fontColor-neutralPrimary--hover:hover {
    color: #333333;
}

.ms-fontColor-neutralPrimaryAlt,
.ms-fontColor-neutralPrimaryAlt--hover:hover {
    color: #3c3c3c;
}

.ms-fontColor-neutralSecondary,
.ms-fontColor-neutralSecondary--hover:hover {
    color: #666666;
}

.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-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: #ffffff;
}

.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 {
    box-sizing: border-box;
    *zoom: 1;
    padding: 0 8px;
}

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

    .ms-Grid::after {
        clear: both;
    }

.ms-Grid-row {
    margin: 0 -8px;
    box-sizing: border-box;
    *zoom: 1;
}

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

    .ms-Grid-row::after {
        clear: both;
    }

.ms-Grid-col {
    position: relative;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
    float: left;
}

    .ms-Grid-col .ms-Grid {
        padding: 0;
    }

/*
  Your use of the content in the files referenced here are subject to the terms of the license at http://aka.ms/fabric-font-license
*/
@font-face {
    font-family: 'FabricMDL2Icons';
    src: url('https://static2.sharepointonline.com/files/fabric/assets/icons/fabricmdl2icons.woff2?2.21') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/icons/fabricmdl2icons.woff?2.21') format('woff'), url('https://static2.sharepointonline.com/files/fabric/assets/icons/fabricmdl2icons.ttf?2.21') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.ms-Icon {
    display: inline-block;
    font-family: 'FabricMDL2Icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
}

.ms-Icon--circle {
    position: relative;
    display: inline-block;
    font-size: 1rem;
    width: 1em;
    height: 1em;
    margin: 0 0.5em 0 0;
    padding: 0;
    text-align: left;
}

    .ms-Icon--circle::before,
    .ms-Icon--circle::after {
        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--DecreaseIndentLegacy::before {
    content: '\E290';
}

.ms-Icon--IncreaseIndentLegacy::before {
    content: '\E291';
}

.ms-Icon--GlobalNavButton::before {
    content: '\E700';
}

.ms-Icon--InternetSharing::before {
    content: '\E704';
}

.ms-Icon--Brightness::before {
    content: '\E706';
}

.ms-Icon--MapPin::before {
    content: '\E707';
}

.ms-Icon--Airplane::before {
    content: '\E709';
}

.ms-Icon--Tablet::before {
    content: '\E70A';
}

.ms-Icon--QuickNote::before {
    content: '\E70B';
}

.ms-Icon--ChevronDown::before {
    content: '\E70D';
}

.ms-Icon--ChevronUp::before {
    content: '\E70E';
}

.ms-Icon--Edit::before {
    content: '\E70F';
}

.ms-Icon--Add::before {
    content: '\E710';
}

.ms-Icon--Cancel::before {
    content: '\E711';
}

.ms-Icon--More::before {
    content: '\E712';
}

.ms-Icon--Settings::before {
    content: '\E713';
}

.ms-Icon--Video::before {
    content: '\E714';
}

.ms-Icon--Mail::before {
    content: '\E715';
}

.ms-Icon--People::before {
    content: '\E716';
}

.ms-Icon--Phone::before {
    content: '\E717';
}

.ms-Icon--Pin::before {
    content: '\E718';
}

.ms-Icon--Shop::before {
    content: '\E719';
}

.ms-Icon--Stop::before {
    content: '\E71A';
}

.ms-Icon--Link::before {
    content: '\E71B';
}

.ms-Icon--Filter::before {
    content: '\E71C';
}

.ms-Icon--Zoom::before {
    content: '\E71E';
}

.ms-Icon--ZoomOut::before {
    content: '\E71F';
}

.ms-Icon--Microphone::before {
    content: '\E720';
}

.ms-Icon--Search::before {
    content: '\E721';
}

.ms-Icon--Camera::before {
    content: '\E722';
}

.ms-Icon--Attach::before {
    content: '\E723';
}

.ms-Icon--Send::before {
    content: '\E724';
}

.ms-Icon--FavoriteList::before {
    content: '\E728';
}

.ms-Icon--PageSolid::before {
    content: '\E729';
}

.ms-Icon--Forward::before {
    content: '\E72A';
}

.ms-Icon--Back::before {
    content: '\E72B';
}

.ms-Icon--Refresh::before {
    content: '\E72C';
}

.ms-Icon--Share::before {
    content: '\E72D';
}

.ms-Icon--Lock::before {
    content: '\E72E';
}

.ms-Icon--EMI::before {
    content: '\E731';
}

.ms-Icon--MiniLink::before {
    content: '\E732';
}

.ms-Icon--Blocked::before {
    content: '\E733';
}

.ms-Icon--FavoriteStar::before {
    content: '\E734';
}

.ms-Icon--FavoriteStarFill::before {
    content: '\E735';
}

.ms-Icon--ReadingMode::before {
    content: '\E736';
}

.ms-Icon--Favicon::before {
    content: '\E737';
}

.ms-Icon--Remove::before {
    content: '\E738';
}

.ms-Icon--Checkbox::before {
    content: '\E739';
}

.ms-Icon--CheckboxComposite::before {
    content: '\E73A';
}

.ms-Icon--CheckboxIndeterminate::before {
    content: '\E73C';
}

.ms-Icon--CheckboxCompositeReversed::before {
    content: '\E73D';
}

.ms-Icon--CheckMark::before {
    content: '\E73E';
}

.ms-Icon--BackToWindow::before {
    content: '\E73F';
}

.ms-Icon--FullScreen::before {
    content: '\E740';
}

.ms-Icon--Print::before {
    content: '\E749';
}

.ms-Icon--Up::before {
    content: '\E74A';
}

.ms-Icon--Down::before {
    content: '\E74B';
}

.ms-Icon--Delete::before {
    content: '\E74D';
}

.ms-Icon--Save::before {
    content: '\E74E';
}

.ms-Icon--Cloud::before {
    content: '\E753';
}

.ms-Icon--Sad::before {
    content: '\E757';
}

.ms-Icon--SIPMove::before {
    content: '\E759';
}

.ms-Icon--EraseTool::before {
    content: '\E75C';
}

.ms-Icon--GripperTool::before {
    content: '\E75E';
}

.ms-Icon--Dialpad::before {
    content: '\E75F';
}

.ms-Icon--PageLeft::before {
    content: '\E760';
}

.ms-Icon--PageRight::before {
    content: '\E761';
}

.ms-Icon--MultiSelect::before {
    content: '\E762';
}

.ms-Icon--Play::before {
    content: '\E768';
}

.ms-Icon--Pause::before {
    content: '\E769';
}

.ms-Icon--ChevronLeft::before {
    content: '\E76B';
}

.ms-Icon--ChevronRight::before {
    content: '\E76C';
}

.ms-Icon--Emoji2::before {
    content: '\E76E';
}

.ms-Icon--System::before {
    content: '\E770';
}

.ms-Icon--Personalize::before {
    content: '\E771';
}

.ms-Icon--Globe::before {
    content: '\E774';
}

.ms-Icon--ContactInfo::before {
    content: '\E779';
}

.ms-Icon--Unpin::before {
    content: '\E77A';
}

.ms-Icon--Contact::before {
    content: '\E77B';
}

.ms-Icon--Memo::before {
    content: '\E77C';
}

.ms-Icon--Paste::before {
    content: '\E77F';
}

.ms-Icon--WindowsLogo::before {
    content: '\E782';
}

.ms-Icon--Error::before {
    content: '\E783';
}

.ms-Icon--GripperBarVertical::before {
    content: '\E784';
}

.ms-Icon--Unlock::before {
    content: '\E785';
}

.ms-Icon--Calendar::before {
    content: '\E787';
}

.ms-Icon--Megaphone::before {
    content: '\E789';
}

.ms-Icon--AutoEnhanceOn::before {
    content: '\E78D';
}

.ms-Icon--AutoEnhanceOff::before {
    content: '\E78E';
}

.ms-Icon--Color::before {
    content: '\E790';
}

.ms-Icon--SaveAs::before {
    content: '\E792';
}

.ms-Icon--Light::before {
    content: '\E793';
}

.ms-Icon--Filters::before {
    content: '\E795';
}

.ms-Icon--Contrast::before {
    content: '\E7A1';
}

.ms-Icon--Redo::before {
    content: '\E7A6';
}

.ms-Icon--Undo::before {
    content: '\E7A7';
}

.ms-Icon--PhotoCollection::before {
    content: '\E7AA';
}

.ms-Icon--Album::before {
    content: '\E7AB';
}

.ms-Icon--Rotate::before {
    content: '\E7AD';
}

.ms-Icon--PanoIndicator::before {
    content: '\E7B0';
}

.ms-Icon--RedEye::before {
    content: '\E7B3';
}

.ms-Icon--ThumbnailView::before {
    content: '\E7B6';
}

.ms-Icon--Package::before {
    content: '\E7B8';
}

.ms-Icon--Warning::before {
    content: '\E7BA';
}

.ms-Icon--Financial::before {
    content: '\E7BB';
}

.ms-Icon--ShoppingCart::before {
    content: '\E7BF';
}

.ms-Icon--Train::before {
    content: '\E7C0';
}

.ms-Icon--Flag::before {
    content: '\E7C1';
}

.ms-Icon--Move::before {
    content: '\E7C2';
}

.ms-Icon--Page::before {
    content: '\E7C3';
}

.ms-Icon--TouchPointer::before {
    content: '\E7C9';
}

.ms-Icon--Merge::before {
    content: '\E7D5';
}

.ms-Icon--TurnRight::before {
    content: '\E7DB';
}

.ms-Icon--Ferry::before {
    content: '\E7E3';
}

.ms-Icon--Highlight::before {
    content: '\E7E6';
}

.ms-Icon--Tab::before {
    content: '\E7E9';
}

.ms-Icon--Admin::before {
    content: '\E7EF';
}

.ms-Icon--TVMonitor::before {
    content: '\E7F4';
}

.ms-Icon--Speakers::before {
    content: '\E7F5';
}

.ms-Icon--Nav2DMapView::before {
    content: '\E800';
}

.ms-Icon--Car::before {
    content: '\E804';
}

.ms-Icon--EatDrink::before {
    content: '\E807';
}

.ms-Icon--LocationCircle::before {
    content: '\E80E';
}

.ms-Icon--Home::before {
    content: '\E80F';
}

.ms-Icon--SwitcherStartEnd::before {
    content: '\E810';
}

.ms-Icon--IncidentTriangle::before {
    content: '\E814';
}

.ms-Icon--Touch::before {
    content: '\E815';
}

.ms-Icon--MapDirections::before {
    content: '\E816';
}

.ms-Icon--History::before {
    content: '\E81C';
}

.ms-Icon--Location::before {
    content: '\E81D';
}

.ms-Icon--Work::before {
    content: '\E821';
}

.ms-Icon--Recent::before {
    content: '\E823';
}

.ms-Icon--Hotel::before {
    content: '\E824';
}

.ms-Icon--LocationDot::before {
    content: '\E827';
}

.ms-Icon--News::before {
    content: '\E900';
}

.ms-Icon--Chat::before {
    content: '\E901';
}

.ms-Icon--Group::before {
    content: '\E902';
}

.ms-Icon--View::before {
    content: '\E890';
}

.ms-Icon--Previous::before {
    content: '\E892';
}

.ms-Icon--Next::before {
    content: '\E893';
}

.ms-Icon--Clear::before {
    content: '\E894';
}

.ms-Icon--Sync::before {
    content: '\E895';
}

.ms-Icon--Download::before {
    content: '\E896';
}

.ms-Icon--Help::before {
    content: '\E897';
}

.ms-Icon--Upload::before {
    content: '\E898';
}

.ms-Icon--Emoji::before {
    content: '\E899';
}

.ms-Icon--MailForward::before {
    content: '\E89C';
}

.ms-Icon--ClosePane::before {
    content: '\E89F';
}

.ms-Icon--OpenPane::before {
    content: '\E8A0';
}

.ms-Icon--PreviewLink::before {
    content: '\E8A1';
}

.ms-Icon--ZoomIn::before {
    content: '\E8A3';
}

.ms-Icon--Bookmarks::before {
    content: '\E8A4';
}

.ms-Icon--Document::before {
    content: '\E8A5';
}

.ms-Icon--ProtectedDocument::before {
    content: '\E8A6';
}

.ms-Icon--OpenInNewWindow::before {
    content: '\E8A7';
}

.ms-Icon--MailFill::before {
    content: '\E8A8';
}

.ms-Icon--ViewAll::before {
    content: '\E8A9';
}

.ms-Icon--Switch::before {
    content: '\E8AB';
}

.ms-Icon--Rename::before {
    content: '\E8AC';
}

.ms-Icon--Folder::before {
    content: '\E8B7';
}

.ms-Icon--Picture::before {
    content: '\E8B9';
}

.ms-Icon--ShowResults::before {
    content: '\E8BC';
}

.ms-Icon--Message::before {
    content: '\E8BD';
}

.ms-Icon--CalendarDay::before {
    content: '\E8BF';
}

.ms-Icon--CalendarWeek::before {
    content: '\E8C0';
}

.ms-Icon--MailReplyAll::before {
    content: '\E8C2';
}

.ms-Icon--Read::before {
    content: '\E8C3';
}

.ms-Icon--Cut::before {
    content: '\E8C6';
}

.ms-Icon--PaymentCard::before {
    content: '\E8C7';
}

.ms-Icon--Copy::before {
    content: '\E8C8';
}

.ms-Icon--Important::before {
    content: '\E8C9';
}

.ms-Icon--MailReply::before {
    content: '\E8CA';
}

.ms-Icon--Sort::before {
    content: '\E8CB';
}

.ms-Icon--GotoToday::before {
    content: '\E8D1';
}

.ms-Icon--Font::before {
    content: '\E8D2';
}

.ms-Icon--FontColor::before {
    content: '\E8D3';
}

.ms-Icon--FolderFill::before {
    content: '\E8D5';
}

.ms-Icon--Permissions::before {
    content: '\E8D7';
}

.ms-Icon--DisableUpdates::before {
    content: '\E8D8';
}

.ms-Icon--Unfavorite::before {
    content: '\E8D9';
}

.ms-Icon--Italic::before {
    content: '\E8DB';
}

.ms-Icon--Underline::before {
    content: '\E8DC';
}

.ms-Icon--Bold::before {
    content: '\E8DD';
}

.ms-Icon--MoveToFolder::before {
    content: '\E8DE';
}

.ms-Icon--Dislike::before {
    content: '\E8E0';
}

.ms-Icon--Like::before {
    content: '\E8E1';
}

.ms-Icon--AlignRight::before {
    content: '\E8E2';
}

.ms-Icon--AlignCenter::before {
    content: '\E8E3';
}

.ms-Icon--AlignLeft::before {
    content: '\E8E4';
}

.ms-Icon--OpenFile::before {
    content: '\E8E5';
}

.ms-Icon--FontDecrease::before {
    content: '\E8E7';
}

.ms-Icon--FontIncrease::before {
    content: '\E8E8';
}

.ms-Icon--FontSize::before {
    content: '\E8E9';
}

.ms-Icon--CellPhone::before {
    content: '\E8EA';
}

.ms-Icon--Tag::before {
    content: '\E8EC';
}

.ms-Icon--Library::before {
    content: '\E8F1';
}

.ms-Icon--PostUpdate::before {
    content: '\E8F3';
}

.ms-Icon--NewFolder::before {
    content: '\E8F4';
}

.ms-Icon--CalendarReply::before {
    content: '\E8F5';
}

.ms-Icon--UnsyncFolder::before {
    content: '\E8F6';
}

.ms-Icon--SyncFolder::before {
    content: '\E8F7';
}

.ms-Icon--BlockContact::before {
    content: '\E8F8';
}

.ms-Icon--AddFriend::before {
    content: '\E8FA';
}

.ms-Icon--BulletedList::before {
    content: '\E8FD';
}

.ms-Icon--Preview::before {
    content: '\E8FF';
}

.ms-Icon--Comment::before {
    content: '\E90A';
}

.ms-Icon--DockLeft::before {
    content: '\E90C';
}

.ms-Icon--DockRight::before {
    content: '\E90D';
}

.ms-Icon--Repair::before {
    content: '\E90F';
}

.ms-Icon--Accounts::before {
    content: '\E910';
}

.ms-Icon--RadioBullet::before {
    content: '\E915';
}

.ms-Icon--Stopwatch::before {
    content: '\E916';
}

.ms-Icon--Clock::before {
    content: '\E917';
}

.ms-Icon--WorldClock::before {
    content: '\E918';
}

.ms-Icon--AlarmClock::before {
    content: '\E919';
}

.ms-Icon--Hospital::before {
    content: '\E91D';
}

.ms-Icon--Timer::before {
    content: '\E91E';
}

.ms-Icon--FullCircleMask::before {
    content: '\E91F';
}

.ms-Icon--LocationFill::before {
    content: '\E920';
}

.ms-Icon--ChromeMinimize::before {
    content: '\E921';
}

.ms-Icon--Annotation::before {
    content: '\E924';
}

.ms-Icon--ChromeClose::before {
    content: '\E8BB';
}

.ms-Icon--Accept::before {
    content: '\E8FB';
}

.ms-Icon--Fingerprint::before {
    content: '\E928';
}

.ms-Icon--Handwriting::before {
    content: '\E929';
}

.ms-Icon--StackIndicator::before {
    content: '\E7FF';
}

.ms-Icon--Completed::before {
    content: '\E930';
}

.ms-Icon--Label::before {
    content: '\E932';
}

.ms-Icon--FlickDown::before {
    content: '\E935';
}

.ms-Icon--FlickUp::before {
    content: '\E936';
}

.ms-Icon--FlickLeft::before {
    content: '\E937';
}

.ms-Icon--FlickRight::before {
    content: '\E938';
}

.ms-Icon--Streaming::before {
    content: '\E93E';
}

.ms-Icon--MusicInCollection::before {
    content: '\E940';
}

.ms-Icon--OneDrive::before {
    content: '\E941';
}

.ms-Icon--CompassNW::before {
    content: '\E942';
}

.ms-Icon--Code::before {
    content: '\E943';
}

.ms-Icon--LightningBolt::before {
    content: '\E945';
}

.ms-Icon--Info::before {
    content: '\E946';
}

.ms-Icon--CalculatorAddition::before {
    content: '\E948';
}

.ms-Icon--CalculatorSubtract::before {
    content: '\E949';
}

.ms-Icon--PrintfaxPrinterFile::before {
    content: '\E956';
}

.ms-Icon--Communications::before {
    content: '\E95A';
}

.ms-Icon--Headset::before {
    content: '\E95B';
}

.ms-Icon--Health::before {
    content: '\E95E';
}

.ms-Icon--ChevronUpSmall::before {
    content: '\E96D';
}

.ms-Icon--ChevronDownSmall::before {
    content: '\E96E';
}

.ms-Icon--ChevronLeftSmall::before {
    content: '\E96F';
}

.ms-Icon--ChevronRightSmall::before {
    content: '\E970';
}

.ms-Icon--ChevronUpMed::before {
    content: '\E971';
}

.ms-Icon--ChevronDownMed::before {
    content: '\E972';
}

.ms-Icon--ChevronLeftMed::before {
    content: '\E973';
}

.ms-Icon--ChevronRightMed::before {
    content: '\E974';
}

.ms-Icon--Dictionary::before {
    content: '\E82D';
}

.ms-Icon--ChromeBack::before {
    content: '\E830';
}

.ms-Icon--PC1::before {
    content: '\E977';
}

.ms-Icon--PresenceChickletVideo::before {
    content: '\E979';
}

.ms-Icon--Reply::before {
    content: '\E97A';
}

.ms-Icon--LockSolid::before {
    content: '\E9A2';
}

.ms-Icon--DoubleChevronLeftMed::before {
    content: '\E991';
}

.ms-Icon--Volume0::before {
    content: '\E992';
}

.ms-Icon--Volume1::before {
    content: '\E993';
}

.ms-Icon--Volume2::before {
    content: '\E994';
}

.ms-Icon--Volume3::before {
    content: '\E995';
}

.ms-Icon--CaretHollow::before {
    content: '\E817';
}

.ms-Icon--CaretSolid::before {
    content: '\E818';
}

.ms-Icon--FolderOpen::before {
    content: '\E838';
}

.ms-Icon--Pinned::before {
    content: '\E840';
}

.ms-Icon--PinnedFill::before {
    content: '\E842';
}

.ms-Icon--Chart::before {
    content: '\E999';
}

.ms-Icon--Robot::before {
    content: '\E99A';
}

.ms-Icon--BidiLtr::before {
    content: '\E9AA';
}

.ms-Icon--BidiRtl::before {
    content: '\E9AB';
}

.ms-Icon--RevToggleKey::before {
    content: '\E845';
}

.ms-Icon--RightDoubleQuote::before {
    content: '\E9B1';
}

.ms-Icon--Sunny::before {
    content: '\E9BD';
}

.ms-Icon--CloudWeather::before {
    content: '\E9BE';
}

.ms-Icon--Cloudy::before {
    content: '\E9BF';
}

.ms-Icon--PartlyCloudyDay::before {
    content: '\E9C0';
}

.ms-Icon--PartlyCloudyNight::before {
    content: '\E9C1';
}

.ms-Icon--ClearNight::before {
    content: '\E9C2';
}

.ms-Icon--RainShowersDay::before {
    content: '\E9C3';
}

.ms-Icon--Rain::before {
    content: '\E9C4';
}

.ms-Icon--Thunderstorms::before {
    content: '\E9C6';
}

.ms-Icon--RainSnow::before {
    content: '\E9C7';
}

.ms-Icon--Snow::before {
    content: '\E9C8';
}

.ms-Icon--BlowingSnow::before {
    content: '\E9C9';
}

.ms-Icon--Frigid::before {
    content: '\E9CA';
}

.ms-Icon--Fog::before {
    content: '\E9CB';
}

.ms-Icon--Squalls::before {
    content: '\E9CC';
}

.ms-Icon--Duststorm::before {
    content: '\E9CD';
}

.ms-Icon--Unknown::before {
    content: '\E9CE';
}

.ms-Icon--Precipitation::before {
    content: '\E9CF';
}

.ms-Icon--Ringer::before {
    content: '\EA8F';
}

.ms-Icon--PDF::before {
    content: '\EA90';
}

.ms-Icon--SortLines::before {
    content: '\E9D0';
}

.ms-Icon--Ribbon::before {
    content: '\E9D1';
}

.ms-Icon--AreaChart::before {
    content: '\E9D2';
}

.ms-Icon--Assign::before {
    content: '\E9D3';
}

.ms-Icon--CheckList::before {
    content: '\E9D5';
}

.ms-Icon--Generate::before {
    content: '\E9DA';
}

.ms-Icon--LineChart::before {
    content: '\E9E6';
}

.ms-Icon--Equalizer::before {
    content: '\E9E9';
}

.ms-Icon--BarChartHorizontal::before {
    content: '\E9EB';
}

.ms-Icon--BarChartVertical::before {
    content: '\E9EC';
}

.ms-Icon--Freezing::before {
    content: '\E9EF';
}

.ms-Icon--Processing::before {
    content: '\E9F5';
}

.ms-Icon--SnowShowerDay::before {
    content: '\E9FD';
}

.ms-Icon--HailDay::before {
    content: '\EA00';
}

.ms-Icon--WorkFlow::before {
    content: '\EA01';
}

.ms-Icon--StoreLogoMed::before {
    content: '\EA04';
}

.ms-Icon--TriangleSolid::before {
    content: '\EA08';
}

.ms-Icon--RainShowersNight::before {
    content: '\EA0F';
}

.ms-Icon--SnowShowerNight::before {
    content: '\EA11';
}

.ms-Icon--HailNight::before {
    content: '\EA13';
}

.ms-Icon--Info2::before {
    content: '\EA1F';
}

.ms-Icon--StoreLogo::before {
    content: '\EA96';
}

.ms-Icon--MultiSelectMirrored::before {
    content: '\EA98';
}

.ms-Icon--Broom::before {
    content: '\EA99';
}

.ms-Icon--MusicInCollectionFill::before {
    content: '\EA36';
}

.ms-Icon--List::before {
    content: '\EA37';
}

.ms-Icon--Asterisk::before {
    content: '\EA38';
}

.ms-Icon--ErrorBadge::before {
    content: '\EA39';
}

.ms-Icon--CircleRing::before {
    content: '\EA3A';
}

.ms-Icon--CircleFill::before {
    content: '\EA3B';
}

.ms-Icon--Record2::before {
    content: '\EA3F';
}

.ms-Icon--BookmarksMirrored::before {
    content: '\EA41';
}

.ms-Icon--BulletedListMirrored::before {
    content: '\EA42';
}

.ms-Icon--CaretHollowMirrored::before {
    content: '\EA45';
}

.ms-Icon--CaretSolidMirrored::before {
    content: '\EA46';
}

.ms-Icon--ChromeBackMirrored::before {
    content: '\EA47';
}

.ms-Icon--ClosePaneMirrored::before {
    content: '\EA49';
}

.ms-Icon--DockLeftMirrored::before {
    content: '\EA4C';
}

.ms-Icon--DoubleChevronLeftMedMirrored::before {
    content: '\EA4D';
}

.ms-Icon--HelpMirrored::before {
    content: '\EA51';
}

.ms-Icon--ListMirrored::before {
    content: '\EA55';
}

.ms-Icon--MailForwardMirrored::before {
    content: '\EA56';
}

.ms-Icon--MailReplyMirrored::before {
    content: '\EA57';
}

.ms-Icon--MailReplyAllMirrored::before {
    content: '\EA58';
}

.ms-Icon--OpenPaneMirrored::before {
    content: '\EA5B';
}

.ms-Icon--SendMirrored::before {
    content: '\EA63';
}

.ms-Icon--ShowResultsMirrored::before {
    content: '\EA65';
}

.ms-Icon--ThumbnailViewMirrored::before {
    content: '\EA67';
}

.ms-Icon--Devices3::before {
    content: '\EA6C';
}

.ms-Icon--Lightbulb::before {
    content: '\EA80';
}

.ms-Icon--StatusTriangle::before {
    content: '\EA82';
}

.ms-Icon--VolumeDisabled::before {
    content: '\EA85';
}

.ms-Icon--Puzzle::before {
    content: '\EA86';
}

.ms-Icon--EmojiNeutral::before {
    content: '\EA87';
}

.ms-Icon--EmojiDisappointed::before {
    content: '\EA88';
}

.ms-Icon--HomeSolid::before {
    content: '\EA8A';
}

.ms-Icon--Cocktails::before {
    content: '\EA9D';
}

.ms-Icon--Articles::before {
    content: '\EAC1';
}

.ms-Icon--Cycling::before {
    content: '\EAC7';
}

.ms-Icon--DietPlanNotebook::before {
    content: '\EAC8';
}

.ms-Icon--Pill::before {
    content: '\EACB';
}

.ms-Icon--Running::before {
    content: '\EADA';
}

.ms-Icon--Weights::before {
    content: '\EADB';
}

.ms-Icon--BarChart4::before {
    content: '\EAE7';
}

.ms-Icon--CirclePlus::before {
    content: '\EAEE';
}

.ms-Icon--Coffee::before {
    content: '\EAEF';
}

.ms-Icon--Cotton::before {
    content: '\EAF3';
}

.ms-Icon--Market::before {
    content: '\EAFC';
}

.ms-Icon--Money::before {
    content: '\EAFD';
}

.ms-Icon--PieDouble::before {
    content: '\EB04';
}

.ms-Icon--PieSingle::before {
    content: '\EB05';
}

.ms-Icon--RemoveFilter::before {
    content: '\EB08';
}

.ms-Icon--StockDown::before {
    content: '\EB0F';
}

.ms-Icon--StockUp::before {
    content: '\EB11';
}

.ms-Icon--MSNVideos::before {
    content: '\EB1C';
}

.ms-Icon--Cricket::before {
    content: '\EB1E';
}

.ms-Icon--Golf::before {
    content: '\EB1F';
}

.ms-Icon--Baseball::before {
    content: '\EB20';
}

.ms-Icon--Soccer::before {
    content: '\EB21';
}

.ms-Icon--MoreSports::before {
    content: '\EB22';
}

.ms-Icon--AutoRacing::before {
    content: '\EB24';
}

.ms-Icon--CollegeHoops::before {
    content: '\EB25';
}

.ms-Icon--CollegeFootball::before {
    content: '\EB26';
}

.ms-Icon--ProFootball::before {
    content: '\EB27';
}

.ms-Icon--ProHockey::before {
    content: '\EB28';
}

.ms-Icon--Rugby::before {
    content: '\EB2D';
}

.ms-Icon--Tennis::before {
    content: '\EB33';
}

.ms-Icon--Arrivals::before {
    content: '\EB34';
}

.ms-Icon--Design::before {
    content: '\EB3C';
}

.ms-Icon--Website::before {
    content: '\EB41';
}

.ms-Icon--Drop::before {
    content: '\EB42';
}

.ms-Icon--Snowflake::before {
    content: '\EB46';
}

.ms-Icon--BusSolid::before {
    content: '\EB47';
}

.ms-Icon--FerrySolid::before {
    content: '\EB48';
}

.ms-Icon--TrainSolid::before {
    content: '\EB4D';
}

.ms-Icon--Heart::before {
    content: '\EB51';
}

.ms-Icon--HeartFill::before {
    content: '\EB52';
}

.ms-Icon--Ticket::before {
    content: '\EB54';
}

.ms-Icon--Devices4::before {
    content: '\EB66';
}

.ms-Icon--AzureLogo::before {
    content: '\EB6A';
}

.ms-Icon--BingLogo::before {
    content: '\EB6B';
}

.ms-Icon--MSNLogo::before {
    content: '\EB6C';
}

.ms-Icon--OutlookLogoInverse::before {
    content: '\EB6D';
}

.ms-Icon--OfficeLogo::before {
    content: '\EB6E';
}

.ms-Icon--SkypeLogo::before {
    content: '\EB6F';
}

.ms-Icon--Door::before {
    content: '\EB75';
}

.ms-Icon--EditMirrored::before {
    content: '\EB7E';
}

.ms-Icon--GiftCard::before {
    content: '\EB8E';
}

.ms-Icon--DoubleBookmark::before {
    content: '\EB8F';
}

.ms-Icon--StatusErrorFull::before {
    content: '\EB90';
}

.ms-Icon--Certificate::before {
    content: '\EB95';
}

.ms-Icon--FastForward::before {
    content: '\EB9D';
}

.ms-Icon--Rewind::before {
    content: '\EB9E';
}

.ms-Icon--Photo2::before {
    content: '\EB9F';
}

.ms-Icon--OpenSource::before {
    content: '\EBC2';
}

.ms-Icon--CloudDownload::before {
    content: '\EBD3';
}

.ms-Icon--WindDirection::before {
    content: '\EBE6';
}

.ms-Icon--Family::before {
    content: '\EBDA';
}

.ms-Icon--CSS::before {
    content: '\EBEF';
}

.ms-Icon--JS::before {
    content: '\EBF0';
}

.ms-Icon--ReminderGroup::before {
    content: '\EBF8';
}

.ms-Icon--NetworkTower::before {
    content: '\EC05';
}

.ms-Icon--Section::before {
    content: '\EC0C';
}

.ms-Icon--OneNoteLogoInverse::before {
    content: '\EC0D';
}

.ms-Icon--ToggleFilled::before {
    content: '\EC11';
}

.ms-Icon--ToggleBorder::before {
    content: '\EC12';
}

.ms-Icon--SliderThumb::before {
    content: '\EC13';
}

.ms-Icon--ToggleThumb::before {
    content: '\EC14';
}

.ms-Icon--Documentation::before {
    content: '\EC17';
}

.ms-Icon--Badge::before {
    content: '\EC1B';
}

.ms-Icon--Giftbox::before {
    content: '\EC1F';
}

.ms-Icon--ExcelLogoInverse::before {
    content: '\EC28';
}

.ms-Icon--WordLogoInverse::before {
    content: '\EC29';
}

.ms-Icon--PowerPointLogoInverse::before {
    content: '\EC2A';
}

.ms-Icon--Cafe::before {
    content: '\EC32';
}

.ms-Icon--SpeedHigh::before {
    content: '\EC4A';
}

.ms-Icon--MusicNote::before {
    content: '\EC4F';
}

.ms-Icon--EdgeLogo::before {
    content: '\EC60';
}

.ms-Icon--CompletedSolid::before {
    content: '\EC61';
}

.ms-Icon--AlbumRemove::before {
    content: '\EC62';
}

.ms-Icon--MessageFill::before {
    content: '\EC70';
}

.ms-Icon--TabletSelected::before {
    content: '\EC74';
}

.ms-Icon--MobileSelected::before {
    content: '\EC75';
}

.ms-Icon--LaptopSelected::before {
    content: '\EC76';
}

.ms-Icon--TVMonitorSelected::before {
    content: '\EC77';
}

.ms-Icon--DeveloperTools::before {
    content: '\EC7A';
}

.ms-Icon--InsertTextBox::before {
    content: '\EC7D';
}

.ms-Icon--LowerBrightness::before {
    content: '\EC8A';
}

.ms-Icon--CloudUpload::before {
    content: '\EC8E';
}

.ms-Icon--ScrollUpDown::before {
    content: '\EC8F';
}

.ms-Icon--DateTime::before {
    content: '\EC92';
}

.ms-Icon--Event::before {
    content: '\ECA3';
}

.ms-Icon--Cake::before {
    content: '\ECA4';
}

.ms-Icon--Tiles::before {
    content: '\ECA5';
}

.ms-Icon--Org::before {
    content: '\ECA6';
}

.ms-Icon--PartyLeader::before {
    content: '\ECA7';
}

.ms-Icon--DRM::before {
    content: '\ECA8';
}

.ms-Icon--CloudAdd::before {
    content: '\ECA9';
}

.ms-Icon--AppIconDefault::before {
    content: '\ECAA';
}

.ms-Icon--Photo2Add::before {
    content: '\ECAB';
}

.ms-Icon--Photo2Remove::before {
    content: '\ECAC';
}

.ms-Icon--POI::before {
    content: '\ECAF';
}

.ms-Icon--FacebookLogo::before {
    content: '\ECB3';
}

.ms-Icon--AddTo::before {
    content: '\ECC8';
}

.ms-Icon--RadioBtnOff::before {
    content: '\ECCA';
}

.ms-Icon--RadioBtnOn::before {
    content: '\ECCB';
}

.ms-Icon--ExploreContent::before {
    content: '\ECCD';
}

.ms-Icon--Embed::before {
    content: '\ECCE';
}

.ms-Icon--VideoSolid::before {
    content: '\EA0C';
}

.ms-Icon--Teamwork::before {
    content: '\EA12';
}

.ms-Icon--PeopleAdd::before {
    content: '\EA15';
}

.ms-Icon--Glasses::before {
    content: '\EA16';
}

.ms-Icon--DateTime2::before {
    content: '\EA17';
}

.ms-Icon--Shield::before {
    content: '\EA18';
}

.ms-Icon--Header1::before {
    content: '\EA19';
}

.ms-Icon--PageAdd::before {
    content: '\EA1A';
}

.ms-Icon--NumberedList::before {
    content: '\EA1C';
}

.ms-Icon--PowerBILogo::before {
    content: '\EA1E';
}

.ms-Icon--Product::before {
    content: '\ECDC';
}

.ms-Icon--Blocked2::before {
    content: '\ECE4';
}

.ms-Icon--FangBody::before {
    content: '\ECEB';
}

.ms-Icon--Glimmer::before {
    content: '\ECF4';
}

.ms-Icon--ChatInviteFriend::before {
    content: '\ECFE';
}

.ms-Icon--SharepointLogoInverse::before {
    content: '\ED18';
}

.ms-Icon--YammerLogo::before {
    content: '\ED19';
}

.ms-Icon--Hide::before {
    content: '\ED1A';
}

.ms-Icon--ReturnToSession::before {
    content: '\ED24';
}

.ms-Icon--OpenFolderHorizontal::before {
    content: '\ED25';
}

.ms-Icon--CalendarMirrored::before {
    content: '\ED28';
}

.ms-Icon--SwayLogoInverse::before {
    content: '\ED29';
}

.ms-Icon--OutOfOffice::before {
    content: '\ED34';
}

.ms-Icon--Trophy::before {
    content: '\ED3F';
}

.ms-Icon--ReopenPages::before {
    content: '\ED50';
}

.ms-Icon--AADLogo::before {
    content: '\ED68';
}

.ms-Icon--AccessLogo::before {
    content: '\ED69';
}

.ms-Icon--AdminALogo::before {
    content: '\ED6A';
}

.ms-Icon--AdminCLogo::before {
    content: '\ED6B';
}

.ms-Icon--AdminDLogo::before {
    content: '\ED6C';
}

.ms-Icon--AdminELogo::before {
    content: '\ED6D';
}

.ms-Icon--AdminLLogo::before {
    content: '\ED6E';
}

.ms-Icon--AdminMLogo::before {
    content: '\ED6F';
}

.ms-Icon--AdminOLogo::before {
    content: '\ED70';
}

.ms-Icon--AdminPLogo::before {
    content: '\ED71';
}

.ms-Icon--AdminSLogo::before {
    content: '\ED72';
}

.ms-Icon--AdminYLogo::before {
    content: '\ED73';
}

.ms-Icon--BoxLogo::before {
    content: '\ED75';
}

.ms-Icon--DelveLogoInverse::before {
    content: '\ED76';
}

.ms-Icon--DropboxLogo::before {
    content: '\ED77';
}

.ms-Icon--ExchangeLogoInverse::before {
    content: '\ED78';
}

.ms-Icon--LyncLogo::before {
    content: '\ED79';
}

.ms-Icon--OfficeVideoLogoInverse::before {
    content: '\ED7A';
}

.ms-Icon--ParatureLogo::before {
    content: '\ED7B';
}

.ms-Icon--SocialListeningLogo::before {
    content: '\ED7C';
}

.ms-Icon--VisioLogo::before {
    content: '\ED7D';
}

.ms-Icon--Balloons::before {
    content: '\ED7E';
}

.ms-Icon--Cat::before {
    content: '\ED7F';
}

.ms-Icon--MailAlert::before {
    content: '\ED80';
}

.ms-Icon--MailCheck::before {
    content: '\ED81';
}

.ms-Icon--MailLowImportance::before {
    content: '\ED82';
}

.ms-Icon--MailPause::before {
    content: '\ED83';
}

.ms-Icon--MailRepeat::before {
    content: '\ED84';
}

.ms-Icon--SecurityGroup::before {
    content: '\ED85';
}

.ms-Icon--Table::before {
    content: '\ED86';
}

.ms-Icon--VoicemailForward::before {
    content: '\ED87';
}

.ms-Icon--VoicemailReply::before {
    content: '\ED88';
}

.ms-Icon--Waffle::before {
    content: '\ED89';
}

.ms-Icon--RemoveEvent::before {
    content: '\ED8A';
}

.ms-Icon--EventInfo::before {
    content: '\ED8B';
}

.ms-Icon--ForwardEvent::before {
    content: '\ED8C';
}

.ms-Icon--WipePhone::before {
    content: '\ED8D';
}

.ms-Icon--AddOnlineMeeting::before {
    content: '\ED8E';
}

.ms-Icon--JoinOnlineMeeting::before {
    content: '\ED8F';
}

.ms-Icon--RemoveLink::before {
    content: '\ED90';
}

.ms-Icon--PeopleBlock::before {
    content: '\ED91';
}

.ms-Icon--PeopleRepeat::before {
    content: '\ED92';
}

.ms-Icon--PeopleAlert::before {
    content: '\ED93';
}

.ms-Icon--PeoplePause::before {
    content: '\ED94';
}

.ms-Icon--TransferCall::before {
    content: '\ED95';
}

.ms-Icon--AddPhone::before {
    content: '\ED96';
}

.ms-Icon--UnknownCall::before {
    content: '\ED97';
}

.ms-Icon--NoteReply::before {
    content: '\ED98';
}

.ms-Icon--NoteForward::before {
    content: '\ED99';
}

.ms-Icon--NotePinned::before {
    content: '\ED9A';
}

.ms-Icon--RemoveOccurrence::before {
    content: '\ED9B';
}

.ms-Icon--Timeline::before {
    content: '\ED9C';
}

.ms-Icon--EditNote::before {
    content: '\ED9D';
}

.ms-Icon--CircleHalfFull::before {
    content: '\ED9E';
}

.ms-Icon--Room::before {
    content: '\ED9F';
}

.ms-Icon--Unsubscribe::before {
    content: '\EDA0';
}

.ms-Icon--Subscribe::before {
    content: '\EDA1';
}

.ms-Icon--RecurringTask::before {
    content: '\EDB2';
}

.ms-Icon--TaskManager::before {
    content: '\EDB7';
}

.ms-Icon--TaskManagerMirrored::before {
    content: '\EDB8';
}

.ms-Icon--Combine::before {
    content: '\EDBB';
}

.ms-Icon--Split::before {
    content: '\EDBC';
}

.ms-Icon--DoubleChevronUp::before {
    content: '\EDBD';
}

.ms-Icon--DoubleChevronLeft::before {
    content: '\EDBE';
}

.ms-Icon--DoubleChevronRight::before {
    content: '\EDBF';
}

.ms-Icon--Ascending::before {
    content: '\EDC0';
}

.ms-Icon--Descending::before {
    content: '\EDC1';
}

.ms-Icon--TextBox::before {
    content: '\EDC2';
}

.ms-Icon--TextField::before {
    content: '\EDC3';
}

.ms-Icon--NumberField::before {
    content: '\EDC4';
}

.ms-Icon--Dropdown::before {
    content: '\EDC5';
}

.ms-Icon--BookingsLogo::before {
    content: '\EDC7';
}

.ms-Icon--ClassNotebookLogoInverse::before {
    content: '\EDC8';
}

.ms-Icon--DelveAnalyticsLogo::before {
    content: '\EDCA';
}

.ms-Icon--DocsLogoInverse::before {
    content: '\EDCB';
}

.ms-Icon--Dynamics365Logo::before {
    content: '\EDCC';
}

.ms-Icon--DynamicSMBLogo::before {
    content: '\EDCD';
}

.ms-Icon--OfficeAssistantLogo::before {
    content: '\EDCE';
}

.ms-Icon--OfficeStoreLogo::before {
    content: '\EDCF';
}

.ms-Icon--OneNoteEduLogoInverse::before {
    content: '\EDD0';
}

.ms-Icon--PlannerLogo::before {
    content: '\EDD1';
}

.ms-Icon--PowerApps::before {
    content: '\EDD2';
}

.ms-Icon--Suitcase::before {
    content: '\EDD3';
}

.ms-Icon--ProjectLogoInverse::before {
    content: '\EDD4';
}

.ms-Icon--CaretLeft8::before {
    content: '\EDD5';
}

.ms-Icon--CaretRight8::before {
    content: '\EDD6';
}

.ms-Icon--CaretUp8::before {
    content: '\EDD7';
}

.ms-Icon--CaretDown8::before {
    content: '\EDD8';
}

.ms-Icon--CaretLeftSolid8::before {
    content: '\EDD9';
}

.ms-Icon--CaretRightSolid8::before {
    content: '\EDDA';
}

.ms-Icon--CaretUpSolid8::before {
    content: '\EDDB';
}

.ms-Icon--CaretDownSolid8::before {
    content: '\EDDC';
}

.ms-Icon--ClearFormatting::before {
    content: '\EDDD';
}

.ms-Icon--Superscript::before {
    content: '\EDDE';
}

.ms-Icon--Subscript::before {
    content: '\EDDF';
}

.ms-Icon--Strikethrough::before {
    content: '\EDE0';
}

.ms-Icon--Export::before {
    content: '\EDE1';
}

.ms-Icon--ExportMirrored::before {
    content: '\EDE2';
}

.ms-Icon--SingleBookmark::before {
    content: '\EDFF';
}

.ms-Icon--DoubleChevronDown::before {
    content: '\EE04';
}

.ms-Icon--ReplyAll::before {
    content: '\EE0A';
}

.ms-Icon--GoogleDriveLogo::before {
    content: '\EE0B';
}

.ms-Icon--Questionnaire::before {
    content: '\EE19';
}

.ms-Icon--ReplyMirrored::before {
    content: '\EE35';
}

.ms-Icon--ReplyAllMirrored::before {
    content: '\EE36';
}

.ms-Icon--AddGroup::before {
    content: '\EE3D';
}

.ms-Icon--QuestionnaireMirrored::before {
    content: '\EE4B';
}

.ms-Icon--TemporaryUser::before {
    content: '\EE58';
}

.ms-Icon--CaretSolid16::before {
    content: '\EE62';
}

.ms-Icon--GroupedDescending::before {
    content: '\EE66';
}

.ms-Icon--GroupedAscending::before {
    content: '\EE67';
}

.ms-Icon--SortUp::before {
    content: '\EE68';
}

.ms-Icon--SortDown::before {
    content: '\EE69';
}

.ms-Icon--AwayStatus::before {
    content: '\EE6A';
}

.ms-Icon--SyncToPC::before {
    content: '\EE6E';
}

.ms-Icon--AustralianRules::before {
    content: '\EE70';
}

.ms-Icon--WifiEthernet::before {
    content: '\EE77';
}

.ms-Icon--DateTimeMirrored::before {
    content: '\EE93';
}

.ms-Icon--StopSolid::before {
    content: '\EE95';
}

.ms-Icon--DoubleChevronUp12::before {
    content: '\EE96';
}

.ms-Icon--DoubleChevronDown12::before {
    content: '\EE97';
}

.ms-Icon--DoubleChevronLeft12::before {
    content: '\EE98';
}

.ms-Icon--DoubleChevronRight12::before {
    content: '\EE99';
}

.ms-Icon--CalendarAgenda::before {
    content: '\EE9A';
}

.ms-Icon--AddEvent::before {
    content: '\EEB5';
}

.ms-Icon--AssetLibrary::before {
    content: '\EEB6';
}

.ms-Icon--DataConnectionLibrary::before {
    content: '\EEB7';
}

.ms-Icon--DocLibrary::before {
    content: '\EEB8';
}

.ms-Icon--FormLibrary::before {
    content: '\EEB9';
}

.ms-Icon--FormLibraryMirrored::before {
    content: '\EEBA';
}

.ms-Icon--ReportLibrary::before {
    content: '\EEBB';
}

.ms-Icon--ReportLibraryMirrored::before {
    content: '\EEBC';
}

.ms-Icon--ContactCard::before {
    content: '\EEBD';
}

.ms-Icon--CustomList::before {
    content: '\EEBE';
}

.ms-Icon--CustomListMirrored::before {
    content: '\EEBF';
}

.ms-Icon--IssueTracking::before {
    content: '\EEC0';
}

.ms-Icon--IssueTrackingMirrored::before {
    content: '\EEC1';
}

.ms-Icon--PictureLibrary::before {
    content: '\EEC2';
}

.ms-Icon--OfficeAddinsLogo::before {
    content: '\EEC7';
}

.ms-Icon--OfflineOneDriveParachute::before {
    content: '\EEC8';
}

.ms-Icon--OfflineOneDriveParachuteDisabled::before {
    content: '\EEC9';
}

.ms-Icon--LargeGrid::before {
    content: '\EECB';
}

.ms-Icon--TriangleSolidUp12::before {
    content: '\EECC';
}

.ms-Icon--TriangleSolidDown12::before {
    content: '\EECD';
}

.ms-Icon--TriangleSolidLeft12::before {
    content: '\EECE';
}

.ms-Icon--TriangleSolidRight12::before {
    content: '\EECF';
}

.ms-Icon--TriangleUp12::before {
    content: '\EED0';
}

.ms-Icon--TriangleDown12::before {
    content: '\EED1';
}

.ms-Icon--TriangleLeft12::before {
    content: '\EED2';
}

.ms-Icon--TriangleRight12::before {
    content: '\EED3';
}

.ms-Icon--ArrowUpRight8::before {
    content: '\EED4';
}

.ms-Icon--ArrowDownRight8::before {
    content: '\EED5';
}

.ms-Icon--DocumentSet::before {
    content: '\EED6';
}

.ms-Icon--DelveAnalytics::before {
    content: '\EEEE';
}

.ms-Icon--ArrowUpRightMirrored8::before {
    content: '\EEEF';
}

.ms-Icon--ArrowDownRightMirrored8::before {
    content: '\EEF0';
}

.ms-Icon--OneDriveAdd::before {
    content: '\EF32';
}

.ms-Icon--Header2::before {
    content: '\EF36';
}

.ms-Icon--Header3::before {
    content: '\EF37';
}

.ms-Icon--Header4::before {
    content: '\EF38';
}

.ms-Icon--MarketDown::before {
    content: '\EF42';
}

.ms-Icon--CalendarWorkWeek::before {
    content: '\EF51';
}

.ms-Icon--SidePanel::before {
    content: '\EF52';
}

.ms-Icon--GlobeFavorite::before {
    content: '\EF53';
}

.ms-Icon--CaretTopLeftSolid8::before {
    content: '\EF54';
}

.ms-Icon--CaretTopRightSolid8::before {
    content: '\EF55';
}

.ms-Icon--ViewAll2::before {
    content: '\EF56';
}

.ms-Icon--DocumentReply::before {
    content: '\EF57';
}

.ms-Icon--PlayerSettings::before {
    content: '\EF58';
}

.ms-Icon--ReceiptForward::before {
    content: '\EF59';
}

.ms-Icon--ReceiptReply::before {
    content: '\EF5A';
}

.ms-Icon--ReceiptCheck::before {
    content: '\EF5B';
}

.ms-Icon--Fax::before {
    content: '\EF5C';
}

.ms-Icon--RecurringEvent::before {
    content: '\EF5D';
}

.ms-Icon--ReplyAlt::before {
    content: '\EF5E';
}

.ms-Icon--ReplyAllAlt::before {
    content: '\EF5F';
}

.ms-Icon--EditStyle::before {
    content: '\EF60';
}

.ms-Icon--EditMail::before {
    content: '\EF61';
}

.ms-Icon--Lifesaver::before {
    content: '\EF62';
}

.ms-Icon--LifesaverLock::before {
    content: '\EF63';
}

.ms-Icon--InboxCheck::before {
    content: '\EF64';
}

.ms-Icon--FolderSearch::before {
    content: '\EF65';
}

.ms-Icon--CollapseMenu::before {
    content: '\EF66';
}

.ms-Icon--ExpandMenu::before {
    content: '\EF67';
}

.ms-Icon--Boards::before {
    content: '\EF68';
}

.ms-Icon--SunAdd::before {
    content: '\EF69';
}

.ms-Icon--SunQuestionMark::before {
    content: '\EF6A';
}

.ms-Icon--LandscapeOrientation::before {
    content: '\EF6B';
}

.ms-Icon--DocumentSearch::before {
    content: '\EF6C';
}

.ms-Icon--PublicCalendar::before {
    content: '\EF6D';
}

.ms-Icon--PublicContactCard::before {
    content: '\EF6E';
}

.ms-Icon--PublicEmail::before {
    content: '\EF6F';
}

.ms-Icon--PublicFolder::before {
    content: '\EF70';
}

.ms-Icon--WordDocument::before {
    content: '\EF71';
}

.ms-Icon--PowerPointDocument::before {
    content: '\EF72';
}

.ms-Icon--ExcelDocument::before {
    content: '\EF73';
}

.ms-Icon--GroupedList::before {
    content: '\EF74';
}

.ms-Icon--ClassroomLogo::before {
    content: '\EF75';
}

.ms-Icon--Sections::before {
    content: '\EF76';
}

.ms-Icon--EditPhoto::before {
    content: '\EF77';
}

.ms-Icon--Starburst::before {
    content: '\EF78';
}

.ms-Icon--ShareiOS::before {
    content: '\EF79';
}

.ms-Icon--AirTickets::before {
    content: '\EF7A';
}

.ms-Icon--PencilReply::before {
    content: '\EF7B';
}

.ms-Icon--Tiles2::before {
    content: '\EF7C';
}

.ms-Icon--SkypeCircleCheck::before {
    content: '\EF7D';
}

.ms-Icon--SkypeCircleClock::before {
    content: '\EF7E';
}

.ms-Icon--SkypeCircleMinus::before {
    content: '\EF7F';
}

.ms-Icon--SkypeCheck::before {
    content: '\EF80';
}

.ms-Icon--SkypeClock::before {
    content: '\EF81';
}

.ms-Icon--SkypeMinus::before {
    content: '\EF82';
}

.ms-Icon--SkypeMessage::before {
    content: '\EF83';
}

.ms-Icon--ClosedCaption::before {
    content: '\EF84';
}

.ms-Icon--ATPLogo::before {
    content: '\EF85';
}

.ms-Icon--OfficeFormLogo::before {
    content: '\EF86';
}

.ms-Icon--RecycleBin::before {
    content: '\EF87';
}

.ms-Icon--EmptyRecycleBin::before {
    content: '\EF88';
}

.ms-Icon--Hide2::before {
    content: '\EF89';
}

.ms-Icon--iOSAppStoreLogo::before {
    content: '\EF8A';
}

.ms-Icon--AndroidLogo::before {
    content: '\EF8B';
}

.ms-Icon--Breadcrumb::before {
    content: '\EF8C';
}

.ms-Icon--ClearFilter::before {
    content: '\EF8F';
}

.ms-Icon--Flow::before {
    content: '\EF90';
}

.ms-Icon--Database::before {
    content: '\EFC7';
}

.ms-Icon--CRMReport::before {
    content: '\EFFE';
}

.ms-Icon--TextDocument::before {
    content: '\F029';
}

.ms-Icon--PageCheckedOut::before {
    content: '\F02C';
}

.ms-Icon--Script::before {
    content: '\F03A';
}

.ms-Icon--Archive::before {
    content: '\F03F';
}

.ms-Icon--ActivityFeed::before {
    content: '\F056';
}

.ms-Icon--CaretRight::before {
    content: '\F06B';
}

.ms-Icon--SetAction::before {
    content: '\F071';
}

.ms-Icon--CaretSolidLeft::before {
    content: '\F08D';
}

.ms-Icon--CaretSolidDown::before {
    content: '\F08E';
}

.ms-Icon--CaretSolidRight::before {
    content: '\F08F';
}

.ms-Icon--CaretSolidUp::before {
    content: '\F090';
}

.ms-Icon--PowerAppsLogo::before {
    content: '\F091';
}

.ms-Icon--PowerApps2Logo::before {
    content: '\F092';
}

.ms-Icon--FabricAssetLibrary::before {
    content: '\F09C';
}

.ms-Icon--FabricDataConnectionLibrary::before {
    content: '\F09D';
}

.ms-Icon--FabricDocLibrary::before {
    content: '\F09E';
}

.ms-Icon--FabricFormLibrary::before {
    content: '\F09F';
}

.ms-Icon--FabricFormLibraryMirrored::before {
    content: '\F0A0';
}

.ms-Icon--FabricReportLibrary::before {
    content: '\F0A1';
}

.ms-Icon--FabricReportLibraryMirrored::before {
    content: '\F0A2';
}

.ms-Icon--FabricPublicFolder::before {
    content: '\F0A3';
}

.ms-Icon--FabricFolderSearch::before {
    content: '\F0A4';
}

.ms-Icon--FabricMovetoFolder::before {
    content: '\F0A5';
}

.ms-Icon--FabricUnsyncFolder::before {
    content: '\F0A6';
}

.ms-Icon--FabricSyncFolder::before {
    content: '\F0A7';
}

.ms-Icon--FabricOpenFolderHorizontal::before {
    content: '\F0A8';
}

.ms-Icon--FabricFolder::before {
    content: '\F0A9';
}

.ms-Icon--FabricFolderFill::before {
    content: '\F0AA';
}

.ms-Icon--FabricNewFolder::before {
    content: '\F0AB';
}

.ms-Icon--FabricPictureLibrary::before {
    content: '\F0AC';
}

.ms-Icon--AddFavorite::before {
    content: '\F0C8';
}

.ms-Icon--AddFavoriteFill::before {
    content: '\F0C9';
}

.ms-Icon--BufferTimeBefore::before {
    content: '\F0CF';
}

.ms-Icon--BufferTimeAfter::before {
    content: '\F0D0';
}

.ms-Icon--BufferTimeBoth::before {
    content: '\F0D1';
}

.ms-Icon--CannedChat::before {
    content: '\F0F2';
}

.ms-Icon--PageCheckedin::before {
    content: '\F104';
}

.ms-Icon--CaretBottomLeftSolid8::before {
    content: '\F121';
}

.ms-Icon--CaretBottomRightSolid8::before {
    content: '\F122';
}

.ms-Icon--FolderHorizontal::before {
    content: '\F12B';
}

.ms-Icon--MicrosoftStaffhubLogo::before {
    content: '\F130';
}

.ms-Icon--GiftboxOpen::before {
    content: '\F133';
}

.ms-Icon--ExploreContentSingle::before {
    content: '\F164';
}

.ms-Icon--CollapseContent::before {
    content: '\F165';
}

.ms-Icon--CollapseContentSingle::before {
    content: '\F166';
}

.ms-Icon--InfoSolid::before {
    content: '\F167';
}

.ms-Icon--ProgressRingDots::before {
    content: '\F16A';
}

.ms-Icon--CaloriesAdd::before {
    content: '\F172';
}

.ms-Icon--BranchFork::before {
    content: '\F173';
}

.ms-Icon--HardDriveGroup::before {
    content: '\F18F';
}

.ms-Icon--BucketColor::before {
    content: '\F1B6';
}

.ms-Icon--BucketColorFill::before {
    content: '\F1B7';
}

.ms-Icon--SingleColumn::before {
    content: '\F1D3';
}

.ms-Icon--DoubleColumn::before {
    content: '\F1D4';
}

.ms-Icon--TripleColumn::before {
    content: '\F1D5';
}

.ms-Icon--ColumnLeftTwoThirds::before {
    content: '\F1D6';
}

.ms-Icon--ColumnRightTwoThirds::before {
    content: '\F1D7';
}

.ms-Icon--AccessLogoFill::before {
    content: '\F1DB';
}

.ms-Icon--AnalyticsLogo::before {
    content: '\F1DE';
}

.ms-Icon--AnalyticsQuery::before {
    content: '\F1DF';
}

.ms-Icon--NewAnalyticsQuery::before {
    content: '\F1E0';
}

.ms-Icon--AnalyticsReport::before {
    content: '\F1E1';
}

.ms-Icon--WordLogo::before {
    content: '\F1E3';
}

.ms-Icon--WordLogoFill::before {
    content: '\F1E4';
}

.ms-Icon--ExcelLogo::before {
    content: '\F1E5';
}

.ms-Icon--ExcelLogoFill::before {
    content: '\F1E6';
}

.ms-Icon--OneNoteLogo::before {
    content: '\F1E7';
}

.ms-Icon--OneNoteLogoFill::before {
    content: '\F1E8';
}

.ms-Icon--OutlookLogo::before {
    content: '\F1E9';
}

.ms-Icon--OutlookLogoFill::before {
    content: '\F1EA';
}

.ms-Icon--PowerPointLogo::before {
    content: '\F1EB';
}

.ms-Icon--PowerPointLogoFill::before {
    content: '\F1EC';
}

.ms-Icon--PublisherLogo::before {
    content: '\F1ED';
}

.ms-Icon--PublisherLogoFill::before {
    content: '\F1EE';
}

.ms-Icon--ScheduleEventAction::before {
    content: '\F1EF';
}

.ms-Icon--FlameSolid::before {
    content: '\F1F3';
}

.ms-Icon--ServerProcesses::before {
    content: '\F1FE';
}

.ms-Icon--Server::before {
    content: '\F201';
}

.ms-Icon--SaveAll::before {
    content: '\F203';
}

.ms-Icon--ProtectRestrict::before {
    content: '\F22A';
}

.ms-Icon--Step::before {
    content: '\F241';
}

.ms-Icon--StepInsert::before {
    content: '\F242';
}

.ms-Icon--StepShared::before {
    content: '\F243';
}

.ms-Icon--StepSharedAdd::before {
    content: '\F244';
}

.ms-Icon--StepSharedInsert::before {
    content: '\F245';
}

.ms-Icon--ViewDashboard::before {
    content: '\F246';
}

.ms-Icon--ViewList::before {
    content: '\F247';
}

.ms-Icon--ViewListGroup::before {
    content: '\F248';
}

.ms-Icon--ViewListTree::before {
    content: '\F249';
}

.ms-Icon--TriggerAuto::before {
    content: '\F24A';
}

.ms-Icon--TriggerUser::before {
    content: '\F24B';
}

.ms-Icon--PivotChart::before {
    content: '\F24C';
}

.ms-Icon--StackedBarChart::before {
    content: '\F24D';
}

.ms-Icon--StackedLineChart::before {
    content: '\F24E';
}

.ms-Icon--BuildQueue::before {
    content: '\F24F';
}

.ms-Icon--BuildQueueNew::before {
    content: '\F250';
}

.ms-Icon--VennDiagram::before {
    content: '\F273';
}

.ms-Icon--FiveTileGrid::before {
    content: '\F274';
}

.ms-Icon--FocalPoint::before {
    content: '\F277';
}

.ms-Icon--TeamsLogoInverse::before {
    content: '\F27A';
}

.ms-Icon--TeamsLogo::before {
    content: '\F27B';
}

.ms-Icon--TeamsLogoFill::before {
    content: '\F27C';
}

.ms-Icon--SkypeForBusinessLogoFill::before {
    content: '\F27D';
}

.ms-Icon--SharepointLogo::before {
    content: '\F27E';
}

.ms-Icon--SharepointLogoFill::before {
    content: '\F27F';
}

.ms-Icon--DelveLogo::before {
    content: '\F280';
}

.ms-Icon--DelveLogoFill::before {
    content: '\F281';
}

.ms-Icon--OfficeVideoLogo::before {
    content: '\F282';
}

.ms-Icon--OfficeVideoLogoFill::before {
    content: '\F283';
}

.ms-Icon--ExchangeLogo::before {
    content: '\F284';
}

.ms-Icon--ExchangeLogoFill::before {
    content: '\F285';
}

.ms-Icon--CloneToDesktop::before {
    content: '\F28C';
}

.ms-Icon--InstallToDrive::before {
    content: '\F28D';
}

.ms-Icon--Blur::before {
    content: '\F28E';
}

.ms-Icon--Build::before {
    content: '\F28F';
}

.ms-Icon--ProcessMetaTask::before {
    content: '\F290';
}

.ms-Icon--BranchFork2::before {
    content: '\F291';
}

.ms-Icon--BranchLocked::before {
    content: '\F292';
}

.ms-Icon--BranchCommit::before {
    content: '\F293';
}

.ms-Icon--BranchCompare::before {
    content: '\F294';
}

.ms-Icon--BranchMerge::before {
    content: '\F295';
}

.ms-Icon--BranchPullRequest::before {
    content: '\F296';
}

.ms-Icon--BranchSearch::before {
    content: '\F297';
}

.ms-Icon--BranchShelveset::before {
    content: '\F298';
}

.ms-Icon--RawSource::before {
    content: '\F299';
}

.ms-Icon--MergeDuplicate::before {
    content: '\F29A';
}

.ms-Icon--RowsGroup::before {
    content: '\F29B';
}

.ms-Icon--RowsChild::before {
    content: '\F29C';
}

.ms-Icon--Deploy::before {
    content: '\F29D';
}

.ms-Icon--Redeploy::before {
    content: '\F29E';
}

.ms-Icon--ServerEnviroment::before {
    content: '\F29F';
}

.ms-Icon--Plug::before {
    content: '\F300';
}

.ms-Icon--PlugSolid::before {
    content: '\F301';
}

.ms-Icon--PlugConnected::before {
    content: '\F302';
}

.ms-Icon--PlugDisconnected::before {
    content: '\F303';
}

.ms-Icon--UnlockSolid::before {
    content: '\F304';
}

.ms-Icon--Variable::before {
    content: '\F305';
}

.ms-Icon--Parameter::before {
    content: '\F306';
}

.ms-Icon--CommentUrgent::before {
    content: '\F307';
}

.ms-Icon--Storyboard::before {
    content: '\F308';
}

.ms-Icon--DiffInline::before {
    content: '\F309';
}

.ms-Icon--DiffSideBySide::before {
    content: '\F30A';
}

.ms-Icon--ImageDiff::before {
    content: '\F30B';
}

.ms-Icon--ImagePixel::before {
    content: '\F30C';
}

.ms-Icon--FileBug::before {
    content: '\F30D';
}

.ms-Icon--FileCode::before {
    content: '\F30E';
}

.ms-Icon--FileComment::before {
    content: '\F30F';
}

.ms-Icon--FileImage::before {
    content: '\F311';
}

.ms-Icon--FileSymlink::before {
    content: '\F312';
}

.ms-Icon--AutoFillTemplate::before {
    content: '\F313';
}

.ms-Icon--WorkItem::before {
    content: '\F314';
}

.ms-Icon--WorkItemBug::before {
    content: '\F315';
}

.ms-Icon--LogRemove::before {
    content: '\F316';
}

.ms-Icon--ColumnOptions::before {
    content: '\F317';
}

.ms-Icon--Packages::before {
    content: '\F318';
}

.ms-Icon--BuildIssue::before {
    content: '\F319';
}

.ms-Icon--AssessmentGroup::before {
    content: '\F31A';
}

.ms-Icon--VariableGroup::before {
    content: '\F31B';
}

.ms-Icon--FullHistory::before {
    content: '\F31C';
}

.ms-Icon--BusinessHoursSign::before {
    content: '\F310';
}

.ms-Icon--SwayLogo::before {
    content: '\ED29';
}

.ms-Icon--ClassNotebookLogo::before {
    content: '\EDC8';
}

.ms-Icon--DocsLogo::before {
    content: '\EDCB';
}

.ms-Icon--OneNoteEduLogo::before {
    content: '\EDD0';
}

.ms-Icon--ProjectLogo::before {
    content: '\EDD4';
}

@media (max-width: 479px) {
    .ms-hiddenSm,
    .ms-hiddenMdDown,
    .ms-hiddenLgDown,
    .ms-hiddenXlDown,
    .ms-hiddenXxlDown {
        display: none !important;
    }
}

@media (min-width: 480px) and (max-width: 639px) {
    .ms-hiddenMd,
    .ms-hiddenMdUp,
    .ms-hiddenMdDown,
    .ms-hiddenLgDown,
    .ms-hiddenXlDown,
    .ms-hiddenXxlDown {
        display: none !important;
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .ms-hiddenMdUp,
    .ms-hiddenLg,
    .ms-hiddenLgUp,
    .ms-hiddenLgDown,
    .ms-hiddenXlDown,
    .ms-hiddenXxlDown {
        display: none !important;
    }
}

@media (min-width: 1024px) and (max-width: 1365px) {
    .ms-hiddenMdUp,
    .ms-hiddenLgUp,
    .ms-hiddenXl,
    .ms-hiddenXlUp,
    .ms-hiddenXlDown,
    .ms-hiddenXxlDown {
        display: none !important;
    }
}

@media (min-width: 1366px) and (max-width: 1919px) {
    .ms-hiddenMdUp,
    .ms-hiddenLgUp,
    .ms-hiddenXlUp,
    .ms-hiddenXxl,
    .ms-hiddenXxlUp,
    .ms-hiddenXxlDown {
        display: none !important;
    }
}

@media (min-width: 1920px) {
    .ms-hiddenMdUp,
    .ms-hiddenLgUp,
    .ms-hiddenXlUp,
    .ms-hiddenXxlUp,
    .ms-hiddenXxxl {
        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%;
}

.ms-smPull12 {
    right: 100%;
}

.ms-smPull11 {
    right: 91.66666666666666%;
}

.ms-smPull10 {
    right: 83.33333333333334%;
}

.ms-smPull9 {
    right: 75%;
}

.ms-smPull8 {
    right: 66.66666666666666%;
}

.ms-smPull7 {
    right: 58.333333333333336%;
}

.ms-smPull6 {
    right: 50%;
}

.ms-smPull5 {
    right: 41.66666666666667%;
}

.ms-smPull4 {
    right: 33.33333333333333%;
}

.ms-smPull3 {
    right: 25%;
}

.ms-smPull2 {
    right: 16.666666666666664%;
}

.ms-smPull1 {
    right: 8.333333333333332%;
}

.ms-smPull0 {
    right: auto;
}

.ms-smPush12 {
    left: 100%;
}

.ms-smPush11 {
    left: 91.66666666666666%;
}

.ms-smPush10 {
    left: 83.33333333333334%;
}

.ms-smPush9 {
    left: 75%;
}

.ms-smPush8 {
    left: 66.66666666666666%;
}

.ms-smPush7 {
    left: 58.333333333333336%;
}

.ms-smPush6 {
    left: 50%;
}

.ms-smPush5 {
    left: 41.66666666666667%;
}

.ms-smPush4 {
    left: 33.33333333333333%;
}

.ms-smPush3 {
    left: 25%;
}

.ms-smPush2 {
    left: 16.666666666666664%;
}

.ms-smPush1 {
    left: 8.333333333333332%;
}

.ms-smPush0 {
    left: auto;
}

.ms-smOffset11 {
    margin-left: 91.66666666666666%;
}

.ms-smOffset10 {
    margin-left: 83.33333333333334%;
}

.ms-smOffset9 {
    margin-left: 75%;
}

.ms-smOffset8 {
    margin-left: 66.66666666666666%;
}

.ms-smOffset7 {
    margin-left: 58.333333333333336%;
}

.ms-smOffset6 {
    margin-left: 50%;
}

.ms-smOffset5 {
    margin-left: 41.66666666666667%;
}

.ms-smOffset4 {
    margin-left: 33.33333333333333%;
}

.ms-smOffset3 {
    margin-left: 25%;
}

.ms-smOffset2 {
    margin-left: 16.666666666666664%;
}

.ms-smOffset1 {
    margin-left: 8.333333333333332%;
}

.ms-smOffset0 {
    margin-left: 0;
}

@media (min-width: 480px) {
    .ms-md12 {
        width: 100%;
    }
}

@media (min-width: 480px) {
    .ms-md11 {
        width: 91.66666666666666%;
    }
}

@media (min-width: 480px) {
    .ms-md10 {
        width: 83.33333333333334%;
    }
}

@media (min-width: 480px) {
    .ms-md9 {
        width: 75%;
    }
}

@media (min-width: 480px) {
    .ms-md8 {
        width: 66.66666666666666%;
    }
}

@media (min-width: 480px) {
    .ms-md7 {
        width: 58.333333333333336%;
    }
}

@media (min-width: 480px) {
    .ms-md6 {
        width: 50%;
    }
}

@media (min-width: 480px) {
    .ms-md5 {
        width: 41.66666666666667%;
    }
}

@media (min-width: 480px) {
    .ms-md4 {
        width: 33.33333333333333%;
    }
}

@media (min-width: 480px) {
    .ms-md3 {
        width: 25%;
    }
}

@media (min-width: 480px) {
    .ms-md2 {
        width: 16.666666666666664%;
    }
}

@media (min-width: 480px) {
    .ms-md1 {
        width: 8.333333333333332%;
    }
}

@media (min-width: 480px) {
    .ms-mdPull12 {
        right: 100%;
    }
}

@media (min-width: 480px) {
    .ms-mdPull11 {
        right: 91.66666666666666%;
    }
}

@media (min-width: 480px) {
    .ms-mdPull10 {
        right: 83.33333333333334%;
    }
}

@media (min-width: 480px) {
    .ms-mdPull9 {
        right: 75%;
    }
}

@media (min-width: 480px) {
    .ms-mdPull8 {
        right: 66.66666666666666%;
    }
}

@media (min-width: 480px) {
    .ms-mdPull7 {
        right: 58.333333333333336%;
    }
}

@media (min-width: 480px) {
    .ms-mdPull6 {
        right: 50%;
    }
}

@media (min-width: 480px) {
    .ms-mdPull5 {
        right: 41.66666666666667%;
    }
}

@media (min-width: 480px) {
    .ms-mdPull4 {
        right: 33.33333333333333%;
    }
}

@media (min-width: 480px) {
    .ms-mdPull3 {
        right: 25%;
    }
}

@media (min-width: 480px) {
    .ms-mdPull2 {
        right: 16.666666666666664%;
    }
}

@media (min-width: 480px) {
    .ms-mdPull1 {
        right: 8.333333333333332%;
    }
}

@media (min-width: 480px) {
    .ms-mdPull0 {
        right: auto;
    }
}

@media (min-width: 480px) {
    .ms-mdPush12 {
        left: 100%;
    }
}

@media (min-width: 480px) {
    .ms-mdPush11 {
        left: 91.66666666666666%;
    }
}

@media (min-width: 480px) {
    .ms-mdPush10 {
        left: 83.33333333333334%;
    }
}

@media (min-width: 480px) {
    .ms-mdPush9 {
        left: 75%;
    }
}

@media (min-width: 480px) {
    .ms-mdPush8 {
        left: 66.66666666666666%;
    }
}

@media (min-width: 480px) {
    .ms-mdPush7 {
        left: 58.333333333333336%;
    }
}

@media (min-width: 480px) {
    .ms-mdPush6 {
        left: 50%;
    }
}

@media (min-width: 480px) {
    .ms-mdPush5 {
        left: 41.66666666666667%;
    }
}

@media (min-width: 480px) {
    .ms-mdPush4 {
        left: 33.33333333333333%;
    }
}

@media (min-width: 480px) {
    .ms-mdPush3 {
        left: 25%;
    }
}

@media (min-width: 480px) {
    .ms-mdPush2 {
        left: 16.666666666666664%;
    }
}

@media (min-width: 480px) {
    .ms-mdPush1 {
        left: 8.333333333333332%;
    }
}

@media (min-width: 480px) {
    .ms-mdPush0 {
        left: auto;
    }
}

@media (min-width: 480px) {
    .ms-mdOffset11 {
        margin-left: 91.66666666666666%;
    }
}

@media (min-width: 480px) {
    .ms-mdOffset10 {
        margin-left: 83.33333333333334%;
    }
}

@media (min-width: 480px) {
    .ms-mdOffset9 {
        margin-left: 75%;
    }
}

@media (min-width: 480px) {
    .ms-mdOffset8 {
        margin-left: 66.66666666666666%;
    }
}

@media (min-width: 480px) {
    .ms-mdOffset7 {
        margin-left: 58.333333333333336%;
    }
}

@media (min-width: 480px) {
    .ms-mdOffset6 {
        margin-left: 50%;
    }
}

@media (min-width: 480px) {
    .ms-mdOffset5 {
        margin-left: 41.66666666666667%;
    }
}

@media (min-width: 480px) {
    .ms-mdOffset4 {
        margin-left: 33.33333333333333%;
    }
}

@media (min-width: 480px) {
    .ms-mdOffset3 {
        margin-left: 25%;
    }
}

@media (min-width: 480px) {
    .ms-mdOffset2 {
        margin-left: 16.666666666666664%;
    }
}

@media (min-width: 480px) {
    .ms-mdOffset1 {
        margin-left: 8.333333333333332%;
    }
}

@media (min-width: 480px) {
    .ms-mdOffset0 {
        margin-left: 0;
    }
}

@media (min-width: 640px) {
    .ms-lg12 {
        width: 100%;
    }
}

@media (min-width: 640px) {
    .ms-lg11 {
        width: 91.66666666666666%;
    }
}

@media (min-width: 640px) {
    .ms-lg10 {
        width: 83.33333333333334%;
    }
}

@media (min-width: 640px) {
    .ms-lg9 {
        width: 75%;
    }
}

@media (min-width: 640px) {
    .ms-lg8 {
        width: 66.66666666666666%;
    }
}

@media (min-width: 640px) {
    .ms-lg7 {
        width: 58.333333333333336%;
    }
}

@media (min-width: 640px) {
    .ms-lg6 {
        width: 50%;
    }
}

@media (min-width: 640px) {
    .ms-lg5 {
        width: 41.66666666666667%;
    }
}

@media (min-width: 640px) {
    .ms-lg4 {
        width: 33.33333333333333%;
    }
}

@media (min-width: 640px) {
    .ms-lg3 {
        width: 25%;
    }
}

@media (min-width: 640px) {
    .ms-lg2 {
        width: 16.666666666666664%;
    }
}

@media (min-width: 640px) {
    .ms-lg1 {
        width: 8.333333333333332%;
    }
}

@media (min-width: 640px) {
    .ms-lgPull12 {
        right: 100%;
    }
}

@media (min-width: 640px) {
    .ms-lgPull11 {
        right: 91.66666666666666%;
    }
}

@media (min-width: 640px) {
    .ms-lgPull10 {
        right: 83.33333333333334%;
    }
}

@media (min-width: 640px) {
    .ms-lgPull9 {
        right: 75%;
    }
}

@media (min-width: 640px) {
    .ms-lgPull8 {
        right: 66.66666666666666%;
    }
}

@media (min-width: 640px) {
    .ms-lgPull7 {
        right: 58.333333333333336%;
    }
}

@media (min-width: 640px) {
    .ms-lgPull6 {
        right: 50%;
    }
}

@media (min-width: 640px) {
    .ms-lgPull5 {
        right: 41.66666666666667%;
    }
}

@media (min-width: 640px) {
    .ms-lgPull4 {
        right: 33.33333333333333%;
    }
}

@media (min-width: 640px) {
    .ms-lgPull3 {
        right: 25%;
    }
}

@media (min-width: 640px) {
    .ms-lgPull2 {
        right: 16.666666666666664%;
    }
}

@media (min-width: 640px) {
    .ms-lgPull1 {
        right: 8.333333333333332%;
    }
}

@media (min-width: 640px) {
    .ms-lgPull0 {
        right: auto;
    }
}

@media (min-width: 640px) {
    .ms-lgPush12 {
        left: 100%;
    }
}

@media (min-width: 640px) {
    .ms-lgPush11 {
        left: 91.66666666666666%;
    }
}

@media (min-width: 640px) {
    .ms-lgPush10 {
        left: 83.33333333333334%;
    }
}

@media (min-width: 640px) {
    .ms-lgPush9 {
        left: 75%;
    }
}

@media (min-width: 640px) {
    .ms-lgPush8 {
        left: 66.66666666666666%;
    }
}

@media (min-width: 640px) {
    .ms-lgPush7 {
        left: 58.333333333333336%;
    }
}

@media (min-width: 640px) {
    .ms-lgPush6 {
        left: 50%;
    }
}

@media (min-width: 640px) {
    .ms-lgPush5 {
        left: 41.66666666666667%;
    }
}

@media (min-width: 640px) {
    .ms-lgPush4 {
        left: 33.33333333333333%;
    }
}

@media (min-width: 640px) {
    .ms-lgPush3 {
        left: 25%;
    }
}

@media (min-width: 640px) {
    .ms-lgPush2 {
        left: 16.666666666666664%;
    }
}

@media (min-width: 640px) {
    .ms-lgPush1 {
        left: 8.333333333333332%;
    }
}

@media (min-width: 640px) {
    .ms-lgPush0 {
        left: auto;
    }
}

@media (min-width: 640px) {
    .ms-lgOffset11 {
        margin-left: 91.66666666666666%;
    }
}

@media (min-width: 640px) {
    .ms-lgOffset10 {
        margin-left: 83.33333333333334%;
    }
}

@media (min-width: 640px) {
    .ms-lgOffset9 {
        margin-left: 75%;
    }
}

@media (min-width: 640px) {
    .ms-lgOffset8 {
        margin-left: 66.66666666666666%;
    }
}

@media (min-width: 640px) {
    .ms-lgOffset7 {
        margin-left: 58.333333333333336%;
    }
}

@media (min-width: 640px) {
    .ms-lgOffset6 {
        margin-left: 50%;
    }
}

@media (min-width: 640px) {
    .ms-lgOffset5 {
        margin-left: 41.66666666666667%;
    }
}

@media (min-width: 640px) {
    .ms-lgOffset4 {
        margin-left: 33.33333333333333%;
    }
}

@media (min-width: 640px) {
    .ms-lgOffset3 {
        margin-left: 25%;
    }
}

@media (min-width: 640px) {
    .ms-lgOffset2 {
        margin-left: 16.666666666666664%;
    }
}

@media (min-width: 640px) {
    .ms-lgOffset1 {
        margin-left: 8.333333333333332%;
    }
}

@media (min-width: 640px) {
    .ms-lgOffset0 {
        margin-left: 0;
    }
}

@media (min-width: 1024px) {
    .ms-xl12 {
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .ms-xl11 {
        width: 91.66666666666666%;
    }
}

@media (min-width: 1024px) {
    .ms-xl10 {
        width: 83.33333333333334%;
    }
}

@media (min-width: 1024px) {
    .ms-xl9 {
        width: 75%;
    }
}

@media (min-width: 1024px) {
    .ms-xl8 {
        width: 66.66666666666666%;
    }
}

@media (min-width: 1024px) {
    .ms-xl7 {
        width: 58.333333333333336%;
    }
}

@media (min-width: 1024px) {
    .ms-xl6 {
        width: 50%;
    }
}

@media (min-width: 1024px) {
    .ms-xl5 {
        width: 41.66666666666667%;
    }
}

@media (min-width: 1024px) {
    .ms-xl4 {
        width: 33.33333333333333%;
    }
}

@media (min-width: 1024px) {
    .ms-xl3 {
        width: 25%;
    }
}

@media (min-width: 1024px) {
    .ms-xl2 {
        width: 16.666666666666664%;
    }
}

@media (min-width: 1024px) {
    .ms-xl1 {
        width: 8.333333333333332%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPull12 {
        right: 100%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPull11 {
        right: 91.66666666666666%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPull10 {
        right: 83.33333333333334%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPull9 {
        right: 75%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPull8 {
        right: 66.66666666666666%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPull7 {
        right: 58.333333333333336%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPull6 {
        right: 50%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPull5 {
        right: 41.66666666666667%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPull4 {
        right: 33.33333333333333%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPull3 {
        right: 25%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPull2 {
        right: 16.666666666666664%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPull1 {
        right: 8.333333333333332%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPull0 {
        right: auto;
    }
}

@media (min-width: 1024px) {
    .ms-xlPush12 {
        left: 100%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPush11 {
        left: 91.66666666666666%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPush10 {
        left: 83.33333333333334%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPush9 {
        left: 75%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPush8 {
        left: 66.66666666666666%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPush7 {
        left: 58.333333333333336%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPush6 {
        left: 50%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPush5 {
        left: 41.66666666666667%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPush4 {
        left: 33.33333333333333%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPush3 {
        left: 25%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPush2 {
        left: 16.666666666666664%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPush1 {
        left: 8.333333333333332%;
    }
}

@media (min-width: 1024px) {
    .ms-xlPush0 {
        left: auto;
    }
}

@media (min-width: 1024px) {
    .ms-xlOffset11 {
        margin-left: 91.66666666666666%;
    }
}

@media (min-width: 1024px) {
    .ms-xlOffset10 {
        margin-left: 83.33333333333334%;
    }
}

@media (min-width: 1024px) {
    .ms-xlOffset9 {
        margin-left: 75%;
    }
}

@media (min-width: 1024px) {
    .ms-xlOffset8 {
        margin-left: 66.66666666666666%;
    }
}

@media (min-width: 1024px) {
    .ms-xlOffset7 {
        margin-left: 58.333333333333336%;
    }
}

@media (min-width: 1024px) {
    .ms-xlOffset6 {
        margin-left: 50%;
    }
}

@media (min-width: 1024px) {
    .ms-xlOffset5 {
        margin-left: 41.66666666666667%;
    }
}

@media (min-width: 1024px) {
    .ms-xlOffset4 {
        margin-left: 33.33333333333333%;
    }
}

@media (min-width: 1024px) {
    .ms-xlOffset3 {
        margin-left: 25%;
    }
}

@media (min-width: 1024px) {
    .ms-xlOffset2 {
        margin-left: 16.666666666666664%;
    }
}

@media (min-width: 1024px) {
    .ms-xlOffset1 {
        margin-left: 8.333333333333332%;
    }
}

@media (min-width: 1024px) {
    .ms-xlOffset0 {
        margin-left: 0;
    }
}

@media (min-width: 1366px) {
    .ms-xxl12 {
        width: 100%;
    }
}

@media (min-width: 1366px) {
    .ms-xxl11 {
        width: 91.66666666666666%;
    }
}

@media (min-width: 1366px) {
    .ms-xxl10 {
        width: 83.33333333333334%;
    }
}

@media (min-width: 1366px) {
    .ms-xxl9 {
        width: 75%;
    }
}

@media (min-width: 1366px) {
    .ms-xxl8 {
        width: 66.66666666666666%;
    }
}

@media (min-width: 1366px) {
    .ms-xxl7 {
        width: 58.333333333333336%;
    }
}

@media (min-width: 1366px) {
    .ms-xxl6 {
        width: 50%;
    }
}

@media (min-width: 1366px) {
    .ms-xxl5 {
        width: 41.66666666666667%;
    }
}

@media (min-width: 1366px) {
    .ms-xxl4 {
        width: 33.33333333333333%;
    }
}

@media (min-width: 1366px) {
    .ms-xxl3 {
        width: 25%;
    }
}

@media (min-width: 1366px) {
    .ms-xxl2 {
        width: 16.666666666666664%;
    }
}

@media (min-width: 1366px) {
    .ms-xxl1 {
        width: 8.333333333333332%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPull12 {
        right: 100%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPull11 {
        right: 91.66666666666666%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPull10 {
        right: 83.33333333333334%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPull9 {
        right: 75%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPull8 {
        right: 66.66666666666666%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPull7 {
        right: 58.333333333333336%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPull6 {
        right: 50%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPull5 {
        right: 41.66666666666667%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPull4 {
        right: 33.33333333333333%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPull3 {
        right: 25%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPull2 {
        right: 16.666666666666664%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPull1 {
        right: 8.333333333333332%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPull0 {
        right: auto;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPush12 {
        left: 100%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPush11 {
        left: 91.66666666666666%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPush10 {
        left: 83.33333333333334%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPush9 {
        left: 75%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPush8 {
        left: 66.66666666666666%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPush7 {
        left: 58.333333333333336%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPush6 {
        left: 50%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPush5 {
        left: 41.66666666666667%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPush4 {
        left: 33.33333333333333%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPush3 {
        left: 25%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPush2 {
        left: 16.666666666666664%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPush1 {
        left: 8.333333333333332%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlPush0 {
        left: auto;
    }
}

@media (min-width: 1366px) {
    .ms-xxlOffset11 {
        margin-left: 91.66666666666666%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlOffset10 {
        margin-left: 83.33333333333334%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlOffset9 {
        margin-left: 75%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlOffset8 {
        margin-left: 66.66666666666666%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlOffset7 {
        margin-left: 58.333333333333336%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlOffset6 {
        margin-left: 50%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlOffset5 {
        margin-left: 41.66666666666667%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlOffset4 {
        margin-left: 33.33333333333333%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlOffset3 {
        margin-left: 25%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlOffset2 {
        margin-left: 16.666666666666664%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlOffset1 {
        margin-left: 8.333333333333332%;
    }
}

@media (min-width: 1366px) {
    .ms-xxlOffset0 {
        margin-left: 0;
    }
}

@media (min-width: 1920px) {
    .ms-xxxl12 {
        width: 100%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxl11 {
        width: 91.66666666666666%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxl10 {
        width: 83.33333333333334%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxl9 {
        width: 75%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxl8 {
        width: 66.66666666666666%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxl7 {
        width: 58.333333333333336%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxl6 {
        width: 50%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxl5 {
        width: 41.66666666666667%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxl4 {
        width: 33.33333333333333%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxl3 {
        width: 25%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxl2 {
        width: 16.666666666666664%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxl1 {
        width: 8.333333333333332%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPull12 {
        right: 100%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPull11 {
        right: 91.66666666666666%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPull10 {
        right: 83.33333333333334%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPull9 {
        right: 75%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPull8 {
        right: 66.66666666666666%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPull7 {
        right: 58.333333333333336%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPull6 {
        right: 50%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPull5 {
        right: 41.66666666666667%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPull4 {
        right: 33.33333333333333%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPull3 {
        right: 25%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPull2 {
        right: 16.666666666666664%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPull1 {
        right: 8.333333333333332%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPull0 {
        right: auto;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPush12 {
        left: 100%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPush11 {
        left: 91.66666666666666%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPush10 {
        left: 83.33333333333334%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPush9 {
        left: 75%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPush8 {
        left: 66.66666666666666%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPush7 {
        left: 58.333333333333336%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPush6 {
        left: 50%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPush5 {
        left: 41.66666666666667%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPush4 {
        left: 33.33333333333333%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPush3 {
        left: 25%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPush2 {
        left: 16.666666666666664%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPush1 {
        left: 8.333333333333332%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlPush0 {
        left: auto;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlOffset11 {
        margin-left: 91.66666666666666%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlOffset10 {
        margin-left: 83.33333333333334%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlOffset9 {
        margin-left: 75%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlOffset8 {
        margin-left: 66.66666666666666%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlOffset7 {
        margin-left: 58.333333333333336%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlOffset6 {
        margin-left: 50%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlOffset5 {
        margin-left: 41.66666666666667%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlOffset4 {
        margin-left: 33.33333333333333%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlOffset3 {
        margin-left: 25%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlOffset2 {
        margin-left: 16.666666666666664%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlOffset1 {
        margin-left: 8.333333333333332%;
    }
}

@media (min-width: 1920px) {
    .ms-xxxlOffset0 {
        margin-left: 0;
    }
}

.ms-borderBox,
.ms-borderBox::before,
.ms-borderBox::after {
    box-sizing: border-box;
}

.ms-borderBase {
    border: 1px solid;
}

.ms-clearfix {
    *zoom: 1;
}

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

    .ms-clearfix::after {
        clear: both;
    }

.ms-normalize {
    box-sizing: border-box;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.ms-textAlignLeft {
    text-align: left;
}

.ms-textAlignCenter {
    text-align: center;
}

.ms-textAlignRight {
    text-align: right;
}

.ms-screenReaderOnly {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.ms-textTruncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.ms-noWrap {
    white-space: nowrap;
}

.ms-Fabric {
    -moz-osx-font-smoothing: grayscale;
    -ms-high-contrast-adjust: none;
    -webkit-font-smoothing: antialiased;
    color: #333333;
    font-family: 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    font-size: 14px;
}

    .ms-Fabric button,
    .ms-Fabric input {
        font-family: inherit;
    }

    *[lang^='ar'] .ms-Fabric,
    .ms-Fabric *[lang^='ar'],
    .ms-Fabric[lang^='ar'] {
        font-family: 'Segoe UI Web (Arabic)', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

    *[lang^='bg'] .ms-Fabric,
    .ms-Fabric *[lang^='bg'],
    .ms-Fabric[lang^='bg'] {
        font-family: 'Segoe UI Web (Cyrillic)', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

    *[lang^='cs'] .ms-Fabric,
    .ms-Fabric *[lang^='cs'],
    .ms-Fabric[lang^='cs'] {
        font-family: 'Segoe UI Web (East European)', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

    *[lang^='el'] .ms-Fabric,
    .ms-Fabric *[lang^='el'],
    .ms-Fabric[lang^='el'] {
        font-family: 'Segoe UI Web (Greek)', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

    *[lang^='et'] .ms-Fabric,
    .ms-Fabric *[lang^='et'],
    .ms-Fabric[lang^='et'] {
        font-family: 'Segoe UI Web (East European)', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

    *[lang^='he'] .ms-Fabric,
    .ms-Fabric *[lang^='he'],
    .ms-Fabric[lang^='he'] {
        font-family: 'Segoe UI Web (Hebrew)', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

    *[lang^='hi'] .ms-Fabric,
    .ms-Fabric *[lang^='hi'],
    .ms-Fabric[lang^='hi'] {
        font-family: 'Nirmala UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

    *[lang^='hr'] .ms-Fabric,
    .ms-Fabric *[lang^='hr'],
    .ms-Fabric[lang^='hr'] {
        font-family: 'Segoe UI Web (East European)', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

    *[lang^='hu'] .ms-Fabric,
    .ms-Fabric *[lang^='hu'],
    .ms-Fabric[lang^='hu'] {
        font-family: 'Segoe UI Web (East European)', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

    *[lang^='ja'] .ms-Fabric,
    .ms-Fabric *[lang^='ja'],
    .ms-Fabric[lang^='ja'] {
        font-family: 'Yu Gothic', 'Meiryo UI', Meiryo, 'MS Pgothic', Osaka, -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

    *[lang^='kk'] .ms-Fabric,
    .ms-Fabric *[lang^='kk'],
    .ms-Fabric[lang^='kk'] {
        font-family: 'Segoe UI Web (East European)', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

    *[lang^='ko'] .ms-Fabric,
    .ms-Fabric *[lang^='ko'],
    .ms-Fabric[lang^='ko'] {
        font-family: 'Malgun Gothic', Gulim, -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

    *[lang^='lt'] .ms-Fabric,
    .ms-Fabric *[lang^='lt'],
    .ms-Fabric[lang^='lt'] {
        font-family: 'Segoe UI Web (East European)', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

    *[lang^='lv'] .ms-Fabric,
    .ms-Fabric *[lang^='lv'],
    .ms-Fabric[lang^='lv'] {
        font-family: 'Segoe UI Web (East European)', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

    *[lang^='pl'] .ms-Fabric,
    .ms-Fabric *[lang^='pl'],
    .ms-Fabric[lang^='pl'] {
        font-family: 'Segoe UI Web (East European)', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

    *[lang^='ru'] .ms-Fabric,
    .ms-Fabric *[lang^='ru'],
    .ms-Fabric[lang^='ru'] {
        font-family: 'Segoe UI Web (Cyrillic)', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

    *[lang^='sk'] .ms-Fabric,
    .ms-Fabric *[lang^='sk'],
    .ms-Fabric[lang^='sk'] {
        font-family: 'Segoe UI Web (East European)', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

    *[lang^='sr-latn'] .ms-Fabric,
    .ms-Fabric *[lang^='sr-latn'],
    .ms-Fabric[lang^='sr-latn'] {
        font-family: 'Segoe UI Web (East European)', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

    *[lang^='th'] .ms-Fabric,
    .ms-Fabric *[lang^='th'],
    .ms-Fabric[lang^='th'] {
        font-family: 'Leelawadee UI Web', 'Kmer UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

    *[lang^='tr'] .ms-Fabric,
    .ms-Fabric *[lang^='tr'],
    .ms-Fabric[lang^='tr'] {
        font-family: 'Segoe UI Web (East European)', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

    *[lang^='uk'] .ms-Fabric,
    .ms-Fabric *[lang^='uk'],
    .ms-Fabric[lang^='uk'] {
        font-family: 'Segoe UI Web (Cyrillic)', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

    *[lang^='vi'] .ms-Fabric,
    .ms-Fabric *[lang^='vi'],
    .ms-Fabric[lang^='vi'] {
        font-family: 'Segoe UI Web (Vietnamese)', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

    *[lang^='zh-hans'] .ms-Fabric,
    .ms-Fabric *[lang^='zh-hans'],
    .ms-Fabric[lang^='zh-hans'] {
        font-family: 'Microsoft Yahei', Verdana, Simsun, -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

    *[lang^='zh-hant'] .ms-Fabric,
    .ms-Fabric *[lang^='zh-hant'],
    .ms-Fabric[lang^='zh-hant'] {
        font-family: 'Microsoft Jhenghei', Pmingliu, -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    }

.ms-Fabric--selawik {
    font-family: 'Selawik Web', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
}