/**
 * Office UI Fabric 2.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-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-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: #2b88d8;
}

.ms-bgColor-themeTertiary,
.ms-bgColor-themeTertiary--hover:hover {
  background-color: #71afe5;
}

.ms-bgColor-themeLight,
.ms-bgColor-themeLight--hover:hover {
  background-color: #c7e0f4;
}

.ms-bgColor-themeLighter,
.ms-bgColor-themeLighter--hover:hover {
  background-color: #deecf9;
}

.ms-bgColor-themeLighterAlt,
.ms-bgColor-themeLighterAlt--hover:hover {
  background-color: #eff6fc;
}

.ms-bgColor-black,
.ms-bgColor-black--hover:hover {
  background-color: #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-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: #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-error {
  background-color: #fde7e9;
}

.ms-bgColor-alert {
  background-color: #f4f4f4;
}

.ms-bgColor-info {
  background-color: #f4f4f4;
}

.ms-bgColor-success {
  background-color: #dff6dd;
}

.ms-bgColor-orangeLighter,
.ms-bgColor-orangeLighter--hover:hover {
  background-color: #ea4300;
}

.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: #2b88d8;
}

.ms-borderColor-themeTertiary,
.ms-borderColor-themeTertiary--hover:hover {
  border-color: #71afe5;
}

.ms-borderColor-themeLight,
.ms-borderColor-themeLight--hover:hover {
  border-color: #c7e0f4;
}

.ms-borderColor-themeLighter,
.ms-borderColor-themeLighter--hover:hover {
  border-color: #deecf9;
}

.ms-borderColor-themeLighterAlt,
.ms-borderColor-themeLighterAlt--hover:hover {
  border-color: #eff6fc;
}

.ms-borderColor-black,
.ms-borderColor-black--hover:hover {
  border-color: #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-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: #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-borderColor-error {
  border-color: #a80000;
}

.ms-borderColor-success {
  border-color: #107c10;
}

.ms-borderColor-info {
  border-color: #107c10;
}

.ms-borderColor-alert {
  border-color: #d83b01;
}

.ms-borderColor-orangeLighter,
.ms-borderColor-orangeLighter--hover:hover {
  border-color: #ea4300;
}

.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: 'Leelawadee UI Bold';
  src: url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Bold.eot?#iefix') format('embedded-opentype'), url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Bold.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Bold.ttf') format('truetype'), url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Bold#LeelawadeeUI-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Leelawadee UI';
  src: url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Regular.eot?#iefix') format('embedded-opentype'), url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Regular.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Regular.ttf') format('truetype'), url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Regular#LeelawadeeUI-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Leelawadee UI Semilight';
  src: url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.eot?#iefix') format('embedded-opentype'), url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.ttf') format('truetype'), url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Semilight#LeelawadeeUI-Semilight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Light Arabic';
  src: local('Segoe UI Light'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Light.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Light.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Regular Arabic';
  src: local('Segoe UI'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Regular.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Regular.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semibold Arabic';
  src: local('Segoe UI Semibold'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Semibold.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Semibold.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Semibold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semilight Arabic';
  src: local('Segoe UI Semilight'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Semilight.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Semilight.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Semilight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Light Cyrillic';
  src: local('Segoe UI Light'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Light.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Light.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Regular Cyrillic';
  src: local('Segoe UI'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Regular.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Regular.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semibold Cyrillic';
  src: local('Segoe UI Semibold'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Semibold.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Semibold.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Semibold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semilight Cyrillic';
  src: local('Segoe UI Semilight'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Semilight.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Semilight.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Semilight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Light EastEuropean';
  src: local('Segoe UI Light'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Light.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Light.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Regular EastEuropean';
  src: local('Segoe UI'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Regular.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Regular.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semibold EastEuropean';
  src: local('Segoe UI Semibold'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Semibold.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Semibold.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Semibold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semilight EastEuropean';
  src: local('Segoe UI Semilight'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Semilight.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Semilight.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Semilight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Light Greek';
  src: local('Segoe UI Light'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Light.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Light.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Regular Greek';
  src: local('Segoe UI'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Regular.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Regular.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semibold Greek';
  src: local('Segoe UI Semibold'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Semibold.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Semibold.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Semibold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semilight Greek';
  src: local('Segoe UI Semilight'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Semilight.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Semilight.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Semilight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Light Hebrew';
  src: local('Segoe UI Light'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Light.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Light.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Regular Hebrew';
  src: local('Segoe UI'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Regular.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Regular.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semibold Hebrew';
  src: local('Segoe UI Semibold'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Semibold.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Semibold.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Semibold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semilight Hebrew';
  src: local('Segoe UI Semilight'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Semilight.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Semilight.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Semilight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Light Vietnamese';
  src: local('Segoe UI Light'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Light.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Light.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Regular Vietnamese';
  src: local('Segoe UI'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Regular.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Regular.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semibold Vietnamese';
  src: local('Segoe UI Semibold'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Semibold.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Semibold.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Semibold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semilight Vietnamese';
  src: local('Segoe UI Semilight'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Semilight.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Semilight.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Semilight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Light 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: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Regular 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: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semibold 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: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semilight 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: normal;
  font-style: normal;
}

.ms-font-su {
  color: #333333;
  font-family: 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 42px;
  font-weight: normal;
}

.ms-font-xxl {
  color: #333333;
  font-family: 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 28px;
  font-weight: normal;
}

.ms-font-xl {
  color: #333333;
  font-family: 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 21px;
  font-weight: normal;
}

.ms-font-l {
  color: #333333;
  font-family: 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 17px;
  font-weight: normal;
}

.ms-font-m-plus {
  color: #333333;
  font-family: 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
}

.ms-font-m {
  color: #333333;
  font-family: 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
}

.ms-font-s-plus {
  color: #333333;
  font-family: 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
}

.ms-font-s {
  color: #333333;
  font-family: 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
}

.ms-font-xs {
  color: #333333;
  font-family: 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

.ms-font-mi {
  color: #333333;
  font-family: 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
}

.ms-fontWeight-light,
.ms-fontWeight-light--hover:hover {
  font-family: 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

.ms-fontWeight-semilight,
.ms-fontWeight-semilight--hover:hover {
  font-family: 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

.ms-fontWeight-regular,
.ms-fontWeight-regular--hover:hover {
  font-family: 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

.ms-fontWeight-semibold,
.ms-fontWeight-semibold--hover:hover {
  font-family: 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

.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: #2b88d8;
}

.ms-fontColor-themeTertiary,
.ms-fontColor-themeTertiary--hover:hover {
  color: #71afe5;
}

.ms-fontColor-themeLight,
.ms-fontColor-themeLight--hover:hover {
  color: #c7e0f4;
}

.ms-fontColor-themeLighter,
.ms-fontColor-themeLighter--hover:hover {
  color: #deecf9;
}

.ms-fontColor-themeLighterAlt,
.ms-fontColor-themeLighterAlt--hover:hover {
  color: #eff6fc;
}

.ms-fontColor-black,
.ms-fontColor-black--hover:hover {
  color: #000000;
}

.ms-fontColor-neutralDark,
.ms-fontColor-neutralDark--hover:hover {
  color: #212121;
}

.ms-fontColor-neutralPrimary,
.ms-fontColor-neutralPrimary--hover:hover {
  color: #333333;
}

.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-orangeLighter,
.ms-fontColor-orangeLighter-hover:hover,
.ms-fontColor-orangeLighter,
.ms-fontColor-orangeLighter--hover:hover {
  color: #ea4300;
}

.ms-fontColor-orangeLight,
.ms-fontColor-orangeLight--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-error,
.ms-fontColor-error--hover:hover {
  color: #a80000;
}

.ms-fontColor-alert,
.ms-fontColor-alert--hover:hover {
  color: #d83b01;
}

.ms-fontColor-info,
.ms-fontColor-info--hover:hover {
  color: #107c10;
}

.ms-fontColor-success,
.ms-fontColor-success--hover:hover {
  color: #107c10;
}

*[lang='ja-JP'] .ms-font-mi,
*[lang='ja-JP'] .ms-font-xs,
*[lang='ja-JP'] .ms-font-s,
*[lang='ja-JP'] .ms-font-s-plus,
*[lang='ja-JP'] .ms-font-m,
*[lang='ja-JP'] .ms-font-m-plus,
*[lang='ja-JP'] .ms-font-l,
*[lang='ja-JP'] .ms-font-xl,
*[lang='ja-JP'] .ms-font-xxl,
*[lang='ja-JP'] .ms-font-su,
*[lang='ja-JP'] .ms-fontWeight-light,
*[lang='ja-JP'] .ms-fontWeight-light-hover:hover,
*[lang='ja-JP'] .ms-fontWeight-semilight,
*[lang='ja-JP'] .ms-fontWeight-semilight-hover:hover,
*[lang='ja-JP'] .ms-fontWeight-regular,
*[lang='ja-JP'] .ms-fontWeight-regular-hover:hover,
*[lang='ja-JP'] .ms-fontWeight-semibold,
*[lang='ja-JP'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Yu Gothic', 'Meiryo UI', Meiryo, 'MS Pgothic', Osaka, 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='ko-KR'] .ms-font-mi,
*[lang='ko-KR'] .ms-font-xs,
*[lang='ko-KR'] .ms-font-s,
*[lang='ko-KR'] .ms-font-s-plus,
*[lang='ko-KR'] .ms-font-m,
*[lang='ko-KR'] .ms-font-m-plus,
*[lang='ko-KR'] .ms-font-l,
*[lang='ko-KR'] .ms-font-xl,
*[lang='ko-KR'] .ms-font-xxl,
*[lang='ko-KR'] .ms-font-su,
*[lang='ko-KR'] .ms-fontWeight-light,
*[lang='ko-KR'] .ms-fontWeight-light-hover:hover,
*[lang='ko-KR'] .ms-fontWeight-semilight,
*[lang='ko-KR'] .ms-fontWeight-semilight-hover:hover,
*[lang='ko-KR'] .ms-fontWeight-regular,
*[lang='ko-KR'] .ms-fontWeight-regular-hover:hover,
*[lang='ko-KR'] .ms-fontWeight-semibold,
*[lang='ko-KR'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Malgun Gothic', Gulim, 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='ch-ZHS'] .ms-font-mi,
*[lang='ch-ZHS'] .ms-font-xs,
*[lang='ch-ZHS'] .ms-font-s,
*[lang='ch-ZHS'] .ms-font-s-plus,
*[lang='ch-ZHS'] .ms-font-m,
*[lang='ch-ZHS'] .ms-font-m-plus,
*[lang='ch-ZHS'] .ms-font-l,
*[lang='ch-ZHS'] .ms-font-xl,
*[lang='ch-ZHS'] .ms-font-xxl,
*[lang='ch-ZHS'] .ms-font-su,
*[lang='ch-ZHS'] .ms-fontWeight-light,
*[lang='ch-ZHS'] .ms-fontWeight-light-hover:hover,
*[lang='ch-ZHS'] .ms-fontWeight-semilight,
*[lang='ch-ZHS'] .ms-fontWeight-semilight-hover:hover,
*[lang='ch-ZHS'] .ms-fontWeight-regular,
*[lang='ch-ZHS'] .ms-fontWeight-regular-hover:hover,
*[lang='ch-ZHS'] .ms-fontWeight-semibold,
*[lang='ch-ZHS'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Microsoft Yahei', Verdana, Simsun, 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='ch-ZHT'] .ms-font-mi,
*[lang='ch-ZHT'] .ms-font-xs,
*[lang='ch-ZHT'] .ms-font-s,
*[lang='ch-ZHT'] .ms-font-s-plus,
*[lang='ch-ZHT'] .ms-font-m,
*[lang='ch-ZHT'] .ms-font-m-plus,
*[lang='ch-ZHT'] .ms-font-l,
*[lang='ch-ZHT'] .ms-font-xl,
*[lang='ch-ZHT'] .ms-font-xxl,
*[lang='ch-ZHT'] .ms-font-su,
*[lang='ch-ZHT'] .ms-fontWeight-light,
*[lang='ch-ZHT'] .ms-fontWeight-light-hover:hover,
*[lang='ch-ZHT'] .ms-fontWeight-semilight,
*[lang='ch-ZHT'] .ms-fontWeight-semilight-hover:hover,
*[lang='ch-ZHT'] .ms-fontWeight-regular,
*[lang='ch-ZHT'] .ms-fontWeight-regular-hover:hover,
*[lang='ch-ZHT'] .ms-fontWeight-semibold,
*[lang='ch-ZHT'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Microsoft Jhenghei', Pmingliu, 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='hi-IN'] .ms-font-mi,
*[lang='hi-IN'] .ms-font-xs,
*[lang='hi-IN'] .ms-font-s,
*[lang='hi-IN'] .ms-font-s-plus,
*[lang='hi-IN'] .ms-font-m,
*[lang='hi-IN'] .ms-font-m-plus,
*[lang='hi-IN'] .ms-font-l,
*[lang='hi-IN'] .ms-font-xl,
*[lang='hi-IN'] .ms-font-xxl,
*[lang='hi-IN'] .ms-font-su,
*[lang='hi-IN'] .ms-fontWeight-light,
*[lang='hi-IN'] .ms-fontWeight-light-hover:hover,
*[lang='hi-IN'] .ms-fontWeight-semilight,
*[lang='hi-IN'] .ms-fontWeight-semilight-hover:hover,
*[lang='hi-IN'] .ms-fontWeight-regular,
*[lang='hi-IN'] .ms-fontWeight-regular-hover:hover,
*[lang='hi-IN'] .ms-fontWeight-semibold,
*[lang='hi-IN'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Nirmala UI', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='th-TH'] .ms-font-xl,
*[lang='th-TH'] .ms-font-xxl,
*[lang='th-TH'] .ms-fontWeight-light,
*[lang='th-TH'] .ms-fontWeight-light-hover:hover {
  font-family: 'Leelawadee UI Semilight', 'Kmer UI', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='th-TH'] .ms-font-l,
*[lang='th-TH'] .ms-font-su,
*[lang='th-TH'] .ms-fontWeight-semilight,
*[lang='th-TH'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Leelawadee UI Semilight', 'Kmer UI', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='th-TH'] .ms-fontWeight-regular,
*[lang='th-TH'] .ms-fontweight-regular-hover:hover {
  font-family: 'Leelawadee UI Regular', 'Kmer UI', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='th-TH'] .ms-font-mi,
*[lang='th-TH'] .ms-fontWeight-semibold,
*[lang='th-TH'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Leelawadee UI Bold', 'Kmer UI', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='ar'] .ms-font-xl,
*[lang='ar'] .ms-font-xxl,
*[lang='ar'] .ms-fontWeight-light,
*[lang='ar'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light Arabic', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='ar'] .ms-font-l,
*[lang='ar'] .ms-font-su,
*[lang='ar'] .ms-fontWeight-semilight,
*[lang='ar'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight Arabic', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='ar'] .ms-fontWeight-regular,
*[lang='ar'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular Arabic', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='ar'] .ms-font-mi,
*[lang='ar'] .ms-fontWeight-semibold,
*[lang='ar'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold Arabic', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='bg-BG'] .ms-font-xl,
*[lang='bg-BG'] .ms-font-xxl,
*[lang='bg-BG'] .ms-fontWeight-light,
*[lang='bg-BG'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light Cyrillic', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='bg-BG'] .ms-font-l,
*[lang='bg-BG'] .ms-font-su,
*[lang='bg-BG'] .ms-fontWeight-semilight,
*[lang='bg-BG'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight Cyrillic', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='bg-BG'] .ms-fontWeight-regular,
*[lang='bg-BG'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular Cyrillic', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='bg-BG'] .ms-font-mi,
*[lang='bg-BG'] .ms-fontWeight-semibold,
*[lang='bg-BG'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold Cyrillic', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='ru-RU'] .ms-font-xl,
*[lang='ru-RU'] .ms-font-xxl,
*[lang='ru-RU'] .ms-fontWeight-light,
*[lang='ru-RU'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light Cyrillic', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='ru-RU'] .ms-font-l,
*[lang='ru-RU'] .ms-font-su,
*[lang='ru-RU'] .ms-fontWeight-semilight,
*[lang='ru-RU'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight Cyrillic', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='ru-RU'] .ms-fontWeight-regular,
*[lang='ru-RU'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular Cyrillic', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='ru-RU'] .ms-font-mi,
*[lang='ru-RU'] .ms-fontWeight-semibold,
*[lang='ru-RU'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold Cyrillic', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='uk-UA'] .ms-font-xl,
*[lang='uk-UA'] .ms-font-xxl,
*[lang='uk-UA'] .ms-fontWeight-light,
*[lang='uk-UA'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light Cyrillic', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='uk-UA'] .ms-font-l,
*[lang='uk-UA'] .ms-font-su,
*[lang='uk-UA'] .ms-fontWeight-semilight,
*[lang='uk-UA'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight Cyrillic', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='uk-UA'] .ms-fontWeight-regular,
*[lang='uk-UA'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular Cyrillic', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='uk-UA'] .ms-font-mi,
*[lang='uk-UA'] .ms-fontWeight-semibold,
*[lang='uk-UA'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold Cyrillic', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='cs-CZ'] .ms-font-xl,
*[lang='cs-CZ'] .ms-font-xxl,
*[lang='cs-CZ'] .ms-fontWeight-light,
*[lang='cs-CZ'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light EastEuropean', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='cs-CZ'] .ms-font-l,
*[lang='cs-CZ'] .ms-font-su,
*[lang='cs-CZ'] .ms-fontWeight-semilight,
*[lang='cs-CZ'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight EastEuropean', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='cs-CZ'] .ms-fontWeight-regular,
*[lang='cs-CZ'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular EastEuropean', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='cs-CZ'] .ms-font-mi,
*[lang='cs-CZ'] .ms-fontWeight-semibold,
*[lang='cs-CZ'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold EastEuropean', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='et-EE'] .ms-font-xl,
*[lang='et-EE'] .ms-font-xxl,
*[lang='et-EE'] .ms-fontWeight-light,
*[lang='et-EE'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light EastEuropean', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='et-EE'] .ms-font-l,
*[lang='et-EE'] .ms-font-su,
*[lang='et-EE'] .ms-fontWeight-semilight,
*[lang='et-EE'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight EastEuropean', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='et-EE'] .ms-fontWeight-regular,
*[lang='et-EE'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular EastEuropean', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='et-EE'] .ms-font-mi,
*[lang='et-EE'] .ms-fontWeight-semibold,
*[lang='et-EE'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold EastEuropean', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='hr-HR'] .ms-font-xl,
*[lang='hr-HR'] .ms-font-xxl,
*[lang='hr-HR'] .ms-fontWeight-light,
*[lang='hr-HR'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light EastEuropean', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='hr-HR'] .ms-font-l,
*[lang='hr-HR'] .ms-font-su,
*[lang='hr-HR'] .ms-fontWeight-semilight,
*[lang='hr-HR'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight EastEuropean', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='hr-HR'] .ms-fontWeight-regular,
*[lang='hr-HR'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular EastEuropean', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='hr-HR'] .ms-font-mi,
*[lang='hr-HR'] .ms-fontWeight-semibold,
*[lang='hr-HR'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold EastEuropean', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='hu-HU'] .ms-font-xl,
*[lang='hu-HU'] .ms-font-xxl,
*[lang='hu-HU'] .ms-fontWeight-light,
*[lang='hu-HU'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light EastEuropean', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='hu-HU'] .ms-font-l,
*[lang='hu-HU'] .ms-font-su,
*[lang='hu-HU'] .ms-fontWeight-semilight,
*[lang='hu-HU'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight EastEuropean', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='hu-HU'] .ms-fontWeight-regular,
*[lang='hu-HU'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular EastEuropean', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='hu-HU'] .ms-font-mi,
*[lang='hu-HU'] .ms-fontWeight-semibold,
*[lang='hu-HU'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold EastEuropean', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lt-LT'] .ms-font-xl,
*[lang='lt-LT'] .ms-font-xxl,
*[lang='lt-LT'] .ms-fontWeight-light,
*[lang='lt-LT'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light EastEuropean', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lt-LT'] .ms-font-l,
*[lang='lt-LT'] .ms-font-su,
*[lang='lt-LT'] .ms-fontWeight-semilight,
*[lang='lt-LT'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight EastEuropean', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lt-LT'] .ms-fontWeight-regular,
*[lang='lt-LT'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular EastEuropean', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lt-LT'] .ms-font-mi,
*[lang='lt-LT'] .ms-fontWeight-semibold,
*[lang='lt-LT'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold EastEuropean', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lv-LV'] .ms-font-xl,
*[lang='lv-LV'] .ms-font-xxl,
*[lang='lv-LV'] .ms-fontWeight-light,
*[lang='lv-LV'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light EastEuropean', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lv-LV'] .ms-font-l,
*[lang='lv-LV'] .ms-font-su,
*[lang='lv-LV'] .ms-fontWeight-semilight,
*[lang='lv-LV'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight EastEuropean', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lv-LV'] .ms-fontWeight-regular,
*[lang='lv-LV'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular EastEuropean', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lv-LV'] .ms-font-mi,
*[lang='lv-LV'] .ms-fontWeight-semibold,
*[lang='lv-LV'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold EastEuropean', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='pl-PL'] .ms-font-xl,
*[lang='pl-PL'] .ms-font-xxl,
*[lang='pl-PL'] .ms-fontWeight-light,
*[lang='pl-PL'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light EastEuropean', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='pl-PL'] .ms-font-l,
*[lang='pl-PL'] .ms-font-su,
*[lang='pl-PL'] .ms-fontWeight-semilight,
*[lang='pl-PL'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight EastEuropean', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='pl-PL'] .ms-fontWeight-regular,
*[lang='pl-PL'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular EastEuropean', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='pl-PL'] .ms-font-mi,
*[lang='pl-PL'] .ms-fontWeight-semibold,
*[lang='pl-PL'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold EastEuropean', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lt-sr-SP'] .ms-font-xl,
*[lang='lt-sr-SP'] .ms-font-xxl,
*[lang='lt-sr-SP'] .ms-fontWeight-light,
*[lang='lt-sr-SP'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light EastEuropean', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lt-sr-SP'] .ms-font-l,
*[lang='lt-sr-SP'] .ms-font-su,
*[lang='lt-sr-SP'] .ms-fontWeight-semilight,
*[lang='lt-sr-SP'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight EastEuropean', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lt-sr-SP'] .ms-fontWeight-regular,
*[lang='lt-sr-SP'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular EastEuropean', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lt-sr-SP'] .ms-font-mi,
*[lang='lt-sr-SP'] .ms-fontWeight-semibold,
*[lang='lt-sr-SP'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold EastEuropean', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='tr-TR'] .ms-font-xl,
*[lang='tr-TR'] .ms-font-xxl,
*[lang='tr-TR'] .ms-fontWeight-light,
*[lang='tr-TR'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light EastEuropean', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='tr-TR'] .ms-font-l,
*[lang='tr-TR'] .ms-font-su,
*[lang='tr-TR'] .ms-fontWeight-semilight,
*[lang='tr-TR'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight EastEuropean', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='tr-TR'] .ms-fontWeight-regular,
*[lang='tr-TR'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular EastEuropean', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='tr-TR'] .ms-font-mi,
*[lang='tr-TR'] .ms-fontWeight-semibold,
*[lang='tr-TR'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold EastEuropean', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='sk-SK'] .ms-font-xl,
*[lang='sk-SK'] .ms-font-xxl,
*[lang='sk-SK'] .ms-fontWeight-light,
*[lang='sk-SK'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light EastEuropean', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='sk-SK'] .ms-font-l,
*[lang='sk-SK'] .ms-font-su,
*[lang='sk-SK'] .ms-fontWeight-semilight,
*[lang='sk-SK'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight EastEuropean', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='sk-SK'] .ms-fontWeight-regular,
*[lang='sk-SK'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular EastEuropean', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='sk-SK'] .ms-font-mi,
*[lang='sk-SK'] .ms-fontWeight-semibold,
*[lang='sk-SK'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold EastEuropean', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='kk-KZ'] .ms-font-xl,
*[lang='kk-KZ'] .ms-font-xxl,
*[lang='kk-KZ'] .ms-fontWeight-light,
*[lang='kk-KZ'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light EastEuropean', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='kk-KZ'] .ms-font-l,
*[lang='kk-KZ'] .ms-font-su,
*[lang='kk-KZ'] .ms-fontWeight-semilight,
*[lang='kk-KZ'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight EastEuropean', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='kk-KZ'] .ms-fontWeight-regular,
*[lang='kk-KZ'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular EastEuropean', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='kk-KZ'] .ms-font-mi,
*[lang='kk-KZ'] .ms-fontWeight-semibold,
*[lang='kk-KZ'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold EastEuropean', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='el-GR'] .ms-font-xl,
*[lang='el-GR'] .ms-font-xxl,
*[lang='el-GR'] .ms-fontWeight-light,
*[lang='el-GR'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light Greek', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='el-GR'] .ms-font-l,
*[lang='el-GR'] .ms-font-su,
*[lang='el-GR'] .ms-fontWeight-semilight,
*[lang='el-GR'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight Greek', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='el-GR'] .ms-fontWeight-regular,
*[lang='el-GR'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular Greek', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='el-GR'] .ms-font-mi,
*[lang='el-GR'] .ms-fontWeight-semibold,
*[lang='el-GR'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold Greek', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='he-IL'] .ms-font-xl,
*[lang='he-IL'] .ms-font-xxl,
*[lang='he-IL'] .ms-fontWeight-light,
*[lang='he-IL'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light Hebrew', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='he-IL'] .ms-font-l,
*[lang='he-IL'] .ms-font-su,
*[lang='he-IL'] .ms-fontWeight-semilight,
*[lang='he-IL'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight Hebrew', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='he-IL'] .ms-fontWeight-regular,
*[lang='he-IL'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular Hebrew', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='he-IL'] .ms-font-mi,
*[lang='he-IL'] .ms-fontWeight-semibold,
*[lang='he-IL'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold Hebrew', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='vi-VN'] .ms-font-xl,
*[lang='vi-VN'] .ms-font-xxl,
*[lang='vi-VN'] .ms-fontWeight-light,
*[lang='vi-VN'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light Vietnamese', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='vi-VN'] .ms-font-l,
*[lang='vi-VN'] .ms-font-su,
*[lang='vi-VN'] .ms-fontWeight-semilight,
*[lang='vi-VN'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight Vietnamese', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='vi-VN'] .ms-fontWeight-regular,
*[lang='vi-VN'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular Vietnamese', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='vi-VN'] .ms-font-mi,
*[lang='vi-VN'] .ms-fontWeight-semibold,
*[lang='vi-VN'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold Vietnamese', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, 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: 'Office365Icons';
  src: url('https://appsforoffice.microsoft.com/fabric/fonts/icons/office365icons.eot?');
  src: url('https://appsforoffice.microsoft.com/fabric/fonts/icons/office365icons.eot?#iefix') format('embedded-opentype'), url('https://appsforoffice.microsoft.com/fabric/fonts/icons/office365icons.woff?') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/icons/office365icons.ttf?') format('truetype'), url('https://appsforoffice.microsoft.com/fabric/fonts/icons/office365icons.svg?#office365icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

.ms-Icon {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: 'Office365Icons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
}

.ms-Icon--circleEmpty:before {
  content: '\e000';
}

.ms-Icon--circleFill:before {
  content: '\e001';
}

.ms-Icon--placeholder:before {
  content: '\e002';
}

.ms-Icon--star:before {
  content: '\e003';
}

.ms-Icon--plus:before {
  content: '\e004';
}

.ms-Icon--minus:before {
  content: '\e005';
}

.ms-Icon--question:before {
  content: '\e006';
}

.ms-Icon--exclamation:before {
  content: '\e007';
}

.ms-Icon--person:before {
  content: '\e008';
}

.ms-Icon--mail:before {
  content: '\e009';
}

.ms-Icon--infoCircle:before {
  content: '\e00a';
}

.ms-Icon--alert:before {
  content: '\e00b';
}

.ms-Icon--xCircle:before {
  content: '\e00c';
}

.ms-Icon--mailOpen:before {
  content: '\e00d';
}

.ms-Icon--people:before {
  content: '\e00e';
}

.ms-Icon--bell:before {
  content: '\e010';
}

.ms-Icon--calendar:before {
  content: '\e011';
}

.ms-Icon--scheduling:before {
  content: '\e012';
}

.ms-Icon--event:before {
  content: '\e013';
}

.ms-Icon--folder:before {
  content: '\e014';
}

.ms-Icon--documents:before {
  content: '\e015';
}

.ms-Icon--onedrive:before {
  content: '\e016';
}

.ms-Icon--chat:before {
  content: '\e017';
}

.ms-Icon--sites:before {
  content: '\e018';
}

.ms-Icon--listBullets:before {
  content: '\e019';
}

.ms-Icon--calendarWeek:before {
  content: '\e01a';
}

.ms-Icon--calendarWorkWeek:before {
  content: '\e01b';
}

.ms-Icon--calendarDay:before {
  content: '\e01c';
}

.ms-Icon--folderMove:before {
  content: '\e01d';
}

.ms-Icon--panel:before {
  content: '\e01e';
}

.ms-Icon--popout:before {
  content: '\e01f';
}

.ms-Icon--menu:before {
  content: '\e020';
}

.ms-Icon--home:before {
  content: '\e021';
}

.ms-Icon--favorites:before {
  content: '\e022';
}

.ms-Icon--phone:before {
  content: '\e023';
}

.ms-Icon--mailSend:before {
  content: '\e024';
}

.ms-Icon--save:before {
  content: '\e025';
}

.ms-Icon--trash:before {
  content: '\e026';
}

.ms-Icon--pencil:before {
  content: '\e027';
}

.ms-Icon--flag:before {
  content: '\e028';
}

.ms-Icon--reply:before {
  content: '\e029';
}

.ms-Icon--miniatures:before {
  content: '\e02a';
}

.ms-Icon--voicemail:before {
  content: '\e02b';
}

.ms-Icon--play:before {
  content: '\e02c';
}

.ms-Icon--pause:before {
  content: '\e02d';
}

.ms-Icon--onlineAdd:before {
  content: '\e02e';
}

.ms-Icon--onlineJoin:before {
  content: '\e02f';
}

.ms-Icon--replyAll:before {
  content: '\e030';
}

.ms-Icon--attachment:before {
  content: '\e031';
}

.ms-Icon--drm:before {
  content: '\e032';
}

.ms-Icon--pinDown:before {
  content: '\e033';
}

.ms-Icon--refresh:before {
  content: '\e034';
}

.ms-Icon--gear:before {
  content: '\e035';
}

.ms-Icon--smiley:before {
  content: '\e036';
}

.ms-Icon--info:before {
  content: '\e037';
}

.ms-Icon--lock:before {
  content: '\e038';
}

.ms-Icon--search:before {
  content: '\e039';
}

.ms-Icon--questionReverse:before {
  content: '\e03a';
}

.ms-Icon--notRecurring:before {
  content: '\e03b';
}

.ms-Icon--tasks:before {
  content: '\e040';
}

.ms-Icon--check:before {
  content: '\e041';
}

.ms-Icon--x:before {
  content: '\e042';
}

.ms-Icon--ellipsis:before {
  content: '\e045';
}

.ms-Icon--dot:before {
  content: '\e046';
}

.ms-Icon--arrowUp:before {
  content: '\e047';
}

.ms-Icon--arrowDown:before {
  content: '\e048';
}

.ms-Icon--arrowLeft:before {
  content: '\e049';
}

.ms-Icon--arrowRight:before {
  content: '\e04a';
}

.ms-Icon--download:before {
  content: '\e04b';
}

.ms-Icon--directions:before {
  content: '\e04c';
}

.ms-Icon--microphone:before {
  content: '\e04f';
}

.ms-Icon--caretUp:before {
  content: '\e051';
}

.ms-Icon--caretDown:before {
  content: '\e052';
}

.ms-Icon--caretLeft:before {
  content: '\e053';
}

.ms-Icon--caretRight:before {
  content: '\e054';
}

.ms-Icon--caretUpLeft:before {
  content: '\e05a';
}

.ms-Icon--caretUpRight:before {
  content: '\e05b';
}

.ms-Icon--caretDownRight:before {
  content: '\e05c';
}

.ms-Icon--caretDownLeft:before {
  content: '\e05d';
}

.ms-Icon--note:before {
  content: '\e06a';
}

.ms-Icon--noteReply:before {
  content: '\e06b';
}

.ms-Icon--noteForward:before {
  content: '\e06c';
}

.ms-Icon--key:before {
  content: '\e06f';
}

.ms-Icon--tile:before {
  content: '\e070';
}

.ms-Icon--taskRecurring:before {
  content: '\e071';
}

.ms-Icon--starEmpty:before {
  content: '\e073';
}

.ms-Icon--upload:before {
  content: '\e076';
}

.ms-Icon--wrench:before {
  content: '\e077';
}

.ms-Icon--share:before {
  content: '\e078';
}

.ms-Icon--documentReply:before {
  content: '\e079';
}

.ms-Icon--documentForward:before {
  content: '\e07a';
}

.ms-Icon--partner:before {
  content: '\e080';
}

.ms-Icon--reactivate:before {
  content: '\e084';
}

.ms-Icon--sort:before {
  content: '\e085';
}

.ms-Icon--personAdd:before {
  content: '\e086';
}

.ms-Icon--chevronUp:before {
  content: '\e087';
}

.ms-Icon--chevronDown:before {
  content: '\e088';
}

.ms-Icon--chevronLeft:before {
  content: '\e089';
}

.ms-Icon--chevronRight:before {
  content: '\e08a';
}

.ms-Icon--peopleAdd:before {
  content: '\e08c';
}

.ms-Icon--newsfeed:before {
  content: '\e08d';
}

.ms-Icon--notebook:before {
  content: '\e08e';
}

.ms-Icon--link:before {
  content: '\e08f';
}

.ms-Icon--chevronsUp:before {
  content: '\e090';
}

.ms-Icon--chevronsDown:before {
  content: '\e091';
}

.ms-Icon--chevronsLeft:before {
  content: '\e092';
}

.ms-Icon--chevronsRight:before {
  content: '\e093';
}

.ms-Icon--clutter:before {
  content: '\e09a';
}

.ms-Icon--subscribe:before {
  content: '\e09c';
}

.ms-Icon--unsubscribe:before {
  content: '\e09d';
}

.ms-Icon--personRemove:before {
  content: '\e09e';
}

.ms-Icon--receiptForward:before {
  content: '\e0a0';
}

.ms-Icon--receiptReply:before {
  content: '\e0a1';
}

.ms-Icon--receiptCheck:before {
  content: '\e0a2';
}

.ms-Icon--peopleRemove:before {
  content: '\e0a3';
}

.ms-Icon--merge:before {
  content: '\e0a4';
}

.ms-Icon--split:before {
  content: '\e0a5';
}

.ms-Icon--eventCancel:before {
  content: '\e0a6';
}

.ms-Icon--eventShare:before {
  content: '\e0a7';
}

.ms-Icon--today:before {
  content: '\e0a9';
}

.ms-Icon--oofReply:before {
  content: '\e0aa';
}

.ms-Icon--voicemailReply:before {
  content: '\e0ac';
}

.ms-Icon--voicemailForward:before {
  content: '\e0ad';
}

.ms-Icon--ribbon:before {
  content: '\e0af';
}

.ms-Icon--contact:before {
  content: '\e0b0';
}

.ms-Icon--eye:before {
  content: '\e0b1';
}

.ms-Icon--glasses:before {
  content: '\e0b2';
}

.ms-Icon--print:before {
  content: '\e100';
}

.ms-Icon--room:before {
  content: '\e101';
}

.ms-Icon--post:before {
  content: '\e102';
}

.ms-Icon--toggle:before {
  content: '\e103';
}

.ms-Icon--touch:before {
  content: '\e104';
}

.ms-Icon--clock:before {
  content: '\e105';
}

.ms-Icon--fax:before {
  content: '\e106';
}

.ms-Icon--lightning:before {
  content: '\e110';
}

.ms-Icon--dialpad:before {
  content: '\e111';
}

.ms-Icon--phoneTransfer:before {
  content: '\e112';
}

.ms-Icon--phoneAdd:before {
  content: '\e113';
}

.ms-Icon--late:before {
  content: '\e114';
}

.ms-Icon--chatAdd:before {
  content: '\e115';
}

.ms-Icon--conflict:before {
  content: '\e116';
}

.ms-Icon--navigate:before {
  content: '\e117';
}

.ms-Icon--camera:before {
  content: '\e119';
}

.ms-Icon--filter:before {
  content: '\e11a';
}

.ms-Icon--fullscreen:before {
  content: '\e11b';
}

.ms-Icon--new:before {
  content: '\e11c';
}

.ms-Icon--mailEmpty:before {
  content: '\e11d';
}

.ms-Icon--editBox:before {
  content: '\e11e';
}

.ms-Icon--waffle:before {
  content: '\e11f';
}

.ms-Icon--work:before {
  content: '\e120';
}

.ms-Icon--eventRecurring:before {
  content: '\e121';
}

.ms-Icon--cart:before {
  content: '\e122';
}

.ms-Icon--socialListening:before {
  content: '\e123';
}

.ms-Icon--mapMarker:before {
  content: '\e124';
}

.ms-Icon--org:before {
  content: '\e125';
}

.ms-Icon--replyAlt:before {
  content: '\e150';
}

.ms-Icon--replyAllAlt:before {
  content: '\e152';
}

.ms-Icon--eventInfo:before {
  content: '\e154';
}

.ms-Icon--group:before {
  content: '\e155';
}

.ms-Icon--money:before {
  content: '\e161';
}

.ms-Icon--graph:before {
  content: '\e162';
}

.ms-Icon--noteEdit:before {
  content: '\e163';
}

.ms-Icon--dashboard:before {
  content: '\e164';
}

.ms-Icon--mailEdit:before {
  content: '\e165';
}

.ms-Icon--pinLeft:before {
  content: '\e167';
}

.ms-Icon--heart:before {
  content: '\e16a';
}

.ms-Icon--heartEmpty:before {
  content: '\e16b';
}

.ms-Icon--picture:before {
  content: '\e16c';
}

.ms-Icon--cake:before {
  content: '\e16d';
}

.ms-Icon--books:before {
  content: '\e16e';
}

.ms-Icon--chart:before {
  content: '\e16f';
}

.ms-Icon--video:before {
  content: '\e170';
}

.ms-Icon--soccer:before {
  content: '\e171';
}

.ms-Icon--meal:before {
  content: '\e172';
}

.ms-Icon--balloon:before {
  content: '\e173';
}

.ms-Icon--cat:before {
  content: '\e174';
}

.ms-Icon--dog:before {
  content: '\e175';
}

.ms-Icon--bag:before {
  content: '\e176';
}

.ms-Icon--music:before {
  content: '\e177';
}

.ms-Icon--stopwatch:before {
  content: '\e178';
}

.ms-Icon--coffee:before {
  content: '\e179';
}

.ms-Icon--briefcase:before {
  content: '\e17a';
}

.ms-Icon--pill:before {
  content: '\e17b';
}

.ms-Icon--trophy:before {
  content: '\e17c';
}

.ms-Icon--firstAid:before {
  content: '\e17d';
}

.ms-Icon--plane:before {
  content: '\e17e';
}

.ms-Icon--page:before {
  content: '\e17f';
}

.ms-Icon--car:before {
  content: '\e180';
}

.ms-Icon--dogAlt:before {
  content: '\e181';
}

.ms-Icon--document:before {
  content: '\e182';
}

.ms-Icon--metadata:before {
  content: '\e183';
}

.ms-Icon--pointItem:before {
  content: '\e184';
}

.ms-Icon--text:before {
  content: '\e185';
}

.ms-Icon--fieldText:before {
  content: '\e186';
}

.ms-Icon--fieldNumber:before {
  content: '\e187';
}

.ms-Icon--dropdown:before {
  content: '\e188';
}

.ms-Icon--radioButton:before {
  content: '\e189';
}

.ms-Icon--checkbox:before {
  content: '\e18a';
}

.ms-Icon--story:before {
  content: '\e18b';
}

.ms-Icon--bold:before {
  content: '\e18c';
}

.ms-Icon--italic:before {
  content: '\e18d';
}

.ms-Icon--underline:before {
  content: '\e18e';
}

.ms-Icon--quote:before {
  content: '\e18f';
}

.ms-Icon--styleRemove:before {
  content: '\e190';
}

.ms-Icon--pictureAdd:before {
  content: '\e191';
}

.ms-Icon--pictureRemove:before {
  content: '\e192';
}

.ms-Icon--desktop:before {
  content: '\e193';
}

.ms-Icon--tablet:before {
  content: '\e194';
}

.ms-Icon--mobile:before {
  content: '\e195';
}

.ms-Icon--table:before {
  content: '\e196';
}

.ms-Icon--hide:before {
  content: '\e197';
}

.ms-Icon--shield:before {
  content: '\e198';
}

.ms-Icon--header:before {
  content: '\e19a';
}

.ms-Icon--paint:before {
  content: '\e19b';
}

.ms-Icon--support:before {
  content: '\e19c';
}

.ms-Icon--settings:before {
  content: '\e19d';
}

.ms-Icon--creditCard:before {
  content: '\e19e';
}

.ms-Icon--reload:before {
  content: '\e19f';
}

.ms-Icon--peopleSecurity:before {
  content: '\e200';
}

.ms-Icon--fieldTextBox:before {
  content: '\e203';
}

.ms-Icon--multiChoice:before {
  content: '\e204';
}

.ms-Icon--fieldMail:before {
  content: '\e205';
}

.ms-Icon--contactForm:before {
  content: '\e206';
}

.ms-Icon--circleHalfFilled:before {
  content: '\e207';
}

.ms-Icon--documentPDF:before {
  content: '\e208';
}

.ms-Icon--bookmark:before {
  content: '\e209';
}

.ms-Icon--circleUnfilled:before {
  content: '\e20b';
}

.ms-Icon--circleFilled:before {
  content: '\e20c';
}

.ms-Icon--textBox:before {
  content: '\e20e';
}

.ms-Icon--drop:before {
  content: '\e20f';
}

.ms-Icon--sun:before {
  content: '\e210';
}

.ms-Icon--lifesaver:before {
  content: '\e211';
}

.ms-Icon--lifesaverLock:before {
  content: '\e212';
}

.ms-Icon--mailUnread:before {
  content: '\e213';
}

.ms-Icon--mailRead:before {
  content: '\e214';
}

.ms-Icon--inboxCheck:before {
  content: '\e215';
}

.ms-Icon--folderSearch:before {
  content: '\e216';
}

.ms-Icon--collapse:before {
  content: '\e217';
}

.ms-Icon--expand:before {
  content: '\e218';
}

.ms-Icon--ascending:before {
  content: '\e219';
}

.ms-Icon--descending:before {
  content: '\e21a';
}

.ms-Icon--filterClear:before {
  content: '\e21b';
}

.ms-Icon--checkboxEmpty:before {
  content: '\e21c';
}

.ms-Icon--checkboxMixed:before {
  content: '\e21d';
}

.ms-Icon--boards:before {
  content: '\e21e';
}

.ms-Icon--checkboxCheck:before {
  content: '\e21f';
}

.ms-Icon--frowny:before {
  content: '\e220';
}

.ms-Icon--lightBulb:before {
  content: '\e221';
}

.ms-Icon--globe:before {
  content: '\e222';
}

.ms-Icon--deviceWipe:before {
  content: '\e223';
}

.ms-Icon--listCheck:before {
  content: '\e226';
}

.ms-Icon--listGroup:before {
  content: '\e227';
}

.ms-Icon--timeline:before {
  content: '\e228';
}

.ms-Icon--fontIncrease:before {
  content: '\e229';
}

.ms-Icon--fontDecrease:before {
  content: '\e22a';
}

.ms-Icon--fontColor:before {
  content: '\e22b';
}

.ms-Icon--mailCheck:before {
  content: '\e22c';
}

.ms-Icon--mailDown:before {
  content: '\e22d';
}

.ms-Icon--listCheckbox:before {
  content: '\e22e';
}

.ms-Icon--sunAdd:before {
  content: '\e22f';
}

.ms-Icon--sunQuestion:before {
  content: '\e230';
}

.ms-Icon--chevronThinUp:before {
  content: '\e231';
}

.ms-Icon--chevronThinDown:before {
  content: '\e232';
}

.ms-Icon--chevronThinLeft:before {
  content: '\e233';
}

.ms-Icon--chevronThinRight:before {
  content: '\e234';
}

.ms-Icon--chevronThickUp:before {
  content: '\e235';
}

.ms-Icon--chevronThickDown:before {
  content: '\e236';
}

.ms-Icon--chevronThickLeft:before {
  content: '\e237';
}

.ms-Icon--chevronThickRight:before {
  content: '\e238';
}

.ms-Icon--linkRemove:before {
  content: '\e239';
}

.ms-Icon--alertOutline:before {
  content: '\e23b';
}

.ms-Icon--documentLandscape:before {
  content: '\e23c';
}

.ms-Icon--documentAdd:before {
  content: '\e23d';
}

.ms-Icon--toggleMiddle:before {
  content: '\e23e';
}

.ms-Icon--embed:before {
  content: '\e23f';
}

.ms-Icon--listNumbered:before {
  content: '\e240';
}

.ms-Icon--peopleCheck:before {
  content: '\e242';
}

.ms-Icon--caretUpOutline:before {
  content: '\e243';
}

.ms-Icon--caretDownOutline:before {
  content: '\e244';
}

.ms-Icon--caretLeftOutline:before {
  content: '\e245';
}

.ms-Icon--caretRightOutline:before {
  content: '\e246';
}

.ms-Icon--mailSync:before {
  content: '\e248';
}

.ms-Icon--mailError:before {
  content: '\e249';
}

.ms-Icon--mailPause:before {
  content: '\e24a';
}

.ms-Icon--peopleSync:before {
  content: '\e24b';
}

.ms-Icon--peopleError:before {
  content: '\e24c';
}

.ms-Icon--peoplePause:before {
  content: '\e24d';
}

.ms-Icon--circleBall:before {
  content: '\e24e';
}

.ms-Icon--circleBalloons:before {
  content: '\e24f';
}

.ms-Icon--circleCar:before {
  content: '\e250';
}

.ms-Icon--circleCat:before {
  content: '\e251';
}

.ms-Icon--circleCoffee:before {
  content: '\e252';
}

.ms-Icon--circleDog:before {
  content: '\e253';
}

.ms-Icon--circleLightning:before {
  content: '\e254';
}

.ms-Icon--circlePill:before {
  content: '\e255';
}

.ms-Icon--circlePlane:before {
  content: '\e256';
}

.ms-Icon--circlePoodle:before {
  content: '\e257';
}

.ms-Icon--checkPeople:before {
  content: '\e259';
}

.ms-Icon--documentSearch:before {
  content: '\e25a';
}

.ms-Icon--sortLines:before {
  content: '\e25c';
}

.ms-Icon--calendarPublic:before {
  content: '\e25d';
}

.ms-Icon--contactPublic:before {
  content: '\e25e';
}

.ms-Icon--classNotebook:before {
  content: '\e25f';
}

.ms-Icon--triangleUp:before {
  content: '\e260';
}

.ms-Icon--triangleRight:before {
  content: '\e261';
}

.ms-Icon--triangleDown:before {
  content: '\e262';
}

.ms-Icon--triangleLeft:before {
  content: '\e263';
}

.ms-Icon--triangleEmptyUp:before {
  content: '\e264';
}

.ms-Icon--triangleEmptyRight:before {
  content: '\e265';
}

.ms-Icon--triangleEmptyDown:before {
  content: '\e266';
}

.ms-Icon--triangleEmptyLeft:before {
  content: '\e267';
}

.ms-Icon--filePDF:before {
  content: '\e268';
}

.ms-Icon--fileImage:before {
  content: '\e26c';
}

.ms-Icon--fileDocument:before {
  content: '\e26d';
}

.ms-Icon--listGroup2:before {
  content: '\e26e';
}

.ms-Icon--copy:before {
  content: '\e26f';
}

.ms-Icon--creditCardOutline:before {
  content: '\e270';
}

.ms-Icon--mailPublic:before {
  content: '\e272';
}

.ms-Icon--folderPublic:before {
  content: '\e273';
}

.ms-Icon--teamwork:before {
  content: '\e274';
}

.ms-Icon--move:before {
  content: '\e275';
}

.ms-Icon--classroom:before {
  content: '\e276';
}

.ms-Icon--menu2:before {
  content: '\e277';
}

.ms-Icon--plus2:before {
  content: '\e278';
}

.ms-Icon--tag:before {
  content: '\e279';
}

.ms-Icon--arrowUp2:before {
  content: '\e27a';
}

.ms-Icon--arrowDown2:before {
  content: '\e27b';
}

.ms-Icon--circlePlus:before {
  content: '\e27c';
}

.ms-Icon--circleInfo:before {
  content: '\e27d';
}

.ms-Icon--section:before {
  content: '\e27e';
}

.ms-Icon--sections:before {
  content: '\e27f';
}

.ms-Icon--at:before {
  content: '\e282';
}

.ms-Icon--arrowUpRight:before {
  content: '\e283';
}

.ms-Icon--arrowDownRight:before {
  content: '\e284';
}

.ms-Icon--arrowDownLeft:before {
  content: '\e285';
}

.ms-Icon--arrowUpLeft:before {
  content: '\e286';
}

.ms-Icon--bundle:before {
  content: '\e287';
}

.ms-Icon--pictureEdit:before {
  content: '\e288';
}

.ms-Icon--protectionCenter:before {
  content: '\e289';
}

.ms-Icon--alert2:before {
  content: '\e28a';
}

.ms-Icon--circle {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  width: 1em;
  height: 1em;
  margin: 0 0 0 0.5em;
  padding: 0;
  text-align: right;
  -webkit-font-smoothing: antialiased;
}

.ms-Icon--circle:before,
.ms-Icon--circle:after {
  line-height: 1;
  font-size: inherit;
}

.ms-Icon--circle:before {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  vertical-align: top;
  position: absolute;
}

.ms-Icon--circle:after {
  content: '\e000';
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  z-index: 0;
}

.ms-Icon--circle.ms-Icon--star:before {
  top: -2%;
  right: 1%;
}

.ms-Icon--circle.ms-Icon--person:before {
  top: -2%;
  right: -3%;
}

.ms-Icon--circle.ms-Icon--alert:before {
  top: -4%;
}

.ms-Icon--circle.ms-Icon--mailOpen:before {
  top: -5%;
}

.ms-Icon--circle.ms-Icon--people:before {
  top: -4%;
  right: -7%;
}

.ms-Icon--circle.ms-Icon--bell:before {
  top: -3%;
}

.ms-Icon--circle.ms-Icon--scheduling:before {
  top: -3%;
  right: 6%;
}

.ms-Icon--circle.ms-Icon--documents:before {
  top: -1%;
  right: -2%;
}

.ms-Icon--circle.ms-Icon--listBullets:before {
  top: -1%;
  right: 5%;
}

.ms-Icon--circle.ms-Icon--panel:before {
  right: -2%;
}

.ms-Icon--circle.ms-Icon--popout:before {
  top: -2%;
  right: -2%;
}

.ms-Icon--circle.ms-Icon--home:before {
  top: -4%;
}

.ms-Icon--circle.ms-Icon--favorites:before {
  top: -2%;
  right: 2%;
}

.ms-Icon--circle.ms-Icon--phone:before {
  top: -2%;
  right: -2%;
}

.ms-Icon--circle.ms-Icon--mailSend:before {
  right: -10%;
}

.ms-Icon--circle.ms-Icon--pencil:before {
  top: -2%;
  right: 3%;
}

.ms-Icon--circle.ms-Icon--flag:before {
  right: 3%;
}

.ms-Icon--circle.ms-Icon--miniatures:before {
  right: -3%;
}

.ms-Icon--circle.ms-Icon--voicemail:before {
  top: 2%;
  right: -7%;
}

.ms-Icon--circle.ms-Icon--onlineAdd:before {
  top: -1%;
  right: 2%;
}

.ms-Icon--circle.ms-Icon--pinDown:before {
  top: 5%;
}

.ms-Icon--circle.ms-Icon--gear:before {
  right: 2%;
}

.ms-Icon--circle.ms-Icon--check:before {
  top: 3%;
}

.ms-Icon--circle.ms-Icon--ellipsis:before {
  top: 2%;
  right: -12%;
}

.ms-Icon--circle.ms-Icon--directions:before {
  right: 10%;
}

.ms-Icon--circle.ms-Icon--microphone:before {
  top: -3%;
}

.ms-Icon--circle.ms-Icon--caretDown:before {
  top: 5%;
  right: 2%;
}

.ms-Icon--circle.ms-Icon--caretLeft:before {
  right: -6%;
}

.ms-Icon--circle.ms-Icon--caretRight:before {
  right: 6%;
}

.ms-Icon--circle.ms-Icon--caretUpLeft:before {
  top: 5%;
  right: 5%;
}

.ms-Icon--circle.ms-Icon--caretUpRight:before {
  top: 5%;
  right: -3%;
}

.ms-Icon--circle.ms-Icon--caretDownRight:before {
  right: -3%;
}

.ms-Icon--circle.ms-Icon--caretDownLeft:before {
  right: 4%;
}

.ms-Icon--circle.ms-Icon--note:before {
  top: 2%;
  right: -3%;
}

.ms-Icon--circle.ms-Icon--noteReply:before {
  top: 6%;
  right: 3%;
}

.ms-Icon--circle.ms-Icon--noteForward:before {
  top: 6%;
}

.ms-Icon--circle.ms-Icon--key:before {
  top: 5%;
  right: 1%;
}

.ms-Icon--circle.ms-Icon--tile:before {
  top: -1%;
  right: -18%;
}

.ms-Icon--circle.ms-Icon--taskRecurring:before {
  top: 2%;
  right: -1%;
}

.ms-Icon--circle.ms-Icon--starEmpty:before {
  top: -4%;
  right: 1%;
}

.ms-Icon--circle.ms-Icon--documentReply:before {
  top: -2%;
  right: 7%;
}

.ms-Icon--circle.ms-Icon--documentForward:before {
  right: 5%;
}

.ms-Icon--circle.ms-Icon--partner:before {
  top: -2%;
}

.ms-Icon--circle.ms-Icon--reactivate:before {
  top: -2%;
  right: 6%;
}

.ms-Icon--circle.ms-Icon--sort:before {
  right: -19%;
}

.ms-Icon--circle.ms-Icon--personAdd:before {
  top: -2%;
  right: 6%;
}

.ms-Icon--circle.ms-Icon--chevronDown:before {
  top: 4%;
}

.ms-Icon--circle.ms-Icon--chevronLeft:before {
  right: -5%;
}

.ms-Icon--circle.ms-Icon--chevronRight:before {
  right: 4%;
}

.ms-Icon--circle.ms-Icon--peopleAdd:before {
  top: -5%;
  right: -12%;
}

.ms-Icon--circle.ms-Icon--newsfeed:before {
  right: -4%;
}

.ms-Icon--circle.ms-Icon--notebook:before {
  right: -4%;
}

.ms-Icon--circle.ms-Icon--link:before {
  top: 2%;
  right: -18%;
}

.ms-Icon--circle.ms-Icon--chevronsDown:before {
  top: 5%;
}

.ms-Icon--circle.ms-Icon--chevronsLeft:before {
  right: -5%;
}

.ms-Icon--circle.ms-Icon--chevronsRight:before {
  right: 4%;
}

.ms-Icon--circle.ms-Icon--personRemove:before {
  right: 5%;
}

.ms-Icon--circle.ms-Icon--receiptForward:before {
  right: -20%;
}

.ms-Icon--circle.ms-Icon--receiptReply:before {
  right: -20%;
}

.ms-Icon--circle.ms-Icon--receiptCheck:before {
  right: -20%;
}

.ms-Icon--circle.ms-Icon--peopleRemove:before {
  top: -3%;
  right: -12%;
}

.ms-Icon--circle.ms-Icon--merge:before {
  top: 2%;
}

.ms-Icon--circle.ms-Icon--split:before {
  top: 2%;
}

.ms-Icon--circle.ms-Icon--eventCancel:before {
  right: -2%;
}

.ms-Icon--circle.ms-Icon--today:before {
  top: -2%;
}

.ms-Icon--circle.ms-Icon--oofReply:before {
  right: 5%;
}

.ms-Icon--circle.ms-Icon--voicemailReply:before {
  top: 4%;
  right: -25%;
}

.ms-Icon--circle.ms-Icon--voicemailForward:before {
  top: 4%;
  right: -20%;
}

.ms-Icon--circle.ms-Icon--eye:before {
  top: -4%;
}

.ms-Icon--circle.ms-Icon--post:before {
  top: -4%;
  right: 4%;
}

.ms-Icon--circle.ms-Icon--fax:before {
  top: -3%;
  right: -2%;
}

.ms-Icon--circle.ms-Icon--lightning:before {
  top: 2%;
  right: 1%;
}

.ms-Icon--circle.ms-Icon--filter:before {
  top: 7%;
}

.ms-Icon--circle.ms-Icon--cart:before {
  right: 3%;
}

.ms-Icon--circle.ms-Icon--socialListening:before {
  top: 2%;
}

.ms-Icon--circle.ms-Icon--mapMarker:before {
  top: 2%;
}

.ms-Icon--circle.ms-Icon--replyAllAlt:before {
  right: -16%;
}

.ms-Icon--circle.ms-Icon--group:before {
  right: -33%;
}

.ms-Icon--circle.ms-Icon--money:before {
  right: -8%;
}

.ms-Icon--circle.ms-Icon--noteEdit:before {
  right: 4%;
}

.ms-Icon--circle.ms-Icon--mailEdit:before {
  top: 3%;
  right: 7%;
}

.ms-Icon--circle.ms-Icon--pinLeft:before {
  right: -6%;
}

.ms-Icon--circle.ms-Icon--heart:before {
  top: 5%;
}

.ms-Icon--circle.ms-Icon--heartEmpty:before {
  top: 5%;
}

.ms-Icon--circle.ms-Icon--cake:before {
  top: -5%;
}

.ms-Icon--circle.ms-Icon--books:before {
  right: -8%;
}

.ms-Icon--circle.ms-Icon--video:before {
  top: -3%;
  right: 3%;
}

.ms-Icon--circle.ms-Icon--balloon:before {
  top: 4%;
  right: -1%;
}

.ms-Icon--circle.ms-Icon--music:before {
  top: -2%;
  right: -5%;
}

.ms-Icon--circle.ms-Icon--stopwatch:before {
  top: -3%;
  right: 3%;
}

.ms-Icon--circle.ms-Icon--coffee:before {
  top: -3%;
  right: 3%;
}

.ms-Icon--circle.ms-Icon--plane:before {
  right: 4%;
}

.ms-Icon--circle.ms-Icon--dogAlt:before {
  right: -15%;
}

.ms-Icon--circle.ms-Icon--metadata:before {
  top: -4%;
  right: 4%;
}

.ms-Icon--circle.ms-Icon--text:before {
  top: -4%;
  right: 10%;
}

.ms-Icon--circle.ms-Icon--fieldText:before {
  right: -14%;
}

.ms-Icon--circle.ms-Icon--fieldNumber:before {
  right: -14%;
}

.ms-Icon--circle.ms-Icon--dropdown:before {
  right: -14%;
}

.ms-Icon--circle.ms-Icon--story:before {
  right: -5%;
}

.ms-Icon--circle.ms-Icon--bold:before {
  right: 4%;
}

.ms-Icon--circle.ms-Icon--underline:before {
  top: 4%;
}

.ms-Icon--circle.ms-Icon--quote:before {
  right: -4%;
}

.ms-Icon--circle.ms-Icon--styleRemove:before {
  top: 4%;
  right: 5%;
}

.ms-Icon--circle.ms-Icon--pictureAdd:before {
  right: -6%;
}

.ms-Icon--circle.ms-Icon--pictureRemove:before {
  right: -6%;
}

.ms-Icon--circle.ms-Icon--mobile:before {
  right: -3%;
}

.ms-Icon--circle.ms-Icon--hide:before {
  top: -4%;
}

.ms-Icon--circle.ms-Icon--header:before {
  right: -9%;
}

.ms-Icon--circle.ms-Icon--msn:before {
  right: 3%;
}

.ms-Icon--circle.ms-Icon--peopleCheck:before {
  right: -7%;
  top: -3%;
}

.ms-Icon--circle.ms-Icon--caretDownOutline:before {
  top: 6%;
}

.ms-Icon--circle.ms-Icon--caretLeftOutline:before {
  right: -5%;
}

.ms-Icon--circle.ms-Icon--caretRightOutline:before {
  right: 5%;
}

.ms-Icon--circle.ms-Icon--sway:before {
  right: -3%;
}

.ms-Icon--circle.ms-Icon--mailSync:before {
  right: 8%;
  top: 3%;
}

.ms-Icon--circle.ms-Icon--peopleSync:before {
  right: -8%;
}

.ms-Icon--circle.ms-Icon--peopleError:before {
  right: -8%;
}

.ms-Icon--circle.ms-Icon--peoplePause:before {
  right: -8%;
}

.ms-Icon--circle.ms-Icon--documentSearch:before {
  right: 8%;
}

.ms-Icon--circle.ms-Icon--dynamicsMarketing:before {
  right: -8%;
}

.ms-Icon--question,
.ms-Icon--calendar,
.ms-Icon--folder,
.ms-Icon--chat,
.ms-Icon--listBullets,
.ms-Icon--folderMove,
.ms-Icon--mailSend,
.ms-Icon--reply,
.ms-Icon--play,
.ms-Icon--replyAll,
.ms-Icon--refresh,
.ms-Icon--questionReverse,
.ms-Icon--notRecurring,
.ms-Icon--tasks,
.ms-Icon--check,
.ms-Icon--arrowLeft,
.ms-Icon--arrowRight,
.ms-Icon--directions,
.ms-Icon--caretLeft,
.ms-Icon--caretRight,
.ms-Icon--caretUpLeft,
.ms-Icon--caretUpRight,
.ms-Icon--caretDownRight,
.ms-Icon--caretDownLeft,
.ms-Icon--note,
.ms-Icon--noteReply,
.ms-Icon--noteForward,
.ms-Icon--taskRecurring,
.ms-Icon--documentReply,
.ms-Icon--documentForward,
.ms-Icon--reactivate,
.ms-Icon--chevronLeft,
.ms-Icon--chevronRight,
.ms-Icon--notebook,
.ms-Icon--chevronsLeft,
.ms-Icon--chevronsRight,
.ms-Icon--receiptForward,
.ms-Icon--receiptReply,
.ms-Icon--receiptCheck,
.ms-Icon--eventShare,
.ms-Icon--oofReply,
.ms-Icon--voicemailReply,
.ms-Icon--voicemailForward,
.ms-Icon--post,
.ms-Icon--toggle,
.ms-Icon--late,
.ms-Icon--eventRecurring,
.ms-Icon--cart,
.ms-Icon--socialListening,
.ms-Icon--replyAlt,
.ms-Icon--replyAllAlt,
.ms-Icon--graph,
.ms-Icon--pinLeft,
.ms-Icon--chart,
.ms-Icon--page,
.ms-Icon--document,
.ms-Icon--metadata,
.ms-Icon--pointItem,
.ms-Icon--dropdown,
.ms-Icon--checkbox,
.ms-Icon--reload,
.ms-Icon--multiChoice,
.ms-Icon--contactForm,
.ms-Icon--inboxCheck,
.ms-Icon--checkboxCheck,
.ms-Icon--folderSearch,
.ms-Icon--listCheck,
.ms-Icon--listGroup,
.ms-Icon--timeline
.ms-Icon--mailCheck,
.ms-Icon--listCheckbox,
.ms-Icon--sunQuestion,
.ms-Icon--chevronThinLeft,
.ms-Icon--chevronThinRight,
.ms-Icon--chevronThickLeft,
.ms-Icon--chevronThickRight,
.ms-Icon--documentLandscape,
.ms-Icon--peopleCheck,
.ms-Icon--caretLeftOutline,
.ms-Icon--caretRightOutline,
.ms-Icon--mailSync,
.ms-Icon--peopleSync,
.ms-Icon--checkPeople,
.ms-Icon--sortLines,
.ms-Icon--triangleRight:before,
.ms-Icon--triangleLeft:before,
.ms-Icon--contactPublic:before,
.ms-Icon--triangleEmptyRight:before,
.ms-Icon--triangleEmptyLeft:before,
.ms-Icon--fileDocument:before,
.ms-Icon--listGroup2:before,
.ms-Icon--copy:before,
.ms-Icon--sections:before,
.ms-Icon--arrowUpRight:before,
.ms-Icon--arrowDownRight:before,
.ms-Icon--arrowDownLeft:before,
.ms-Icon--arrowUpLeft:before,
.ms-Icon--bundle:before {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes scaleUp100 {
  from {
    -webkit-transform: scale3d(0.98, 0.98, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
  }
}

@keyframes scaleUp100 {
  from {
    -webkit-transform: scale3d(0.98, 0.98, 1);
            transform: scale3d(0.98, 0.98, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

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

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

  to {
    -webkit-transform: scale3d(1, 1, 1);
  }
}

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

  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

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

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

  to {
    -webkit-transform: scale3d(1.03, 1.03, 1);
  }
}

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

  to {
    -webkit-transform: scale3d(1.03, 1.03, 1);
            transform: scale3d(1.03, 1.03, 1);
  }
}

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

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

  to {
    -webkit-transform: scale3d(0.98, 0.98, 1);
  }
}

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

  to {
    -webkit-transform: scale3d(0.98, 0.98, 1);
            transform: scale3d(0.98, 0.98, 1);
  }
}

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

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

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

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

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
            animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  }

  to {
    opacity: 1;
  }
}

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

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

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

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

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

  to {
    opacity: 0;
  }
}

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

  to {
    opacity: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 479px) {
  .ms-u-hiddenSm,
  .ms-u-hiddenMdDown,
  .ms-u-hiddenLgDown,
  .ms-u-hiddenXlDown,
  .ms-u-hiddenXxlDown {
    display: none !important;
  }
}

@media (min-width: 480px) and (max-width: 639px) {
  .ms-u-hiddenMd,
  .ms-u-hiddenMdUp,
  .ms-u-hiddenMdDown,
  .ms-u-hiddenLgDown,
  .ms-u-hiddenXlDown,
  .ms-u-hiddenXxlDown {
    display: none !important;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .ms-u-hiddenMdUp,
  .ms-u-hiddenLg,
  .ms-u-hiddenLgUp,
  .ms-u-hiddenLgDown,
  .ms-u-hiddenXlDown,
  .ms-u-hiddenXxlDown {
    display: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1365px) {
  .ms-u-hiddenMdUp,
  .ms-u-hiddenLgUp,
  .ms-u-hiddenXl,
  .ms-u-hiddenXlUp,
  .ms-u-hiddenXlDown,
  .ms-u-hiddenXxlDown {
    display: none !important;
  }
}

@media (min-width: 1366px) and (max-width: 1919px) {
  .ms-u-hiddenMdUp,
  .ms-u-hiddenLgUp,
  .ms-u-hiddenXlUp,
  .ms-u-hiddenXxl,
  .ms-u-hiddenXxlUp,
  .ms-u-hiddenXxlDown {
    display: none !important;
  }
}

@media (min-width: 1920px) {
  .ms-u-hiddenMdUp,
  .ms-u-hiddenLgUp,
  .ms-u-hiddenXlUp,
  .ms-u-hiddenXxlUp,
  .ms-u-hiddenXxxl {
    display: none !important;
  }
}

.ms-u-sm12 {
  width: 100%;
}

.ms-u-sm11 {
  width: 91.66666666666666%;
}

.ms-u-sm10 {
  width: 83.33333333333334%;
}

.ms-u-sm9 {
  width: 75%;
}

.ms-u-sm8 {
  width: 66.66666666666666%;
}

.ms-u-sm7 {
  width: 58.333333333333336%;
}

.ms-u-sm6 {
  width: 50%;
}

.ms-u-sm5 {
  width: 41.66666666666667%;
}

.ms-u-sm4 {
  width: 33.33333333333333%;
}

.ms-u-sm3 {
  width: 25%;
}

.ms-u-sm2 {
  width: 16.666666666666664%;
}

.ms-u-sm1 {
  width: 8.333333333333332%;
}

.ms-u-smPull12 {
  left: 100%;
}

.ms-u-smPull11 {
  left: 91.66666666666666%;
}

.ms-u-smPull10 {
  left: 83.33333333333334%;
}

.ms-u-smPull9 {
  left: 75%;
}

.ms-u-smPull8 {
  left: 66.66666666666666%;
}

.ms-u-smPull7 {
  left: 58.333333333333336%;
}

.ms-u-smPull6 {
  left: 50%;
}

.ms-u-smPull5 {
  left: 41.66666666666667%;
}

.ms-u-smPull4 {
  left: 33.33333333333333%;
}

.ms-u-smPull3 {
  left: 25%;
}

.ms-u-smPull2 {
  left: 16.666666666666664%;
}

.ms-u-smPull1 {
  left: 8.333333333333332%;
}

.ms-u-smPull0 {
  left: auto;
}

.ms-u-smPush12 {
  right: 100%;
}

.ms-u-smPush11 {
  right: 91.66666666666666%;
}

.ms-u-smPush10 {
  right: 83.33333333333334%;
}

.ms-u-smPush9 {
  right: 75%;
}

.ms-u-smPush8 {
  right: 66.66666666666666%;
}

.ms-u-smPush7 {
  right: 58.333333333333336%;
}

.ms-u-smPush6 {
  right: 50%;
}

.ms-u-smPush5 {
  right: 41.66666666666667%;
}

.ms-u-smPush4 {
  right: 33.33333333333333%;
}

.ms-u-smPush3 {
  right: 25%;
}

.ms-u-smPush2 {
  right: 16.666666666666664%;
}

.ms-u-smPush1 {
  right: 8.333333333333332%;
}

.ms-u-smPush0 {
  right: auto;
}

.ms-u-smOffset11 {
  margin-right: 91.66666666666666%;
}

.ms-u-smOffset10 {
  margin-right: 83.33333333333334%;
}

.ms-u-smOffset9 {
  margin-right: 75%;
}

.ms-u-smOffset8 {
  margin-right: 66.66666666666666%;
}

.ms-u-smOffset7 {
  margin-right: 58.333333333333336%;
}

.ms-u-smOffset6 {
  margin-right: 50%;
}

.ms-u-smOffset5 {
  margin-right: 41.66666666666667%;
}

.ms-u-smOffset4 {
  margin-right: 33.33333333333333%;
}

.ms-u-smOffset3 {
  margin-right: 25%;
}

.ms-u-smOffset2 {
  margin-right: 16.666666666666664%;
}

.ms-u-smOffset1 {
  margin-right: 8.333333333333332%;
}

.ms-u-smOffset0 {
  margin-right: 0;
}

@media (min-width: 480px) {
  .ms-u-md12 {
    width: 100%;
  }

  .ms-u-md11 {
    width: 91.66666666666666%;
  }

  .ms-u-md10 {
    width: 83.33333333333334%;
  }

  .ms-u-md9 {
    width: 75%;
  }

  .ms-u-md8 {
    width: 66.66666666666666%;
  }

  .ms-u-md7 {
    width: 58.333333333333336%;
  }

  .ms-u-md6 {
    width: 50%;
  }

  .ms-u-md5 {
    width: 41.66666666666667%;
  }

  .ms-u-md4 {
    width: 33.33333333333333%;
  }

  .ms-u-md3 {
    width: 25%;
  }

  .ms-u-md2 {
    width: 16.666666666666664%;
  }

  .ms-u-md1 {
    width: 8.333333333333332%;
  }

  .ms-u-mdPull12 {
    left: 100%;
  }

  .ms-u-mdPull11 {
    left: 91.66666666666666%;
  }

  .ms-u-mdPull10 {
    left: 83.33333333333334%;
  }

  .ms-u-mdPull9 {
    left: 75%;
  }

  .ms-u-mdPull8 {
    left: 66.66666666666666%;
  }

  .ms-u-mdPull7 {
    left: 58.333333333333336%;
  }

  .ms-u-mdPull6 {
    left: 50%;
  }

  .ms-u-mdPull5 {
    left: 41.66666666666667%;
  }

  .ms-u-mdPull4 {
    left: 33.33333333333333%;
  }

  .ms-u-mdPull3 {
    left: 25%;
  }

  .ms-u-mdPull2 {
    left: 16.666666666666664%;
  }

  .ms-u-mdPull1 {
    left: 8.333333333333332%;
  }

  .ms-u-mdPull0 {
    left: auto;
  }

  .ms-u-mdPush12 {
    right: 100%;
  }

  .ms-u-mdPush11 {
    right: 91.66666666666666%;
  }

  .ms-u-mdPush10 {
    right: 83.33333333333334%;
  }

  .ms-u-mdPush9 {
    right: 75%;
  }

  .ms-u-mdPush8 {
    right: 66.66666666666666%;
  }

  .ms-u-mdPush7 {
    right: 58.333333333333336%;
  }

  .ms-u-mdPush6 {
    right: 50%;
  }

  .ms-u-mdPush5 {
    right: 41.66666666666667%;
  }

  .ms-u-mdPush4 {
    right: 33.33333333333333%;
  }

  .ms-u-mdPush3 {
    right: 25%;
  }

  .ms-u-mdPush2 {
    right: 16.666666666666664%;
  }

  .ms-u-mdPush1 {
    right: 8.333333333333332%;
  }

  .ms-u-mdPush0 {
    right: auto;
  }

  .ms-u-mdOffset11 {
    margin-right: 91.66666666666666%;
  }

  .ms-u-mdOffset10 {
    margin-right: 83.33333333333334%;
  }

  .ms-u-mdOffset9 {
    margin-right: 75%;
  }

  .ms-u-mdOffset8 {
    margin-right: 66.66666666666666%;
  }

  .ms-u-mdOffset7 {
    margin-right: 58.333333333333336%;
  }

  .ms-u-mdOffset6 {
    margin-right: 50%;
  }

  .ms-u-mdOffset5 {
    margin-right: 41.66666666666667%;
  }

  .ms-u-mdOffset4 {
    margin-right: 33.33333333333333%;
  }

  .ms-u-mdOffset3 {
    margin-right: 25%;
  }

  .ms-u-mdOffset2 {
    margin-right: 16.666666666666664%;
  }

  .ms-u-mdOffset1 {
    margin-right: 8.333333333333332%;
  }

  .ms-u-mdOffset0 {
    margin-right: 0;
  }
}

@media (min-width: 640px) {
  .ms-u-lg12 {
    width: 100%;
  }

  .ms-u-lg11 {
    width: 91.66666666666666%;
  }

  .ms-u-lg10 {
    width: 83.33333333333334%;
  }

  .ms-u-lg9 {
    width: 75%;
  }

  .ms-u-lg8 {
    width: 66.66666666666666%;
  }

  .ms-u-lg7 {
    width: 58.333333333333336%;
  }

  .ms-u-lg6 {
    width: 50%;
  }

  .ms-u-lg5 {
    width: 41.66666666666667%;
  }

  .ms-u-lg4 {
    width: 33.33333333333333%;
  }

  .ms-u-lg3 {
    width: 25%;
  }

  .ms-u-lg2 {
    width: 16.666666666666664%;
  }

  .ms-u-lg1 {
    width: 8.333333333333332%;
  }

  .ms-u-lgPull12 {
    left: 100%;
  }

  .ms-u-lgPull11 {
    left: 91.66666666666666%;
  }

  .ms-u-lgPull10 {
    left: 83.33333333333334%;
  }

  .ms-u-lgPull9 {
    left: 75%;
  }

  .ms-u-lgPull8 {
    left: 66.66666666666666%;
  }

  .ms-u-lgPull7 {
    left: 58.333333333333336%;
  }

  .ms-u-lgPull6 {
    left: 50%;
  }

  .ms-u-lgPull5 {
    left: 41.66666666666667%;
  }

  .ms-u-lgPull4 {
    left: 33.33333333333333%;
  }

  .ms-u-lgPull3 {
    left: 25%;
  }

  .ms-u-lgPull2 {
    left: 16.666666666666664%;
  }

  .ms-u-lgPull1 {
    left: 8.333333333333332%;
  }

  .ms-u-lgPull0 {
    left: auto;
  }

  .ms-u-lgPush12 {
    right: 100%;
  }

  .ms-u-lgPush11 {
    right: 91.66666666666666%;
  }

  .ms-u-lgPush10 {
    right: 83.33333333333334%;
  }

  .ms-u-lgPush9 {
    right: 75%;
  }

  .ms-u-lgPush8 {
    right: 66.66666666666666%;
  }

  .ms-u-lgPush7 {
    right: 58.333333333333336%;
  }

  .ms-u-lgPush6 {
    right: 50%;
  }

  .ms-u-lgPush5 {
    right: 41.66666666666667%;
  }

  .ms-u-lgPush4 {
    right: 33.33333333333333%;
  }

  .ms-u-lgPush3 {
    right: 25%;
  }

  .ms-u-lgPush2 {
    right: 16.666666666666664%;
  }

  .ms-u-lgPush1 {
    right: 8.333333333333332%;
  }

  .ms-u-lgPush0 {
    right: auto;
  }

  .ms-u-lgOffset11 {
    margin-right: 91.66666666666666%;
  }

  .ms-u-lgOffset10 {
    margin-right: 83.33333333333334%;
  }

  .ms-u-lgOffset9 {
    margin-right: 75%;
  }

  .ms-u-lgOffset8 {
    margin-right: 66.66666666666666%;
  }

  .ms-u-lgOffset7 {
    margin-right: 58.333333333333336%;
  }

  .ms-u-lgOffset6 {
    margin-right: 50%;
  }

  .ms-u-lgOffset5 {
    margin-right: 41.66666666666667%;
  }

  .ms-u-lgOffset4 {
    margin-right: 33.33333333333333%;
  }

  .ms-u-lgOffset3 {
    margin-right: 25%;
  }

  .ms-u-lgOffset2 {
    margin-right: 16.666666666666664%;
  }

  .ms-u-lgOffset1 {
    margin-right: 8.333333333333332%;
  }

  .ms-u-lgOffset0 {
    margin-right: 0;
  }
}

@media (min-width: 1024px) {
  .ms-u-xl12 {
    width: 100%;
  }

  .ms-u-xl11 {
    width: 91.66666666666666%;
  }

  .ms-u-xl10 {
    width: 83.33333333333334%;
  }

  .ms-u-xl9 {
    width: 75%;
  }

  .ms-u-xl8 {
    width: 66.66666666666666%;
  }

  .ms-u-xl7 {
    width: 58.333333333333336%;
  }

  .ms-u-xl6 {
    width: 50%;
  }

  .ms-u-xl5 {
    width: 41.66666666666667%;
  }

  .ms-u-xl4 {
    width: 33.33333333333333%;
  }

  .ms-u-xl3 {
    width: 25%;
  }

  .ms-u-xl2 {
    width: 16.666666666666664%;
  }

  .ms-u-xl1 {
    width: 8.333333333333332%;
  }

  .ms-u-xlPull12 {
    left: 100%;
  }

  .ms-u-xlPull11 {
    left: 91.66666666666666%;
  }

  .ms-u-xlPull10 {
    left: 83.33333333333334%;
  }

  .ms-u-xlPull9 {
    left: 75%;
  }

  .ms-u-xlPull8 {
    left: 66.66666666666666%;
  }

  .ms-u-xlPull7 {
    left: 58.333333333333336%;
  }

  .ms-u-xlPull6 {
    left: 50%;
  }

  .ms-u-xlPull5 {
    left: 41.66666666666667%;
  }

  .ms-u-xlPull4 {
    left: 33.33333333333333%;
  }

  .ms-u-xlPull3 {
    left: 25%;
  }

  .ms-u-xlPull2 {
    left: 16.666666666666664%;
  }

  .ms-u-xlPull1 {
    left: 8.333333333333332%;
  }

  .ms-u-xlPull0 {
    left: auto;
  }

  .ms-u-xlPush12 {
    right: 100%;
  }

  .ms-u-xlPush11 {
    right: 91.66666666666666%;
  }

  .ms-u-xlPush10 {
    right: 83.33333333333334%;
  }

  .ms-u-xlPush9 {
    right: 75%;
  }

  .ms-u-xlPush8 {
    right: 66.66666666666666%;
  }

  .ms-u-xlPush7 {
    right: 58.333333333333336%;
  }

  .ms-u-xlPush6 {
    right: 50%;
  }

  .ms-u-xlPush5 {
    right: 41.66666666666667%;
  }

  .ms-u-xlPush4 {
    right: 33.33333333333333%;
  }

  .ms-u-xlPush3 {
    right: 25%;
  }

  .ms-u-xlPush2 {
    right: 16.666666666666664%;
  }

  .ms-u-xlPush1 {
    right: 8.333333333333332%;
  }

  .ms-u-xlPush0 {
    right: auto;
  }

  .ms-u-xlOffset11 {
    margin-right: 91.66666666666666%;
  }

  .ms-u-xlOffset10 {
    margin-right: 83.33333333333334%;
  }

  .ms-u-xlOffset9 {
    margin-right: 75%;
  }

  .ms-u-xlOffset8 {
    margin-right: 66.66666666666666%;
  }

  .ms-u-xlOffset7 {
    margin-right: 58.333333333333336%;
  }

  .ms-u-xlOffset6 {
    margin-right: 50%;
  }

  .ms-u-xlOffset5 {
    margin-right: 41.66666666666667%;
  }

  .ms-u-xlOffset4 {
    margin-right: 33.33333333333333%;
  }

  .ms-u-xlOffset3 {
    margin-right: 25%;
  }

  .ms-u-xlOffset2 {
    margin-right: 16.666666666666664%;
  }

  .ms-u-xlOffset1 {
    margin-right: 8.333333333333332%;
  }

  .ms-u-xlOffset0 {
    margin-right: 0;
  }
}

@media (min-width: 1366px) {
  .ms-u-xxl12 {
    width: 100%;
  }

  .ms-u-xxl11 {
    width: 91.66666666666666%;
  }

  .ms-u-xxl10 {
    width: 83.33333333333334%;
  }

  .ms-u-xxl9 {
    width: 75%;
  }

  .ms-u-xxl8 {
    width: 66.66666666666666%;
  }

  .ms-u-xxl7 {
    width: 58.333333333333336%;
  }

  .ms-u-xxl6 {
    width: 50%;
  }

  .ms-u-xxl5 {
    width: 41.66666666666667%;
  }

  .ms-u-xxl4 {
    width: 33.33333333333333%;
  }

  .ms-u-xxl3 {
    width: 25%;
  }

  .ms-u-xxl2 {
    width: 16.666666666666664%;
  }

  .ms-u-xxl1 {
    width: 8.333333333333332%;
  }

  .ms-u-xxlPull12 {
    left: 100%;
  }

  .ms-u-xxlPull11 {
    left: 91.66666666666666%;
  }

  .ms-u-xxlPull10 {
    left: 83.33333333333334%;
  }

  .ms-u-xxlPull9 {
    left: 75%;
  }

  .ms-u-xxlPull8 {
    left: 66.66666666666666%;
  }

  .ms-u-xxlPull7 {
    left: 58.333333333333336%;
  }

  .ms-u-xxlPull6 {
    left: 50%;
  }

  .ms-u-xxlPull5 {
    left: 41.66666666666667%;
  }

  .ms-u-xxlPull4 {
    left: 33.33333333333333%;
  }

  .ms-u-xxlPull3 {
    left: 25%;
  }

  .ms-u-xxlPull2 {
    left: 16.666666666666664%;
  }

  .ms-u-xxlPull1 {
    left: 8.333333333333332%;
  }

  .ms-u-xxlPull0 {
    left: auto;
  }

  .ms-u-xxlPush12 {
    right: 100%;
  }

  .ms-u-xxlPush11 {
    right: 91.66666666666666%;
  }

  .ms-u-xxlPush10 {
    right: 83.33333333333334%;
  }

  .ms-u-xxlPush9 {
    right: 75%;
  }

  .ms-u-xxlPush8 {
    right: 66.66666666666666%;
  }

  .ms-u-xxlPush7 {
    right: 58.333333333333336%;
  }

  .ms-u-xxlPush6 {
    right: 50%;
  }

  .ms-u-xxlPush5 {
    right: 41.66666666666667%;
  }

  .ms-u-xxlPush4 {
    right: 33.33333333333333%;
  }

  .ms-u-xxlPush3 {
    right: 25%;
  }

  .ms-u-xxlPush2 {
    right: 16.666666666666664%;
  }

  .ms-u-xxlPush1 {
    right: 8.333333333333332%;
  }

  .ms-u-xxlPush0 {
    right: auto;
  }

  .ms-u-xxlOffset11 {
    margin-right: 91.66666666666666%;
  }

  .ms-u-xxlOffset10 {
    margin-right: 83.33333333333334%;
  }

  .ms-u-xxlOffset9 {
    margin-right: 75%;
  }

  .ms-u-xxlOffset8 {
    margin-right: 66.66666666666666%;
  }

  .ms-u-xxlOffset7 {
    margin-right: 58.333333333333336%;
  }

  .ms-u-xxlOffset6 {
    margin-right: 50%;
  }

  .ms-u-xxlOffset5 {
    margin-right: 41.66666666666667%;
  }

  .ms-u-xxlOffset4 {
    margin-right: 33.33333333333333%;
  }

  .ms-u-xxlOffset3 {
    margin-right: 25%;
  }

  .ms-u-xxlOffset2 {
    margin-right: 16.666666666666664%;
  }

  .ms-u-xxlOffset1 {
    margin-right: 8.333333333333332%;
  }

  .ms-u-xxlOffset0 {
    margin-right: 0;
  }
}

@media (min-width: 1920px) {
  .ms-u-xxxl12 {
    width: 100%;
  }

  .ms-u-xxxl11 {
    width: 91.66666666666666%;
  }

  .ms-u-xxxl10 {
    width: 83.33333333333334%;
  }

  .ms-u-xxxl9 {
    width: 75%;
  }

  .ms-u-xxxl8 {
    width: 66.66666666666666%;
  }

  .ms-u-xxxl7 {
    width: 58.333333333333336%;
  }

  .ms-u-xxxl6 {
    width: 50%;
  }

  .ms-u-xxxl5 {
    width: 41.66666666666667%;
  }

  .ms-u-xxxl4 {
    width: 33.33333333333333%;
  }

  .ms-u-xxxl3 {
    width: 25%;
  }

  .ms-u-xxxl2 {
    width: 16.666666666666664%;
  }

  .ms-u-xxxl1 {
    width: 8.333333333333332%;
  }

  .ms-u-xxxlPull12 {
    left: 100%;
  }

  .ms-u-xxxlPull11 {
    left: 91.66666666666666%;
  }

  .ms-u-xxxlPull10 {
    left: 83.33333333333334%;
  }

  .ms-u-xxxlPull9 {
    left: 75%;
  }

  .ms-u-xxxlPull8 {
    left: 66.66666666666666%;
  }

  .ms-u-xxxlPull7 {
    left: 58.333333333333336%;
  }

  .ms-u-xxxlPull6 {
    left: 50%;
  }

  .ms-u-xxxlPull5 {
    left: 41.66666666666667%;
  }

  .ms-u-xxxlPull4 {
    left: 33.33333333333333%;
  }

  .ms-u-xxxlPull3 {
    left: 25%;
  }

  .ms-u-xxxlPull2 {
    left: 16.666666666666664%;
  }

  .ms-u-xxxlPull1 {
    left: 8.333333333333332%;
  }

  .ms-u-xxxlPull0 {
    left: auto;
  }

  .ms-u-xxxlPush12 {
    right: 100%;
  }

  .ms-u-xxxlPush11 {
    right: 91.66666666666666%;
  }

  .ms-u-xxxlPush10 {
    right: 83.33333333333334%;
  }

  .ms-u-xxxlPush9 {
    right: 75%;
  }

  .ms-u-xxxlPush8 {
    right: 66.66666666666666%;
  }

  .ms-u-xxxlPush7 {
    right: 58.333333333333336%;
  }

  .ms-u-xxxlPush6 {
    right: 50%;
  }

  .ms-u-xxxlPush5 {
    right: 41.66666666666667%;
  }

  .ms-u-xxxlPush4 {
    right: 33.33333333333333%;
  }

  .ms-u-xxxlPush3 {
    right: 25%;
  }

  .ms-u-xxxlPush2 {
    right: 16.666666666666664%;
  }

  .ms-u-xxxlPush1 {
    right: 8.333333333333332%;
  }

  .ms-u-xxxlPush0 {
    right: auto;
  }

  .ms-u-xxxlOffset11 {
    margin-right: 91.66666666666666%;
  }

  .ms-u-xxxlOffset10 {
    margin-right: 83.33333333333334%;
  }

  .ms-u-xxxlOffset9 {
    margin-right: 75%;
  }

  .ms-u-xxxlOffset8 {
    margin-right: 66.66666666666666%;
  }

  .ms-u-xxxlOffset7 {
    margin-right: 58.333333333333336%;
  }

  .ms-u-xxxlOffset6 {
    margin-right: 50%;
  }

  .ms-u-xxxlOffset5 {
    margin-right: 41.66666666666667%;
  }

  .ms-u-xxxlOffset4 {
    margin-right: 33.33333333333333%;
  }

  .ms-u-xxxlOffset3 {
    margin-right: 25%;
  }

  .ms-u-xxxlOffset2 {
    margin-right: 16.666666666666664%;
  }

  .ms-u-xxxlOffset1 {
    margin-right: 8.333333333333332%;
  }

  .ms-u-xxxlOffset0 {
    margin-right: 0;
  }
}

.ms-Grid {
  box-sizing: border-box;
  *zoom: 1;
  padding: 0 8px;
}

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

.ms-Grid:after {
  clear: both;
}

.ms-Grid-row {
  margin: 0 -8px;
  box-sizing: border-box;
  *zoom: 1;
}

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

.ms-Grid-row:after {
  clear: both;
}

.ms-Grid-col {
  position: relative;
  min-height: 1px;
  padding-right: 8px;
  padding-left: 8px;
  box-sizing: border-box;
  float: right;
}

.ms-Grid-col .ms-Grid {
  padding: 0;
}
