Baixe o app para aproveitar ainda mais
Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original
/* Copyright (c) Microsoft Corporation. All Rights Reserved. Licensed under the MIT License. See License.txt in the project root for license information. */ @keyframes WinJS-node-inserted { from { outline-color: #000; } to { outline-color: #001; } } @keyframes WinJS-opacity-in { from { opacity: 0; } to { opacity: 1; } } @keyframes WinJS-opacity-out { from { opacity: 1; } to { opacity: 0; } } @keyframes WinJS-scale-up { from { transform: scale(0.85); } to { transform: scale(1); } } @keyframes WinJS-scale-down { from { transform: scale(1); } to { transform: scale(0.85); } } @keyframes WinJS-default-remove { from { transform: translateX(11px); } to { transform: none; } } @keyframes WinJS-default-remove-rtl { from { transform: translateX(-11px); } to { transform: none; } } @keyframes WinJS-default-apply { from { transform: none; } to { transform: translateX(11px); } } @keyframes WinJS-default-apply-rtl { from { transform: none; } to { transform: translateX(-11px); } } @keyframes WinJS-showEdgeUI { from { transform: translateY(-70px); } to { transform: none; } } @keyframes WinJS-showPanel { from { transform: translateX(364px); } to { transform: none; } } @keyframes WinJS-showPanel-rtl { from { transform: translateX(-364px); } to { transform: none; } } @keyframes WinJS-hideEdgeUI { from { transform: none; } to { transform: translateY(-70px); } } @keyframes WinJS-hidePanel { from { transform: none; } to { transform: translateX(364px); } } @keyframes WinJS-hidePanel-rtl { from { transform: none; } to { transform: translateX(-364px); } } @keyframes WinJS-showPopup { from { transform: translateY(50px); } to { transform: none; } } @keyframes WinJS-dragSourceEnd { from { transform: translateX(11px) scale(1.05); } to { transform: none; } } @keyframes WinJS-dragSourceEnd-rtl { from { transform: translateX(-11px) scale(1.05); } to { transform: none; } } @keyframes WinJS-enterContent { from { transform: translateY(28px); } to { transform: none; } } @keyframes WinJS-exit { from { transform: none; } to { transform: none; } } @keyframes WinJS-enterPage { from { transform: translateY(28px); } to { transform: none; } } @keyframes WinJS-updateBadge { from { transform: translateY(24px); } to { transform: none; } } @-webkit-keyframes WinJS-node-inserted { from { outline-color: #000; } to { outline-color: #001; } } @-webkit-keyframes -webkit-WinJS-opacity-in { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes -webkit-WinJS-opacity-out { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes -webkit-WinJS-scale-up { from { -webkit-transform: scale(0.85); } to { -webkit-transform: scale(1); } } @-webkit-keyframes -webkit-WinJS-scale-down { from { -webkit-transform: scale(1); } to { -webkit-transform: scale(0.85); } } @-webkit-keyframes -webkit-WinJS-default-remove { from { -webkit-transform: translateX(11px); } to { -webkit-transform: none; } } @-webkit-keyframes -webkit-WinJS-default-remove-rtl { from { -webkit-transform: translateX(-11px); } to { -webkit-transform: none; } } @-webkit-keyframes -webkit-WinJS-default-apply { from { -webkit-transform: none; } to { -webkit-transform: translateX(11px); } } @-webkit-keyframes -webkit-WinJS-default-apply-rtl { from { -webkit-transform: none; } to { -webkit-transform: translateX(-11px); } } @-webkit-keyframes -webkit-WinJS-showEdgeUI { from { -webkit-transform: translateY(-70px); } to { -webkit-transform: none; } } @-webkit-keyframes -webkit-WinJS-showPanel { from { -webkit-transform: translateX(364px); } to { -webkit-transform: none; } } @-webkit-keyframes -webkit-WinJS-showPanel-rtl { from { -webkit-transform: translateX(-364px); } to { -webkit-transform: none; } } @-webkit-keyframes -webkit-WinJS-hideEdgeUI { from { -webkit-transform: none; } to { -webkit-transform: translateY(-70px); } } @-webkit-keyframes -webkit-WinJS-hidePanel { from { -webkit-transform: none; } to { -webkit-transform: translateX(364px); } } @-webkit-keyframes -webkit-WinJS-hidePanel-rtl { from { -webkit-transform: none; } to { -webkit-transform: translateX(-364px); } } @-webkit-keyframes -webkit-WinJS-showPopup { from { -webkit-transform: translateY(50px); } to { -webkit-transform: none; } } @-webkit-keyframes -webkit-WinJS-dragSourceEnd { from { -webkit-transform: translateX(11px) scale(1.05); } to { -webkit-transform: none; } } @-webkit-keyframes -webkit-WinJS-dragSourceEnd-rtl { from { -webkit-transform: translateX(-11px) scale(1.05); } to { -webkit-transform: none; } } @-webkit-keyframes -webkit-WinJS-enterContent { from { -webkit-transform: translateY(28px); } to { -webkit-transform: none; } } @-webkit-keyframes -webkit-WinJS-exit { from { -webkit-transform: none; } to { -webkit-transform: none; } } @-webkit-keyframes -webkit-WinJS-enterPage { from { -webkit-transform: translateY(28px); } to { -webkit-transform: none; } } @-webkit-keyframes -webkit-WinJS-updateBadge { from { -webkit-transform: translateY(24px); } to { -webkit-transform: none; } } @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"; } html, body { width: 100%; height: 100%; margin: 0px; cursor: default; -webkit-touch-callout: none; -ms-scroll-translation: vertical-to-horizontal; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } html { overflow: hidden; direction: ltr; } html:lang(ar), html:lang(dv), html:lang(fa), html:lang(he), html:lang(ku-Arab), html:lang(pa-Arab), html:lang(prs), html:lang(ps), html:lang(sd-Arab), html:lang(syr), html:lang(ug), html:lang(ur), html:lang(qps-plocm) { direction: rtl; } body { -ms-content-zooming: none; } iframe { border: 0; } .win-type-header, .win-type-subheader, .win-type-title, .win-type-subtitle, .win-type-base, .win-type-body, .win-type-caption, .win-h1, .win-h2, .win-h3, .win-h4, .win-h5, .win-h6, .win-button, .win-dropdown, .win-textbox, .win-link, .win-textarea { font-family: "Segoe UI", sans-serif, "Segoe MDL2 Assets", "Symbols", "Segoe UI Emoji"; } .win-textbox, .win-textarea { -ms-user-select: element; border-style: solid; border-width: 2px; border-radius: 0; margin: 8px 0px; width: 296px; min-width: 64px; min-height: 28px; background-clip: border-box; box-sizing: border-box; padding: 3px 6px 5px 10px; outline: 0; font-size: 15px; font-weight: 400; line-height: 1.333; } .win-textbox::-ms-value { margin: 0; padding: 0; } .win-textbox::-ms-clear, .win-textbox::-ms-reveal { padding-right: 2px; margin-right: -8px; margin-left: 2px; margin-top: -8px; margin-bottom: -8px; width: 30px; height: 32px; } .win-textbox:lang(ar)::-ms-clear, .win-textbox:lang(dv)::-ms-clear, .win-textbox:lang(fa)::-ms-clear, .win-textbox:lang(he)::-ms-clear, .win-textbox:lang(ku-Arab)::-ms-clear, .win-textbox:lang(pa-Arab)::-ms-clear, .win-textbox:lang(prs)::-ms-clear, .win-textbox:lang(ps)::-ms-clear, .win-textbox:lang(sd-Arab)::-ms-clear, .win-textbox:lang(syr)::-ms-clear, .win-textbox:lang(ug)::-ms-clear, .win-textbox:lang(ur)::-ms-clear, .win-textbox:lang(qps-plocm)::-ms-clear, .win-textbox:lang(ar)::-ms-reveal, .win-textbox:lang(dv)::-ms-reveal, .win-textbox:lang(fa)::-ms-reveal, .win-textbox:lang(he)::-ms-reveal, .win-textbox:lang(ku-Arab)::-ms-reveal, .win-textbox:lang(pa-Arab)::-ms-reveal, .win-textbox:lang(prs)::-ms-reveal, .win-textbox:lang(ps)::-ms-reveal, .win-textbox:lang(sd-Arab)::-ms-reveal, .win-textbox:lang(syr)::-ms-reveal, .win-textbox:lang(ug)::-ms-reveal, .win-textbox:lang(ur)::-ms-reveal, .win-textbox:lang(qps-plocm)::-ms-reveal { margin-left: -8px; margin-right: 2px; } .win-textarea { resize: none; overflow-y: auto; } .win-radio, .win-checkbox { width: 20px; height: 20px; margin-right: 8px; margin-top: 12px; margin-bottom: 12px; } .win-radio:lang(ar), .win-checkbox:lang(ar), .win-radio:lang(dv), .win-checkbox:lang(dv), .win-radio:lang(fa), .win-checkbox:lang(fa), .win-radio:lang(he), .win-checkbox:lang(he), .win-radio:lang(ku-Arab), .win-checkbox:lang(ku-Arab), .win-radio:lang(pa-Arab), .win-checkbox:lang(pa-Arab), .win-radio:lang(prs), .win-checkbox:lang(prs), .win-radio:lang(ps), .win-checkbox:lang(ps), .win-radio:lang(sd-Arab), .win-checkbox:lang(sd-Arab), .win-radio:lang(syr), .win-checkbox:lang(syr), .win-radio:lang(ug), .win-checkbox:lang(ug), .win-radio:lang(ur), .win-checkbox:lang(ur), .win-radio:lang(qps-plocm), .win-checkbox:lang(qps-plocm) { margin-left: 8px; margin-right: 0px; } .win-radio::-ms-check, .win-checkbox::-ms-check { border-style: solid; display: inline-block; border-width: 2px; background-clip: border-box; } .win-button { border-style: solid; margin: 0px; min-height: 32px; min-width: 120px; padding: 4px 8px; border-width: 2px; background-clip: border-box; border-radius: 0; touch-action: manipulation; -webkit-appearance: none; font-size: 15px; font-weight: 400; line-height: 1.333; } .win-button.win-button-file { border: none; min-width: 100px; min-height: 20px; width: 340px; height: 32px; padding: 0px; margin: 7px 8px 21px 8px; background-clip: padding-box; } .win-button.win-button-file::-ms-value { margin: 0; border-width: 2px; border-style: solid; border-right-style: none; border-radius: 0; background-clip: border-box; font-size: 15px; font-weight: 400; line-height: 1.333; } .win-button.win-button-file:lang(ar)::-ms-value, .win-button.win-button-file:lang(dv)::-ms-value, .win-button.win-button-file:lang(fa)::-ms-value, .win-button.win-button-file:lang(he)::-ms-value, .win-button.win-button-file:lang(ku-Arab)::-ms-value, .win-button.win-button-file:lang(pa-Arab)::-ms-value, .win-button.win-button-file:lang(prs)::-ms-value, .win-button.win-button-file:lang(ps)::-ms-value, .win-button.win-button-file:lang(sd-Arab)::-ms-value, .win-button.win-button-file:lang(syr)::-ms-value, .win-button.win-button-file:lang(ug)::-ms-value, .win-button.win-button-file:lang(ur)::-ms-value, .win-button.win-button-file:lang(qps-plocm)::-ms-value { border-left-style: none; border-right-style: solid; } .win-button.win-button-file::-ms-browse { margin: 0; padding: 0 18px; border-width: 2px; border-style: solid; background-clip: padding-box; font-size: 15px; font-weight: 400; line-height: 1.333; } .win-dropdown { min-width: 56px; max-width: 368px; min-height: 32px; margin: 8px 0; border-style: solid; border-width: 2px; background-clip: border-box; background-image: none; box-sizing: border-box; border-radius: 0; font-size: 15px; font-weight: 400; line-height: 1.333; } .win-dropdown::-ms-value { padding: 5px 12px 7px 12px; margin: 0; } .win-dropdown::-ms-expand { border: none; margin-right: 5px; margin-left: 3px; margin-bottom: -2px; font-size: 20px; } select[multiple].win-dropdown { padding: 0 0 0 12px; vertical-align: bottom; } .win-dropdown option { font-size: 15px; font-weight: 400; line-height: 1.333; } .win-progress-bar, .win-progress-ring, .win-ring { width: 180px; height: 4px; -webkit-appearance: none; } .win-progress-bar:not(:indeterminate), .win-progress-ring:not(:indeterminate), .win-ring:not(:indeterminate) { border-style: none; } .win-progress-bar::-ms-fill, .win-progress-ring::-ms-fill, .win-ring::-ms-fill { border-style: none; } .win-progress-bar.win-medium, .win-progress-ring.win-medium, .win-ring.win-medium { width: 296px; } .win-progress-bar.win-large, .win-progress-ring.win-large, .win-ring.win-large { width: 100%; } .win-progress-bar:indeterminate::-webkit-progress-value, .win-progress-ring:indeterminate::-webkit-progress-value, .win-ring:indeterminate::-webkit-progress-value { position: relative; -webkit-animation: win-progress-indeterminate 3s linear infinite; } .win-progress-bar.win-paused:not(:indeterminate), .win-progress-ring.win-paused:not(:indeterminate), .win-ring.win-paused:not(:indeterminate) { animation-name: win-progress-fade-out; animation-duration: 3s; animation-timing-function: cubic-bezier(0.03, 0.76, 0.31, 1); opacity: 0.5; } .win-progress-bar.win-error::-ms-fill, .win-progress-ring.win-error::-ms-fill, .win-ring.win-error::-ms-fill { opacity: 0; } .win-progress-ring, .win-ring { width: 20px; height: 20px; } .win-progress-ring:indeterminate::-ms-fill, .win-ring:indeterminate::-ms-fill { animation-name: -ms-ring; } .win-progress-ring.win-medium, .win-ring.win-medium { width: 40px; height: 40px; } .win-progress-ring.win-large, .win-ring.win-large { width: 60px; height: 60px; } @-webkit-keyframes win-progress-indeterminate { 0% { left: 0; width: 25%; } 50% { left: calc(75%); width: 25%; } 75% { left: calc(100%); width: 0%; } 75.1% { left: 0; width: 0%; } 100% { left: 0; width: 25%; } } @keyframes win-progress-fade-out { from { opacity: 1.0; } to { opacity: 0.5; } } .win-slider { -webkit-appearance: none; width: 280px; height: 44px; } .win-slider::-ms-track { height: 2px; border-style: none; } .win-slider::-webkit-slider-runnable-track { height: 2px; border-style: none; } .win-slider::-moz-range-track { height: 2px; border-style: none; } .win-slider::-moz-range-thumb { width: 8px; height: 24px; border-radius: 4px; border-style: none; } .win-slider::-webkit-slider-thumb { -webkit-appearance: none; margin-top: -11px; width: 8px; height: 24px; border-radius: 4px; border-style: none; } .win-slider::-ms-thumb { margin-top: inherit; width: 8px; height: 24px; border-radius: 4px; border-style: none; } .win-slider.win-vertical { writing-mode: bt-lr; width: 44px; height: 280px; } .win-slider.win-vertical::-ms-track { width: 2px; height: auto; } .win-slider.win-vertical::-ms-thumb { width: 24px; height: 8px; } .win-slider.win-vertical:lang(ar), .win-slider.win-vertical:lang(dv), .win-slider.win-vertical:lang(fa), .win-slider.win-vertical:lang(he), .win-slider.win-vertical:lang(ku-Arab), .win-slider.win-vertical:lang(pa-Arab), .win-slider.win-vertical:lang(prs), .win-slider.win-vertical:lang(ps), .win-slider.win-vertical:lang(sd-Arab), .win-slider.win-vertical:lang(syr), .win-slider.win-vertical:lang(ug), .win-slider.win-vertical:lang(ur), .win-slider.win-vertical:lang(qps-plocm) { writing-mode: bt-rl; } .win-link { text-decoration: underline; cursor: pointer; touch-action: manipulation; } .win-code { font-family: "Consolas", "Menlo", "Monaco", "Courier New", monospace; font-size: 15px; font-weight: 400; line-height: 1.333; } .win-type-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } h1.win-type-ellipsis, .win-type-header.win-type-ellipsis, .win-h1.win-type-ellipsis { line-height: 1.4286; } h2.win-type-ellipsis, .win-type-subheader.win-type-ellipsis, .win-h2.win-type-ellipsis { line-height: 1.5; } .win-scrollview { overflow-x: auto; overflow-y: hidden; height: 400px; width: 100%; } h1.win-type-header, h2.win-type-subheader, h3.win-type-title, h4.win-type-subtitle, h5.win-type-base, h6.win-type-body, h1.win-h1, h2.win-h2, h3.win-h3, h4.win-h4, h5.win-h5, h6.win-h6 { margin-top: 0px; margin-bottom: 0px; } .win-type-body p, p.win-type-body { font-weight: 300; } .win-listview { overflow: hidden; height: 400px; } .win-listview .win-surface { overflow: visible; } .win-listview > .win-viewport.win-horizontal .win-surface { height: 100%; } .win-listview > .win-viewport.win-vertical .win-surface { width: 100%; } .win-listview > .win-viewport { position: relative; width: 100%; height: 100%; z-index: 0; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; white-space: nowrap; } .win-listview > .win-viewport.win-horizontal { overflow-x: auto; overflow-y: hidden; } .win-listview > .win-viewport.win-vertical { overflow-x: hidden; overflow-y: auto; } .win-listview .win-itemscontainer { overflow: hidden; } .win-listview .win-itemscontainer-padder { width: 0; height: 0; margin: 0; padding: 0; border: 0; overflow: hidden; } .win-listview > .win-horizontal .win-container { margin: 10px 5px 0px 5px; } .win-listview > .win-vertical .win-container { margin: 10px 24px 0px 7px; } .win-listview.win-rtl > .win-vertical .win-container { margin: 10px 7px 0px 24px; } .win-listview .win-container, .win-listview .win-itembox, .win-itemcontainer.win-container, .win-itemcontainer .win-itembox { cursor: default; z-index: 0; } .win-listview .win-container { touch-action: pan-x pan-y pinch-zoom; } .win-semanticzoom .win-listview > .win-viewport * { touch-action: auto; } .win-semanticzoom .win-listview > .win-viewport.win-zooming-x { overflow-x: visible; } .win-semanticzoom .win-listview > .win-viewport.win-zooming-y { overflow-y: visible; } .win-listview .win-itembox, .win-itemcontainer .win-itembox { width: 100%; height: 100%; } .win-listview .win-item, .win-itemcontainer .win-item { z-index: 1; } .win-listview .win-item, .win-itemcontainer .win-item { overflow: hidden; position: relative; } .win-listview > .win-vertical .win-item { width: 100%; } .win-listview .win-item:focus, .win-itemcontainer .win-item:focus { outline-style: none; } .win-listview .win-focusedoutline, .win-itemcontainer .win-focusedoutline { width: calc(100% - 4px); height: calc(100% - 4px); left: 2px; top: 2px; position: absolute; z-index: 5; pointer-events: none; } .win-container.win-selected .win-selectionborder { border-width: 2px; border-style: solid; } html.win-hoverable .win-container.win-selected:hover .win-selectionborder { border-width: 2px; border-style: solid; } html.win-hoverable .win-listview .win-itembox:hover::before, html.win-hoverable .win-itemcontainer .win-itembox:hover::before { position: absolute; left: 0px; top: 0px; content: ""; width: calc(100% - 4px); height: calc(100% - 4px); pointer-events: none; border-style: solid; border-width: 2px; z-index: 3; } html.win-hoverable .win-listview.win-selectionstylefilled .win-itembox:hover::before, html.win-hoverable .win-itemcontainer.win-selectionstylefilled .win-itembox:hover::before, html.win-hoverable .win-listview .win-itembox.win-selected:hover::before, html.win-hoverable .win-itemcontainer.win-itembox.win-selected:hover::before, html.win-hoverable .win-itemcontainer.win-itembox.win-selected:hover::before { display: none; } .win-listview .win-groupheader { padding: 10px 10px 10px 2px; overflow: hidden; outline-width: 0.01px; outline-style: none; float: left; font-size: 34px; font-weight: 200; line-height: 1.176; } .win-listview .win-groupheadercontainer { z-index: 1; touch-action: pan-x pan-y pinch-zoom; overflow: hidden; } .win-listview .win-horizontal .win-headercontainer, .win-listview .win-horizontal .win-footercontainer { height: 100%; display: inline-block; overflow: hidden; white-space: normal; } .win-listview .win-vertical .win-headercontainer, .win-listview .win-vertical .win-footercontainer { width: 100%; display: block; overflow: hidden; white-space: normal; } .win-listview .win-groupheader.win-focused { outline-style: dotted; } .win-listview.win-rtl .win-groupheader { padding-left: 10px; padding-right: 2px; float: right; } .win-listview.win-groups .win-horizontal .win-groupleader { margin-left: 70px; } .win-listview.win-groups.win-rtl .win-horizontal .win-groupleader { margin-left: 0; margin-right: 70px; } .win-listview.win-groups .win-vertical .win-listlayout .win-groupleader, .win-listview.win-groups .win-vertical .win-gridlayout .win-groupleader { margin-top: 70px; } .win-listview.win-groups > .win-vertical .win-surface.win-listlayout, .win-listview.win-groups > .win-vertical .win-surface.win-gridlayout { margin-top: -65px; } .win-listview.win-groups > .win-horizontal .win-surface { margin-left: -70px; } .win-listview.win-groups.win-rtl > .win-horizontal .win-surface { margin-left: 0; margin-right: -70px; } .win-listview .win-surface { -webkit-margin-collapse: separate; white-space: normal; } .win-surface ._win-proxy { position: relative; overflow: hidden; width: 0; height: 0; touch-action: none; } .win-selectionborder { position: absolute; opacity: inherit; z-index: 2; pointer-events: none; } .win-container.win-selected .win-selectionborder { top: 0; left: 0; right: 0; bottom: 0; } .win-selectionbackground { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; } .win-selectioncheckmarkbackground { position: absolute; top: 2px; right: 2px; width: 14px; height: 11px; margin: 0; padding: 0; border-left-width: 2px; border-right-width: 2px; border-top-width: 4px; border-bottom-width: 3px; border-style: solid; z-index: 3; display: none; } .win-listview.win-rtl .win-selectioncheckmarkbackground, .win-itemcontainer.win-rtl .win-selectioncheckmarkbackground { left: 2px; right: auto; } .win-selectionmode.win-itemcontainer .win-selectioncheckmarkbackground, .win-selectionmode.win-itemcontainer.win-selectionmode .win-selectioncheckmark, .win-selectionmode .win-itemcontainer .win-selectioncheckmarkbackground, .win-selectionmode .win-itemcontainer.win-selectionmode .win-selectioncheckmark, .win-listview .win-selectionmode .win-selectioncheckmarkbackground, .win-listview .win-selectionmode .win-selectioncheckmark { display: block; } .win-selectioncheckmark { position: absolute; margin: 0; padding: 2px; right: 1px; top: 1px; font-family: "Segoe MDL2 Assets", "Symbols"; font-size: 14px; z-index: 4; line-height: 1; display: none; } .win-rtl .win-selectioncheckmark { right: auto; left: 0px; } .win-selectionstylefilled.win-container, .win-selectionstylefilled .win-container { overflow: hidden; } .win-selectionmode .win-itemcontainer.win-container .win-itembox::after, .win-selectionmode.win-itemcontainer.win-container .win-itembox::after, .win-listview .win-surface.win-selectionmode .win-itembox::after { content: ""; position: absolute; width: 18px; height: 18px; pointer-events: none; right: 2px; top: 2px; z-index: 3; } .win-rtl .win-selectionmode .win-itemcontainer.win-container .win-itembox::after, .win-itemcontainer.win-rtl.win-selectionmode.win-container .win-itembox::after, .win-listview.win-rtl .win-surface.win-selectionmode .win-itembox::after { right: auto; left: 2px; } .win-listview.win-selectionstylefilled .win-surface.win-selectionmode .win-item { transition: transform 250ms cubic-bezier(0.17, 0.79, 0.215, 1.0025); -webkit-transition: -webkit-transform 250ms cubic-bezier(0.17, 0.79, 0.215, 1.0025); transform: translate(40px, 0px); -webkit-transform: translate(40px, 0px); } .win-listview.win-rtl.win-selectionstylefilled .win-surface.win-selectionmode .win-item { transition: transform 250ms cubic-bezier(0.17, 0.79, 0.215, 1.0025); -webkit-transition: -webkit-transform 250ms cubic-bezier(0.17, 0.79, 0.215, 1.0025); transform: translate(-40px, 0px); -webkit-transform: translate(-40px, 0px); } .win-listview.win-selectionstylefilled .win-surface.win-hidingselectionmode .win-item { transition: transform 250ms cubic-bezier(0.17, 0.79, 0.215, 1.0025); -webkit-transition: -webkit-transform 250ms cubic-bezier(0.17, 0.79, 0.215, 1.0025); transform: none; -webkit-transform: none; } .win-listview.win-rtl.win-selectionstylefilled .win-surface.win-hideselectionmode .win-item { transition: transform 250ms cubic-bezier(0.17, 0.79, 0.215, 1.0025); -webkit-transition: -webkit-transform 250ms cubic-bezier(0.17, 0.79, 0.215, 1.0025); transform: none; -webkit-transform: none; } .win-listview.win-selectionstylefilled .win-surface.win-selectionmode .win-itembox::after { left: 12px; right: auto; top: 50%; margin-top: -9px; display: block; border: 2px solid; width: 16px; height: 16px; } .win-listview.win-selectionstylefilled.win-rtl .win-surface.win-selectionmode .win-itembox::after { left: auto; right: 12px; } .win-listview.win-selectionstylefilled .win-surface.win-selectionmode .win-selectioncheckmarkbackground { left: 12px; top: 50%; margin-top: -9px; display: block; border: 2px solid; width: 16px; height: 16px; } .win-listview.win-selectionstylefilled.win-rtl .win-surface.win-selectionmode .win-selectioncheckmarkbackground { left: auto; right: 12px; } .win-listview.win-selectionstylefilled .win-surface.win-selectionmode .win-selectioncheckmark { left: 13px; top: 50%; margin-top: -8px; display: block; width: 14px; height: 14px; } .win-listview.win-selectionstylefilled.win-rtl .win-surface.win-selectionmode .win-selectioncheckmark { left: 0; right: 10px; } .win-selectionmode .win-itemcontainer.win-selectionstylefilled.win-container .win-itembox.win-selected::after, .win-itemcontainer.win-selectionmode.win-selectionstylefilled.win-container .win-itembox.win-selected::after, .win-listview.win-selectionstylefilled .win-surface.win-selectionmode .win-itembox.win-nonselectable::after, .win-listview .win-surface.win-selectionmode .win-itembox.win-selected::after { display: none; } .win-listview .win-progress { left: 50%; top: 50%; width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; z-index: 1; position: absolute; } .win-listview .win-progress::-ms-fill { animation-name: -ms-ring; } .win-listview .win-itemsblock { overflow: hidden; } .win-listview .win-surface.win-nocssgrid.win-gridlayout, .win-listview .win-horizontal .win-nocssgrid.win-listlayout, .win-listview .win-vertical .win-nocssgrid.win-listlayout.win-headerpositionleft { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; vertical-align: top; } .win-listview .win-horizontal .win-surface.win-nocssgrid { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; -webkit-align-content: flex-start; align-content: flex-start; } .win-listview .win-vertical .win-surface.win-nocssgrid { -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; -webkit-align-content: flex-start; align-content: flex-start; } .win-listview .win-vertical .win-structuralnodes.win-single-itemsblock.win-listlayout .win-itemscontainer.win-laidout, .win-listview .win-horizontal .win-structuralnodes.win-single-itemsblock.win-listlayout .win-itemscontainer.win-laidout, .win-listview .win-vertical .win-structuralnodes.win-single-itemsblock.win-gridlayout .win-uniformgridlayout.win-itemscontainer.win-laidout, .win-listview .win-horizontal .win-structuralnodes.win-single-itemsblock.win-gridlayout .win-uniformgridlayout.win-itemscontainer.win-laidout { display: block; } .win-listview .win-vertical .win-structuralnodes.win-single-itemsblock.win-listlayout .win-itemscontainer.win-laidout .win-itemscontainer-padder, .win-listview .win-horizontal .win-structuralnodes.win-single-itemsblock.win-listlayout .win-itemscontainer.win-laidout .win-itemscontainer-padder, .win-listview .win-vertical .win-structuralnodes.win-single-itemsblock.win-gridlayout .win-uniformgridlayout.win-itemscontainer.win-laidout .win-itemscontainer-padder, .win-listview .win-horizontal .win-structuralnodes.win-single-itemsblock.win-gridlayout .win-uniformgridlayout.win-itemscontainer.win-laidout .win-itemscontainer-padder { height: 0; width: 0; } .win-listview.win-groups .win-vertical .win-listlayout.win-headerpositionleft .win-itemscontainer, .win-listview.win-groups .win-vertical .win-listlayout.win-headerpositionleft .win-groupheadercontainer, .win-listview.win-groups .win-horizontal .win-listlayout .win-itemscontainer, .win-listview.win-groups .win-horizontal .win-listlayout .win-groupheadercontainer { display: none; } .win-listview.win-groups .win-vertical .win-listlayout.win-headerpositionleft .win-itemscontainer.win-laidout, .win-listview.win-groups .win-vertical .win-listlayout.win-headerpositionleft .win-groupheadercontainer.win-laidout, .win-listview.win-groups .win-horizontal .win-listlayout .win-groupheadercontainer.win-laidout { display: block; } .win-listview .win-listlayout .win-itemscontainer { overflow: visible; } .win-listview .win-listlayout .win-itemsblock { padding-bottom: 4px; margin-bottom: -4px; } .win-listview > .win-vertical .win-listlayout.win-headerpositiontop .win-groupheader { float: none; } .win-listview > .win-vertical .win-surface.win-listlayout { margin-bottom: 5px; } .win-listview .win-vertical .win-listlayout.win-headerpositionleft.win-surface { display: -ms-inline-grid; -ms-grid-columns: auto 1fr; -ms-grid-rows: auto; } .win-listview .win-vertical .win-listlayout.win-headerpositionleft .win-groupheadercontainer { -ms-grid-column: 1; } .win-listview .win-vertical .win-listlayout.win-headerpositionleft .win-itemscontainer { -ms-grid-column: 2; } .win-listview > .win-horizontal .win-surface.win-listlayout { display: -ms-inline-grid; -ms-grid-columns: auto; -ms-grid-rows: auto; vertical-align: top; } .win-listview .win-horizontal .win-listlayout .win-itemsblock { height: 100%; } .win-listview .win-horizontal .win-listlayout .win-itemscontainer { margin-bottom: 24px; } .win-listview .win-horizontal .win-listlayout .win-container { height: calc(100% - 10px); } .win-listview > .win-horizontal .win-surface.win-listlayout.win-headerpositiontop { -ms-grid-rows: auto 1fr; } .win-listview .win-horizontal .win-listlayout.win-headerpositiontop .win-groupheadercontainer { -ms-grid-row: 1; } .win-listview .win-horizontal .win-listlayout.win-headerpositiontop .win-itemscontainer { -ms-grid-row: 2; } .win-listview .win-gridlayout.win-surface { display: -ms-inline-grid; vertical-align: top; } .win-listview .win-gridlayout .win-container { margin: 5px; } .win-listview .win-vertical .win-gridlayout.win-headerpositionleft .win-groupheadercontainer, .win-listview .win-vertical .win-gridlayout.win-headerpositiontop .win-groupheadercontainer { -ms-grid-column: 1; } .win-listview.win-groups .win-gridlayout .win-itemscontainer, .win-listview.win-groups .win-gridlayout .win-groupheadercontainer { display: none; } .win-listview.win-groups .win-gridlayout .win-groupheadercontainer.win-laidout { display: block; } .win-listview .win-horizontal .win-gridlayout.win-headerpositiontop.win-surface { -ms-grid-columns: auto; -ms-grid-rows: auto 1fr; } .win-listview .win-horizontal .win-gridlayout.win-headerpositiontop .win-groupheadercontainer { -ms-grid-row: 1; } .win-listview .win-horizontal .win-gridlayout.win-headerpositiontop .win-itemscontainer { -ms-grid-row: 2; } .win-listview .win-horizontal .win-gridlayout.win-headerpositionleft.win-surface { -ms-grid-columns: auto; -ms-grid-rows: auto; } .win-listview .win-horizontal .win-gridlayout.win-headerpositionleft .win-groupheadercontainer { -ms-grid-row: 1; } .win-listview .win-horizontal .win-gridlayout.win-headerpositionleft .win-itemscontainer { -ms-grid-row: 1; } .win-listview .win-vertical .win-gridlayout.win-headerpositiontop.win-surface { -ms-grid-columns: auto; -ms-grid-rows: auto; } .win-listview .win-vertical .win-gridlayout.win-headerpositiontop .win-itemscontainer { -ms-grid-column: 1; } .win-listview .win-vertical .win-gridlayout.win-headerpositionleft.win-surface { -ms-grid-columns: auto 1fr; -ms-grid-rows: auto; } .win-listview .win-vertical .win-gridlayout.win-headerpositionleft .win-itemscontainer { -ms-grid-column: 2; } .win-listview .win-gridlayout.win-structuralnodes .win-uniformgridlayout.win-itemscontainer.win-laidout { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } .win-listview .win-horizontal .win-listlayout .win-itemscontainer, .win-listview.win-groups .win-horizontal .win-listlayout .win-itemscontainer.win-laidout, .win-listview .win-horizontal .win-listlayout .win-itemsblock, .win-listview .win-horizontal .win-gridlayout .win-uniformgridlayout.win-itemscontainer.win-laidout, .win-listview .win-horizontal .win-gridlayout .win-uniformgridlayout .win-itemsblock { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; -webkit-align-content: flex-start; align-content: flex-start; } .win-listview .win-horizontal .win-itemscontainer-padder { height: 100%; } .win-listview .win-horizontal .win-gridlayout .win-uniformgridlayout .win-itemsblock { height: 100%; } .win-listview .win-horizontal .win-gridlayout .win-cellspanninggridlayout.win-itemscontainer.win-laidout { display: -ms-grid; } .win-listview .win-vertical .win-gridlayout.win-structuralnodes .win-uniformgridlayout.win-itemscontainer.win-laidout { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .win-listview .win-vertical .win-gridlayout .win-uniformgridlayout.win-itemscontainer.win-laidout, .win-listview .win-vertical .win-gridlayout .win-uniformgridlayout .win-itemsblock { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; -webkit-align-content: flex-start; align-content: flex-start; } .win-listview .win-vertical .win-gridlayout .win-uniformgridlayout .win-itemsblock { width: 100%; } .win-listview .win-cellspanninggridlayout .win-container.win-laidout { display: block; } .win-listview .win-cellspanninggridlayout .win-container { display: none; } .win-listview .win-itembox { position: relative; } .win-listview.win-dragover .win-itembox { transform: scale(0.86); -webkit-transform: scale(0.86); } .win-listview .win-itembox.win-dragsource, .win-itemcontainer .win-itembox.win-dragsource { opacity: 0.5; transition: opacity cubic-bezier(0.1, 0.9, 0.2, 1) 167ms, transform cubic-bezier(0.1, 0.9, 0.2, 1) 220ms; -webkit-transition: opacity cubic-bezier(0.1, 0.9, 0.2, 1) 167ms, transform cubic-bezier(0.1, 0.9, 0.2, 1) 220ms; } .win-listview.win-dragover .win-itembox.win-dragsource { opacity: 0; transition: none; -webkit-transition: none; } html.win-hoverable .win-listview.win-dragover .win-container:hover { outline: none; } .win-listview .win-itembox { transition: transform cubic-bezier(0.1, 0.9, 0.2, 1) 220ms; -webkit-transition: -webkit-transform cubic-bezier(0.1, 0.9, 0.2, 1) 220ms; } .win-listview.win-groups > .win-vertical .win-surface.win-listlayout.win-headerpositionleft { margin-left: 70px; } .win-listview.win-groups.win-rtl > .win-vertical .win-surface.win-listlayout.win-headerpositionleft { margin-left: 0px; margin-right: 70px; } .win-listview > .win-horizontal .win-surface.win-listlayout { margin-left: 70px; } .win-listview.win-rtl > .win-horizontal .win-surface.win-listlayout { margin-left: 0px; margin-right: 70px; } .win-listview .win-vertical .win-gridlayout.win-surface { margin-left: 20px; } .win-listview.win-rtl .win-vertical .win-gridlayout.win-surface { margin-left: 0px; margin-right: 20px; } .win-itemcontainer .win-itembox, .win-itemcontainer.win-container { position: relative; } .win-itemcontainer { touch-action: pan-x pan-y pinch-zoom; } html.win-hoverable .win-listview .win-itembox:hover::before, html.win-hoverable .win-itemcontainer .win-itembox:hover::before { opacity: 0.4; } html.win-hoverable .win-listview .win-pressed .win-itembox:hover::before, html.win-hoverable .win-listview .win-pressed.win-itembox:hover::before, html.win-hoverable .win-itemcontainer.win-pressed .win-itembox:hover::before { opacity: 0.6; } html.win-hoverable .win-listview.win-selectionstylefilled .win-container:hover, html.win-hoverable .win-itemcontainer.win-selectionstylefilled.win-container:hover, html.win-hoverable .win-selectionstylefilled .win-itemcontainer.win-container:hover { outline: none; } .win-selectionstylefilled.win-itemcontainer .win-itembox, .win-selectionstylefilled .win-itemcontainer .win-itembox, .win-listview.win-selectionstylefilled .win-itembox { background-color: transparent; } .win-listview.win-selectionstylefilled .win-container.win-selected .win-selectionborder, .win-itemcontainer.win-selectionstylefilled.win-container.win-selected .win-selectionborder { border-color: transparent; } .win-listview.win-selectionstylefilled .win-surface.win-selectionmode .win-itembox::after { background-color: transparent; } .win-listview.win-selectionstylefilled .win-selectioncheckmarkbackground, .win-itemcontainer.win-selectionstylefilled .win-selectioncheckmarkbackground { border-color: transparent; } .win-listview.win-selectionstylefilled .win-selected a, .win-listview.win-selectionstylefilled .win-selected progress, .win-listview.win-selectionstylefilled .win-selected .win-rating .win-star.win-full, .win-itemcontainer.win-selectionstylefilled.win-selected a, .win-itemcontainer.win-selectionstylefilled.win-selected progress, .win-itemcontainer.win-selectionstylefilled.win-selected .win-rating .win-star.win-full { color: #ffffff; } .win-listview.win-selectionstylefilled .win-selected.win-selected a:hover:active, .win-itemcontainer.win-selectionstylefilled.win-selected.win-selected a:hover:active { color: rgba(255, 255, 255, 0.6); } html.win-hoverable .win-listview.win-selectionstylefilled .win-selected a:hover, html.win-hoverable .win-itemcontainer.win-selectionstylefilled.win-selected a:hover { color: rgba(255, 255, 255, 0.8); } .win-listview.win-selectionstylefilled .win-selected button, .win-listview.win-selectionstylefilled .win-selected input[type=button], .win-listview.win-selectionstylefilled .win-selected input[type=reset], .win-listview.win-selectionstylefilled .win-selected input[type=text], .win-listview.win-selectionstylefilled .win-selected input[type=password], .win-listview.win-selectionstylefilled .win-selected input[type=email], .win-listview.win-selectionstylefilled .win-selected input[type=number], .win-listview.win-selectionstylefilled .win-selected input[type=tel], .win-listview.win-selectionstylefilled .win-selected input[type=url], .win-listview.win-selectionstylefilled .win-selected input[type=search], .win-listview.win-selectionstylefilled .win-selected input::-ms-check, .win-listview.win-selectionstylefilled .win-selected textarea, .win-listview.win-selectionstylefilled .win-selected .win-textarea, .win-listview.win-selectionstylefilled .win-selected select, .win-itemcontainer.win-selectionstylefilled.win-selected button, .win-itemcontainer.win-selectionstylefilled.win-selected input[type=button], .win-itemcontainer.win-selectionstylefilled.win-selected input[type=reset], .win-itemcontainer.win-selectionstylefilled.win-selected input[type=text], .win-itemcontainer.win-selectionstylefilled.win-selected input[type=password], .win-itemcontainer.win-selectionstylefilled.win-selected input[type=email], .win-itemcontainer.win-selectionstylefilled.win-selected input[type=number], .win-itemcontainer.win-selectionstylefilled.win-selected input[type=tel], .win-itemcontainer.win-selectionstylefilled.win-selected input[type=url], .win-itemcontainer.win-selectionstylefilled.win-selected input[type=search], .win-itemcontainer.win-selectionstylefilled.win-selected input::-ms-check, .win-itemcontainer.win-selectionstylefilled.win-selected textarea, .win-itemcontainer.win-selectionstylefilled.win-selected .win-textarea, .win-itemcontainer.win-selectionstylefilled.win-selected select { background-clip: border-box; background-color: rgba(255, 255, 255, 0.8); border-color: transparent; color: #000000; } .win-listview.win-selectionstylefilled .win-selected button[type=submit], .win-listview.win-selectionstylefilled .win-selected input[type=submit], .win-itemcontainer.win-selectionstylefilled.win-selected button[type=submit], .win-itemcontainer.win-selectionstylefilled.win-selected input[type=submit] { border-color: #ffffff; } .win-listview.win-selectionstylefilled .win-selected input[type=range]::-ms-fill-lower, .win-itemcontainer.win-selectionstylefilled.win-selected input[type=range]::-ms-fill-lower { background-color: #ffffff; } .win-listview.win-selectionstylefilled .win-selected input[type=range]::-ms-thumb, .win-itemcontainer.win-selectionstylefilled.win-selected input[type=range]::-ms-thumb { background-color: #000000; } .win-listview.win-selectionstylefilled .win-selected input[type=range]::-ms-fill-upper, .win-listview.win-selectionstylefilled .win-selected progress, .win-itemcontainer.win-selectionstylefilled.win-selected input[type=range]::-ms-fill-upper, .win-itemcontainer.win-selectionstylefilled.win-selected progress { background-color: rgba(255, 255, 255, 0.16); } .win-listview.win-selectionstylefilled .win-selected progress:indeterminate, .win-itemcontainer.win-selectionstylefilled.win-selected progress:indeterminate { background-color: transparent; } .win-listview.win-selectionstylefilled .win-selected .win-rating .win-star.win-empty, .win-itemcontainer.win-selectionstylefilled.win-selected .win-rating .win-star.win-empty { color: rgba(255, 255, 255, 0.16); } .win-listview .win-viewport { outline: none; } @media (-ms-high-contrast) { .win-listview .win-groupheader { color: WindowText; } .win-selectioncheckmark { color: HighlightText; } .win-listview .win-focusedoutline, .win-listview .win-groupheader, .win-itemcontainer .win-focusedoutline { outline-color: WindowText; } .win-listview.win-selectionstylefilled .win-itembox, .win-itemcontainer.win-selectionstylefilled .win-itembox { background-color: Window; color: WindowText; } html.win-hoverable .win-listview.win-selectionstylefilled .win-container:hover .win-itembox, html.win-hoverable .win-itemcontainer.win-selectionstylefilled.win-container:hover .win-itembox { background-color: Highlight; color: HighlightText; } .win-listview.win-selectionstylefilled .win-container.win-selected .win-itembox, html.win-hoverable .win-listview.win-selectionstylefilled .win-container.win-selected:hover .win-itembox, .win-itemcontainer.win-selectionstylefilled.win-container.win-selected .win-itembox, html.win-hoverable .win-itemcontainer.win-selectionstylefilled.win-container.win-selected:hover .win-itembox { background-color: Highlight; color: HighlightText; } .win-listview:not(.win-selectionstylefilled) .win-container.win-selected .win-selectionborder, .win-itemcontainer:not(.win-selectionstylefilled).win-container.win-selected .win-selectionborder { border-color: Highlight; } .win-listview.win-selectionstylefilled .win-container.win-selected .win-selectionborder, .win-itemcontainer.win-selectionstylefilled.win-container.win-selected .win-selectionborder { border-color: transparent; } html.win-hoverable .win-listview:not(.win-selectionstylefilled) .win-container.win-selected:hover .win-selectionborder, html.win-hoverable .win-itemcontainer:not(.win-selectionstylefilled).win-container.win-selected:hover .win-selectionborder { border-color: Highlight; } .win-listview.win-selectionstylefilled .win-selected .win-selectionbackground, html.win-hoverable .win-listview.win-selectionstylefilled .win-selected:hover .win-selectionbackground, .win-itemcontainer.win-selectionstylefilled.win-selected .win-selectionbackground, html.win-hoverable .win-itemcontainer.win-selectionstylefilled.win-selected:hover .win-selectionbackground { background-color: Highlight; color: HighlightText; } .win-listview.win-selectionstylefilled .win-selectioncheckmarkbackground, .win-itemcontainer.win-selectionstylefilled .win-selectioncheckmarkbackground { border-color: transparent; } .win-listview.win-selectionstylefilled .win-selected a, html.win-hoverable .win-listview.win-selectionstylefilled .win-container:hover a, .win-listview.win-selectionstylefilled .win-selected progress, html.win-hoverable .win-listview.win-selectionstylefilled .win-container:hover progress, .win-listview.win-selectionstylefilled .win-selected .win-rating .win-star:after, html.win-hoverable .win-listview.win-selectionstylefilled .win-container:hover .win-rating .win-star:after, .win-itemcontainer.win-selectionstylefilled.win-selected a, html.win-hoverable .win-itemcontainer.win-selectionstylefilled.win-container:hover a, .win-itemcontainer.win-selectionstylefilled.win-selected progress, html.win-hoverable .win-itemcontainer.win-selectionstylefilled.win-container:hover progress, .win-itemcontainer.win-selectionstylefilled.win-selected .win-rating .win-star:after, html.win-hoverable .win-itemcontainer.win-selectionstylefilled.win-container:hover .win-rating .win-star:after { color: HighlightText; } .win-listview.win-selectionstylefilled .win-selected input, html.win-hoverable .win-listview.win-selectionstylefilled .win-container:hover input, .win-listview.win-selectionstylefilled .win-selected input::-ms-check, html.win-hoverable .win-listview.win-selectionstylefilled .win-container:hover input::-ms-check, .win-listview.win-selectionstylefilled .win-selected input::-ms-value, html.win-hoverable .win-listview.win-selectionstylefilled .win-container:hover input::-ms-value, .win-listview.win-selectionstylefilled .win-selected input::-ms-track, html.win-hoverable .win-listview.win-selectionstylefilled .win-container:hover input::-ms-track, .win-listview.win-selectionstylefilled .win-selected button, html.win-hoverable .win-listview.win-selectionstylefilled .win-container:hover button, .win-listview.win-selectionstylefilled .win-selected progress, html.win-hoverable .win-listview.win-selectionstylefilled .win-container:hover progress, .win-listview.win-selectionstylefilled .win-selected progress::-ms-fill, html.win-hoverable .win-listview.win-selectionstylefilled .win-container:hover progress::-ms-fill, .win-listview.win-selectionstylefilled .win-selected select, html.win-hoverable .win-listview.win-selectionstylefilled .win-container:hover select, .win-listview.win-selectionstylefilled .win-selected textarea, html.win-hoverable .win-listview.win-selectionstylefilled .win-container:hover textarea, .win-listview.win-selectionstylefilled.win-selected input, html.win-hoverable .win-itemcontainer.win-selectionstylefilled.win-container:hover input, .win-itemcontainer.win-selectionstylefilled.win-selected input::-ms-check, html.win-hoverable .win-itemcontainer.win-selectionstylefilled.win-container:hover input::-ms-check, .win-itemcontainer.win-selectionstylefilled.win-selected input::-ms-value, html.win-hoverable .win-itemcontainer.win-selectionstylefilled.win-container:hover input::-ms-value, .win-itemcontainer.win-selectionstylefilled.win-selected input::-ms-track, html.win-hoverable .win-itemcontainer.win-selectionstylefilled.win-container:hover input::-ms-track, .win-itemcontainer.win-selectionstylefilled.win-selected button, html.win-hoverable .win-itemcontainer.win-selectionstylefilled.win-container:hover button, .win-itemcontainer.win-selectionstylefilled.win-selected progress, html.win-hoverable .win-itemcontainer.win-selectionstylefilled.win-container:hover progress, .win-itemcontainer.win-selectionstylefilled.win-selected progress::-ms-fill, html.win-hoverable .win-itemcontainer.win-selectionstylefilled.win-container:hover progress::-ms-fill, .win-itemcontainer.win-selectionstylefilled.win-selected select, html.win-hoverable .win-itemcontainer.win-selectionstylefilled.win-container:hover select, .win-itemcontainer.win-selectionstylefilled.win-selected textarea, html.win-hoverable .win-itemcontainer.win-selectionstylefilled.win-container:hover textarea { border-color: HighlightText; } .win-listview.win-selectionstylefilled .win-selected input[type=range]::-ms-fill-lower, html.win-hoverable .win-listview.win-selectionstylefilled .win-container:hover input[type=range]::-ms-fill-lower, .win-listview.win-selectionstylefilled .win-selected progress::-ms-fill, html.win-hoverable .win-listview.win-selectionstylefilled .win-container:hover progress::-ms-fill, .win-itemcontainer.win-selectionstylefilled.win-selected input[type=range]::-ms-fill-lower, html.win-hoverable .win-itemcontainer.win-selectionstylefilled.win-container:hover input[type=range]::-ms-fill-lower, .win-itemcontainer.win-selectionstylefilled.win-selected progress::-ms-fill, html.win-hoverable .win-itemcontainer.win-selectionstylefilled.win-container:hover progress::-ms-fill { background-color: HighlightText; } .win-listview.win-selectionstylefilled .win-selected input[type=range]::-ms-fill-upper, html.win-hoverable .win-listview.win-selectionstylefilled .win-container:hover input[type=range]::-ms-fill-upper, .win-listview.win-selectionstylefilled .win-selected progress, html.win-hoverable .win-listview.win-selectionstylefilled .win-container:hover progress, .win-itemcontainer.win-selectionstylefilled.win-selected input[type=range]::-ms-fill-upper, html.win-hoverable .win-itemcontainer.win-selectionstylefilled.win-container:hover input[type=range]::-ms-fill-upper, .win-itemcontainer.win-selectionstylefilled.win-selected progress, html.win-hoverable .win-itemcontainer.win-selectionstylefilled.win-container:hover progress { background-color: Highlight; } .win-listview.win-selectionstylefilled .win-selected .win-rating .win-star.win-full:before, html.win-hoverable .win-listview.win-selectionstylefilled .win-container:hover .win-rating .win-star.win-full:before, .win-itemcontainer.win-selectionstylefilled.win-selected .win-rating .win-star.win-full:before, html.win-hoverable .win-itemcontainer.win-selectionstylefilled.win-container:hover .win-rating .win-star.win-full:before { color: ButtonFace; } .win-listview.win-selectionstylefilled .win-selected .win-rating .win-star.win-empty:before, html.win-hoverable .win-listview.win-selectionstylefilled .win-container:hover .win-rating .win-star.win-empty:before, .win-itemcontainer.win-selectionstylefilled.win-selected .win-rating .win-star.win-empty:before, html.win-hoverable .win-itemcontainer.win-selectionstylefilled.win-container:hover .win-rating .win-star.win-empty:before { color: Highlight; } html.win-hoverable .win-listview .win-container:hover, html.win-hoverable .win-itemcontainer.win-container:hover { outline: Highlight solid 3px; } } .win-flipview { overflow: hidden; height: 400px; /* Necessary for detecting element resize */ position: relative; } .win-flipview .win-surface { -ms-scroll-chaining: none; } .win-flipview .win-navleft { left: 0%; top: 50%; margin-top: -19px; } .win-flipview .win-navright { left: 100%; top: 50%; margin-left: -20px; margin-top: -19px; } .win-flipview .win-navtop { left: 50%; top: 0%; margin-left: -35px; } .win-flipview .win-navbottom { left: 50%; top: 100%; margin-left: -35px; margin-top: -36px; } .win-flipview .win-navbutton { touch-action: manipulation; border: none; width: 20px; height: 36px; z-index: 1; position: absolute; font-family: "Segoe MDL2 Assets", "Symbols"; font-size: 16px; padding: 0; min-width: 0; } .win-flipview .win-item, .win-flipview .win-item > .win-template { height: 100%; width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } @media (-ms-high-contrast) { .win-flipview .win-navbottom { left: 50%; top: 100%; margin-left: -35px; margin-top: -35px; } .win-flipview .win-navbutton { background-color: ButtonFace; color: ButtonText; border: 2px solid ButtonText; width: 65px; height: 35px; } .win-flipview .win-navbutton.win-navbutton:hover:active, .win-flipview .win-navbutton.win-navbutton:active { background-color: ButtonText; color: ButtonFace; } .win-flipview .win-navright { margin-left: -65px; } html.win-hoverable .win-flipview .win-navbutton:hover { background-color: Highlight; color: HighlightText; } } .win-datepicker { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; height: auto; width: auto; } .win-datepicker select { min-width: 80px; margin-top: 4px; margin-bottom: 4px; } .win-datepicker .win-datepicker-month { margin-right: 20px; } .win-datepicker .win-datepicker-date.win-order0, .win-datepicker .win-datepicker-date.win-order1 { margin-right: 20px; } .win-datepicker .win-datepicker-year.win-order0 { margin-right: 20px; } .win-datepicker .win-datepicker-month:lang(ar), .win-datepicker .win-datepicker-month:lang(dv), .win-datepicker .win-datepicker-month:lang(fa), .win-datepicker .win-datepicker-month:lang(he), .win-datepicker .win-datepicker-month:lang(ku-Arab), .win-datepicker .win-datepicker-month:lang(pa-Arab), .win-datepicker .win-datepicker-month:lang(prs), .win-datepicker .win-datepicker-month:lang(ps), .win-datepicker .win-datepicker-month:lang(sd-Arab), .win-datepicker .win-datepicker-month:lang(syr), .win-datepicker .win-datepicker-month:lang(ug), .win-datepicker .win-datepicker-month:lang(ur), .win-datepicker .win-datepicker-month:lang(qps-plocm), .win-datepicker .win-datepicker-date.win-order0:lang(ar), .win-datepicker .win-datepicker-date.win-order0:lang(dv), .win-datepicker .win-datepicker-date.win-order0:lang(fa), .win-datepicker .win-datepicker-date.win-order0:lang(he), .win-datepicker .win-datepicker-date.win-order0:lang(ku-Arab), .win-datepicker .win-datepicker-date.win-order0:lang(pa-Arab), .win-datepicker .win-datepicker-date.win-order0:lang(prs), .win-datepicker .win-datepicker-date.win-order0:lang(ps), .win-datepicker .win-datepicker-date.win-order0:lang(sd-Arab), .win-datepicker .win-datepicker-date.win-order0:lang(syr), .win-datepicker .win-datepicker-date.win-order0:lang(ug), .win-datepicker .win-datepicker-date.win-order0:lang(ur), .win-datepicker .win-datepicker-date.win-order0:lang(qps-plocm), .win-datepicker .win-datepicker-date.win-order1:lang(ar), .win-datepicker .win-datepicker-date.win-order1:lang(dv), .win-datepicker .win-datepicker-date.win-order1:lang(fa), .win-datepicker .win-datepicker-date.win-order1:lang(he), .win-datepicker .win-datepicker-date.win-order1:lang(ku-Arab), .win-datepicker .win-datepicker-date.win-order1:lang(pa-Arab), .win-datepicker .win-datepicker-date.win-order1:lang(prs), .win-datepicker .win-datepicker-date.win-order1:lang(ps), .win-datepicker .win-datepicker-date.win-order1:lang(sd-Arab), .win-datepicker .win-datepicker-date.win-order1:lang(syr), .win-datepicker .win-datepicker-date.win-order1:lang(ug), .win-datepicker .win-datepicker-date.win-order1:lang(ur), .win-datepicker .win-datepicker-date.win-order1:lang(qps-plocm), .win-datepicker .win-datepicker-year.win-order0:lang(ar), .win-datepicker .win-datepicker-year.win-order0:lang(dv), .win-datepicker .win-datepicker-year.win-order0:lang(fa), .win-datepicker .win-datepicker-year.win-order0:lang(he), .win-datepicker .win-datepicker-year.win-order0:lang(ku-Arab), .win-datepicker .win-datepicker-year.win-order0:lang(pa-Arab), .win-datepicker .win-datepicker-year.win-order0:lang(prs), .win-datepicker .win-datepicker-year.win-order0:lang(ps), .win-datepicker .win-datepicker-year.win-order0:lang(sd-Arab), .win-datepicker .win-datepicker-year.win-order0:lang(syr), .win-datepicker .win-datepicker-year.win-order0:lang(ug), .win-datepicker .win-datepicker-year.win-order0:lang(ur), .win-datepicker .win-datepicker-year.win-order0:lang(qps-plocm) { margin-right: 0; margin-left: 20px; } .win-timepicker { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; height: auto; width: auto; } .win-timepicker select { min-width: 80px; margin-top: 4px; margin-bottom: 4px; } .win-timepicker .win-timepicker-hour { margin-right: 20px; } .win-timepicker .win-timepicker-period.win-order0 { margin-right: 20px; } .win-timepicker .win-timepicker-minute.win-order1 { margin-right: 20px; } .win-timepicker .win-timepicker-period.win-order0:lang(ar), .win-timepicker .win-timepicker-period.win-order0:lang(dv), .win-timepicker .win-timepicker-period.win-order0:lang(fa), .win-timepicker .win-timepicker-period.win-order0:lang(he), .win-timepicker .win-timepicker-period.win-order0:lang(ku-Arab), .win-timepicker .win-timepicker-period.win-order0:lang(pa-Arab), .win-timepicker .win-timepicker-period.win-order0:lang(prs), .win-timepicker .win-timepicker-period.win-order0:lang(ps), .win-timepicker .win-timepicker-period.win-order0:lang(sd-Arab), .win-timepicker .win-timepicker-period.win-order0:lang(syr), .win-timepicker .win-timepicker-period.win-order0:lang(ug), .win-timepicker .win-timepicker-period.win-order0:lang(ur), .win-timepicker .win-timepicker-period.win-order0:lang(qps-plocm), .win-timepicker .win-timepicker-hour:lang(ar), .win-timepicker .win-timepicker-hour:lang(dv), .win-timepicker .win-timepicker-hour:lang(fa), .win-timepicker .win-timepicker-hour:lang(he), .win-timepicker .win-timepicker-hour:lang(ku-Arab), .win-timepicker .win-timepicker-hour:lang(pa-Arab), .win-timepicker .win-timepicker-hour:lang(prs), .win-timepicker .win-timepicker-hour:lang(ps), .win-timepicker .win-timepicker-hour:lang(sd-Arab), .win-timepicker .win-timepicker-hour:lang(syr), .win-timepicker .win-timepicker-hour:lang(ug), .win-timepicker .win-timepicker-hour:lang(ur), .win-timepicker .win-timepicker-hour:lang(qps-plocm) { margin-right: 0; margin-left: 20px; } .win-timepicker .win-timepicker-minute.win-order1:lang(ar), .win-timepicker .win-timepicker-minute.win-order1:lang(dv), .win-timepicker .win-timepicker-minute.win-order1:lang(fa), .win-timepicker .win-timepicker-minute.win-order1:lang(he), .win-timepicker .win-timepicker-minute.win-order1:lang(ku-Arab), .win-timepicker .win-timepicker-minute.win-order1:lang(pa-Arab), .win-timepicker .win-timepicker-minute.win-order1:lang(prs), .win-timepicker .win-timepicker-minute.win-order1:lang(ps), .win-timepicker .win-timepicker-minute.win-order1:lang(sd-Arab), .win-timepicker .win-timepicker-minute.win-order1:lang(syr), .win-timepicker .win-timepicker-minute.win-order1:lang(ug), .win-timepicker .win-timepicker-minute.win-order1:lang(ur), .win-timepicker .win-timepicker-minute.win-order1:lang(qps-plocm), .win-timepicker .win-timepicker-minute.win-order0:lang(ar), .win-timepicker .win-timepicker-minute.win-order0:lang(dv), .win-timepicker .win-timepicker-minute.win-order0:lang(fa), .win-timepicker .win-timepicker-minute.win-order0:lang(he), .win-timepicker .win-timepicker-minute.win-order0:lang(ku-Arab), .win-timepicker .win-timepicker-minute.win-order0:lang(pa-Arab), .win-timepicker .win-timepicker-minute.win-order0:lang(prs), .win-timepicker .win-timepicker-minute.win-order0:lang(ps), .win-timepicker .win-timepicker-minute.win-order0:lang(sd-Arab), .win-timepicker .win-timepicker-minute.win-order0:lang(syr), .win-timepicker .win-timepicker-minute.win-order0:lang(ug), .win-timepicker .win-timepicker-minute.win-order0:lang(ur), .win-timepicker .win-timepicker-minute.win-order0:lang(qps-plocm) { margin-left: 20px; margin-right: 0; } body > .win-navigation-backbutton { position: absolute; top: 50px; left: 20px; } .win-backbutton, .win-navigation-backbutton, .win-back { touch-action: manipulation; display: inline-block; min-width: 0; min-height: 0; padding: 0; text-align: center; width: 41px; height: 41px; font-size: 24px; line-height: 41px; vertical-align: baseline; } .win-backbutton::before, .win-back::before { font-family: "Segoe MDL2 Assets", "Symbols"; font-weight: normal; content: "\E0D5"; vertical-align: 50%; } .win-backbutton:lang(ar)::before, .win-backbutton:lang(dv)::before, .win-backbutton:lang(fa)::before, .win-backbutton:lang(he)::before, .win-backbutton:lang(ku-Arab)::before, .win-backbutton:lang(pa-Arab)::before, .win-backbutton:lang(prs)::before, .win-backbutton:lang(ps)::before, .win-backbutton:lang(sd-Arab)::before, .win-backbutton:lang(syr)::before, .win-backbutton:lang(ug)::before, .win-backbutton:lang(ur)::before, .win-backbutton:lang(qps-plocm)::before, .win-back:lang(ar)::before, .win-back:lang(dv)::before, .win-back:lang(fa)::before, .win-back:lang(he)::before, .win-back:lang(ku-Arab)::before, .win-back:lang(pa-Arab)::before, .win-back:lang(prs)::before, .win-back:lang(ps)::before, .win-back:lang(sd-Arab)::before, .win-back:lang(syr)::before, .win-back:lang(ug)::before, .win-back:lang(ur)::before, .win-back:lang(qps-plocm)::before { content: "\E0AE"; } button.win-navigation-backbutton, button.win-navigation-backbutton:active, html.win-hoverable button.win-navigation-backbutton:enabled:hover, button.win-navigation-backbutton:enabled:hover:active { background-color: transparent; border: none; } @media (-ms-high-contrast) { button.win-navigation-backbutton, button.win-navigation-backbutton:active, html.win-hoverable button.win-navigation-backbutton:enabled:hover, button.win-navigation-backbutton:enabled:hover:active { /* Overwrite default background and border styles from BackButton control's <button> element */ background-color: transparent; border: none; } .win-backbutton, .win-back { background-color: ButtonFace; border-color: ButtonText; color: ButtonText; } .win-backbutton.win-backbutton:enabled:hover:active, .win-navigation-backbutton.win-navigation-backbutton:enabled:hover:active .win-back { background-clip: border-box; background-color: ButtonText; border-color: transparent; color: ButtonFace; } .win-backbutton:disabled, .win-navigation-backbutton:disabled .win-back, .win-backbutton:disabled:active, .win-navigation-backbutton:disabled:active .win-back { background-color: ButtonFace; border-color: GrayText; color: GrayText; } .win-backbutton:-ms-keyboard-active, .win-navigation-backbutton:-ms-keyboard-active .win-back { background-clip: border-box; background-color: ButtonText; border-color: transparent; color: ButtonFace;
Compartilhar