office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
2,518 lines (2,020 loc) • 113 kB
CSS
/* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. */
/**
* Office UI Fabric Core 4.1.0
* The front-end framework for building experiences for Office 365.
**/
.ms-u-borderBox,
.ms-u-borderBox::before,
.ms-u-borderBox::after {
box-sizing: border-box;
}
.ms-u-borderBase {
border: 1px solid;
}
.ms-u-clearfix {
*zoom: 1;
}
.ms-u-clearfix::before,
.ms-u-clearfix::after {
display: table;
content: '';
line-height: 0;
}
.ms-u-clearfix::after {
clear: both;
}
.ms-u-normalize {
box-sizing: border-box;
margin: 0;
padding: 0;
box-shadow: none;
}
.ms-u-textAlignLeft {
text-align: right;
}
.ms-u-textAlignCenter {
text-align: center;
}
.ms-u-textAlignRight {
text-align: left;
}
.ms-u-screenReaderOnly {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.ms-u-textTruncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
}
.ms-u-noWrap {
white-space: nowrap;
}
.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: #b3d6f2;
}
.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: #b3d6f2;
}
.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;
}
/*
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: 'Segoe UI WestEuropean';
src: local('Segoe UI Light'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Light.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Light.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Light.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Segoe UI WestEuropean';
src: local('Segoe UI'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Regular.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Regular.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Segoe UI WestEuropean';
src: local('Segoe UI Semibold'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Semibold.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Semibold.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Semibold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Segoe UI WestEuropean';
src: local('Segoe UI Semilight'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Semilight.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Semilight.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Semilight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
}
.ms-font-su {
font-family: 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 42px;
font-weight: 100;
}
.ms-font-xxl {
font-family: 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 28px;
font-weight: 100;
}
.ms-font-xl {
font-family: 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 21px;
font-weight: 100;
}
.ms-font-l {
font-family: 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 17px;
font-weight: 300;
}
.ms-font-m-plus {
font-family: 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 15px;
font-weight: 400;
}
.ms-font-m {
font-family: 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 14px;
font-weight: 400;
}
.ms-font-s-plus {
font-family: 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 13px;
font-weight: 400;
}
.ms-font-s {
font-family: 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 12px;
font-weight: 400;
}
.ms-font-xs {
font-family: 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 11px;
font-weight: 400;
}
.ms-font-mi {
font-family: 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-webkit-font-smoothing: antialiased;
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-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: #b3d6f2;
}
.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;
}
*[lang='jpn'] .ms-font-mi,
*[lang='jpn'] .ms-font-xs,
*[lang='jpn'] .ms-font-s,
*[lang='jpn'] .ms-font-s-plus,
*[lang='jpn'] .ms-font-m,
*[lang='jpn'] .ms-font-m-plus,
*[lang='jpn'] .ms-font-l,
*[lang='jpn'] .ms-font-xl,
*[lang='jpn'] .ms-font-xxl,
*[lang='jpn'] .ms-font-su,
*[lang='jpn'] .ms-fontWeight-light,
*[lang='jpn'] .ms-fontWeight-light-hover:hover,
*[lang='jpn'] .ms-fontWeight-semilight,
*[lang='jpn'] .ms-fontWeight-semilight-hover:hover,
*[lang='jpn'] .ms-fontWeight-regular,
*[lang='jpn'] .ms-fontWeight-regular-hover:hover,
*[lang='jpn'] .ms-fontWeight-semibold,
*[lang='jpn'] .ms-fontWeight-semibold-hover:hover {
font-family: 'Yu Gothic', 'Meiryo UI', Meiryo, 'MS Pgothic', Osaka, 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
}
*[lang='kor'] .ms-font-mi,
*[lang='kor'] .ms-font-xs,
*[lang='kor'] .ms-font-s,
*[lang='kor'] .ms-font-s-plus,
*[lang='kor'] .ms-font-m,
*[lang='kor'] .ms-font-m-plus,
*[lang='kor'] .ms-font-l,
*[lang='kor'] .ms-font-xl,
*[lang='kor'] .ms-font-xxl,
*[lang='kor'] .ms-font-su,
*[lang='kor'] .ms-fontWeight-light,
*[lang='kor'] .ms-fontWeight-light-hover:hover,
*[lang='kor'] .ms-fontWeight-semilight,
*[lang='kor'] .ms-fontWeight-semilight-hover:hover,
*[lang='kor'] .ms-fontWeight-regular,
*[lang='kor'] .ms-fontWeight-regular-hover:hover,
*[lang='kor'] .ms-fontWeight-semibold,
*[lang='kor'] .ms-fontWeight-semibold-hover:hover {
font-family: 'Malgun Gothic', Gulim, 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
}
*[lang='cmn'] .ms-font-mi,
*[lang='cmn'] .ms-font-xs,
*[lang='cmn'] .ms-font-s,
*[lang='cmn'] .ms-font-s-plus,
*[lang='cmn'] .ms-font-m,
*[lang='cmn'] .ms-font-m-plus,
*[lang='cmn'] .ms-font-l,
*[lang='cmn'] .ms-font-xl,
*[lang='cmn'] .ms-font-xxl,
*[lang='cmn'] .ms-font-su,
*[lang='cmn'] .ms-fontWeight-light,
*[lang='cmn'] .ms-fontWeight-light-hover:hover,
*[lang='cmn'] .ms-fontWeight-semilight,
*[lang='cmn'] .ms-fontWeight-semilight-hover:hover,
*[lang='cmn'] .ms-fontWeight-regular,
*[lang='cmn'] .ms-fontWeight-regular-hover:hover,
*[lang='cmn'] .ms-fontWeight-semibold,
*[lang='cmn'] .ms-fontWeight-semibold-hover:hover {
font-family: 'Microsoft Yahei', Verdana, Simsun, 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
}
*[lang='yue'] .ms-font-mi,
*[lang='yue'] .ms-font-xs,
*[lang='yue'] .ms-font-s,
*[lang='yue'] .ms-font-s-plus,
*[lang='yue'] .ms-font-m,
*[lang='yue'] .ms-font-m-plus,
*[lang='yue'] .ms-font-l,
*[lang='yue'] .ms-font-xl,
*[lang='yue'] .ms-font-xxl,
*[lang='yue'] .ms-font-su,
*[lang='yue'] .ms-fontWeight-light,
*[lang='yue'] .ms-fontWeight-light-hover:hover,
*[lang='yue'] .ms-fontWeight-semilight,
*[lang='yue'] .ms-fontWeight-semilight-hover:hover,
*[lang='yue'] .ms-fontWeight-regular,
*[lang='yue'] .ms-fontWeight-regular-hover:hover,
*[lang='yue'] .ms-fontWeight-semibold,
*[lang='yue'] .ms-fontWeight-semibold-hover:hover {
font-family: 'Microsoft Jhenghei', Pmingliu, 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
}
*[lang='hin'] .ms-font-mi,
*[lang='hin'] .ms-font-xs,
*[lang='hin'] .ms-font-s,
*[lang='hin'] .ms-font-s-plus,
*[lang='hin'] .ms-font-m,
*[lang='hin'] .ms-font-m-plus,
*[lang='hin'] .ms-font-l,
*[lang='hin'] .ms-font-xl,
*[lang='hin'] .ms-font-xxl,
*[lang='hin'] .ms-font-su,
*[lang='hin'] .ms-fontWeight-light,
*[lang='hin'] .ms-fontWeight-light-hover:hover,
*[lang='hin'] .ms-fontWeight-semilight,
*[lang='hin'] .ms-fontWeight-semilight-hover:hover,
*[lang='hin'] .ms-fontWeight-regular,
*[lang='hin'] .ms-fontWeight-regular-hover:hover,
*[lang='hin'] .ms-fontWeight-semibold,
*[lang='hin'] .ms-fontWeight-semibold-hover:hover {
font-family: 'Nirmala UI', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
}
*[lang='tha'] .ms-font-mi,
*[lang='tha'] .ms-font-xs,
*[lang='tha'] .ms-font-s,
*[lang='tha'] .ms-font-s-plus,
*[lang='tha'] .ms-font-m,
*[lang='tha'] .ms-font-m-plus,
*[lang='tha'] .ms-font-l,
*[lang='tha'] .ms-font-xl,
*[lang='tha'] .ms-font-xxl,
*[lang='tha'] .ms-font-su,
*[lang='tha'] .ms-fontWeight-light,
*[lang='tha'] .ms-fontWeight-light-hover:hover,
*[lang='tha'] .ms-fontWeight-semilight,
*[lang='tha'] .ms-fontWeight-semilight-hover:hover,
*[lang='tha'] .ms-fontWeight-regular,
*[lang='tha'] .ms-fontWeight-regular-hover:hover,
*[lang='tha'] .ms-fontWeight-semibold,
*[lang='tha'] .ms-fontWeight-semibold-hover:hover {
font-family: 'Leelawadee UI', 'Kmer UI', 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
}
*[lang='ara'] .ms-font-mi,
*[lang='ara'] .ms-font-xs,
*[lang='ara'] .ms-font-s,
*[lang='ara'] .ms-font-s-plus,
*[lang='ara'] .ms-font-m,
*[lang='ara'] .ms-font-m-plus,
*[lang='ara'] .ms-font-l,
*[lang='ara'] .ms-font-xl,
*[lang='ara'] .ms-font-xxl,
*[lang='ara'] .ms-font-su,
*[lang='ara'] .ms-fontWeight-light,
*[lang='ara'] .ms-fontWeight-light-hover:hover,
*[lang='ara'] .ms-fontWeight-semilight,
*[lang='ara'] .ms-fontWeight-semilight-hover:hover,
*[lang='ara'] .ms-fontWeight-regular,
*[lang='ara'] .ms-fontWeight-regular-hover:hover,
*[lang='ara'] .ms-fontWeight-semibold,
*[lang='ara'] .ms-fontWeight-semibold-hover:hover {
font-family: 'Segoe UI Arabic', 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
}
*[lang='ces'] .ms-font-mi,
*[lang='ces'] .ms-font-xs,
*[lang='ces'] .ms-font-s,
*[lang='ces'] .ms-font-s-plus,
*[lang='ces'] .ms-font-m,
*[lang='ces'] .ms-font-m-plus,
*[lang='ces'] .ms-font-l,
*[lang='ces'] .ms-font-xl,
*[lang='ces'] .ms-font-xxl,
*[lang='ces'] .ms-font-su,
*[lang='ces'] .ms-fontWeight-light,
*[lang='ces'] .ms-fontWeight-light-hover:hover,
*[lang='ces'] .ms-fontWeight-semilight,
*[lang='ces'] .ms-fontWeight-semilight-hover:hover,
*[lang='ces'] .ms-fontWeight-regular,
*[lang='ces'] .ms-fontWeight-regular-hover:hover,
*[lang='ces'] .ms-fontWeight-semibold,
*[lang='ces'] .ms-fontWeight-semibold-hover:hover {
font-family: 'Segoe UI EastEuropean', 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
}
*[lang='est'] .ms-font-mi,
*[lang='est'] .ms-font-xs,
*[lang='est'] .ms-font-s,
*[lang='est'] .ms-font-s-plus,
*[lang='est'] .ms-font-m,
*[lang='est'] .ms-font-m-plus,
*[lang='est'] .ms-font-l,
*[lang='est'] .ms-font-xl,
*[lang='est'] .ms-font-xxl,
*[lang='est'] .ms-font-su,
*[lang='est'] .ms-fontWeight-light,
*[lang='est'] .ms-fontWeight-light-hover:hover,
*[lang='est'] .ms-fontWeight-semilight,
*[lang='est'] .ms-fontWeight-semilight-hover:hover,
*[lang='est'] .ms-fontWeight-regular,
*[lang='est'] .ms-fontWeight-regular-hover:hover,
*[lang='est'] .ms-fontWeight-semibold,
*[lang='est'] .ms-fontWeight-semibold-hover:hover {
font-family: 'Segoe UI EastEuropean', 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
}
*[lang='hrv'] .ms-font-mi,
*[lang='hrv'] .ms-font-xs,
*[lang='hrv'] .ms-font-s,
*[lang='hrv'] .ms-font-s-plus,
*[lang='hrv'] .ms-font-m,
*[lang='hrv'] .ms-font-m-plus,
*[lang='hrv'] .ms-font-l,
*[lang='hrv'] .ms-font-xl,
*[lang='hrv'] .ms-font-xxl,
*[lang='hrv'] .ms-font-su,
*[lang='hrv'] .ms-fontWeight-light,
*[lang='hrv'] .ms-fontWeight-light-hover:hover,
*[lang='hrv'] .ms-fontWeight-semilight,
*[lang='hrv'] .ms-fontWeight-semilight-hover:hover,
*[lang='hrv'] .ms-fontWeight-regular,
*[lang='hrv'] .ms-fontWeight-regular-hover:hover,
*[lang='hrv'] .ms-fontWeight-semibold,
*[lang='hrv'] .ms-fontWeight-semibold-hover:hover {
font-family: 'Segoe UI EastEuropean', 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
}
*[lang='hun'] .ms-font-mi,
*[lang='hun'] .ms-font-xs,
*[lang='hun'] .ms-font-s,
*[lang='hun'] .ms-font-s-plus,
*[lang='hun'] .ms-font-m,
*[lang='hun'] .ms-font-m-plus,
*[lang='hun'] .ms-font-l,
*[lang='hun'] .ms-font-xl,
*[lang='hun'] .ms-font-xxl,
*[lang='hun'] .ms-font-su,
*[lang='hun'] .ms-fontWeight-light,
*[lang='hun'] .ms-fontWeight-light-hover:hover,
*[lang='hun'] .ms-fontWeight-semilight,
*[lang='hun'] .ms-fontWeight-semilight-hover:hover,
*[lang='hun'] .ms-fontWeight-regular,
*[lang='hun'] .ms-fontWeight-regular-hover:hover,
*[lang='hun'] .ms-fontWeight-semibold,
*[lang='hun'] .ms-fontWeight-semibold-hover:hover {
font-family: 'Segoe UI EastEuropean', 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
}
*[lang='kaz'] .ms-font-mi,
*[lang='kaz'] .ms-font-xs,
*[lang='kaz'] .ms-font-s,
*[lang='kaz'] .ms-font-s-plus,
*[lang='kaz'] .ms-font-m,
*[lang='kaz'] .ms-font-m-plus,
*[lang='kaz'] .ms-font-l,
*[lang='kaz'] .ms-font-xl,
*[lang='kaz'] .ms-font-xxl,
*[lang='kaz'] .ms-font-su,
*[lang='kaz'] .ms-fontWeight-light,
*[lang='kaz'] .ms-fontWeight-light-hover:hover,
*[lang='kaz'] .ms-fontWeight-semilight,
*[lang='kaz'] .ms-fontWeight-semilight-hover:hover,
*[lang='kaz'] .ms-fontWeight-regular,
*[lang='kaz'] .ms-fontWeight-regular-hover:hover,
*[lang='kaz'] .ms-fontWeight-semibold,
*[lang='kaz'] .ms-fontWeight-semibold-hover:hover {
font-family: 'Segoe UI EastEuropean', 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
}
*[lang='lav'] .ms-font-mi,
*[lang='lav'] .ms-font-xs,
*[lang='lav'] .ms-font-s,
*[lang='lav'] .ms-font-s-plus,
*[lang='lav'] .ms-font-m,
*[lang='lav'] .ms-font-m-plus,
*[lang='lav'] .ms-font-l,
*[lang='lav'] .ms-font-xl,
*[lang='lav'] .ms-font-xxl,
*[lang='lav'] .ms-font-su,
*[lang='lav'] .ms-fontWeight-light,
*[lang='lav'] .ms-fontWeight-light-hover:hover,
*[lang='lav'] .ms-fontWeight-semilight,
*[lang='lav'] .ms-fontWeight-semilight-hover:hover,
*[lang='lav'] .ms-fontWeight-regular,
*[lang='lav'] .ms-fontWeight-regular-hover:hover,
*[lang='lav'] .ms-fontWeight-semibold,
*[lang='lav'] .ms-fontWeight-semibold-hover:hover {
font-family: 'Segoe UI EastEuropean', 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
}
*[lang='lit'] .ms-font-mi,
*[lang='lit'] .ms-font-xs,
*[lang='lit'] .ms-font-s,
*[lang='lit'] .ms-font-s-plus,
*[lang='lit'] .ms-font-m,
*[lang='lit'] .ms-font-m-plus,
*[lang='lit'] .ms-font-l,
*[lang='lit'] .ms-font-xl,
*[lang='lit'] .ms-font-xxl,
*[lang='lit'] .ms-font-su,
*[lang='lit'] .ms-fontWeight-light,
*[lang='lit'] .ms-fontWeight-light-hover:hover,
*[lang='lit'] .ms-fontWeight-semilight,
*[lang='lit'] .ms-fontWeight-semilight-hover:hover,
*[lang='lit'] .ms-fontWeight-regular,
*[lang='lit'] .ms-fontWeight-regular-hover:hover,
*[lang='lit'] .ms-fontWeight-semibold,
*[lang='lit'] .ms-fontWeight-semibold-hover:hover {
font-family: 'Segoe UI EastEuropean', 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
}
*[lang='pol'] .ms-font-mi,
*[lang='pol'] .ms-font-xs,
*[lang='pol'] .ms-font-s,
*[lang='pol'] .ms-font-s-plus,
*[lang='pol'] .ms-font-m,
*[lang='pol'] .ms-font-m-plus,
*[lang='pol'] .ms-font-l,
*[lang='pol'] .ms-font-xl,
*[lang='pol'] .ms-font-xxl,
*[lang='pol'] .ms-font-su,
*[lang='pol'] .ms-fontWeight-light,
*[lang='pol'] .ms-fontWeight-light-hover:hover,
*[lang='pol'] .ms-fontWeight-semilight,
*[lang='pol'] .ms-fontWeight-semilight-hover:hover,
*[lang='pol'] .ms-fontWeight-regular,
*[lang='pol'] .ms-fontWeight-regular-hover:hover,
*[lang='pol'] .ms-fontWeight-semibold,
*[lang='pol'] .ms-fontWeight-semibold-hover:hover {
font-family: 'Segoe UI EastEuropean', 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
}
*[lang='slk'] .ms-font-mi,
*[lang='slk'] .ms-font-xs,
*[lang='slk'] .ms-font-s,
*[lang='slk'] .ms-font-s-plus,
*[lang='slk'] .ms-font-m,
*[lang='slk'] .ms-font-m-plus,
*[lang='slk'] .ms-font-l,
*[lang='slk'] .ms-font-xl,
*[lang='slk'] .ms-font-xxl,
*[lang='slk'] .ms-font-su,
*[lang='slk'] .ms-fontWeight-light,
*[lang='slk'] .ms-fontWeight-light-hover:hover,
*[lang='slk'] .ms-fontWeight-semilight,
*[lang='slk'] .ms-fontWeight-semilight-hover:hover,
*[lang='slk'] .ms-fontWeight-regular,
*[lang='slk'] .ms-fontWeight-regular-hover:hover,
*[lang='slk'] .ms-fontWeight-semibold,
*[lang='slk'] .ms-fontWeight-semibold-hover:hover {
font-family: 'Segoe UI EastEuropean', 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
}
*[lang='tur'] .ms-font-mi,
*[lang='tur'] .ms-font-xs,
*[lang='tur'] .ms-font-s,
*[lang='tur'] .ms-font-s-plus,
*[lang='tur'] .ms-font-m,
*[lang='tur'] .ms-font-m-plus,
*[lang='tur'] .ms-font-l,
*[lang='tur'] .ms-font-xl,
*[lang='tur'] .ms-font-xxl,
*[lang='tur'] .ms-font-su,
*[lang='tur'] .ms-fontWeight-light,
*[lang='tur'] .ms-fontWeight-light-hover:hover,
*[lang='tur'] .ms-fontWeight-semilight,
*[lang='tur'] .ms-fontWeight-semilight-hover:hover,
*[lang='tur'] .ms-fontWeight-regular,
*[lang='tur'] .ms-fontWeight-regular-hover:hover,
*[lang='tur'] .ms-fontWeight-semibold,
*[lang='tur'] .ms-fontWeight-semibold-hover:hover {
font-family: 'Segoe UI EastEuropean', 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
}
*[lang='rus'] .ms-font-mi,
*[lang='rus'] .ms-font-xs,
*[lang='rus'] .ms-font-s,
*[lang='rus'] .ms-font-s-plus,
*[lang='rus'] .ms-font-m,
*[lang='rus'] .ms-font-m-plus,
*[lang='rus'] .ms-font-l,
*[lang='rus'] .ms-font-xl,
*[lang='rus'] .ms-font-xxl,
*[lang='rus'] .ms-font-su,
*[lang='rus'] .ms-fontWeight-light,
*[lang='rus'] .ms-fontWeight-light-hover:hover,
*[lang='rus'] .ms-fontWeight-semilight,
*[lang='rus'] .ms-fontWeight-semilight-hover:hover,
*[lang='rus'] .ms-fontWeight-regular,
*[lang='rus'] .ms-fontWeight-regular-hover:hover,
*[lang='rus'] .ms-fontWeight-semibold,
*[lang='rus'] .ms-fontWeight-semibold-hover:hover {
font-family: 'Segoe UI Cyrillic', 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
}
*[lang='ell'] .ms-font-mi,
*[lang='ell'] .ms-font-xs,
*[lang='ell'] .ms-font-s,
*[lang='ell'] .ms-font-s-plus,
*[lang='ell'] .ms-font-m,
*[lang='ell'] .ms-font-m-plus,
*[lang='ell'] .ms-font-l,
*[lang='ell'] .ms-font-xl,
*[lang='ell'] .ms-font-xxl,
*[lang='ell'] .ms-font-su,
*[lang='ell'] .ms-fontWeight-light,
*[lang='ell'] .ms-fontWeight-light-hover:hover,
*[lang='ell'] .ms-fontWeight-semilight,
*[lang='ell'] .ms-fontWeight-semilight-hover:hover,
*[lang='ell'] .ms-fontWeight-regular,
*[lang='ell'] .ms-fontWeight-regular-hover:hover,
*[lang='ell'] .ms-fontWeight-semibold,
*[lang='ell'] .ms-fontWeight-semibold-hover:hover {
font-family: 'Segoe UI Greek', 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
}
*[lang='heb'] .ms-font-mi,
*[lang='heb'] .ms-font-xs,
*[lang='heb'] .ms-font-s,
*[lang='heb'] .ms-font-s-plus,
*[lang='heb'] .ms-font-m,
*[lang='heb'] .ms-font-m-plus,
*[lang='heb'] .ms-font-l,
*[lang='heb'] .ms-font-xl,
*[lang='heb'] .ms-font-xxl,
*[lang='heb'] .ms-font-su,
*[lang='heb'] .ms-fontWeight-light,
*[lang='heb'] .ms-fontWeight-light-hover:hover,
*[lang='heb'] .ms-fontWeight-semilight,
*[lang='heb'] .ms-fontWeight-semilight-hover:hover,
*[lang='heb'] .ms-fontWeight-regular,
*[lang='heb'] .ms-fontWeight-regular-hover:hover,
*[lang='heb'] .ms-fontWeight-semibold,
*[lang='heb'] .ms-fontWeight-semibold-hover:hover {
font-family: 'Segoe UI Hebrew', 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
}
*[lang='vie'] .ms-font-mi,
*[lang='vie'] .ms-font-xs,
*[lang='vie'] .ms-font-s,
*[lang='vie'] .ms-font-s-plus,
*[lang='vie'] .ms-font-m,
*[lang='vie'] .ms-font-m-plus,
*[lang='vie'] .ms-font-l,
*[lang='vie'] .ms-font-xl,
*[lang='vie'] .ms-font-xxl,
*[lang='vie'] .ms-font-su,
*[lang='vie'] .ms-fontWeight-light,
*[lang='vie'] .ms-fontWeight-light-hover:hover,
*[lang='vie'] .ms-fontWeight-semilight,
*[lang='vie'] .ms-fontWeight-semilight-hover:hover,
*[lang='vie'] .ms-fontWeight-regular,
*[lang='vie'] .ms-fontWeight-regular-hover:hover,
*[lang='vie'] .ms-fontWeight-semibold,
*[lang='vie'] .ms-fontWeight-semibold-hover:hover {
font-family: 'Segoe UI Vietnamese', 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
}
/*
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
*/
/*
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://appsforoffice.microsoft.com/fabric/fonts/icons/FabricMDL2Icons.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/icons/FabricMDL2Icons.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.ms-Icon {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: 'FabricMDL2Icons';
font-style: normal;
font-weight: normal;
speak: none;
}
.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--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--Remove::before {
content: '\E738';
}
.ms-Icon--Checkbox::before {
content: '\E739';
}
.ms-Icon--CheckboxComposite::before {
content: '\E73A';
}
.ms-Icon--CheckboxIndeterminate::before {
content: '\E73C';
}
.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--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--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--WindowsLogo::before {
content: '\E782';
}
.ms-Icon--Error::before {
content: '\E783';
}
.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--Album::before {
content: '\E7AB';
}
.ms-Icon--Rotate::before {
content: '\E7AD';
}
.ms-Icon--PanoIndicator::before {
content: '\E7B0';
}
.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--Tab::before {
content: '\E7E9';
}
.ms-Icon--Admin::before {
content: '\E7EF';
}
.ms-Icon--TVMonitor::before {
content: '\E7F4';
}
.ms-Icon--Speakers::before {
content: '\E7F5';
}
.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--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--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--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--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--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--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--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--Pinned::before {
content: '\E840';
}
.ms-Icon--PinnedFill::before {
content: '\E842';
}
.ms-Icon--Chart::before {
content: '\E999';
}
.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: '\EB46';
}
.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--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--CheckList::before {
content: '\E9D5';
}
.ms-Icon--Generate::before {
content: '\E9DA';
}
.ms-Icon--Equalizer::before {
content: '\E9E9';
}
.ms-Icon--BarChartHorizontal::before {
content: '\E9EB';
}
.ms-Icon--Freezing::before {
content: '\E9EF';
}
.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--RainShowersNight::before {
content: '\EA0F';
}
.ms-Icon--SnowShowerNight::before {
content: '\EA11';
}
.ms-Icon--HailNight::before {
content: '\EA13';
}
.ms-Icon--Info2::before {
content: '\EA1F';
}
.ms-Icon