/* Copyright (c) Microsoft Corporation.  All Rights Reserved. Licensed under the MIT License. See License.txt in the project root for license information. */
.win-scrollviewer .win-itemcontainer {
  border-top: 8px;
  border-bottom: 8px;
  border-bottom-style: solid;
  border-top-style: solid;
  border-color: transparent;
  margin-bottom: 0;
  margin-top: 0;
}
.win-scrollviewer .win-itemcontainer .win-tile-focusindicator {
  margin-top: 4px;
  margin-bottom: 4px;
  height: calc(100% - 16px);
}
.win-scrollviewer .win-itemcontainer .win-voice-host,
.win-scrollviewer .win-itemcontainer .win-itemcontainer-captureproxy,
.win-overlay-container .win-itemcontainer .win-voice-host,
.win-overlay-container .win-itemcontainer .win-itemcontainer-captureproxy {
  margin-top: 8px;
  margin-bottom: 8px;
  height: calc(100% - 16px);
}
.win-scrollviewer {
  display: -ms-grid;
  -ms-grid-rows: 1fr 50px;
  -ms-grid-columns: 100%;
  height: 100%;
  width: 100%;
}
.win-scrollviewer-scrollmode-text .win-scrollviewer-contentelement {
  border-style: solid;
  border-width: 4px;
  padding-right: 24px;
  padding-left: 0;
  transition-duration: 100ms;
  transition-timing-function: linear;
  transition-property: border-color padding;
}
body:not(.win-visiblebutnotfocused) .win-scrollviewer-scrollmode-text .win-scrollviewer-contentelement:focus {
  transition-duration: 100ms;
  padding-right: 12px;
  padding-left: 12px;
}
.win-scrollviewer-scrollmode-text .win-scrollviewer-contentelement:active {
  transition-duration: 0.467s;
  transition-timing-function: cubic-bezier(0.84, 0, 1, 0.32);
  transition-property: box-shadow;
}
.win-scrollviewer .win-scrollindicator {
  -ms-grid-row: 2;
  -ms-grid-row-align: end;
  display: -ms-grid;
  -ms-grid-rows: 50px 50px;
  -ms-grid-columns: 16px 1fr 1fr 16px;
}
.win-scrollviewer .win-overlay-arrowindicators {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
/* If the text is not scrollable we don't show the arrows. */
.win-scrollviewer .win-overlay-arrowindicators {
  visibility: hidden;
}
/* But if there is scrollable content, then we do show the arrows. */
.win-scrollable .win-scrollable-up .win-overlay-arrowindicators,
.win-scrollable .win-scrollable-down .win-overlay-arrowindicators {
  visibility: visible;
}
/* The ScrollViewer in list most does not show the scroll bars */
.win-scrollviewer-scrollmode-list .win-scrollviewer-contentelement {
  -ms-overflow-style: none;
}
/* Voice Styles */
.win-overlay-voiceindicators {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  height: 100%;
  display: none;
}
.win-scrollable .win-overlay-voiceindicators {
  display: -ms-grid;
  -ms-grid-columns: 1fr 0px 1fr;
  -ms-grid-rows: 1fr;
  height: 100%;
}
.win-scrollviewer.win-scrollable .win-overlay-voiceindicators {
  -ms-grid-row-span: 2;
}
.win-overlay-voiceindicators .win-overlay-pageupindicator {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-align: center;
}
.win-overlay-voiceindicators .win-overlay-pagedownindicator {
  -ms-grid-column: 3;
  -ms-grid-column-align: end;
  -ms-grid-row-align: center;
}
.win-scrollviewer .win-overlay-voice-command {
  -ms-grid-row-align: end;
  margin: 0 16px 0 16px;
  line-height: 36px;
  overflow: hidden;
  white-space: normal;
}
.win-scrollviewer .win-scrollviewer-contentelement:focus {
  outline: none;
}
.win-scrollviewer-contentelement {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  height: auto;
  width: auto;
  overflow-x: hidden;
  -ms-overflow-style: none;
  -ms-touch-action: none;
}
/* When the ScrollViewer is in a hub, we want to set the pan direction to horizontal  
    so that the user can pan horizontally on details pages if vertical scrolling is  
    not required. */
.win-hub-horizontal .win-scrollviewer-contentelement {
  -ms-touch-action: pan-x;
}
.win-hub-vertical .win-scrollviewer-contentelement {
  -ms-touch-action: pan-y;
}
.win-scrollable .win-scrollviewer-contentelement {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-touch-action: pan-y;
  overflow-y: auto;
}
/* Ensures the VUI for ScrollViewers will be above the focus of the item containers. */
.win-scrollindicator {
  position: relative;
  z-index: 1;
}
/* We need to give the divs a height otherwise they  
   will not be voice enabled. We accomplish this by using  
   a 1px border. */
.win-overlay-dismissoverlay > .win-overlay-voice-command,
.win-overlay-pageupindicator,
.win-overlay-pagedownindicator {
  border: 1px solid transparent;
}
.win-voice-voicemodeactive .win-overlay-scrollupindicator {
  display: none;
}
.win-voice-voicemodeactive .win-overlay-scrolldownindicator {
  display: none;
}
.win-overlay-scrollupindicator::before {
  font-family: 'Segoe UI Symbol';
  content: '\1F53C';
}
.win-overlay-scrolldownindicator::before {
  font-family: 'Segoe UI Symbol';
  content: '\1F53D';
}
@font-face {
  font-family: "Segoe UI Command";
  src: local("Segoe MDL2 Assets");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Symbols";
  src: url(../fonts/Symbols.ttf);
}
.win-type-header,
.win-h1 {
  font-size: 46px;
  font-weight: 200;
  line-height: 1.216;
  letter-spacing: 0px;
}
.win-type-subheader,
.win-h2 {
  font-size: 34px;
  font-weight: 200;
  line-height: 1.176;
}
.win-type-title,
.win-h3 {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.167;
}
.win-type-subtitle,
.win-h4 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
}
.win-type-body,
.win-h6 {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.333;
}
.win-type-base,
.win-h5 {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.333;
}
.win-type-caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.167;
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 200;
  src: local("Segoe UI Light");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 300;
  src: local("Segoe UI Semilight");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 400;
  src: local("Segoe UI");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 500;
  src: local("Segoe UI Semibold");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 600;
  src: local("Segoe UI Bold");
}
@font-face {
  font-family: "Segoe UI";
  font-style: italic;
  font-weight: 400;
  src: local("Segoe UI Italic");
}
@font-face {
  font-family: "Segoe UI";
  font-style: italic;
  font-weight: 700;
  src: local("Segoe UI Bold Italic");
}
@font-face {
  font-family: "Microsoft Yahei UI";
  font-weight: 200;
  src: local("Microsoft Yahei UI Light");
}
@font-face {
  font-family: "Microsoft Yahei UI";
  font-weight: 300;
  src: local("Microsoft Yahei UI");
}
@font-face {
  font-family: "Microsoft Yahei UI";
  font-weight: 500;
  src: local("Microsoft Yahei UI");
}
@font-face {
  font-family: "Microsoft Yahei UI";
  font-weight: 600;
  src: local("Microsoft Yahei UI Bold");
}
@font-face {
  font-family: "Microsoft JhengHei UI";
  font-weight: 200;
  src: local("Microsoft JhengHei UI Light");
}
@font-face {
  font-family: "Microsoft JhengHei UI";
  font-weight: 300;
  src: local("Microsoft JhengHei UI");
}
@font-face {
  font-family: "Microsoft JhengHei UI";
  font-weight: 500;
  src: local("Microsoft JhengHei UI");
}
@font-face {
  font-family: "Microsoft JhengHei UI";
  font-weight: 600;
  src: local("Microsoft JhengHei UI Bold");
}
.win-type-header:-ms-lang(am, ti),
.win-type-subheader:-ms-lang(am, ti),
.win-type-title:-ms-lang(am, ti),
.win-type-subtitle:-ms-lang(am, ti),
.win-type-base:-ms-lang(am, ti),
.win-type-body:-ms-lang(am, ti),
.win-type-caption:-ms-lang(am, ti),
.win-h1:-ms-lang(am, ti),
.win-h2:-ms-lang(am, ti),
.win-h3:-ms-lang(am, ti),
.win-h4:-ms-lang(am, ti),
.win-h5:-ms-lang(am, ti),
.win-h6:-ms-lang(am, ti),
.win-button:-ms-lang(am, ti),
.win-dropdown:-ms-lang(am, ti),
.win-textbox:-ms-lang(am, ti),
.win-link:-ms-lang(am, ti),
.win-textarea:-ms-lang(am, ti) {
  font-family: "Ebrima", "Ebrima", "Nirmala UI", "Gadugi", "Segoe UI Emoji", "Segoe MDL2 Assets", "Symbols", "Yu Gothic UI", "Yu Gothic", "Meiryo UI", "Leelawadee UI", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Segoe UI Historic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Javanese Text", "Cambria Math";
}
.win-type-header:-ms-lang(as, bn, gu, hi, kn, kok, ml, mr, ne, or, pa, sat-Olck, si, srb-Sora, ta, te),
.win-type-subheader:-ms-lang(as, bn, gu, hi, kn, kok, ml, mr, ne, or, pa, sat-Olck, si, srb-Sora, ta, te),
.win-type-title:-ms-lang(as, bn, gu, hi, kn, kok, ml, mr, ne, or, pa, sat-Olck, si, srb-Sora, ta, te),
.win-type-subtitle:-ms-lang(as, bn, gu, hi, kn, kok, ml, mr, ne, or, pa, sat-Olck, si, srb-Sora, ta, te),
.win-type-base:-ms-lang(as, bn, gu, hi, kn, kok, ml, mr, ne, or, pa, sat-Olck, si, srb-Sora, ta, te),
.win-type-body:-ms-lang(as, bn, gu, hi, kn, kok, ml, mr, ne, or, pa, sat-Olck, si, srb-Sora, ta, te),
.win-type-caption:-ms-lang(as, bn, gu, hi, kn, kok, ml, mr, ne, or, pa, sat-Olck, si, srb-Sora, ta, te),
.win-h1:-ms-lang(as, bn, gu, hi, kn, kok, ml, mr, ne, or, pa, sat-Olck, si, srb-Sora, ta, te),
.win-h2:-ms-lang(as, bn, gu, hi, kn, kok, ml, mr, ne, or, pa, sat-Olck, si, srb-Sora, ta, te),
.win-h3:-ms-lang(as, bn, gu, hi, kn, kok, ml, mr, ne, or, pa, sat-Olck, si, srb-Sora, ta, te),
.win-h4:-ms-lang(as, bn, gu, hi, kn, kok, ml, mr, ne, or, pa, sat-Olck, si, srb-Sora, ta, te),
.win-h5:-ms-lang(as, bn, gu, hi, kn, kok, ml, mr, ne, or, pa, sat-Olck, si, srb-Sora, ta, te),
.win-h6:-ms-lang(as, bn, gu, hi, kn, kok, ml, mr, ne, or, pa, sat-Olck, si, srb-Sora, ta, te),
.win-button:-ms-lang(as, bn, gu, hi, kn, kok, ml, mr, ne, or, pa, sat-Olck, si, srb-Sora, ta, te),
.win-dropdown:-ms-lang(as, bn, gu, hi, kn, kok, ml, mr, ne, or, pa, sat-Olck, si, srb-Sora, ta, te),
.win-textbox:-ms-lang(as, bn, gu, hi, kn, kok, ml, mr, ne, or, pa, sat-Olck, si, srb-Sora, ta, te),
.win-link:-ms-lang(as, bn, gu, hi, kn, kok, ml, mr, ne, or, pa, sat-Olck, si, srb-Sora, ta, te),
.win-textarea:-ms-lang(as, bn, gu, hi, kn, kok, ml, mr, ne, or, pa, sat-Olck, si, srb-Sora, ta, te) {
  font-family: "Nirmala UI", "Ebrima", "Nirmala UI", "Gadugi", "Segoe UI Emoji", "Segoe MDL2 Assets", "Symbols", "Yu Gothic UI", "Yu Gothic", "Meiryo UI", "Leelawadee UI", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Segoe UI Historic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Javanese Text", "Cambria Math";
}
.win-type-header:-ms-lang(chr-CHER-US),
.win-type-subheader:-ms-lang(chr-CHER-US),
.win-type-title:-ms-lang(chr-CHER-US),
.win-type-subtitle:-ms-lang(chr-CHER-US),
.win-type-base:-ms-lang(chr-CHER-US),
.win-type-body:-ms-lang(chr-CHER-US),
.win-type-caption:-ms-lang(chr-CHER-US),
.win-h1:-ms-lang(chr-CHER-US),
.win-h2:-ms-lang(chr-CHER-US),
.win-h3:-ms-lang(chr-CHER-US),
.win-h4:-ms-lang(chr-CHER-US),
.win-h5:-ms-lang(chr-CHER-US),
.win-h6:-ms-lang(chr-CHER-US),
.win-button:-ms-lang(chr-CHER-US),
.win-dropdown:-ms-lang(chr-CHER-US),
.win-textbox:-ms-lang(chr-CHER-US),
.win-link:-ms-lang(chr-CHER-US),
.win-textarea:-ms-lang(chr-CHER-US) {
  font-family: "Gadugi", "Ebrima", "Nirmala UI", "Gadugi", "Segoe UI Emoji", "Segoe MDL2 Assets", "Symbols", "Yu Gothic UI", "Yu Gothic", "Meiryo UI", "Leelawadee UI", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Segoe UI Historic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Javanese Text", "Cambria Math";
}
.win-type-header:-ms-lang(ja),
.win-type-subheader:-ms-lang(ja),
.win-type-title:-ms-lang(ja),
.win-type-subtitle:-ms-lang(ja),
.win-type-base:-ms-lang(ja),
.win-type-body:-ms-lang(ja),
.win-type-caption:-ms-lang(ja),
.win-h1:-ms-lang(ja),
.win-h2:-ms-lang(ja),
.win-h3:-ms-lang(ja),
.win-h4:-ms-lang(ja),
.win-h5:-ms-lang(ja),
.win-h6:-ms-lang(ja),
.win-button:-ms-lang(ja),
.win-dropdown:-ms-lang(ja),
.win-textbox:-ms-lang(ja),
.win-link:-ms-lang(ja),
.win-textarea:-ms-lang(ja) {
  font-family: "Yu Gothic UI", "Ebrima", "Nirmala UI", "Gadugi", "Segoe UI Emoji", "Segoe MDL2 Assets", "Symbols", "Yu Gothic UI", "Yu Gothic", "Meiryo UI", "Leelawadee UI", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Segoe UI Historic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Javanese Text", "Cambria Math";
}
.win-type-header:-ms-lang(km, lo, th, bug-Bugi),
.win-type-subheader:-ms-lang(km, lo, th, bug-Bugi),
.win-type-title:-ms-lang(km, lo, th, bug-Bugi),
.win-type-subtitle:-ms-lang(km, lo, th, bug-Bugi),
.win-type-base:-ms-lang(km, lo, th, bug-Bugi),
.win-type-body:-ms-lang(km, lo, th, bug-Bugi),
.win-type-caption:-ms-lang(km, lo, th, bug-Bugi),
.win-h1:-ms-lang(km, lo, th, bug-Bugi),
.win-h2:-ms-lang(km, lo, th, bug-Bugi),
.win-h3:-ms-lang(km, lo, th, bug-Bugi),
.win-h4:-ms-lang(km, lo, th, bug-Bugi),
.win-h5:-ms-lang(km, lo, th, bug-Bugi),
.win-h6:-ms-lang(km, lo, th, bug-Bugi),
.win-button:-ms-lang(km, lo, th, bug-Bugi),
.win-dropdown:-ms-lang(km, lo, th, bug-Bugi),
.win-textbox:-ms-lang(km, lo, th, bug-Bugi),
.win-link:-ms-lang(km, lo, th, bug-Bugi),
.win-textarea:-ms-lang(km, lo, th, bug-Bugi) {
  font-family: "Leelawadee UI", "Ebrima", "Nirmala UI", "Gadugi", "Segoe UI Emoji", "Segoe MDL2 Assets", "Symbols", "Yu Gothic UI", "Yu Gothic", "Meiryo UI", "Leelawadee UI", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Segoe UI Historic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Javanese Text", "Cambria Math";
}
.win-type-header:-ms-lang(ko),
.win-type-subheader:-ms-lang(ko),
.win-type-title:-ms-lang(ko),
.win-type-subtitle:-ms-lang(ko),
.win-type-base:-ms-lang(ko),
.win-type-body:-ms-lang(ko),
.win-type-caption:-ms-lang(ko),
.win-h1:-ms-lang(ko),
.win-h2:-ms-lang(ko),
.win-h3:-ms-lang(ko),
.win-h4:-ms-lang(ko),
.win-h5:-ms-lang(ko),
.win-h6:-ms-lang(ko),
.win-button:-ms-lang(ko),
.win-dropdown:-ms-lang(ko),
.win-textbox:-ms-lang(ko),
.win-link:-ms-lang(ko),
.win-textarea:-ms-lang(ko) {
  font-family: "Malgun Gothic", "Ebrima", "Nirmala UI", "Gadugi", "Segoe UI Emoji", "Segoe MDL2 Assets", "Symbols", "Yu Gothic UI", "Yu Gothic", "Meiryo UI", "Leelawadee UI", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Segoe UI Historic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Javanese Text", "Cambria Math";
}
.win-type-header:-ms-lang(jv-Java),
.win-type-subheader:-ms-lang(jv-Java),
.win-type-title:-ms-lang(jv-Java),
.win-type-subtitle:-ms-lang(jv-Java),
.win-type-base:-ms-lang(jv-Java),
.win-type-body:-ms-lang(jv-Java),
.win-type-caption:-ms-lang(jv-Java),
.win-h1:-ms-lang(jv-Java),
.win-h2:-ms-lang(jv-Java),
.win-h3:-ms-lang(jv-Java),
.win-h4:-ms-lang(jv-Java),
.win-h5:-ms-lang(jv-Java),
.win-h6:-ms-lang(jv-Java),
.win-button:-ms-lang(jv-Java),
.win-dropdown:-ms-lang(jv-Java),
.win-textbox:-ms-lang(jv-Java),
.win-link:-ms-lang(jv-Java),
.win-textarea:-ms-lang(jv-Java) {
  font-family: "Javanese Text", "Ebrima", "Nirmala UI", "Gadugi", "Segoe UI Emoji", "Segoe MDL2 Assets", "Symbols", "Yu Gothic UI", "Yu Gothic", "Meiryo UI", "Leelawadee UI", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Segoe UI Historic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Javanese Text", "Cambria Math";
}
.win-type-header:-ms-lang(cop-Copt),
.win-type-subheader:-ms-lang(cop-Copt),
.win-type-title:-ms-lang(cop-Copt),
.win-type-subtitle:-ms-lang(cop-Copt),
.win-type-base:-ms-lang(cop-Copt),
.win-type-body:-ms-lang(cop-Copt),
.win-type-caption:-ms-lang(cop-Copt),
.win-h1:-ms-lang(cop-Copt),
.win-h2:-ms-lang(cop-Copt),
.win-h3:-ms-lang(cop-Copt),
.win-h4:-ms-lang(cop-Copt),
.win-h5:-ms-lang(cop-Copt),
.win-h6:-ms-lang(cop-Copt),
.win-button:-ms-lang(cop-Copt),
.win-dropdown:-ms-lang(cop-Copt),
.win-textbox:-ms-lang(cop-Copt),
.win-link:-ms-lang(cop-Copt),
.win-textarea:-ms-lang(cop-Copt) {
  font-family: "Segoe MDL2 Assets", "Ebrima", "Nirmala UI", "Gadugi", "Segoe UI Emoji", "Segoe MDL2 Assets", "Symbols", "Yu Gothic UI", "Yu Gothic", "Meiryo UI", "Leelawadee UI", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Segoe UI Historic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Javanese Text", "Cambria Math";
}
.win-type-header:-ms-lang(zh-CN, zh-Hans, zh-SG),
.win-type-subheader:-ms-lang(zh-CN, zh-Hans, zh-SG),
.win-type-title:-ms-lang(zh-CN, zh-Hans, zh-SG),
.win-type-subtitle:-ms-lang(zh-CN, zh-Hans, zh-SG),
.win-type-base:-ms-lang(zh-CN, zh-Hans, zh-SG),
.win-type-body:-ms-lang(zh-CN, zh-Hans, zh-SG),
.win-type-caption:-ms-lang(zh-CN, zh-Hans, zh-SG),
.win-h1:-ms-lang(zh-CN, zh-Hans, zh-SG),
.win-h2:-ms-lang(zh-CN, zh-Hans, zh-SG),
.win-h3:-ms-lang(zh-CN, zh-Hans, zh-SG),
.win-h4:-ms-lang(zh-CN, zh-Hans, zh-SG),
.win-h5:-ms-lang(zh-CN, zh-Hans, zh-SG),
.win-h6:-ms-lang(zh-CN, zh-Hans, zh-SG),
.win-button:-ms-lang(zh-CN, zh-Hans, zh-SG),
.win-dropdown:-ms-lang(zh-CN, zh-Hans, zh-SG),
.win-textbox:-ms-lang(zh-CN, zh-Hans, zh-SG),
.win-link:-ms-lang(zh-CN, zh-Hans, zh-SG),
.win-textarea:-ms-lang(zh-CN, zh-Hans, zh-SG) {
  font-family: "Microsoft YaHei UI", "Ebrima", "Nirmala UI", "Gadugi", "Segoe UI Emoji", "Segoe MDL2 Assets", "Symbols", "Yu Gothic UI", "Yu Gothic", "Meiryo UI", "Leelawadee UI", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Segoe UI Historic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Javanese Text", "Cambria Math";
}
.win-type-header:-ms-lang(zh-HK, zh-TW, zh-Hant, zh-MO),
.win-type-subheader:-ms-lang(zh-HK, zh-TW, zh-Hant, zh-MO),
.win-type-title:-ms-lang(zh-HK, zh-TW, zh-Hant, zh-MO),
.win-type-subtitle:-ms-lang(zh-HK, zh-TW, zh-Hant, zh-MO),
.win-type-base:-ms-lang(zh-HK, zh-TW, zh-Hant, zh-MO),
.win-type-body:-ms-lang(zh-HK, zh-TW, zh-Hant, zh-MO),
.win-type-caption:-ms-lang(zh-HK, zh-TW, zh-Hant, zh-MO),
.win-h1:-ms-lang(zh-HK, zh-TW, zh-Hant, zh-MO),
.win-h2:-ms-lang(zh-HK, zh-TW, zh-Hant, zh-MO),
.win-h3:-ms-lang(zh-HK, zh-TW, zh-Hant, zh-MO),
.win-h4:-ms-lang(zh-HK, zh-TW, zh-Hant, zh-MO),
.win-h5:-ms-lang(zh-HK, zh-TW, zh-Hant, zh-MO),
.win-h6:-ms-lang(zh-HK, zh-TW, zh-Hant, zh-MO),
.win-button:-ms-lang(zh-HK, zh-TW, zh-Hant, zh-MO),
.win-dropdown:-ms-lang(zh-HK, zh-TW, zh-Hant, zh-MO),
.win-textbox:-ms-lang(zh-HK, zh-TW, zh-Hant, zh-MO),
.win-link:-ms-lang(zh-HK, zh-TW, zh-Hant, zh-MO),
.win-textarea:-ms-lang(zh-HK, zh-TW, zh-Hant, zh-MO) {
  font-family: "Microsoft JhengHei UI", "Ebrima", "Nirmala UI", "Gadugi", "Segoe UI Emoji", "Segoe MDL2 Assets", "Symbols", "Yu Gothic UI", "Yu Gothic", "Meiryo UI", "Leelawadee UI", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Segoe UI Historic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Javanese Text", "Cambria Math";
}
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
input[type=url],
input[type=search] {
  height: 68px;
  padding: 27px 34px 22px 34px;
  min-width: 428px;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  font-size: 24px;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=search]:focus {
  padding: 26px 33px 21px 33px;
}
input[type=text]:focus:active,
input[type=password]:focus:active,
input[type=email]:focus:active,
input[type=number]:focus:active,
input[type=tel]:focus:active,
input[type=url]:focus:active,
input[type=search]:focus:active,
input[type=text]:focus:-ms-keyboard-active,
input[type=password]:focus:-ms-keyboard-active,
input[type=email]:focus:-ms-keyboard-active,
input[type=number]:focus:-ms-keyboard-active,
input[type=tel]:focus:-ms-keyboard-active,
input[type=url]:focus:-ms-keyboard-active,
input[type=search]:focus:-ms-keyboard-active {
  padding: 24px 31px 19px 31px;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
/*  
Button control.  
*/
button,
button[type=submit],
button[type=reset],
input[type=button],
input[type=submit],
input[type=reset],
input[type=file]::-ms-browse {
  height: 68px;
  width: 248px;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  font-size: 24px;
}
/*  
Checkbox.  
*/
input[type=checkbox] {
  outline-width: 1px;
  outline-style: solid;
  width: 104px;
  height: 104px;
}
input[type=checkbox]::-ms-check {
  width: 32px;
  height: 32px;
  margin: 34px;
  border-width: 2px;
  border-style: solid;
}
.win-scrollviewer-scrollmode-text .win-scrollviewer-contentelement {
  border-color: rgba(16, 16, 16, 0);
  background-color: rgba(235, 235, 235, 0);
}
body:not(.win-visiblebutnotfocused) .win-scrollviewer-scrollmode-text .win-scrollviewer-contentelement:focus {
  border-color: #101010;
}
.win-scrollviewer-scrollmode-text.win-scrollable .win-scrollviewer-contentelement:hover:not(:focus) {
  border-color: #6b6b6b;
}
.win-scrollviewer-scrollmode-text .win-scrollviewer-contentelement:active {
  background-color: rgba(235, 235, 235, 0.1);
  box-shadow: inset 0 0 0 10px #101010;
}
.win-scrollviewer .win-overlay-scrollupindicator,
.win-scrollviewer .win-overlay-scrolldownindicator {
  color: #c2c2c2;
}
.win-scrollviewer-contentelement {
  -ms-scrollbar-face-color: #101010;
}
body:not(.win-visiblebutnotfocused) .win-xyfocus-togglemode-active.win-scrollviewer-contentelement {
  background-color: rgba(235, 235, 235, 0.1);
}
.win-scrollviewer .win-scrollable-down .win-overlay-scrolldownindicator {
  color: #101010;
}
.win-scrollviewer .win-scrollable-up .win-overlay-scrollupindicator {
  color: #101010;
}
.win-scrollviewer .win-scrollable-up.win-scrollable-down .win-overlay-scrollupindicator,
.win-scrollviewer .win-scrollable-up.win-scrollable-down .win-overlay-scrolldownindicator {
  color: #101010;
}
/* Voice Styles */
.win-voice-voicemodeactive .win-scrollviewer.win-scrollable .win-scrollindicator .win-overlay-voiceindicators {
  background-color: #101010;
}
/*  
        Text input 
    */
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
input[type=url],
input[type=search] {
  background-color: #ebebeb;
  color: #101010;
}
input[type=text]:disabled,
input[type=password]:disabled,
input[type=email]:disabled,
input[type=number]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
input[type=search]:disabled {
  background-color: rgba(133, 133, 133, 0.4);
  color: rgba(255, 255, 255, 0.2);
}
input[type=text]:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
/*  
        Button 
    */
button,
input[type=button],
input[type=submit],
input[type=reset],
input[type=file] {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.4);
  color: #ebebeb;
}
button:focus,
input[type=button]:focus,
input[type=submit]:focus,
input[type=reset]:focus,
input[type=file]:focus {
  background-color: #565656;
}
button:disabled,
input[type=button]:disabled,
input[type=submit]:disabled,
input[type=reset]:disabled,
input[type=file]:disabled {
  color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.2);
}
/*
        Checkbox
    */
input[type=checkbox] {
  background-color: rgba(255, 255, 255, 0);
  outline-color: rgba(0, 0, 0, 0.4);
}
input[type=checkbox]::-ms-check {
  background-color: rgba(255, 255, 255, 0);
  border-color: #ebebeb;
  color: #ebebeb;
}
input[type=checkbox]:focus {
  background-color: #565656;
}
input[type=checkbox]::-ms-check:focus {
  background-color: #565656;
}
input[type=checkbox]:disabled {
  outline-color: rgba(255, 255, 255, 0.2);
}
input[type=checkbox]:disabled::-ms-check {
  border-color: rgba(0, 0, 0, 0.4);
}
/*
    Input focus styles
    */
button:focus,
input[type=checkbox]:focus,
input[type=button]:focus,
input[type=submit]:focus,
input[type=reset]:focus,
input[type=file]:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=search]:focus {
  outline: 4px solid #ebebeb;
  border: 2px solid rgba(0, 0, 0, 0.15);
}
button:focus:active,
input[type=checkbox]:focus:active,
input[type=button]:focus:active,
input[type=submit]:focus:active,
input[type=reset]:focus:active,
input[type=file]:focus:active,
input[type=text]:focus:active,
input[type=password]:focus:active,
input[type=email]:focus:active,
input[type=number]:focus:active,
input[type=tel]:focus:active,
input[type=url]:focus:active,
input[type=search]:focus:active,
button:focus:-ms-keyboard-active,
input[type=button]:focus:-ms-keyboard-active,
input[type=submit]:focus:-ms-keyboard-active,
input[type=reset]:focus:-ms-keyboard-active,
input[type=file]:focus:-ms-keyboard-active,
input[type=text]:focus:-ms-keyboard-active,
input[type=password]:focus:-ms-keyboard-active,
input[type=email]:focus:-ms-keyboard-active,
input[type=number]:focus:-ms-keyboard-active,
input[type=tel]:focus:-ms-keyboard-active,
input[type=url]:focus:-ms-keyboard-active,
input[type=search]:focus:-ms-keyboard-active {
  border: 4px solid rgba(0, 0, 0, 0.6);
}
.win-ui-dark {
  /* Voice Styles */
  /*  
        Text input 
    */
  /*  
        Button 
    */
  /*
        Checkbox
    */
  /*
    Input focus styles
    */
}
.win-ui-dark .win-scrollviewer-scrollmode-text .win-scrollviewer-contentelement {
  border-color: rgba(235, 235, 235, 0);
  background-color: rgba(235, 235, 235, 0);
}
.win-ui-dark body:not(.win-visiblebutnotfocused) .win-scrollviewer-scrollmode-text .win-scrollviewer-contentelement:focus {
  border-color: #ebebeb;
}
.win-ui-dark .win-scrollviewer-scrollmode-text.win-scrollable .win-scrollviewer-contentelement:hover:not(:focus) {
  border-color: #6b6b6b;
}
.win-ui-dark .win-scrollviewer-scrollmode-text .win-scrollviewer-contentelement:active {
  background-color: rgba(235, 235, 235, 0.1);
  box-shadow: inset 0 0 0 10px #101010;
}
.win-ui-dark .win-scrollviewer .win-overlay-scrollupindicator,
.win-ui-dark .win-scrollviewer .win-overlay-scrolldownindicator {
  color: #6b6b6b;
}
.win-ui-dark .win-scrollviewer-contentelement {
  -ms-scrollbar-face-color: #ebebeb;
}
.win-ui-dark body:not(.win-visiblebutnotfocused) .win-xyfocus-togglemode-active.win-scrollviewer-contentelement {
  background-color: rgba(235, 235, 235, 0.1);
}
.win-ui-dark .win-scrollviewer .win-scrollable-down .win-overlay-scrolldownindicator {
  color: #ebebeb;
}
.win-ui-dark .win-scrollviewer .win-scrollable-up .win-overlay-scrollupindicator {
  color: #ebebeb;
}
.win-ui-dark .win-scrollviewer .win-scrollable-up.win-scrollable-down .win-overlay-scrollupindicator,
.win-ui-dark .win-scrollviewer .win-scrollable-up.win-scrollable-down .win-overlay-scrolldownindicator {
  color: #ebebeb;
}
.win-ui-dark .win-voice-voicemodeactive .win-scrollviewer.win-scrollable .win-scrollindicator .win-overlay-voiceindicators {
  background-color: #101010;
}
.win-ui-dark input[type=text],
.win-ui-dark input[type=password],
.win-ui-dark input[type=email],
.win-ui-dark input[type=number],
.win-ui-dark input[type=tel],
.win-ui-dark input[type=url],
.win-ui-dark input[type=search] {
  background-color: #ebebeb;
  color: #101010;
}
.win-ui-dark input[type=text]:disabled,
.win-ui-dark input[type=password]:disabled,
.win-ui-dark input[type=email]:disabled,
.win-ui-dark input[type=number]:disabled,
.win-ui-dark input[type=tel]:disabled,
.win-ui-dark input[type=url]:disabled,
.win-ui-dark input[type=search]:disabled {
  background-color: rgba(133, 133, 133, 0.4);
  color: rgba(255, 255, 255, 0.2);
}
.win-ui-dark input[type=text]:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.win-ui-dark button,
.win-ui-dark input[type=button],
.win-ui-dark input[type=submit],
.win-ui-dark input[type=reset],
.win-ui-dark input[type=file] {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.4);
  color: #ebebeb;
}
.win-ui-dark button:focus,
.win-ui-dark input[type=button]:focus,
.win-ui-dark input[type=submit]:focus,
.win-ui-dark input[type=reset]:focus,
.win-ui-dark input[type=file]:focus {
  background-color: #565656;
}
.win-ui-dark button:disabled,
.win-ui-dark input[type=button]:disabled,
.win-ui-dark input[type=submit]:disabled,
.win-ui-dark input[type=reset]:disabled,
.win-ui-dark input[type=file]:disabled {
  color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.2);
}
.win-ui-dark input[type=checkbox] {
  background-color: rgba(255, 255, 255, 0);
  outline-color: rgba(255, 255, 255, 0.4);
}
.win-ui-dark input[type=checkbox]::-ms-check {
  background-color: rgba(255, 255, 255, 0);
  border-color: #ebebeb;
  color: #ebebeb;
}
.win-ui-dark input[type=checkbox]:focus {
  background-color: #565656;
}
.win-ui-dark input[type=checkbox]::-ms-check:focus {
  background-color: #565656;
}
.win-ui-dark input[type=checkbox]:disabled {
  outline-color: rgba(255, 255, 255, 0.2);
}
.win-ui-dark input[type=checkbox]:disabled::-ms-check {
  border-color: rgba(255, 255, 255, 0.4);
}
.win-ui-dark button:focus,
.win-ui-dark input[type=checkbox]:focus,
.win-ui-dark input[type=button]:focus,
.win-ui-dark input[type=submit]:focus,
.win-ui-dark input[type=reset]:focus,
.win-ui-dark input[type=file]:focus,
.win-ui-dark input[type=text]:focus,
.win-ui-dark input[type=password]:focus,
.win-ui-dark input[type=email]:focus,
.win-ui-dark input[type=number]:focus,
.win-ui-dark input[type=tel]:focus,
.win-ui-dark input[type=url]:focus,
.win-ui-dark input[type=search]:focus {
  outline: 4px solid #ebebeb;
  border: 2px solid rgba(0, 0, 0, 0.15);
}
.win-ui-dark button:focus:active,
.win-ui-dark input[type=checkbox]:focus:active,
.win-ui-dark input[type=button]:focus:active,
.win-ui-dark input[type=submit]:focus:active,
.win-ui-dark input[type=reset]:focus:active,
.win-ui-dark input[type=file]:focus:active,
.win-ui-dark input[type=text]:focus:active,
.win-ui-dark input[type=password]:focus:active,
.win-ui-dark input[type=email]:focus:active,
.win-ui-dark input[type=number]:focus:active,
.win-ui-dark input[type=tel]:focus:active,
.win-ui-dark input[type=url]:focus:active,
.win-ui-dark input[type=search]:focus:active,
.win-ui-dark button:focus:-ms-keyboard-active,
.win-ui-dark input[type=button]:focus:-ms-keyboard-active,
.win-ui-dark input[type=submit]:focus:-ms-keyboard-active,
.win-ui-dark input[type=reset]:focus:-ms-keyboard-active,
.win-ui-dark input[type=file]:focus:-ms-keyboard-active,
.win-ui-dark input[type=text]:focus:-ms-keyboard-active,
.win-ui-dark input[type=password]:focus:-ms-keyboard-active,
.win-ui-dark input[type=email]:focus:-ms-keyboard-active,
.win-ui-dark input[type=number]:focus:-ms-keyboard-active,
.win-ui-dark input[type=tel]:focus:-ms-keyboard-active,
.win-ui-dark input[type=url]:focus:-ms-keyboard-active,
.win-ui-dark input[type=search]:focus:-ms-keyboard-active {
  border: 4px solid rgba(0, 0, 0, 0.6);
}