UNPKG

office-ui-fabric-react

Version:

Reusable React components for building experiences for Office 365.

2,518 lines (2,020 loc) • 113 kB
/* 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