/*! Copyright (C) Microsoft Corporation. All rights reserved. */
/* Version 1.0.4 */
html {
  font-size: 100%;
}
body {
  font-family: "Segoe UI", "Segoe WP", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math", "sans-serif";
  font-size: 15px;
  line-height: 20px;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  padding-bottom: 0.227px;
  padding-top: 0.227px;
  padding-bottom: 0.0141875rem;
  padding-top: 0.0141875rem;
  font-weight: 400;
}
a {
  text-decoration: none;
  color: #333333;
}
a:link {
  color: #0078d7;
}
a:visited {
  color: #0078d7;
}
a:hover {
  color: #999999;
}
a:focus {
  color: #0078d7;
}
a:active {
  color: #666666;
}
@media (-ms-high-contrast) {
  a {
    color: GrayText;
  }
}
a:link {
  color: #0078d7;
}
@media (-ms-high-contrast) {
  a:link {
    color: -ms-hotlight;
  }
}
a:visited {
  color: #0078d7;
}
@media (-ms-high-contrast) {
  a:visited {
    color: -ms-hotlight;
  }
}
a:hover,
a:hover:focus {
  color: #999999;
}
@media (-ms-high-contrast) {
  a:hover,
  a:hover:focus {
    color: WindowText;
  }
}
a:focus {
  color: #0078d7;
}
@media (-ms-high-contrast) {
  a:focus {
    color: WindowText;
  }
}
a:active,
a:active:hover {
  color: #666666;
}
@media (-ms-high-contrast) {
  a:active,
  a:active:hover {
    color: WindowText;
  }
}
h1,
h2,
h3,
h4,
h5,
h6,
.text-headline,
.text-header,
.text-subheader,
.text-title,
.text-subtitle,
.text-body,
.text-base,
.text-caption,
.text-captionAlt,
.text-subcaption,
.text-display1,
.text-display2,
.text-display3,
.text-title1,
.text-title2,
.text-title3,
.text-caption1,
p {
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
}
.text-display1,
.text-headline {
  font-size: 62px;
  line-height: 80px;
  font-size: 3.875rem;
  line-height: 5rem;
  padding-bottom: 2.2716px;
  padding-top: 2.2716px;
  padding-bottom: 0.141975rem;
  padding-top: 0.141975rem;
  font-weight: 200;
}
.text-display1.textType_maxLinesOne,
.text-headline.textType_maxLinesOne {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 80px;
  max-height: 5rem;
}
.text-display1.textType_maxLinesTwo,
.text-headline.textType_maxLinesTwo {
  max-height: 160px;
  max-height: 10rem;
}
.text-display1.textType_maxLinesThree,
.text-headline.textType_maxLinesThree {
  max-height: 240px;
  max-height: 15rem;
}
.text-display1.textType_maxLinesFour,
.text-headline.textType_maxLinesFour {
  max-height: 320px;
  max-height: 20rem;
}
.text-display2,
.text-header,
h1 {
  font-size: 46px;
  line-height: 56px;
  font-size: 2.875rem;
  line-height: 3.5rem;
  padding-bottom: 3.3628px;
  padding-top: 3.3628px;
  padding-bottom: 0.210175rem;
  padding-top: 0.210175rem;
  font-weight: 200;
}
.text-display2.textType_maxLinesOne,
.text-header.textType_maxLinesOne,
h1.textType_maxLinesOne {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 56px;
  max-height: 3.5rem;
}
.text-display2.textType_maxLinesTwo,
.text-header.textType_maxLinesTwo,
h1.textType_maxLinesTwo {
  max-height: 112px;
  max-height: 7rem;
}
.text-display2.textType_maxLinesThree,
.text-header.textType_maxLinesThree,
h1.textType_maxLinesThree {
  max-height: 168px;
  max-height: 10.5rem;
}
.text-display2.textType_maxLinesFour,
.text-header.textType_maxLinesFour,
h1.textType_maxLinesFour {
  max-height: 224px;
  max-height: 14rem;
}
.text-display3,
.text-subheader,
h2 {
  font-size: 34px;
  line-height: 40px;
  font-size: 2.125rem;
  line-height: 2.5rem;
  padding-bottom: 3.1812px;
  padding-top: 3.1812px;
  padding-bottom: 0.198825rem;
  padding-top: 0.198825rem;
  font-weight: 200;
}
.text-display3.textType_maxLinesOne,
.text-subheader.textType_maxLinesOne,
h2.textType_maxLinesOne {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 40px;
  max-height: 2.5rem;
}
.text-display3.textType_maxLinesTwo,
.text-subheader.textType_maxLinesTwo,
h2.textType_maxLinesTwo {
  max-height: 80px;
  max-height: 5rem;
}
.text-display3.textType_maxLinesThree,
.text-subheader.textType_maxLinesThree,
h2.textType_maxLinesThree {
  max-height: 120px;
  max-height: 7.5rem;
}
.text-display3.textType_maxLinesFour,
.text-subheader.textType_maxLinesFour,
h2.textType_maxLinesFour {
  max-height: 160px;
  max-height: 10rem;
}
.text-title,
h3 {
  font-size: 24px;
  line-height: 28px;
  font-size: 1.5rem;
  line-height: 1.75rem;
  padding-bottom: 2.3632px;
  padding-top: 2.3632px;
  padding-bottom: 0.1477rem;
  padding-top: 0.1477rem;
  font-weight: 300;
}
.text-title.textType_maxLinesOne,
h3.textType_maxLinesOne {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 28px;
  max-height: 1.75rem;
}
.text-title.textType_maxLinesTwo,
h3.textType_maxLinesTwo {
  max-height: 56px;
  max-height: 3.5rem;
}
.text-title.textType_maxLinesThree,
h3.textType_maxLinesThree {
  max-height: 84px;
  max-height: 5.25rem;
}
.text-title.textType_maxLinesFour,
h3.textType_maxLinesFour {
  max-height: 112px;
  max-height: 7rem;
}
.text-title1 {
  font-size: 24px;
  line-height: 28px;
  font-size: 1.5rem;
  line-height: 1.75rem;
  padding-bottom: 2.3632px;
  padding-top: 2.3632px;
  padding-bottom: 0.1477rem;
  padding-top: 0.1477rem;
  font-weight: 400;
}
.text-title1.textType_maxLinesOne {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 28px;
  max-height: 1.75rem;
}
.text-title1.textType_maxLinesTwo {
  max-height: 56px;
  max-height: 3.5rem;
}
.text-title1.textType_maxLinesThree {
  max-height: 84px;
  max-height: 5.25rem;
}
.text-title1.textType_maxLinesFour {
  max-height: 112px;
  max-height: 7rem;
}
.text-title2 {
  font-size: 24px;
  line-height: 28px;
  font-size: 1.5rem;
  line-height: 1.75rem;
  padding-bottom: 2.3632px;
  padding-top: 2.3632px;
  padding-bottom: 0.1477rem;
  padding-top: 0.1477rem;
  font-weight: 200;
}
.text-title2.textType_maxLinesOne {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 28px;
  max-height: 1.75rem;
}
.text-title2.textType_maxLinesTwo {
  max-height: 56px;
  max-height: 3.5rem;
}
.text-title2.textType_maxLinesThree {
  max-height: 84px;
  max-height: 5.25rem;
}
.text-title2.textType_maxLinesFour {
  max-height: 112px;
  max-height: 7rem;
}
.text-title3,
.text-subtitle,
h4 {
  font-size: 20px;
  line-height: 24px;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding-bottom: 1.636px;
  padding-top: 1.636px;
  padding-bottom: 0.10225rem;
  padding-top: 0.10225rem;
  font-weight: 400;
}
.text-title3.textType_maxLinesOne,
.text-subtitle.textType_maxLinesOne,
h4.textType_maxLinesOne {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 24px;
  max-height: 1.5rem;
}
.text-title3.textType_maxLinesTwo,
.text-subtitle.textType_maxLinesTwo,
h4.textType_maxLinesTwo {
  max-height: 48px;
  max-height: 3rem;
}
.text-title3.textType_maxLinesThree,
.text-subtitle.textType_maxLinesThree,
h4.textType_maxLinesThree {
  max-height: 72px;
  max-height: 4.5rem;
}
.text-title3.textType_maxLinesFour,
.text-subtitle.textType_maxLinesFour,
h4.textType_maxLinesFour {
  max-height: 96px;
  max-height: 6rem;
}
.text-caption1,
.text-caption,
h5 {
  font-size: 13px;
  line-height: 14px;
  font-size: 0.8125rem;
  line-height: 0.875rem;
  padding-bottom: 1.8634px;
  padding-top: 1.8634px;
  padding-bottom: 0.1164625rem;
  padding-top: 0.1164625rem;
  font-weight: 400;
}
.text-caption1.textType_maxLinesOne,
.text-caption.textType_maxLinesOne,
h5.textType_maxLinesOne {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 14px;
  max-height: 0.875rem;
}
.text-caption1.textType_maxLinesTwo,
.text-caption.textType_maxLinesTwo,
h5.textType_maxLinesTwo {
  max-height: 28px;
  max-height: 1.75rem;
}
.text-caption1.textType_maxLinesThree,
.text-caption.textType_maxLinesThree,
h5.textType_maxLinesThree {
  max-height: 42px;
  max-height: 2.625rem;
}
.text-caption1.textType_maxLinesFour,
.text-caption.textType_maxLinesFour,
h5.textType_maxLinesFour {
  max-height: 56px;
  max-height: 3.5rem;
}
.text-caption2,
.text-captionAlt,
h6 {
  font-size: 10px;
  line-height: 12px;
  font-size: 0.625rem;
  line-height: 0.75rem;
  padding-bottom: 0.818px;
  padding-top: 0.818px;
  padding-bottom: 0.051125rem;
  padding-top: 0.051125rem;
  font-weight: 400;
}
.text-caption2.textType_maxLinesOne,
.text-captionAlt.textType_maxLinesOne,
h6.textType_maxLinesOne {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 12px;
  max-height: 0.75rem;
}
.text-caption2.textType_maxLinesTwo,
.text-captionAlt.textType_maxLinesTwo,
h6.textType_maxLinesTwo {
  max-height: 24px;
  max-height: 1.5rem;
}
.text-caption2.textType_maxLinesThree,
.text-captionAlt.textType_maxLinesThree,
h6.textType_maxLinesThree {
  max-height: 36px;
  max-height: 2.25rem;
}
.text-caption2.textType_maxLinesFour,
.text-captionAlt.textType_maxLinesFour,
h6.textType_maxLinesFour {
  max-height: 48px;
  max-height: 3rem;
}
.text-caption3,
.text-subcaption {
  font-size: 8px;
  line-height: 10px;
  font-size: 0.5rem;
  line-height: 0.625rem;
  padding-bottom: 0.4544px;
  padding-top: 0.4544px;
  padding-bottom: 0.0284rem;
  padding-top: 0.0284rem;
  font-weight: 400;
}
.text-caption3.textType_maxLinesOne,
.text-subcaption.textType_maxLinesOne {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 10px;
  max-height: 0.625rem;
}
.text-caption3.textType_maxLinesTwo,
.text-subcaption.textType_maxLinesTwo {
  max-height: 20px;
  max-height: 1.25rem;
}
.text-caption3.textType_maxLinesThree,
.text-subcaption.textType_maxLinesThree {
  max-height: 30px;
  max-height: 1.875rem;
}
.text-caption3.textType_maxLinesFour,
.text-subcaption.textType_maxLinesFour {
  max-height: 40px;
  max-height: 2.5rem;
}
.text-body1,
.text-body,
p {
  font-size: 15px;
  line-height: 20px;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  padding-bottom: 0.227px;
  padding-top: 0.227px;
  padding-bottom: 0.0141875rem;
  padding-top: 0.0141875rem;
  font-weight: 400;
}
.text-body1.textType_maxLinesOne,
.text-body.textType_maxLinesOne,
p.textType_maxLinesOne {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 20px;
  max-height: 1.25rem;
}
.text-body1.textType_maxLinesTwo,
.text-body.textType_maxLinesTwo,
p.textType_maxLinesTwo {
  max-height: 40px;
  max-height: 2.5rem;
}
.text-body1.textType_maxLinesThree,
.text-body.textType_maxLinesThree,
p.textType_maxLinesThree {
  max-height: 60px;
  max-height: 3.75rem;
}
.text-body1.textType_maxLinesFour,
.text-body.textType_maxLinesFour,
p.textType_maxLinesFour {
  max-height: 80px;
  max-height: 5rem;
}
.text-body2,
.text-base {
  font-size: 15px;
  line-height: 20px;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  padding-bottom: 0.227px;
  padding-top: 0.227px;
  padding-bottom: 0.0141875rem;
  padding-top: 0.0141875rem;
  font-weight: 500;
}
.text-body2.textType_maxLinesOne,
.text-base.textType_maxLinesOne {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 20px;
  max-height: 1.25rem;
}
.text-body2.textType_maxLinesTwo,
.text-base.textType_maxLinesTwo {
  max-height: 40px;
  max-height: 2.5rem;
}
.text-body2.textType_maxLinesThree,
.text-base.textType_maxLinesThree {
  max-height: 60px;
  max-height: 3.75rem;
}
.text-body2.textType_maxLinesFour,
.text-base.textType_maxLinesFour {
  max-height: 80px;
  max-height: 5rem;
}
[class*="textType_maxLines"] {
  overflow: hidden;
}
html {
  background-color: #005a9e;
  color: #ffffff;
}
.template-input {
  margin-top: 24px;
  margin-bottom: 24px;
  position: relative;
}
.template-input label {
  display: block;
  margin-top: 8px;
  margin-bottom: 8px;
}
html[dir="ltr"] .template-input input,
html[dir="ltr"] .template-input label {
  margin-right: 8px;
}
html[dir="rtl"] .template-input input,
html[dir="rtl"] .template-input label {
  margin-left: 8px;
}
html[dir="ltr"] .template-input.inputType_radio input,
html[dir="ltr"] .template-input.inputType_checkbox input {
  float: left;
}
html[dir="rtl"] .template-input.inputType_radio input,
html[dir="rtl"] .template-input.inputType_checkbox input {
  float: right;
}
.template-input.inputType_radio input + label,
.template-input.inputType_checkbox input + label {
  display: table-cell;
}
.template-input.inputType_radio input:disabled + label,
.template-input.inputType_checkbox input:disabled + label {
  color: #333333;
}
.template-input .input-errorDialog {
  margin-top: 12px;
  margin-bottom: 12px;
  *zoom: 1;
}
.template-input .input-errorDialog:before,
.template-input .input-errorDialog:after {
  content: " ";
  display: table;
}
.template-input .input-errorDialog:after {
  clear: both;
}
html[dir="ltr"] .template-input .input-errorDialog .errorDialog-dialogRoot {
  float: left;
}
html[dir="rtl"] .template-input .input-errorDialog .errorDialog-dialogRoot {
  float: right;
}
.template-buttonGroup {
  margin-top: 24px;
  margin-bottom: 24px;
}
.template-buttonGroup .control-button,
.template-buttonGroup button,
.template-buttonGroup input[type="submit"],
.template-buttonGroup input[type="button"],
.template-buttonGroup input[type="reset"] {
  margin-bottom: 4px;
  margin-top: 4px;
}
html[dir="ltr"] .template-buttonGroup .control-button,
html[dir="ltr"] .template-buttonGroup button,
html[dir="ltr"] .template-buttonGroup input[type="submit"],
html[dir="ltr"] .template-buttonGroup input[type="button"],
html[dir="ltr"] .template-buttonGroup input[type="reset"] {
  margin-right: 4px;
}
html[dir="rtl"] .template-buttonGroup .control-button,
html[dir="rtl"] .template-buttonGroup button,
html[dir="rtl"] .template-buttonGroup input[type="submit"],
html[dir="rtl"] .template-buttonGroup input[type="button"],
html[dir="rtl"] .template-buttonGroup input[type="reset"] {
  margin-left: 4px;
}
.template-tooltip {
  color: #ffffff;
  padding: 12px 0;
}
.template-tooltip *:first-child {
  margin-top: 0;
}
.template-tooltip *:last-child {
  margin-bottom: 0;
}
html[dir="rtl"] {
  direction: rtl;
}
a,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.control-button,
a:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.control-button:hover {
  cursor: default;
}
button,
input[type=button],
input[type=reset],
input[type=submit],
button[type=submit] {
  padding-top: 2px;
}
input[type="checkbox"],
input[type="radio"] {
  margin-top: 0;
  margin-bottom: 0;
}
html[dir="ltr"] input[type="checkbox"],
html[dir="ltr"] input[type="radio"] {
  margin-left: 0;
}
html[dir="rtl"] input[type="checkbox"],
html[dir="rtl"] input[type="radio"] {
  margin-right: 0;
}
html[dir="ltr"] input[type="checkbox"],
html[dir="ltr"] input[type="radio"] {
  margin-right: 8px;
}
html[dir="rtl"] input[type="checkbox"],
html[dir="rtl"] input[type="radio"] {
  margin-left: 8px;
}
input[type="checkbox"]:hover:active::-ms-check {
  color: #ffffff;
  background-color: #cccccc;
  border-color: #cccccc;
}
select,
select:enabled {
  color: rgba(255, 255, 255, 0.6);
  border-color: rgba(255, 255, 255, 0.4);
  background-color: rgba(0, 0, 0, 0.4);
}
select:hover,
select:enabled:hover {
  border-color: #999999;
  background-color: rgba(0, 0, 0, 0.6);
}
select:active,
select:enabled:active {
  border-color: #999999;
}
select::-ms-value {
  padding: 4px 8px;
  margin: 0;
}
option,
option:checked {
  color: #ffffff;
  background-color: #000000;
}
option:hover,
option:checked:hover,
select:enabled:focus option:hover,
select:enabled:focus option:checked:hover {
  color: rgba(255, 255, 255, 0.6);
  background-color: #000000;
}
input::-ms-clear:hover:active,
input::-ms-reveal:hover:active {
  background-color: #0078d7;
}
progress,
progress:indeterminate {
  color: #0078d7;
}
.win-flyout,
.win-flyout.win-ui-light,
.win-flyout.win-ui-dark {
  margin-bottom: 7px;
  padding-top: 6px;
  color: #ffffff;
  background-color: #2b2b2b;
  border-color: #767676;
}
.win-flyout h4 {
  margin-top: 0;
  margin-bottom: 4px;
}
.win-flyout p {
  margin-bottom: 0;
}
.win-flyout h4 + p {
  margin-top: 0;
}
.win-listview {
  height: auto;
}
a,
a:link,
a:visited {
  color: #a6d8ff;
}
a:hover,
a:link:hover,
a:visited:hover {
  color: rgba(166, 216, 255, 0.8);
}
a:active,
a:link:active,
a:visited:active {
  color: rgba(166, 216, 255, 0.6);
}
legend {
  font-size: 15px;
  line-height: 20px;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  padding-bottom: 0.227px;
  padding-top: 0.227px;
  padding-bottom: 0.0141875rem;
  padding-top: 0.0141875rem;
  font-weight: 500;
}
p,
li {
  font-size: 15px;
  line-height: 20px;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  padding-bottom: 0.227px;
  padding-top: 0.227px;
  padding-bottom: 0.0141875rem;
  padding-top: 0.0141875rem;
  font-weight: 400;
  max-width: 672px;
}
.action-link {
  font-size: 13px;
  line-height: 14px;
  font-size: 0.8125rem;
  line-height: 0.875rem;
  padding-bottom: 1.8634px;
  padding-top: 1.8634px;
  padding-bottom: 0.1164625rem;
  padding-top: 0.1164625rem;
  font-weight: 400;
}
.secondaryText {
  color: rgba(255, 255, 255, 0.6);
}
.icon {
  font-family: "Segoe MDL2 Assets";
}
.icon-win-easeOfAccess:before {
  content: "\E776";
}
.icon-win-keyboardStandard:before {
  content: "\E765";
  transform: translatex(1px);
}
.template-legend-icon {
  width: 20px;
  height: 20px;
}
html[dir="ltr"] .template-legend-icon {
  padding-right: 8px;
}
html[dir="rtl"] .template-legend-icon {
  padding-left: 8px;
}
html[dir="ltr"] .template-legend-icon {
  float: left;
}
html[dir="rtl"] .template-legend-icon {
  float: right;
}
fieldset {
  margin: 4px 0;
  padding: 0;
  border: none;
}
fieldset:last-child {
  margin-bottom: 0;
}
fieldset p {
  margin: 16px 0;
}
legend {
  margin-bottom: 12px;
  max-width: 100%;
}
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.control-button {
  height: 32px;
  font: inherit;
  margin: 0;
  color: #ffffff;
}
@media (-ms-high-contrast) {
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  .control-button {
    background-color: ButtonFace;
    color: ButtonText;
    border-color: ButtonText;
  }
}
@media (-ms-high-contrast) {
  button:enabled:hover,
  input[type="button"]:enabled:hover,
  input[type="submit"]:enabled:hover,
  input[type="reset"]:enabled:hover,
  .control-button:enabled:hover {
    background-color: Highlight;
    color: HighlightText;
  }
}
@media (-ms-high-contrast) {
  button:enabled:active,
  input[type="button"]:enabled:active,
  input[type="submit"]:enabled:active,
  input[type="reset"]:enabled:active,
  .control-button:enabled:active {
    background-color: ButtonText;
    color: ButtonFace;
  }
}
button:enabled.button_primary,
input[type="button"]:enabled.button_primary,
input[type="submit"]:enabled.button_primary,
input[type="reset"]:enabled.button_primary,
.control-button:enabled.button_primary,
button:enabled.buttonType_themed,
input[type="button"]:enabled.buttonType_themed,
input[type="submit"]:enabled.buttonType_themed,
input[type="reset"]:enabled.buttonType_themed,
.control-button:enabled.buttonType_themed {
  background-color: #0078d7;
  border-color: #0078d7;
  color: #ffffff;
}
@media (-ms-high-contrast) {
  button:enabled.button_primary,
  input[type="button"]:enabled.button_primary,
  input[type="submit"]:enabled.button_primary,
  input[type="reset"]:enabled.button_primary,
  .control-button:enabled.button_primary,
  button:enabled.buttonType_themed,
  input[type="button"]:enabled.buttonType_themed,
  input[type="submit"]:enabled.buttonType_themed,
  input[type="reset"]:enabled.buttonType_themed,
  .control-button:enabled.buttonType_themed {
    background-color: Highlight;
    color: HighlightText;
  }
}
button:enabled.button_primary:hover,
input[type="button"]:enabled.button_primary:hover,
input[type="submit"]:enabled.button_primary:hover,
input[type="reset"]:enabled.button_primary:hover,
.control-button:enabled.button_primary:hover,
button:enabled.buttonType_themed:hover,
input[type="button"]:enabled.buttonType_themed:hover,
input[type="submit"]:enabled.buttonType_themed:hover,
input[type="reset"]:enabled.buttonType_themed:hover,
.control-button:enabled.buttonType_themed:hover,
button:enabled.button_primary:focus,
input[type="button"]:enabled.button_primary:focus,
input[type="submit"]:enabled.button_primary:focus,
input[type="reset"]:enabled.button_primary:focus,
.control-button:enabled.button_primary:focus,
button:enabled.buttonType_themed:focus,
input[type="button"]:enabled.buttonType_themed:focus,
input[type="submit"]:enabled.buttonType_themed:focus,
input[type="reset"]:enabled.buttonType_themed:focus,
.control-button:enabled.buttonType_themed:focus {
  border-color: #83beec;
}
button:enabled.button_primary:active,
input[type="button"]:enabled.button_primary:active,
input[type="submit"]:enabled.button_primary:active,
input[type="reset"]:enabled.button_primary:active,
.control-button:enabled.button_primary:active,
button:enabled.buttonType_themed:active,
input[type="button"]:enabled.buttonType_themed:active,
input[type="submit"]:enabled.buttonType_themed:active,
input[type="reset"]:enabled.buttonType_themed:active,
.control-button:enabled.buttonType_themed:active {
  background-color: #3a96dd;
  border-color: #3a96dd;
}
@media (-ms-high-contrast) {
  button:enabled.button_primary:active,
  input[type="button"]:enabled.button_primary:active,
  input[type="submit"]:enabled.button_primary:active,
  input[type="reset"]:enabled.button_primary:active,
  .control-button:enabled.button_primary:active,
  button:enabled.buttonType_themed:active,
  input[type="button"]:enabled.buttonType_themed:active,
  input[type="submit"]:enabled.buttonType_themed:active,
  input[type="reset"]:enabled.buttonType_themed:active,
  .control-button:enabled.buttonType_themed:active {
    background-color: ButtonText;
    color: ButtonFace;
  }
}
a.control-button:link,
a.control-button:visited {
  color: #ffffff;
}
a.control-button:link.button_primary,
a.control-button:visited.button_primary,
a.control-button:link.buttonType_themed,
a.control-button:visited.buttonType_themed {
  color: #ffffff;
}
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
@media (-ms-high-contrast) {
  input[type="color"],
  input[type="date"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="email"],
  input[type="month"],
  input[type="number"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="text"],
  input[type="time"],
  input[type="url"],
  input[type="week"],
  select {
    border-color: ButtonText;
  }
}
.control-progress {
  width: 320px;
  padding: 32px 0 36px 0;
  text-align: center;
  color: #ffffff;
}
.control-progress progress {
  margin: 0 auto;
}
.control-progress progress.win-ring.win-large {
  color: #ffffff;
  width: 64px;
  height: 64px;
}
.control-progress h4 {
  margin: 16px 0 0;
}
.control-actionLinks {
  margin: 0;
  padding: 0;
  list-style: none;
}
.control-actionLinks li {
  margin: 12px 0 0 0;
  padding: 0;
  font-size: 15px;
  line-height: 20px;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  padding-bottom: 0.227px;
  padding-top: 0.227px;
  padding-bottom: 0.0141875rem;
  padding-top: 0.0141875rem;
  font-weight: 400;
}
@media (min-width: 480px) {
  .control-actionLinks li {
    font-size: 13px;
    line-height: 14px;
    font-size: 0.8125rem;
    line-height: 0.875rem;
    padding-bottom: 1.8634px;
    padding-top: 1.8634px;
    padding-bottom: 0.1164625rem;
    padding-top: 0.1164625rem;
    font-weight: 400;
  }
}
html,
body {
  height: 100%;
}
body {
  background-color: #005a9e;
}
html {
  overflow: auto;
}
.control-app {
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  -ms-grid-rows: auto 1fr auto;
  height: 100%;
  overflow: hidden;
}
@media (min-width: 480px) {
  .control-app {
    -ms-grid-rows: 1fr minmax(600px, 85%) 1fr;
  }
}
.control-app .app-content {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  -ms-grid-row-align: center;
  height: 100%;
  width: 100%;
  min-width: 320px;
  max-width: 1024px;
  max-height: 864px;
  margin: 0 auto;
  position: relative;
}
.control-page {
  display: -ms-grid;
  -ms-grid-columns: 12px 1fr 12px;
  -ms-grid-rows: 24px 1fr auto 4px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (min-width: 480px) {
  .control-page {
    -ms-grid-columns: 64px 1fr 32px;
    -ms-grid-rows: 32px 1fr 80px;
    margin: 0;
  }
}
.control-page .page-body {
  -ms-grid-column: 2;
  -ms-grid-row: 2;
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  -ms-grid-rows: auto 1fr;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  max-height: 752px;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-grid-rows: minmax(116px, max-content) 1fr 1px;
}
@media (min-width: 480px) {
  .control-page .page-body {
    -ms-grid-columns: 1fr 32px;
  }
}
.control-page .page-body .body-header {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-align: end;
  display: -ms-grid;
  -ms-grid-columns: 1fr auto;
  -ms-grid-rows: 1fr;
  margin-bottom: 28px;
}
.control-page .page-body .body-header h1,
.control-page .page-body .body-header h2,
.control-page .page-body .body-header h3,
.control-page .page-body .body-header h4,
.control-page .page-body .body-header h5 {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-align: end;
  margin: 0;
  font-size: 34px;
  line-height: 40px;
  font-size: 2.125rem;
  line-height: 2.5rem;
  padding-bottom: 3.1812px;
  padding-top: 3.1812px;
  padding-bottom: 0.198825rem;
  padding-top: 0.198825rem;
  font-weight: 200;
  color: #ffffff;
}
.control-page .page-body .body-header h1.textType_maxLinesOne,
.control-page .page-body .body-header h2.textType_maxLinesOne,
.control-page .page-body .body-header h3.textType_maxLinesOne,
.control-page .page-body .body-header h4.textType_maxLinesOne,
.control-page .page-body .body-header h5.textType_maxLinesOne {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 40px;
  max-height: 2.5rem;
}
.control-page .page-body .body-header h1.textType_maxLinesTwo,
.control-page .page-body .body-header h2.textType_maxLinesTwo,
.control-page .page-body .body-header h3.textType_maxLinesTwo,
.control-page .page-body .body-header h4.textType_maxLinesTwo,
.control-page .page-body .body-header h5.textType_maxLinesTwo {
  max-height: 80px;
  max-height: 5rem;
}
.control-page .page-body .body-header h1.textType_maxLinesThree,
.control-page .page-body .body-header h2.textType_maxLinesThree,
.control-page .page-body .body-header h3.textType_maxLinesThree,
.control-page .page-body .body-header h4.textType_maxLinesThree,
.control-page .page-body .body-header h5.textType_maxLinesThree {
  max-height: 120px;
  max-height: 7.5rem;
}
.control-page .page-body .body-header h1.textType_maxLinesFour,
.control-page .page-body .body-header h2.textType_maxLinesFour,
.control-page .page-body .body-header h3.textType_maxLinesFour,
.control-page .page-body .body-header h4.textType_maxLinesFour,
.control-page .page-body .body-header h5.textType_maxLinesFour {
  max-height: 160px;
  max-height: 10rem;
}
.control-page .page-body .body-header .img-brand {
  -ms-grid-column: 2;
  -ms-grid-column-align: end;
  -ms-grid-row: 1;
  -ms-grid-row-align: center;
  height: 80px;
  margin-right: 16px;
}
.control-page .page-body .body-container {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  -ms-grid-rows: auto 1fr;
}
.control-page .page-body .body-container .container-content {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
}
.control-page .page-body .body-container .container-content p:first-child {
  margin-top: 0;
}
.control-page .page-body .body-container .container-content p.content-lead {
  margin-bottom: 28px;
}
.control-page .page-body .body-container .container-content p.content-compact {
  margin-bottom: 8px;
}
.control-page .page-body .body-container .container-content .win-listview {
  margin-bottom: 28px;
}
.control-page .page-body .body-container .container-content .win-listview > .win-vertical .win-container {
  margin: 0;
}
@media (min-width: 480px) {
  .control-page .page-body .body-container .container-content .win-listview {
    max-width: 384px;
  }
}
.control-page .page-body .body-container .container-footer {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  -ms-grid-rows: auto 8px auto;
}
@media (min-width: 480px) {
  .control-page .page-body .body-container .container-footer {
    -ms-grid-rows: 1fr 8px auto;
  }
}
.control-page .page-body .body-container .container-footer .footer-content {
  -ms-grid-column: 1;
  -ms-grid-row: 3;
}
.control-page .page-footer {
  -ms-grid-column: 2;
  -ms-grid-row: 3;
  display: -ms-grid;
  -ms-grid-columns: auto 1fr;
  -ms-grid-rows: 16px auto;
}
@media (min-width: 480px) {
  .control-page .page-footer {
    -ms-grid-columns: auto 1fr 32px;
  }
}
.control-page .page-footer .footer-icons {
  display: none;
  -ms-grid-column: 1;
  -ms-grid-row: 2;
}
@media (min-width: 480px) {
  .control-page .page-footer .footer-icons {
    display: flex;
  }
}
.control-page .page-footer .footer-icons .icon {
  display: block;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 32px;
  text-align: center;
  background: transparent;
  border: none;
  padding: 0;
  min-width: 0px;
  color: #ffffff;
}
html[dir="ltr"] .control-page .page-footer .footer-icons .icon {
  margin-right: 12px;
}
html[dir="rtl"] .control-page .page-footer .footer-icons .icon {
  margin-left: 12px;
}
@media (-ms-high-contrast) {
  .control-page .page-footer .footer-icons .icon {
    color: ButtonText;
  }
}
@media (-ms-high-contrast) {
  .control-page .page-footer .footer-icons .icon {
    background-color: ButtonFace;
  }
}
.control-page .page-footer .footer-icons .icon:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
@media (-ms-high-contrast) {
  .control-page .page-footer .footer-icons .icon:hover {
    background-color: Highlight;
  }
}
@media (-ms-high-contrast) {
  .control-page .page-footer .footer-icons .icon:hover {
    color: HighlightText;
  }
}
.control-page .page-footer .footer-icons .icon:active {
  color: #000000;
  background-color: #ffffff;
}
@media (-ms-high-contrast) {
  .control-page .page-footer .footer-icons .icon:active {
    color: ButtonFace;
  }
}
@media (-ms-high-contrast) {
  .control-page .page-footer .footer-icons .icon:active {
    background-color: ButtonText;
  }
}
.control-page .page-footer .footer-buttons {
  -ms-grid-column: 2;
  -ms-grid-row: 2;
  margin: 8px 0px;
}
.control-page.page_centered {
  -ms-grid-columns: 1fr;
  -ms-grid-rows: 1fr;
}
.control-page.page_centered .page-body {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-columns: 1fr auto 1fr;
  -ms-grid-rows: 1fr auto 1fr;
}
.control-page.page_centered .page-body .body-container {
  -ms-grid-column: 2;
  -ms-grid-row: 2;
  display: block;
}
.template-buttonGroup {
  margin: 4px 0;
  display: -ms-grid;
  -ms-grid-columns: 1fr 4px 1fr;
}
.template-buttonGroup .control-button {
  -ms-grid-column: 1;
}
.template-buttonGroup .control-button.button_primary {
  -ms-grid-column: 3;
}
.template-buttonGroup.buttonGroup_fullWidth {
  -ms-grid-columns: 1fr;
}
.template-buttonGroup.buttonGroup_fullWidth .control-button.button_primary {
  -ms-grid-column: 1;
}
@media (min-width: 480px) {
  .template-buttonGroup {
    -ms-grid-columns: 1fr auto 4px auto;
  }
  .template-buttonGroup .control-button {
    -ms-grid-column: 2;
  }
  .template-buttonGroup .control-button.button_primary {
    -ms-grid-column: 4;
  }
}
.template-buttonGroup .control-button + .control-button {
  margin-top: 0;
}
.template-buttonGroup .control-button,
.template-buttonGroup button,
.template-buttonGroup input[type="submit"],
.template-buttonGroup input[type="button"],
.template-buttonGroup input[type="reset"] {
  -ms-grid-row: 1;
  margin-top: 0;
  margin-bottom: 0;
}
html[dir="ltr"] .template-buttonGroup .control-button,
html[dir="ltr"] .template-buttonGroup button,
html[dir="ltr"] .template-buttonGroup input[type="submit"],
html[dir="ltr"] .template-buttonGroup input[type="button"],
html[dir="ltr"] .template-buttonGroup input[type="reset"] {
  margin-left: 0;
}
html[dir="rtl"] .template-buttonGroup .control-button,
html[dir="rtl"] .template-buttonGroup button,
html[dir="rtl"] .template-buttonGroup input[type="submit"],
html[dir="rtl"] .template-buttonGroup input[type="button"],
html[dir="rtl"] .template-buttonGroup input[type="reset"] {
  margin-right: 0;
}
html[dir="ltr"] .template-buttonGroup .control-button,
html[dir="ltr"] .template-buttonGroup button,
html[dir="ltr"] .template-buttonGroup input[type="submit"],
html[dir="ltr"] .template-buttonGroup input[type="button"],
html[dir="ltr"] .template-buttonGroup input[type="reset"] {
  margin-right: 0;
}
html[dir="rtl"] .template-buttonGroup .control-button,
html[dir="rtl"] .template-buttonGroup button,
html[dir="rtl"] .template-buttonGroup input[type="submit"],
html[dir="rtl"] .template-buttonGroup input[type="button"],
html[dir="rtl"] .template-buttonGroup input[type="reset"] {
  margin-left: 0;
}
@media (min-width: 480px) {
  .template-buttonGroup .control-button,
  .template-buttonGroup button,
  .template-buttonGroup input[type="submit"],
  .template-buttonGroup input[type="button"],
  .template-buttonGroup input[type="reset"] {
    width: auto;
    min-width: 120px;
  }
  html[dir="ltr"] .template-buttonGroup .control-button,
  html[dir="ltr"] .template-buttonGroup button,
  html[dir="ltr"] .template-buttonGroup input[type="submit"],
  html[dir="ltr"] .template-buttonGroup input[type="button"],
  html[dir="ltr"] .template-buttonGroup input[type="reset"] {
    margin-left: 12px;
  }
  html[dir="rtl"] .template-buttonGroup .control-button,
  html[dir="rtl"] .template-buttonGroup button,
  html[dir="rtl"] .template-buttonGroup input[type="submit"],
  html[dir="rtl"] .template-buttonGroup input[type="button"],
  html[dir="rtl"] .template-buttonGroup input[type="reset"] {
    margin-right: 12px;
  }
}
.template-tooltip {
  background: transparent;
  border: 0px none transparent;
}
.template-tooltip p {
  margin: 8px 0;
}
.template-tooltip p:first-child {
  margin-top: 0;
}
.template-tooltip p:last-child {
  margin-bottom: 0;
}
.template-tooltip.tooltipType_error {
  color: #ffff00;
}
@media (-ms-high-contrast) {
  .template-tooltip.tooltipType_error {
    color: -ms-hotlight;
  }
}
.template-tooltip.tooltipType_success {
  color: rgba(255, 255, 255, 0.6);
}
@media (-ms-high-contrast) {
  .template-tooltip.tooltipType_success {
    color: -ms-hotlight;
  }
}
.template-input + .template-tooltip {
  margin-top: -12px;
}
.template-input {
  margin-top: 12px;
  margin-bottom: 12px;
}
.template-input .text-captionAlt {
  color: rgba(255, 255, 255, 0.6);
}
.template-input .input-errorDialog {
  position: static;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-top: 0;
  margin-bottom: 0;
}
.template-input .input-errorDialog.errorDialogType_above {
  margin-top: 0;
  margin-bottom: 0;
}
.template-input.inputType_checkbox {
  padding: 2px 0;
}
.template-input.inputType_twoFields {
  display: -ms-grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 12px 1fr;
  width: 100%;
}
.template-input.inputType_twoFields .field-one {
  -ms-grid-column: 1;
}
.template-input.inputType_twoFields .field-two {
  -ms-grid-column: 3;
}
.template-input.inputType_twoFields .template-tooltip {
  -ms-grid-row: 3;
  -ms-grid-column-span: 3;
}
.template-input select {
  min-width: inherit;
  max-width: 100%;
}
@media (min-width: 480px) {
  .template-input {
    max-width: 296px;
  }
  .template-input.inputType_large,
  .template-input.inputType_large input,
  .template-input.inputType_large select {
    max-width: 384px;
  }
  .template-input.inputType_med,
  .template-input.inputType_med input,
  .template-input.inputType_med select {
    max-width: 256px;
  }
  .template-input.inputType_small,
  .template-input.inputType_small input,
  .template-input.inputType_small select {
    max-width: 128px;
    min-width: 0;
  }
  .template-input .inputType_small select,
  .template-input .inputType_med select,
  .template-input .inputType_large select {
    min-width: 0px;
  }
}
.template-input .template-datePicker {
  display: -ms-grid;
  -ms-grid-rows: auto 1fr;
  -ms-grid-columns: 2fr 12px 1fr 12px 1fr;
  height: 28px;
  width: 100%;
}
.template-input .template-datePicker .template-input {
  min-width: 0;
  margin-top: 0;
  width: 100%;
}
@media (min-width: 480px) {
  .template-input .template-datePicker .template-input {
    max-width: none;
  }
}
.template-input .template-datePicker .template-tooltip {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
}
.template-input .template-datePicker .month {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.template-input .template-datePicker .day {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.template-input .template-datePicker .year {
  -ms-grid-row: 2;
  -ms-grid-column: 5;
}
.template-input .template-datePicker.inputType_checkbox {
  padding: 2px 0;
}
.template-listViewItem {
  height: 44px;
  display: -ms-grid;
  -ms-grid-rows: 1fr;
  -ms-grid-columns: 12px auto 12px 1fr 12px;
}
.template-listViewItem .listViewItem-icon {
  -ms-grid-column: 2;
  -ms-grid-row-align: center;
  font-size: 32px;
}
.template-listViewItem .listViewItem-title {
  -ms-grid-column: 4;
  -ms-grid-row-align: center;
}
progress.template-progressTop {
  margin-top: 0;
  position: absolute;
  top: 0;
  color: #ffffff;
}
@media (min-width: 480px) {
  progress.template-progressTop {
    margin-top: 12px;
  }
}
/*#region Layouts */
@media (min-width: 480px) {
  .layout-twoColumn {
    display: -ms-grid;
    -ms-grid-rows: auto;
    -ms-grid-columns: minmax(1fr, 296px) minmax(32px, 1fr) minmax(1fr, 296px);
    max-width: 672px;
  }
  .layout-twoColumn .gridcol-one + .gridcol-two {
    margin-top: 0;
  }
  .layout-twoColumnText {
    column-count: 2;
    column-gap: 32px;
  }
}
/*#endregion Layouts */
/*#region Grid Positioning */
.gridcol-one {
  -ms-grid-column: 1;
}
.gridcol-two {
  -ms-grid-column: 3;
}
.gridrow-one {
  -ms-grid-row: 1;
}
.gridrow-two {
  -ms-grid-row: 2;
}
.gridrow-three {
  -ms-grid-row: 3;
}
.gridrow-four {
  -ms-grid-row: 4;
}
.gridrow-five {
  -ms-grid-row: 5;
}
.gridcolspan-one_wide.gridcol-one {
  -ms-grid-column-span: 2;
}
.gridcolspan-one_wide .template-input input,
.gridcolspan-one_wide .template-input select {
  width: 100%;
}
.gridcolspan-two {
  -ms-grid-column-span: 3;
}
.gridrowspan-two {
  -ms-grid-row-span: 2;
}
.gridrowspan-three {
  -ms-grid-row-span: 3;
}
.gridrowspan-four {
  -ms-grid-row-span: 4;
}
.gridrowspan-five {
  -ms-grid-row-span: 5;
}
.gridgutter {
  height: 32px;
}
.gridcol-one + .gridcol-two {
  margin-top: 32px;
}
/*#endregion Grid Positioning */